@vuu-ui/vuu-layout 0.13.7 → 0.13.9

package/esm/layout-reducer/layout-reducer.js

@@ -1,200 +0,0 @@
-import { isContainer } from '@vuu-ui/vuu-utils';
-import React from 'react';
-import { followPath, findTarget, followPathToParent } from '../utils/pathUtils.js';
-import { getProps, getProp } from '../utils/propUtils.js';
-import { typeOf } from '../utils/typeOf.js';
-import { getIntrinsicSize } from './flexUtils.js';
-import { getInsertTabBeforeAfter, insertIntoContainer, insertBesideChild } from './insert-layout-element.js';
-import { moveChild } from './move-layout-element.js';
-import { LayoutActionType } from './layoutTypes.js';
-import { removeChild } from './remove-layout-element.js';
-import { replaceChild, swapChild, _replaceChild } from './replace-layout-element.js';
-import { resizeFlexChild, resizeFlexChildren } from './resize-flex-children.js';
-import { wrap } from './wrap-layout-element.js';
-
-const layoutReducer = (state, action) => {
-  switch (action.type) {
-    case LayoutActionType.ADD:
-      return addChild(state, action);
-    case LayoutActionType.DRAG_DROP:
-      return dragDrop(state, action);
-    case "collapse":
-    case "expand":
-      return setChildProps(state, action);
-    case LayoutActionType.REMOVE:
-      return removeChild(state, action);
-    case LayoutActionType.REPLACE:
-      return replaceChild(state, action);
-    case LayoutActionType.SET_PROP:
-      return setProp(state, action);
-    case LayoutActionType.SET_PROPS:
-      return setProps(state, action);
-    case LayoutActionType.SET_TITLE:
-      return setProp(state, {
-        type: "set-prop",
-        path: action.path,
-        propName: "title",
-        propValue: action.title
-      });
-    case LayoutActionType.SPLITTER_RESIZE:
-      return resizeFlexChildren(state, action);
-    case LayoutActionType.LAYOUT_RESIZE:
-      return resizeFlexChild(state, action);
-    case LayoutActionType.SWITCH_TAB:
-      return switchTab(state, action);
-    case LayoutActionType.MOVE_CHILD:
-      return moveChild(state, action);
-    default:
-      return state;
-  }
-};
-const switchTab = (state, { path, nextIdx }) => {
-  const target = followPath(state, path, true);
-  const replacement = React.cloneElement(target, {
-    active: nextIdx
-  });
-  return swapChild(state, target, replacement);
-};
-const setProp = (state, { path, propName, propValue }) => {
-  const target = followPath(state, path, true);
-  const replacement = React.cloneElement(target, {
-    [propName]: propValue
-  });
-  return swapChild(state, target, replacement);
-};
-const setProps = (state, { path, props }) => {
-  const target = followPath(state, path, true);
-  const replacement = React.cloneElement(target, props);
-  return swapChild(state, target, replacement);
-};
-const setChildProps = (state, { path, type }) => {
-  if (path) {
-    const target = followPath(state, path, true);
-    return swapChild(state, target, target, type);
-  } else {
-    return state;
-  }
-};
-const dragDrop = (layoutRoot, action) => {
-  const {
-    draggedReactElement: newComponent,
-    dragInstructions,
-    dropTarget
-  } = action;
-  const existingComponent = dropTarget.component;
-  const { pos } = dropTarget;
-  const destinationTabstrip = pos?.position?.Header && typeOf(existingComponent) === "Stack";
-  const { id, version } = getProps(newComponent);
-  const intrinsicSize = getIntrinsicSize(newComponent);
-  let newLayoutRoot;
-  if (destinationTabstrip) {
-    const [targetTab, insertionPosition] = getInsertTabBeforeAfter(
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      existingComponent,
-      pos
-    );
-    if (targetTab === void 0) {
-      newLayoutRoot = insertIntoContainer(
-        layoutRoot,
-        existingComponent,
-        newComponent
-      );
-    } else {
-      newLayoutRoot = insertBesideChild(
-        layoutRoot,
-        targetTab,
-        newComponent,
-        insertionPosition
-      );
-    }
-  } else if (!intrinsicSize && pos?.position?.Centre) {
-    newLayoutRoot = _replaceChild(
-      layoutRoot,
-      existingComponent,
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      newComponent
-    );
-  } else {
-    newLayoutRoot = dropLayoutIntoContainer(
-      layoutRoot,
-      dropTarget,
-      newComponent
-    );
-  }
-  if (dragInstructions.DoNotRemove) {
-    return newLayoutRoot;
-  }
-  const finalTarget = findTarget(
-    newLayoutRoot,
-    (props) => props.id === id && props.version === version
-  );
-  const finalPath = getProp(finalTarget, "path");
-  return removeChild(newLayoutRoot, { path: finalPath, type: "remove" });
-};
-const addChild = (layoutRoot, { path: containerPath, component }) => {
-  return insertIntoContainer(
-    layoutRoot,
-    followPath(layoutRoot, containerPath),
-    component
-  );
-};
-const dropLayoutIntoContainer = (layoutRoot, dropTarget, newComponent) => {
-  const { component, pos, clientRect, dropRect } = dropTarget;
-  const existingComponent = component;
-  const existingComponentPath = getProp(existingComponent, "path");
-  if (existingComponentPath === "0.0") {
-    return wrap(
-      layoutRoot,
-      existingComponent,
-      newComponent,
-      pos
-    );
-  }
-  const targetContainer = followPathToParent(
-    layoutRoot,
-    existingComponentPath
-  );
-  if (withTheGrain(pos, targetContainer)) {
-    const insertionPosition = pos.position.SouthOrEast ? "after" : "before";
-    return insertBesideChild(
-      layoutRoot,
-      existingComponent,
-      newComponent,
-      insertionPosition,
-      pos,
-      clientRect,
-      dropRect
-    );
-  }
-  if (!withTheGrain(pos, targetContainer)) {
-    return wrap(
-      layoutRoot,
-      existingComponent,
-      newComponent,
-      pos,
-      clientRect,
-      dropRect
-    );
-  }
-  if (isContainer(typeOf(targetContainer))) {
-    return wrap(layoutRoot, existingComponent, newComponent, pos);
-  }
-  throw Error(`no support right now for position = ${pos.position}`);
-};
-const withTheGrain = (pos, container) => {
-  if (pos.position.Centre) {
-    return isTerrace(container) || isTower(container);
-  }
-  return pos.position.NorthOrSouth ? isTower(container) : pos.position.EastOrWest ? isTerrace(container) : false;
-};
-const isTower = (container) => {
-  const { style } = container.props;
-  return typeOf(container) === "Flexbox" && style.flexDirection === "column";
-};
-const isTerrace = (container) => {
-  const { style } = container.props;
-  return typeOf(container) === "Flexbox" && style.flexDirection !== "column";
-};
-
-export { layoutReducer };
-//# sourceMappingURL=layout-reducer.js.map

