mynode/packages/app-desktop/gui/ResizableLayout/utils/setLayoutItemProps.ts

import { produce } from 'immer';
import { LayoutItem } from './types';
import validateLayout from './validateLayout';

export default function setLayoutItemProps(layout: LayoutItem, key: string, props: Partial<LayoutItem>) {
	return validateLayout(produce(layout, (draftState: LayoutItem) => {
		function recurseFind(item: LayoutItem) {
			if (item.key === key) {
				for (const n in props) {
					(item as unknown as Record<string, unknown>)[n] = (props as Record<string, unknown>)[n];
				}
			} else {
				if (item.children) {
					for (const child of item.children) {
						recurseFind(child);
					}
				}
			}
		}

		recurseFind(draftState);
	}));
}