package/esm/layout-reducer/layout-reducer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout-reducer.js","sources":["../../src/layout-reducer/layout-reducer.ts"],"sourcesContent":["import { isContainer } from \"@vuu-ui/vuu-utils\";\nimport React, { ReactElement } from \"react\";\nimport { DropPos } from \"../drag-drop/dragDropTypes\";\nimport { DropTarget } from \"../drag-drop/DropTarget\";\nimport {\n  findTarget,\n  followPath,\n  followPathToParent,\n  getProp,\n  getProps,\n  typeOf,\n} from \"../utils\";\nimport { getIntrinsicSize } from \"./flexUtils\";\nimport {\n  getInsertTabBeforeAfter,\n  insertBesideChild,\n  insertIntoContainer,\n} from \"./insert-layout-element\";\nimport { moveChild } from \"./move-layout-element\";\nimport {\n  AddAction,\n  CollapseAction,\n  DragDropAction,\n  ExpandAction,\n  LayoutActionType,\n  LayoutReducerAction,\n  SetPropAction,\n  SetPropsAction,\n  SwitchTabAction,\n} from \"./layoutTypes\";\nimport { LayoutProps } from \"./layoutUtils\";\nimport { removeChild } from \"./remove-layout-element\";\nimport {\n  replaceChild,\n  swapChild,\n  _replaceChild,\n} from \"./replace-layout-element\";\nimport { resizeFlexChild, resizeFlexChildren } from \"./resize-flex-children\";\nimport { wrap } from \"./wrap-layout-element\";\n\nexport const layoutReducer = (\n  state: ReactElement,\n  action: LayoutReducerAction,\n): ReactElement => {\n  switch (action.type) {\n    case LayoutActionType.ADD:\n      return addChild(state, action);\n    case LayoutActionType.DRAG_DROP:\n      return dragDrop(state, action);\n    case \"collapse\":\n    case \"expand\":\n      return setChildProps(state, action);\n    case LayoutActionType.REMOVE:\n      return removeChild(state, action);\n    case LayoutActionType.REPLACE:\n      return replaceChild(state, action);\n    case LayoutActionType.SET_PROP:\n      return setProp(state, action);\n    case LayoutActionType.SET_PROPS:\n      return setProps(state, action);\n    case LayoutActionType.SET_TITLE:\n      return setProp(state, {\n        type: \"set-prop\",\n        path: action.path,\n        propName: \"title\",\n        propValue: action.title,\n      });\n    case LayoutActionType.SPLITTER_RESIZE:\n      return resizeFlexChildren(state, action);\n    case LayoutActionType.LAYOUT_RESIZE:\n      return resizeFlexChild(state, action);\n    case LayoutActionType.SWITCH_TAB:\n      return switchTab(state, action);\n    case LayoutActionType.MOVE_CHILD:\n      return moveChild(state, action);\n    default:\n      return state;\n  }\n};\n\nconst switchTab = (state: ReactElement, { path, nextIdx }: SwitchTabAction) => {\n  const target = followPath(state, path, true);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const replacement = React.cloneElement<any>(target, {\n    active: nextIdx,\n  });\n  return swapChild(state, target, replacement);\n};\n\nconst setProp = (\n  state: ReactElement,\n  { path, propName, propValue }: SetPropAction,\n) => {\n  const target = followPath(state, path, true);\n  const replacement = React.cloneElement(target, {\n    [propName]: propValue,\n  });\n  return swapChild(state, target, replacement);\n};\n\nconst setProps = (state: ReactElement, { path, props }: SetPropsAction) => {\n  const target = followPath(state, path, true);\n  const replacement = React.cloneElement(target, props);\n  return swapChild(state, target, replacement);\n};\n\nconst setChildProps = (\n  state: ReactElement,\n  { path, type }: CollapseAction | ExpandAction,\n) => {\n  if (path) {\n    const target = followPath(state, path, true);\n    return swapChild(state, target, target, type);\n  } else {\n    return state;\n  }\n};\n\nconst dragDrop = (\n  layoutRoot: ReactElement,\n  action: DragDropAction,\n): ReactElement => {\n  const {\n    draggedReactElement: newComponent,\n    dragInstructions,\n    dropTarget,\n  } = action;\n  const existingComponent = dropTarget.component as ReactElement;\n  const { pos } = dropTarget;\n  const destinationTabstrip =\n    pos?.position?.Header && typeOf(existingComponent) === \"Stack\";\n  const { id, version } = getProps(newComponent);\n  const intrinsicSize = getIntrinsicSize(newComponent);\n  let newLayoutRoot: ReactElement;\n  if (destinationTabstrip) {\n    const [targetTab, insertionPosition] = getInsertTabBeforeAfter(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      existingComponent!,\n      pos,\n    );\n    if (targetTab === undefined) {\n      newLayoutRoot = insertIntoContainer(\n        layoutRoot,\n        existingComponent,\n        newComponent,\n      );\n    } else {\n      newLayoutRoot = insertBesideChild(\n        layoutRoot,\n        targetTab,\n        newComponent,\n        insertionPosition,\n      );\n    }\n  } else if (!intrinsicSize && pos?.position?.Centre) {\n    newLayoutRoot = _replaceChild(\n      layoutRoot,\n      existingComponent as ReactElement,\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      newComponent as any,\n    );\n  } else {\n    newLayoutRoot = dropLayoutIntoContainer(\n      layoutRoot,\n      dropTarget as DropTarget,\n      newComponent,\n    );\n  }\n\n  if (dragInstructions.DoNotRemove) {\n    return newLayoutRoot;\n  }\n\n  const finalTarget = findTarget(\n    newLayoutRoot,\n    (props: LayoutProps) => props.id === id && props.version === version,\n  ) as ReactElement;\n  const finalPath = getProp(finalTarget, \"path\");\n  return removeChild(newLayoutRoot, { path: finalPath, type: \"remove\" });\n};\n\nconst addChild = (\n  layoutRoot: ReactElement,\n  { path: containerPath, component }: AddAction,\n) => {\n  return insertIntoContainer(\n    layoutRoot,\n    followPath(layoutRoot, containerPath) as ReactElement,\n    component,\n  );\n};\n\nconst dropLayoutIntoContainer = (\n  layoutRoot: ReactElement,\n  dropTarget: DropTarget,\n  newComponent: ReactElement,\n): ReactElement => {\n  const { component, pos, clientRect, dropRect } = dropTarget;\n  const existingComponent = component as ReactElement;\n\n  const existingComponentPath = getProp(existingComponent, \"path\");\n\n  if (existingComponentPath === \"0.0\") {\n    return wrap(\n      layoutRoot,\n      existingComponent as ReactElement,\n      newComponent,\n      pos,\n    );\n  }\n\n  const targetContainer = followPathToParent(\n    layoutRoot,\n    existingComponentPath,\n  ) as ReactElement;\n\n  if (withTheGrain(pos, targetContainer)) {\n    const insertionPosition = pos.position.SouthOrEast ? \"after\" : \"before\";\n    return insertBesideChild(\n      layoutRoot,\n      existingComponent,\n      newComponent,\n      insertionPosition,\n      pos,\n      clientRect,\n      dropRect,\n    );\n  }\n\n  if (!withTheGrain(pos, targetContainer)) {\n    return wrap(\n      layoutRoot,\n      existingComponent,\n      newComponent,\n      pos,\n      clientRect,\n      dropRect,\n    );\n  }\n\n  if (isContainer(typeOf(targetContainer) as string)) {\n    return wrap(layoutRoot, existingComponent, newComponent, pos);\n  }\n\n  throw Error(`no support right now for position = ${pos.position}`);\n};\n\nconst withTheGrain = (pos: DropPos, container: ReactElement) => {\n  if (pos.position.Centre) {\n    return isTerrace(container) || isTower(container);\n  }\n\n  return pos.position.NorthOrSouth\n    ? isTower(container)\n    : pos.position.EastOrWest\n      ? isTerrace(container)\n      : false;\n};\n\nconst isTower = (container: ReactElement) => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const { style } = container.props as any;\n  return typeOf(container) === \"Flexbox\" && style.flexDirection === \"column\";\n};\n\nconst isTerrace = (container: ReactElement) => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const { style } = container.props as any;\n  return typeOf(container) === \"Flexbox\" && style.flexDirection !== \"column\";\n};\n"],"names":[],"mappings":"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"}

package/esm/layout-reducer/layoutTypes.js

@@ -1,36 +0,0 @@
-const LayoutActionType = {
-  ADD: "add",
-  DRAG_START: "drag-start",
-  DRAG_DROP: "drag-drop",
-  LAYOUT_RESIZE: "layout-resize",
-  MAXIMIZE: "maximize",
-  MINIMIZE: "minimize",
-  MOVE_CHILD: "move-child",
-  QUERY: "query",
-  REMOVE: "remove",
-  REPLACE: "replace",
-  RESTORE: "restore",
-  SET_PROP: "set-prop",
-  SET_PROPS: "set-props",
-  SET_TITLE: "set-title",
-  SPLITTER_RESIZE: "splitter-resize",
-  SWITCH_TAB: "switch-tab",
-  TEAROUT: "tearout"
-};
-const isApplicationLevelChange = (layoutChangeReason) => [
-  "switch-active-layout",
-  "open-layout",
-  "close-layout",
-  "rename-layout"
-].includes(layoutChangeReason);
-const isLayoutLevelChange = (layoutChangeReason) => [
-  "switch-active-tab",
-  "edit-feature-title",
-  "save-feature-props",
-  "remove-component",
-  "resize-component",
-  "drag-drop-operation"
-].includes(layoutChangeReason);
-
-export { LayoutActionType, isApplicationLevelChange, isLayoutLevelChange };
-//# sourceMappingURL=layoutTypes.js.map

package/esm/layout-reducer/layoutTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layoutTypes.js","sources":["../../src/layout-reducer/layoutTypes.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { LayoutJSON } from \"@vuu-ui/vuu-utils\";\nimport { ReactElement } from \"react\";\nimport { DragDropRect, DragInstructions } from \"../drag-drop\";\nimport { DropTarget } from \"../drag-drop/DropTarget\";\n\nexport type layoutType = \"Flexbox\" | \"View\" | \"LayoutContainer\" | \"Stack\";\n\n// TODO duplicated in layout-action\nexport const LayoutActionType = {\n  ADD: \"add\",\n  DRAG_START: \"drag-start\",\n  DRAG_DROP: \"drag-drop\",\n  LAYOUT_RESIZE: \"layout-resize\",\n  MAXIMIZE: \"maximize\",\n  MINIMIZE: \"minimize\",\n  MOVE_CHILD: \"move-child\",\n  QUERY: \"query\",\n  REMOVE: \"remove\",\n  REPLACE: \"replace\",\n  RESTORE: \"restore\",\n  SET_PROP: \"set-prop\",\n  SET_PROPS: \"set-props\",\n  SET_TITLE: \"set-title\",\n  SPLITTER_RESIZE: \"splitter-resize\",\n  SWITCH_TAB: \"switch-tab\",\n  TEAROUT: \"tearout\",\n} as const;\n\nexport type AddAction = {\n  component: any;\n  path: string;\n  type: typeof LayoutActionType.ADD;\n};\n\nexport type DragDropAction = {\n  draggedReactElement: ReactElement;\n  dragInstructions: any;\n  dropTarget: Partial<DropTarget>;\n  type: typeof LayoutActionType.DRAG_DROP;\n};\n\nexport type MaximizeAction = {\n  path?: string;\n  type: typeof LayoutActionType.MAXIMIZE;\n};\n\nexport type CollapseAction = {\n  path?: string;\n  type: \"collapse\";\n};\n\nexport type ExpandAction = {\n  path?: string;\n  type: \"expand\";\n};\n\nexport type MoveChildAction = {\n  fromIndex: number;\n  toIndex: number;\n  path: string;\n  type: typeof LayoutActionType.MOVE_CHILD;\n};\n\nexport type QueryAction = {\n  path?: string;\n  query: string;\n  type: typeof LayoutActionType.QUERY;\n};\n\nexport type RemoveAction = {\n  path?: string;\n  type: typeof LayoutActionType.REMOVE;\n};\n\nexport type ReplaceAction = {\n  replacement: any;\n  target: any;\n  type: typeof LayoutActionType.REPLACE;\n};\n\nexport type RestoreAction = {\n  path?: string;\n  type: typeof LayoutActionType.RESTORE;\n};\n\nexport type SetPropAction = {\n  path: string;\n  propName: string;\n  propValue: string | number | boolean;\n  type: typeof LayoutActionType.SET_PROP;\n};\n\nexport type SetPropsAction = {\n  path: string;\n  props: { [key: string]: unknown };\n  type: typeof LayoutActionType.SET_PROPS;\n};\n\nexport type SetTitleAction = {\n  path: string;\n  title: string;\n  type: typeof LayoutActionType.SET_TITLE;\n};\n\nexport type SplitterResizeAction = {\n  path: string;\n  sizes: { currentSize: number; flexBasis: number }[];\n  type: typeof LayoutActionType.SPLITTER_RESIZE;\n};\n\nexport type LayoutResizeAction = {\n  path: string;\n  size: number;\n  type: typeof LayoutActionType.LAYOUT_RESIZE;\n};\n\nexport type SwitchTabAction = {\n  id?: string;\n  nextIdx: number;\n  path: string;\n  type: typeof LayoutActionType.SWITCH_TAB;\n};\n\nexport type TearoutAction = {\n  path?: string;\n  type: typeof LayoutActionType.TEAROUT;\n};\n\nexport type LayoutReducerAction =\n  | AddAction\n  | DragDropAction\n  | LayoutResizeAction\n  | CollapseAction\n  | ExpandAction\n  | MoveChildAction\n  | RemoveAction\n  | ReplaceAction\n  | RestoreAction\n  | SetPropAction\n  | SetPropsAction\n  | SetTitleAction\n  | SplitterResizeAction\n  | SwitchTabAction;\n\nexport type MousedownViewAction = {\n  preDragActivity?: unknown;\n  index?: number;\n  type: \"mousedown\";\n};\n\nexport type DragStartAction = {\n  payload?: ReactElement;\n  dragContainerPath?: string;\n  dragElement?: HTMLElement;\n  dragRect: DragDropRect;\n  dropTargets?: string[];\n  evt: MouseEvent;\n  instructions?: DragInstructions;\n  path: string;\n  type: typeof LayoutActionType.DRAG_START;\n};\n\nexport type LayoutLevelChange =\n  | \"add-component\"\n  | \"drag-drop-operation\"\n  | \"edit-feature-title\"\n  | \"remove-component\"\n  | \"resize-component\"\n  | \"switch-active-tab\"\n  | \"save-feature-props\";\n\nexport type ApplicationLevelChange =\n  | \"switch-active-layout\"\n  | \"open-layout\"\n  | \"close-layout\"\n  | \"rename-layout\"\n  | \"resize-application-chrome\";\n\nexport type LayoutChangeReason = LayoutLevelChange | ApplicationLevelChange;\n\nexport type LayoutChangeHandler = (\n  layout: LayoutJSON,\n  layoutChangeReason: LayoutChangeReason,\n) => void;\n\nexport const isApplicationLevelChange = (\n  layoutChangeReason: LayoutChangeReason,\n): layoutChangeReason is ApplicationLevelChange =>\n  [\n    \"switch-active-layout\",\n    \"open-layout\",\n    \"close-layout\",\n    \"rename-layout\",\n  ].includes(layoutChangeReason);\n\nexport const isLayoutLevelChange = (\n  layoutChangeReason: LayoutChangeReason,\n): layoutChangeReason is LayoutLevelChange =>\n  [\n    \"switch-active-tab\",\n    \"edit-feature-title\",\n    \"save-feature-props\",\n    \"remove-component\",\n    \"resize-component\",\n    \"drag-drop-operation\",\n  ].includes(layoutChangeReason);\n"],"names":[],"mappings":"AASO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,GAAK,EAAA,KAAA;AAAA,EACL,UAAY,EAAA,YAAA;AAAA,EACZ,SAAW,EAAA,WAAA;AAAA,EACX,aAAe,EAAA,eAAA;AAAA,EACf,QAAU,EAAA,UAAA;AAAA,EACV,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,YAAA;AAAA,EACZ,KAAO,EAAA,OAAA;AAAA,EACP,MAAQ,EAAA,QAAA;AAAA,EACR,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,QAAU,EAAA,UAAA;AAAA,EACV,SAAW,EAAA,WAAA;AAAA,EACX,SAAW,EAAA,WAAA;AAAA,EACX,eAAiB,EAAA,iBAAA;AAAA,EACjB,UAAY,EAAA,YAAA;AAAA,EACZ,OAAS,EAAA;AACX;AA+Ja,MAAA,wBAAA,GAA2B,CACtC,kBAEA,KAAA;AAAA,EACE,sBAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,CAAE,SAAS,kBAAkB;AAElB,MAAA,mBAAA,GAAsB,CACjC,kBAEA,KAAA;AAAA,EACE,mBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF,CAAA,CAAE,SAAS,kBAAkB;;;;"}

package/esm/layout-reducer/layoutUtils.js

@@ -1,226 +0,0 @@
-import { isContainer, getLayoutComponent, uuid, isLayoutComponent } from '@vuu-ui/vuu-utils';
-import React, { cloneElement } from 'react';
-import { setPersistentState, hasPersistentState, getPersistentState } from '../use-persistent-state.js';
-import { followPathToParent } from '../utils/pathUtils.js';
-import { getProps } from '../utils/propUtils.js';
-import { expandFlex } from '../utils/styleUtils.js';
-import { typeOf } from '../utils/typeOf.js';
-
-const getManagedDimension = (style) => style.flexDirection === "column" ? ["height", "width"] : ["width", "height"];
-const theKidHasNoStyle = {};
-const applyLayoutProps = (component, path = "0") => {
-  const [layoutProps, children] = getChildLayoutProps(
-    typeOf(component),
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    component.props,
-    path
-  );
-  return React.cloneElement(component, layoutProps, children);
-};
-const cloneElementAddLayoutProps = (layoutElement, previousLayout) => {
-  const type = typeOf(layoutElement);
-  const [layoutProps, children] = getChildLayoutProps(
-    type,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    layoutElement.props,
-    "0",
-    void 0,
-    previousLayout
-  );
-  return cloneElement(layoutElement, layoutProps, children);
-};
-const applyLayout = (type, props, previousLayout) => {
-  const [layoutProps, children] = getChildLayoutProps(
-    type,
-    props,
-    "0",
-    void 0,
-    previousLayout
-  );
-  return {
-    ...props,
-    ...layoutProps,
-    type,
-    children
-  };
-};
-function getLayoutProps(type, props, path = "0", parentType = null, previousLayout) {
-  const {
-    active: prevActive = 0,
-    "data-path": dataPath,
-    path: prevPath = dataPath,
-    id: prevId,
-    style: prevStyle
-  } = getProps(previousLayout);
-  const prevMatch = typeOf(previousLayout) === type && path === prevPath;
-  const id = prevMatch ? prevId : props.id ?? uuid();
-  const active = type === "Stack" ? props.active ?? prevActive : void 0;
-  const key = id;
-  const style = prevMatch ? prevStyle : getStyle(type, props, parentType);
-  return isLayoutComponent(type) ? { id, key, path, style, type, active } : { id, key, style, "data-path": path };
-}
-function getChildLayoutProps(type, props, path, parentType = null, previousLayout) {
-  const layoutProps = getLayoutProps(
-    type,
-    props,
-    path,
-    parentType,
-    previousLayout
-  );
-  if (props.layout && !previousLayout) {
-    return [layoutProps, [layoutFromJson(props.layout, `${path}.0`)]];
-  }
-  const previousChildren = (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    previousLayout?.children ?? // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    previousLayout?.props?.children
-  );
-  const hasDynamicChildren = props.dropTarget && previousChildren;
-  const children = hasDynamicChildren ? previousChildren : getLayoutChildren(type, props.children, path, previousChildren);
-  return [layoutProps, children];
-}
-function getLayoutChildren(type, children, path = "0", previousChildren) {
-  const kids = Array.isArray(children) ? children : React.isValidElement(children) ? [children] : [];
-  return isContainer(type) ? kids.map((child, i) => {
-    const childType = typeOf(child);
-    const previousType = typeOf(previousChildren?.[i]);
-    if (!previousType || childType === previousType) {
-      const [layoutProps, children2] = getChildLayoutProps(
-        childType,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        child.props,
-        `${path}.${i}`,
-        type,
-        previousChildren?.[i]
-      );
-      return React.cloneElement(child, layoutProps, children2);
-    }
-    return previousChildren?.[i];
-  }) : children;
-}
-const getStyle = (type, props, parentType) => {
-  let { style = theKidHasNoStyle } = props;
-  if (type === "Flexbox") {
-    style = {
-      flexDirection: props.column ? "column" : "row",
-      ...style,
-      display: "flex"
-    };
-  }
-  if (style.flex) {
-    const { flex, ...otherStyles } = style;
-    style = {
-      ...otherStyles,
-      ...expandFlex(typeof flex === "number" ? flex : 0)
-    };
-  } else if (parentType === "Stack") {
-    style = {
-      ...style,
-      ...expandFlex(1)
-    };
-  } else if (parentType === "Flexbox" && (style.width || style.height) && style.flexBasis === void 0) {
-    style = {
-      ...style,
-      flexBasis: "auto",
-      flexGrow: 0,
-      flexShrink: 0
-    };
-  }
-  return style;
-};
-function layoutFromJson({ active, id = uuid(), type, children, props, state }, path) {
-  const componentType = type.match(/^[a-z]/) ? type : getLayoutComponent(type);
-  if (componentType === void 0) {
-    throw Error(
-      `layoutUtils unable to create component from JSON, unknown type ${type}`
-    );
-  }
-  if (state) {
-    setPersistentState(id, state);
-  }
-  return React.createElement(
-    componentType,
-    {
-      active,
-      id,
-      ...props,
-      key: id,
-      path
-    },
-    children ? children.map((child, i) => layoutFromJson(child, `${path}.${i}`)) : void 0
-  );
-}
-function layoutToJSON(component) {
-  return componentToJson(component);
-}
-function componentToJson(component) {
-  const type = typeOf(component);
-  const { id, children, type: _omit, ...props } = getProps(component);
-  const state = hasPersistentState(id) ? getPersistentState(id) : void 0;
-  return {
-    id,
-    type,
-    props: serializeProps(props),
-    state,
-    children: React.Children.map(children, componentToJson)
-  };
-}
-function serializeProps(props) {
-  if (props) {
-    const { path, ...otherProps } = props;
-    const result = {};
-    for (const [key, value] of Object.entries(otherProps)) {
-      result[key] = serializeValue(value);
-    }
-    return result;
-  }
-}
-function serializeValue(value) {
-  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
-    return value;
-  } else if (Array.isArray(value)) {
-    return value.map(serializeValue);
-  } else if (typeof value === "object" && value !== null) {
-    const result = {};
-    for (const [k, v] of Object.entries(value)) {
-      result[k] = serializeValue(v);
-    }
-    return result;
-  }
-}
-const layoutQuery = (query, path, layoutRoot) => {
-  if (path && layoutRoot) {
-    const parentElement = followPathToParent(layoutRoot, path);
-    if (parentElement) {
-      const { id: parentContainerId } = getProps(parentElement);
-      const parentContainerType = typeOf(parentElement);
-      return {
-        parentContainerId,
-        parentContainerType
-      };
-    }
-    return {
-      parentContainerType: "Stack",
-      parentContainerId: "blah"
-    };
-  }
-};
-const getDefaultTabLabel = (component, tabIndex, existingLabels = []) => {
-  let label = (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    component.props?.title ?? // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    component.props?.["data-tab-title"] ?? existingLabels[tabIndex]
-  );
-  if (label) {
-    return label;
-  } else {
-    let count = tabIndex;
-    do {
-      label = `Tab ${++count}`;
-    } while (existingLabels.includes(label));
-    return label;
-  }
-};
-
-export { applyLayout, applyLayoutProps, cloneElementAddLayoutProps, componentToJson, getDefaultTabLabel, getManagedDimension, layoutFromJson, layoutQuery, layoutToJSON, serializeProps };
-//# sourceMappingURL=layoutUtils.js.map

package/esm/layout-reducer/layoutUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layoutUtils.js","sources":["../../src/layout-reducer/layoutUtils.ts"],"sourcesContent":["import {\n  LayoutJSON,\n  LayoutModel,\n  dimension,\n  getLayoutComponent,\n  isContainer,\n  isLayoutComponent,\n  uuid,\n} from \"@vuu-ui/vuu-utils\";\nimport React, { CSSProperties, ReactElement, cloneElement } from \"react\";\nimport { TabLabelFactory } from \"../stack\";\nimport {\n  getPersistentState,\n  hasPersistentState,\n  setPersistentState,\n} from \"../use-persistent-state\";\nimport { expandFlex, followPathToParent, getProps, typeOf } from \"../utils\";\nimport { layoutType } from \"./layoutTypes\";\n\ninterface ComponentWithId {\n  id: string;\n  [key: string]: unknown;\n}\n\nexport const getManagedDimension = (\n  style: CSSProperties,\n): [dimension, dimension] =>\n  style.flexDirection === \"column\" ? [\"height\", \"width\"] : [\"width\", \"height\"];\n\nconst theKidHasNoStyle: CSSProperties = {};\n\nexport const applyLayoutProps = (component: ReactElement, path = \"0\") => {\n  const [layoutProps, children] = getChildLayoutProps(\n    typeOf(component) as string,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    component.props as any,\n    path,\n  );\n  return React.cloneElement(component, layoutProps, children);\n};\n\nexport interface LayoutProps extends ComponentWithId {\n  active?: number;\n  \"data-path\"?: string;\n  children?: ReactElement[];\n  column?: boolean;\n  dropTarget?: boolean;\n  key: string;\n  layout?: LayoutJSON;\n  path?: string;\n  resizeable?: boolean;\n  style: CSSProperties;\n  type?: string;\n  version?: number;\n}\n\n/**\n * parse the declarative JSX and clone adding layout attributes\n */\nexport const cloneElementAddLayoutProps = (\n  layoutElement: ReactElement,\n  previousLayout?: ReactElement,\n): ReactElement => {\n  const type = typeOf(layoutElement) as string;\n  const [layoutProps, children] = getChildLayoutProps(\n    type,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    layoutElement.props as any,\n    \"0\",\n    undefined,\n    previousLayout,\n  );\n  return cloneElement(layoutElement, layoutProps, children);\n};\n\nexport const applyLayout = (\n  type: layoutType,\n  props: LayoutProps,\n  previousLayout?: LayoutModel,\n): LayoutModel => {\n  const [layoutProps, children] = getChildLayoutProps(\n    type,\n    props,\n    \"0\",\n    undefined,\n    previousLayout,\n  );\n  return {\n    ...props,\n    ...layoutProps,\n    type,\n    children,\n  };\n};\n\nfunction getLayoutProps(\n  type: string,\n  props: LayoutProps,\n  path = \"0\",\n  parentType: string | null = null,\n  previousLayout?: LayoutModel,\n): LayoutProps {\n  const {\n    active: prevActive = 0,\n    \"data-path\": dataPath,\n    path: prevPath = dataPath,\n    id: prevId,\n    style: prevStyle,\n  } = getProps(previousLayout);\n\n  const prevMatch = typeOf(previousLayout) === type && path === prevPath;\n  const id = prevMatch ? prevId : (props.id ?? uuid());\n  const active = type === \"Stack\" ? (props.active ?? prevActive) : undefined;\n\n  const key = id;\n  const style = prevMatch ? prevStyle : getStyle(type, props, parentType);\n  return isLayoutComponent(type)\n    ? { id, key, path, style, type, active }\n    : { id, key, style, \"data-path\": path };\n}\n\nfunction getChildLayoutProps(\n  type: string,\n  props: LayoutProps,\n  path: string,\n  parentType: string | null = null,\n  previousLayout?: LayoutModel,\n): [LayoutProps, ReactElement[]] {\n  const layoutProps = getLayoutProps(\n    type,\n    props,\n    path,\n    parentType,\n    previousLayout,\n  );\n\n  if (props.layout && !previousLayout) {\n    return [layoutProps, [layoutFromJson(props.layout, `${path}.0`)]];\n  }\n\n  const previousChildren =\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (previousLayout as any)?.children ??\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (previousLayout as any)?.props?.children;\n  const hasDynamicChildren = props.dropTarget && previousChildren;\n  const children = hasDynamicChildren\n    ? previousChildren\n    : getLayoutChildren(type, props.children, path, previousChildren);\n  return [layoutProps, children];\n}\n\nfunction getLayoutChildren(\n  type: string,\n  children?: ReactElement[],\n  path = \"0\",\n  previousChildren?: ReactElement[],\n) {\n  const kids = Array.isArray(children)\n    ? children\n    : React.isValidElement(children)\n      ? [children]\n      : [];\n  return isContainer(type)\n    ? kids.map((child, i) => {\n        const childType = typeOf(child) as string;\n        const previousType = typeOf(previousChildren?.[i]);\n\n        if (!previousType || childType === previousType) {\n          const [layoutProps, children] = getChildLayoutProps(\n            childType,\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            child.props as any,\n            `${path}.${i}`,\n            type,\n            previousChildren?.[i],\n          );\n          return React.cloneElement(child, layoutProps, children);\n        }\n\n        return previousChildren?.[i];\n      })\n    : children;\n}\n\nconst getStyle = (\n  type: string,\n  props: LayoutProps,\n  parentType?: string | null,\n) => {\n  let { style = theKidHasNoStyle } = props;\n  if (type === \"Flexbox\") {\n    style = {\n      flexDirection: props.column ? \"column\" : \"row\",\n      ...style,\n      display: \"flex\",\n    };\n  }\n\n  if (style.flex) {\n    const { flex, ...otherStyles } = style;\n    style = {\n      ...otherStyles,\n      ...expandFlex(typeof flex === \"number\" ? flex : 0),\n    };\n  } else if (parentType === \"Stack\") {\n    style = {\n      ...style,\n      ...expandFlex(1),\n    };\n  } else if (\n    parentType === \"Flexbox\" &&\n    (style.width || style.height) &&\n    style.flexBasis === undefined\n  ) {\n    style = {\n      ...style,\n      flexBasis: \"auto\",\n      flexGrow: 0,\n      flexShrink: 0,\n    };\n  }\n\n  return style;\n};\n\nexport function layoutFromJson(\n  { active, id = uuid(), type, children, props, state }: LayoutJSON,\n  path: string,\n): ReactElement {\n  const componentType = type.match(/^[a-z]/) ? type : getLayoutComponent(type);\n\n  if (componentType === undefined) {\n    throw Error(\n      `layoutUtils unable to create component from JSON, unknown type ${type}`,\n    );\n  }\n\n  if (state) {\n    setPersistentState(id, state);\n  }\n\n  return React.createElement(\n    componentType,\n    {\n      active,\n      id,\n      ...props,\n      key: id,\n      path,\n    },\n    children\n      ? children.map((child, i) => layoutFromJson(child, `${path}.${i}`))\n      : undefined,\n  );\n}\n\nexport function layoutToJSON(component: ReactElement) {\n  return componentToJson(component);\n}\n\nexport function componentToJson(component: ReactElement): LayoutJSON {\n  const type = typeOf(component) as string;\n  const { id, children, type: _omit, ...props } = getProps(component);\n\n  const state = hasPersistentState(id) ? getPersistentState(id) : undefined;\n\n  return {\n    id,\n    type,\n    props: serializeProps(props as LayoutProps),\n    state,\n    children: React.Children.map(children, componentToJson),\n  };\n}\n\nexport function serializeProps(props?: LayoutProps) {\n  if (props) {\n    const { path, ...otherProps } = props;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const result: { [key: string]: any } = {};\n    for (const [key, value] of Object.entries(otherProps)) {\n      result[key] = serializeValue(value);\n    }\n    return result;\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction serializeValue(value: unknown): any {\n  if (\n    typeof value === \"string\" ||\n    typeof value === \"number\" ||\n    typeof value === \"boolean\"\n  ) {\n    return value;\n  } else if (Array.isArray(value)) {\n    return value.map(serializeValue);\n  } else if (typeof value === \"object\" && value !== null) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const result: { [key: string]: any } = {};\n    for (const [k, v] of Object.entries(value)) {\n      result[k] = serializeValue(v);\n    }\n    return result;\n  }\n}\n\n// This is experimental and the only query we support to start off with is\n// PARENT_CONTAINER\nexport type LayoutQuery = \"PARENT_CONTAINER\";\n\nexport const layoutQuery = (\n  query: LayoutQuery,\n  path?: string,\n  layoutRoot?: ReactElement,\n) => {\n  if (path && layoutRoot) {\n    const parentElement = followPathToParent(layoutRoot, path);\n    if (parentElement) {\n      const { id: parentContainerId } = getProps(parentElement);\n      const parentContainerType = typeOf(parentElement);\n      return {\n        parentContainerId,\n        parentContainerType,\n      };\n    }\n    return {\n      parentContainerType: \"Stack\",\n      parentContainerId: \"blah\",\n    };\n  }\n};\n\nexport const getDefaultTabLabel: TabLabelFactory = (\n  component,\n  tabIndex,\n  existingLabels = [],\n): string => {\n  let label =\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (component.props as any)?.title ??\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (component.props as any)?.[\"data-tab-title\"] ??\n    existingLabels[tabIndex];\n  if (label) {\n    return label;\n  } else {\n    let count = tabIndex;\n    do {\n      label = `Tab ${++count}`;\n    } while (existingLabels.includes(label));\n    return label;\n  }\n};\n"],"names":["children"],"mappings":";;;;;;;;AAwBO,MAAM,mBAAsB,GAAA,CACjC,KAEA,KAAA,KAAA,CAAM,aAAkB,KAAA,QAAA,GAAW,CAAC,QAAA,EAAU,OAAO,CAAA,GAAI,CAAC,OAAA,EAAS,QAAQ;AAE7E,MAAM,mBAAkC,EAAC;AAElC,MAAM,gBAAmB,GAAA,CAAC,SAAyB,EAAA,IAAA,GAAO,GAAQ,KAAA;AACvE,EAAM,MAAA,CAAC,WAAa,EAAA,QAAQ,CAAI,GAAA,mBAAA;AAAA,IAC9B,OAAO,SAAS,CAAA;AAAA;AAAA,IAEhB,SAAU,CAAA,KAAA;AAAA,IACV;AAAA,GACF;AACA,EAAA,OAAO,KAAM,CAAA,YAAA,CAAa,SAAW,EAAA,WAAA,EAAa,QAAQ,CAAA;AAC5D;AAoBa,MAAA,0BAAA,GAA6B,CACxC,aAAA,EACA,cACiB,KAAA;AACjB,EAAM,MAAA,IAAA,GAAO,OAAO,aAAa,CAAA;AACjC,EAAM,MAAA,CAAC,WAAa,EAAA,QAAQ,CAAI,GAAA,mBAAA;AAAA,IAC9B,IAAA;AAAA;AAAA,IAEA,aAAc,CAAA,KAAA;AAAA,IACd,GAAA;AAAA,IACA,KAAA,CAAA;AAAA,IACA;AAAA,GACF;AACA,EAAO,OAAA,YAAA,CAAa,aAAe,EAAA,WAAA,EAAa,QAAQ,CAAA;AAC1D;AAEO,MAAM,WAAc,GAAA,CACzB,IACA,EAAA,KAAA,EACA,cACgB,KAAA;AAChB,EAAM,MAAA,CAAC,WAAa,EAAA,QAAQ,CAAI,GAAA,mBAAA;AAAA,IAC9B,IAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAA;AAAA,IACA,KAAA,CAAA;AAAA,IACA;AAAA,GACF;AACA,EAAO,OAAA;AAAA,IACL,GAAG,KAAA;AAAA,IACH,GAAG,WAAA;AAAA,IACH,IAAA;AAAA,IACA;AAAA,GACF;AACF;AAEA,SAAS,eACP,IACA,EAAA,KAAA,EACA,OAAO,GACP,EAAA,UAAA,GAA4B,MAC5B,cACa,EAAA;AACb,EAAM,MAAA;AAAA,IACJ,QAAQ,UAAa,GAAA,CAAA;AAAA,IACrB,WAAa,EAAA,QAAA;AAAA,IACb,MAAM,QAAW,GAAA,QAAA;AAAA,IACjB,EAAI,EAAA,MAAA;AAAA,IACJ,KAAO,EAAA;AAAA,GACT,GAAI,SAAS,cAAc,CAAA;AAE3B,EAAA,MAAM,SAAY,GAAA,MAAA,CAAO,cAAc,CAAA,KAAM,QAAQ,IAAS,KAAA,QAAA;AAC9D,EAAA,MAAM,EAAK,GAAA,SAAA,GAAY,MAAU,GAAA,KAAA,CAAM,MAAM,IAAK,EAAA;AAClD,EAAA,MAAM,MAAS,GAAA,IAAA,KAAS,OAAW,GAAA,KAAA,CAAM,UAAU,UAAc,GAAA,KAAA,CAAA;AAEjE,EAAA,MAAM,GAAM,GAAA,EAAA;AACZ,EAAA,MAAM,QAAQ,SAAY,GAAA,SAAA,GAAY,QAAS,CAAA,IAAA,EAAM,OAAO,UAAU,CAAA;AACtE,EAAA,OAAO,kBAAkB,IAAI,CAAA,GACzB,EAAE,EAAA,EAAI,KAAK,IAAM,EAAA,KAAA,EAAO,IAAM,EAAA,MAAA,KAC9B,EAAE,EAAA,EAAI,GAAK,EAAA,KAAA,EAAO,aAAa,IAAK,EAAA;AAC1C;AAEA,SAAS,oBACP,IACA,EAAA,KAAA,EACA,IACA,EAAA,UAAA,GAA4B,MAC5B,cAC+B,EAAA;AAC/B,EAAA,MAAM,WAAc,GAAA,cAAA;AAAA,IAClB,IAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAI,IAAA,KAAA,CAAM,MAAU,IAAA,CAAC,cAAgB,EAAA;AACnC,IAAO,OAAA,CAAC,WAAa,EAAA,CAAC,cAAe,CAAA,KAAA,CAAM,QAAQ,CAAG,EAAA,IAAI,CAAI,EAAA,CAAA,CAAC,CAAC,CAAA;AAAA;AAGlE,EAAM,MAAA,gBAAA;AAAA;AAAA,IAEH,cAAwB,EAAA,QAAA;AAAA,IAExB,gBAAwB,KAAO,EAAA;AAAA,GAAA;AAClC,EAAM,MAAA,kBAAA,GAAqB,MAAM,UAAc,IAAA,gBAAA;AAC/C,EAAM,MAAA,QAAA,GAAW,qBACb,gBACA,GAAA,iBAAA,CAAkB,MAAM,KAAM,CAAA,QAAA,EAAU,MAAM,gBAAgB,CAAA;AAClE,EAAO,OAAA,CAAC,aAAa,QAAQ,CAAA;AAC/B;AAEA,SAAS,iBACP,CAAA,IAAA,EACA,QACA,EAAA,IAAA,GAAO,KACP,gBACA,EAAA;AACA,EAAA,MAAM,IAAO,GAAA,KAAA,CAAM,OAAQ,CAAA,QAAQ,CAC/B,GAAA,QAAA,GACA,KAAM,CAAA,cAAA,CAAe,QAAQ,CAAA,GAC3B,CAAC,QAAQ,IACT,EAAC;AACP,EAAA,OAAO,YAAY,IAAI,CAAA,GACnB,KAAK,GAAI,CAAA,CAAC,OAAO,CAAM,KAAA;AACrB,IAAM,MAAA,SAAA,GAAY,OAAO,KAAK,CAAA;AAC9B,IAAA,MAAM,YAAe,GAAA,MAAA,CAAO,gBAAmB,GAAA,CAAC,CAAC,CAAA;AAEjD,IAAI,IAAA,CAAC,YAAgB,IAAA,SAAA,KAAc,YAAc,EAAA;AAC/C,MAAM,MAAA,CAAC,WAAaA,EAAAA,SAAQ,CAAI,GAAA,mBAAA;AAAA,QAC9B,SAAA;AAAA;AAAA,QAEA,KAAM,CAAA,KAAA;AAAA,QACN,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA;AAAA,QACZ,IAAA;AAAA,QACA,mBAAmB,CAAC;AAAA,OACtB;AACA,MAAA,OAAO,KAAM,CAAA,YAAA,CAAa,KAAO,EAAA,WAAA,EAAaA,SAAQ,CAAA;AAAA;AAGxD,IAAA,OAAO,mBAAmB,CAAC,CAAA;AAAA,GAC5B,CACD,GAAA,QAAA;AACN;AAEA,MAAM,QAAW,GAAA,CACf,IACA,EAAA,KAAA,EACA,UACG,KAAA;AACH,EAAI,IAAA,EAAE,KAAQ,GAAA,gBAAA,EAAqB,GAAA,KAAA;AACnC,EAAA,IAAI,SAAS,SAAW,EAAA;AACtB,IAAQ,KAAA,GAAA;AAAA,MACN,aAAA,EAAe,KAAM,CAAA,MAAA,GAAS,QAAW,GAAA,KAAA;AAAA,MACzC,GAAG,KAAA;AAAA,MACH,OAAS,EAAA;AAAA,KACX;AAAA;AAGF,EAAA,IAAI,MAAM,IAAM,EAAA;AACd,IAAA,MAAM,EAAE,IAAA,EAAM,GAAG,WAAA,EAAgB,GAAA,KAAA;AACjC,IAAQ,KAAA,GAAA;AAAA,MACN,GAAG,WAAA;AAAA,MACH,GAAG,UAAW,CAAA,OAAO,IAAS,KAAA,QAAA,GAAW,OAAO,CAAC;AAAA,KACnD;AAAA,GACF,MAAA,IAAW,eAAe,OAAS,EAAA;AACjC,IAAQ,KAAA,GAAA;AAAA,MACN,GAAG,KAAA;AAAA,MACH,GAAG,WAAW,CAAC;AAAA,KACjB;AAAA,GACF,MAAA,IACE,eAAe,SACd,KAAA,KAAA,CAAM,SAAS,KAAM,CAAA,MAAA,CAAA,IACtB,KAAM,CAAA,SAAA,KAAc,KACpB,CAAA,EAAA;AACA,IAAQ,KAAA,GAAA;AAAA,MACN,GAAG,KAAA;AAAA,MACH,SAAW,EAAA,MAAA;AAAA,MACX,QAAU,EAAA,CAAA;AAAA,MACV,UAAY,EAAA;AAAA,KACd;AAAA;AAGF,EAAO,OAAA,KAAA;AACT,CAAA;AAEgB,SAAA,cAAA,CACd,EAAE,MAAA,EAAQ,EAAK,GAAA,IAAA,EAAQ,EAAA,IAAA,EAAM,QAAU,EAAA,KAAA,EAAO,KAAM,EAAA,EACpD,IACc,EAAA;AACd,EAAA,MAAM,gBAAgB,IAAK,CAAA,KAAA,CAAM,QAAQ,CAAI,GAAA,IAAA,GAAO,mBAAmB,IAAI,CAAA;AAE3E,EAAA,IAAI,kBAAkB,KAAW,CAAA,EAAA;AAC/B,IAAM,MAAA,KAAA;AAAA,MACJ,kEAAkE,IAAI,CAAA;AAAA,KACxE;AAAA;AAGF,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,kBAAA,CAAmB,IAAI,KAAK,CAAA;AAAA;AAG9B,EAAA,OAAO,KAAM,CAAA,aAAA;AAAA,IACX,aAAA;AAAA,IACA;AAAA,MACE,MAAA;AAAA,MACA,EAAA;AAAA,MACA,GAAG,KAAA;AAAA,MACH,GAAK,EAAA,EAAA;AAAA,MACL;AAAA,KACF;AAAA,IACA,QACI,GAAA,QAAA,CAAS,GAAI,CAAA,CAAC,OAAO,CAAM,KAAA,cAAA,CAAe,KAAO,EAAA,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,CAAC,CAAA,CAAE,CAAC,CAChE,GAAA,KAAA;AAAA,GACN;AACF;AAEO,SAAS,aAAa,SAAyB,EAAA;AACpD,EAAA,OAAO,gBAAgB,SAAS,CAAA;AAClC;AAEO,SAAS,gBAAgB,SAAqC,EAAA;AACnE,EAAM,MAAA,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAM,MAAA,EAAE,IAAI,QAAU,EAAA,IAAA,EAAM,OAAO,GAAG,KAAA,EAAU,GAAA,QAAA,CAAS,SAAS,CAAA;AAElE,EAAA,MAAM,QAAQ,kBAAmB,CAAA,EAAE,CAAI,GAAA,kBAAA,CAAmB,EAAE,CAAI,GAAA,KAAA,CAAA;AAEhE,EAAO,OAAA;AAAA,IACL,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA,EAAO,eAAe,KAAoB,CAAA;AAAA,IAC1C,KAAA;AAAA,IACA,QAAU,EAAA,KAAA,CAAM,QAAS,CAAA,GAAA,CAAI,UAAU,eAAe;AAAA,GACxD;AACF;AAEO,SAAS,eAAe,KAAqB,EAAA;AAClD,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,MAAM,EAAE,IAAA,EAAM,GAAG,UAAA,EAAe,GAAA,KAAA;AAEhC,IAAA,MAAM,SAAiC,EAAC;AACxC,IAAA,KAAA,MAAW,CAAC,GAAK,EAAA,KAAK,KAAK,MAAO,CAAA,OAAA,CAAQ,UAAU,CAAG,EAAA;AACrD,MAAO,MAAA,CAAA,GAAG,CAAI,GAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEpC,IAAO,OAAA,MAAA;AAAA;AAEX;AAGA,SAAS,eAAe,KAAqB,EAAA;AAC3C,EACE,IAAA,OAAO,UAAU,QACjB,IAAA,OAAO,UAAU,QACjB,IAAA,OAAO,UAAU,SACjB,EAAA;AACA,IAAO,OAAA,KAAA;AAAA,GACE,MAAA,IAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CAAG,EAAA;AAC/B,IAAO,OAAA,KAAA,CAAM,IAAI,cAAc,CAAA;AAAA,GACtB,MAAA,IAAA,OAAO,KAAU,KAAA,QAAA,IAAY,UAAU,IAAM,EAAA;AAEtD,IAAA,MAAM,SAAiC,EAAC;AACxC,IAAA,KAAA,MAAW,CAAC,CAAG,EAAA,CAAC,KAAK,MAAO,CAAA,OAAA,CAAQ,KAAK,CAAG,EAAA;AAC1C,MAAO,MAAA,CAAA,CAAC,CAAI,GAAA,cAAA,CAAe,CAAC,CAAA;AAAA;AAE9B,IAAO,OAAA,MAAA;AAAA;AAEX;AAMO,MAAM,WAAc,GAAA,CACzB,KACA,EAAA,IAAA,EACA,UACG,KAAA;AACH,EAAA,IAAI,QAAQ,UAAY,EAAA;AACtB,IAAM,MAAA,aAAA,GAAgB,kBAAmB,CAAA,UAAA,EAAY,IAAI,CAAA;AACzD,IAAA,IAAI,aAAe,EAAA;AACjB,MAAA,MAAM,EAAE,EAAA,EAAI,iBAAkB,EAAA,GAAI,SAAS,aAAa,CAAA;AACxD,MAAM,MAAA,mBAAA,GAAsB,OAAO,aAAa,CAAA;AAChD,MAAO,OAAA;AAAA,QACL,iBAAA;AAAA,QACA;AAAA,OACF;AAAA;AAEF,IAAO,OAAA;AAAA,MACL,mBAAqB,EAAA,OAAA;AAAA,MACrB,iBAAmB,EAAA;AAAA,KACrB;AAAA;AAEJ;AAEO,MAAM,qBAAsC,CACjD,SAAA,EACA,QACA,EAAA,cAAA,GAAiB,EACN,KAAA;AACX,EAAI,IAAA,KAAA;AAAA;AAAA,IAED,UAAU,KAAe,EAAA,KAAA;AAAA,IAEzB,SAAU,CAAA,KAAA,GAAgB,gBAAgB,CAAA,IAC3C,eAAe,QAAQ;AAAA,GAAA;AACzB,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,OAAA,KAAA;AAAA,GACF,MAAA;AACL,IAAA,IAAI,KAAQ,GAAA,QAAA;AACZ,IAAG,GAAA;AACD,MAAQ,KAAA,GAAA,CAAA,IAAA,EAAO,EAAE,KAAK,CAAA,CAAA;AAAA,KACxB,QAAS,cAAe,CAAA,QAAA,CAAS,KAAK,CAAA;AACtC,IAAO,OAAA,KAAA;AAAA;AAEX;;;;"}

package/esm/layout-reducer/move-layout-element.js

@@ -1,29 +0,0 @@
-import { cloneElement } from 'react';
-import { followPath } from '../utils/pathUtils.js';
-import { getProps } from '../utils/propUtils.js';
-import { swapChild } from './replace-layout-element.js';
-
-function moveChild(layoutRoot, { fromIndex, path, toIndex }) {
-  const target = followPath(layoutRoot, path, true);
-  const { children } = getProps(target);
-  const replacementChildren = moveChildWithinChildren(
-    children,
-    fromIndex,
-    toIndex
-  );
-  const replacement = cloneElement(target, void 0, replacementChildren);
-  return swapChild(layoutRoot, target, replacement);
-}
-function moveChildWithinChildren(children, fromIndex, toIndex) {
-  const newChildren = children.slice();
-  const [child] = newChildren.splice(fromIndex, 1);
-  if (toIndex === -1) {
-    return newChildren.concat(child);
-  } else {
-    newChildren.splice(toIndex, 0, child);
-    return newChildren;
-  }
-}
-
-export { moveChild };
-//# sourceMappingURL=move-layout-element.js.map

package/esm/layout-reducer/move-layout-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"move-layout-element.js","sources":["../../src/layout-reducer/move-layout-element.ts"],"sourcesContent":["import { cloneElement, ReactElement } from \"react\";\nimport { followPath, getProps } from \"../utils\";\nimport { MoveChildAction } from \"./layoutTypes\";\nimport { swapChild } from \"./replace-layout-element\";\n\nexport function moveChild(\n  layoutRoot: ReactElement,\n  { fromIndex, path, toIndex }: MoveChildAction\n) {\n  const target = followPath(layoutRoot, path, true);\n  const { children } = getProps(target);\n  const replacementChildren = moveChildWithinChildren(\n    children,\n    fromIndex,\n    toIndex\n  );\n  const replacement = cloneElement(target, undefined, replacementChildren);\n  return swapChild(layoutRoot, target, replacement);\n}\n\nfunction moveChildWithinChildren(\n  children: ReactElement[],\n  fromIndex: number,\n  toIndex: number\n) {\n  const newChildren = children.slice();\n  const [child] = newChildren.splice(fromIndex, 1);\n  if (toIndex === -1) {\n    return newChildren.concat(child);\n  } else {\n    newChildren.splice(toIndex, 0, child);\n    return newChildren;\n  }\n}\n"],"names":[],"mappings":";;;;;AAKO,SAAS,UACd,UACA,EAAA,EAAE,SAAW,EAAA,IAAA,EAAM,SACnB,EAAA;AACA,EAAA,MAAM,MAAS,GAAA,UAAA,CAAW,UAAY,EAAA,IAAA,EAAM,IAAI,CAAA;AAChD,EAAA,MAAM,EAAE,QAAA,EAAa,GAAA,QAAA,CAAS,MAAM,CAAA;AACpC,EAAA,MAAM,mBAAsB,GAAA,uBAAA;AAAA,IAC1B,QAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,WAAc,GAAA,YAAA,CAAa,MAAQ,EAAA,KAAA,CAAA,EAAW,mBAAmB,CAAA;AACvE,EAAO,OAAA,SAAA,CAAU,UAAY,EAAA,MAAA,EAAQ,WAAW,CAAA;AAClD;AAEA,SAAS,uBAAA,CACP,QACA,EAAA,SAAA,EACA,OACA,EAAA;AACA,EAAM,MAAA,WAAA,GAAc,SAAS,KAAM,EAAA;AACnC,EAAA,MAAM,CAAC,KAAK,CAAA,GAAI,WAAY,CAAA,MAAA,CAAO,WAAW,CAAC,CAAA;AAC/C,EAAA,IAAI,YAAY,CAAI,CAAA,EAAA;AAClB,IAAO,OAAA,WAAA,CAAY,OAAO,KAAK,CAAA;AAAA,GAC1B,MAAA;AACL,IAAY,WAAA,CAAA,MAAA,CAAO,OAAS,EAAA,CAAA,EAAG,KAAK,CAAA;AACpC,IAAO,OAAA,WAAA;AAAA;AAEX;;;;"}