@vuu-ui/vuu-layout 0.8.81 → 0.8.83

package/cjs/flexbox/useSplitterResizing.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSplitterResizing.js","sources":["../../src/flexbox/useSplitterResizing.ts"],"sourcesContent":["import { getUniqueId } from \"@vuu-ui/vuu-utils\";\nimport React, {\n  ReactElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Placeholder } from \"../placeholder\";\nimport { Splitter } from \"./Splitter\";\n\nimport {\n  findSplitterAndPlaceholderPositions,\n  gatherChildMeta,\n  identifyResizeParties,\n  PLACEHOLDER,\n  SPLITTER,\n} from \"./flexbox-utils\";\nimport {\n  ContentMeta,\n  FlexSize,\n  SplitterFactory,\n  SplitterHookProps,\n  SplitterHookResult,\n} from \"./flexboxTypes\";\n\nconst originalContentOnly = (meta: ContentMeta) =>\n  !meta.splitter && !meta.placeholder;\n\nexport const useSplitterResizing = ({\n  children: childrenProp,\n  onSplitterMoved,\n  style,\n}: SplitterHookProps): SplitterHookResult => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const metaRef = useRef<ContentMeta[]>();\n  const contentRef = useRef<ReactElement[]>();\n  const assignedKeys = useRef([]);\n  const [, forceUpdate] = useState({});\n\n  const setContent = (content: ReactElement[]) => {\n    contentRef.current = content;\n    forceUpdate({});\n  };\n\n  const isColumn = style?.flexDirection === \"column\";\n  const dimension = isColumn ? \"height\" : \"width\";\n  const children = useMemo(\n    () =>\n      Array.isArray(childrenProp)\n        ? childrenProp\n        : React.isValidElement(childrenProp)\n        ? [childrenProp]\n        : [],\n    [childrenProp]\n  );\n\n  const handleDragStart = useCallback(\n    (index) => {\n      const { current: contentMeta } = metaRef;\n      if (contentMeta) {\n        const [participants, bystanders] = identifyResizeParties(\n          contentMeta,\n          index\n        );\n        if (participants) {\n          participants.forEach((index) => {\n            const el = rootRef.current?.childNodes[index] as HTMLElement;\n            if (el) {\n              const { size, minSize } = measureElement(el, dimension);\n              contentMeta[index].currentSize = size;\n              contentMeta[index].minSize = minSize;\n            }\n          });\n          if (bystanders) {\n            bystanders.forEach((index) => {\n              const el = rootRef.current?.childNodes[index] as HTMLElement;\n              if (el) {\n                const { [dimension]: size } = el.getBoundingClientRect();\n                contentMeta[index].flexBasis = size;\n              }\n            });\n          }\n        }\n      }\n    },\n    [dimension]\n  );\n\n  const handleDrag = useCallback(\n    (idx, distance) => {\n      if (contentRef.current && metaRef.current) {\n        setContent(\n          resizeContent(\n            contentRef.current,\n            metaRef.current,\n            distance,\n            dimension\n          )\n        );\n      }\n    },\n    [dimension]\n  );\n\n  const handleDragEnd = useCallback(() => {\n    const contentMeta = metaRef.current;\n    if (contentMeta) {\n      onSplitterMoved?.(contentMeta.filter(originalContentOnly));\n    }\n    contentMeta?.forEach((meta) => {\n      meta.currentSize = undefined;\n      meta.flexBasis = undefined;\n      meta.flexOpen = false;\n    });\n  }, [onSplitterMoved]);\n\n  const createSplitter: SplitterFactory = useCallback(\n    (i) => {\n      return React.createElement(Splitter, {\n        column: isColumn,\n        index: i,\n        key: `splitter-${i}`,\n        onDrag: handleDrag,\n        onDragEnd: handleDragEnd,\n        onDragStart: handleDragStart,\n      });\n    },\n    [handleDrag, handleDragEnd, handleDragStart, isColumn]\n  );\n\n  useMemo(() => {\n    const [content, meta] = buildContent(\n      children,\n      dimension,\n      createSplitter,\n      assignedKeys.current\n    );\n    metaRef.current = meta;\n    contentRef.current = content;\n  }, [children, createSplitter, dimension]);\n\n  return {\n    content: contentRef.current || [],\n    rootRef,\n  };\n};\n\nfunction buildContent(\n  children: ReactElement[],\n  dimension: \"width\" | \"height\",\n  createSplitter: SplitterFactory,\n  keys: any[]\n): [any[], ContentMeta[]] {\n  const childMeta = gatherChildMeta(children, dimension);\n  const splitterAndPlaceholderPositions =\n    findSplitterAndPlaceholderPositions(childMeta);\n  const content = [];\n  const meta: ContentMeta[] = [];\n  for (let i = 0; i < children.length; i++) {\n    const child = children[i];\n    if (i === 0 && splitterAndPlaceholderPositions[i] & PLACEHOLDER) {\n      content.push(createPlaceholder(i));\n      meta.push({ placeholder: true, shim: true });\n    }\n    if (child.key == null) {\n      const key = keys[i] || (keys[i] = getUniqueId());\n      content.push(React.cloneElement(child, { key }));\n    } else {\n      content.push(child);\n    }\n    meta.push(childMeta[i]);\n\n    if (i > 0 && splitterAndPlaceholderPositions[i] & PLACEHOLDER) {\n      content.push(createPlaceholder(i));\n      meta.push({ placeholder: true });\n    } else if (splitterAndPlaceholderPositions[i] & SPLITTER) {\n      content.push(createSplitter(content.length));\n      meta.push({ splitter: true });\n    }\n  }\n  return [content, meta];\n}\n\nfunction resizeContent(\n  content: ReactElement[],\n  contentMeta: ContentMeta[],\n  distance: number,\n  dimension: \"width\" | \"height\"\n) {\n  const metaUpdated = updateMeta(contentMeta, distance);\n  if (!metaUpdated) {\n    return content;\n  }\n\n  return content.map((child, idx) => {\n    const meta = contentMeta[idx];\n    const { currentSize, flexOpen, flexBasis } = meta;\n    const hasCurrentSize = currentSize !== undefined;\n    if (hasCurrentSize || flexOpen) {\n      const { flexBasis: actualFlexBasis } = child.props.style || {};\n      const size = hasCurrentSize ? meta.currentSize : flexBasis;\n      if (size !== actualFlexBasis) {\n        return React.cloneElement(child, {\n          style: {\n            ...child.props.style,\n            flexBasis: size,\n            [dimension]: \"auto\",\n          },\n        });\n      } else {\n        return child;\n      }\n    } else {\n      return child;\n    }\n  });\n}\n\n//TODO detect cursor move beyond drag limit and suspend further resize until cursoe re-engages with splitter\nfunction updateMeta(contentMeta: ContentMeta[], distance: number) {\n  const resizeTargets: number[] = [];\n\n  contentMeta.forEach((meta, idx) => {\n    if (meta.currentSize !== undefined) {\n      resizeTargets.push(idx);\n    }\n  });\n\n  // we want the target being reduced first, this may limit the distance we can apply\n  const target1 = distance < 0 ? resizeTargets[0] : resizeTargets[1];\n\n  const { currentSize = 0, minSize = 0 } = contentMeta[target1];\n  if (currentSize === minSize) {\n    // size is already 0, we cannot go further\n    return false;\n  } else if (Math.abs(distance) > currentSize - minSize) {\n    // reduce to 0\n    const multiplier = distance < 0 ? -1 : 1;\n    distance = Math.max(0, currentSize - minSize) * multiplier;\n  }\n\n  const leadingItem = contentMeta[resizeTargets[0]] as ContentMeta;\n  const { currentSize: leadingSize = 0 } = leadingItem;\n  leadingItem.currentSize = leadingSize + distance;\n\n  const trailingItem = contentMeta[resizeTargets[1]] as ContentMeta;\n  const { currentSize: trailingSize = 0 } = trailingItem;\n  trailingItem.currentSize = trailingSize - distance;\n\n  return true;\n}\n\nfunction createPlaceholder(index: number) {\n  return React.createElement(Placeholder, {\n    shim: index === 0,\n    key: `placeholder-${index}`,\n  } as any);\n}\n\nfunction measureElement(\n  el: HTMLElement,\n  dimension: \"width\" | \"height\"\n): FlexSize {\n  const { [dimension]: size } = el.getBoundingClientRect();\n  const style = getComputedStyle(el);\n  const minSizeVal = style.getPropertyValue(`min-${dimension}`);\n  const minSize = minSizeVal.endsWith(\"px\") ? parseInt(minSizeVal, 10) : 0;\n  return { size, minSize };\n}\n"],"names":["useRef","useState","useMemo","useCallback","identifyResizeParties","index","Splitter","gatherChildMeta","findSplitterAndPlaceholderPositions","PLACEHOLDER","getUniqueId","SPLITTER","Placeholder"],"mappings":"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"}
+{"version":3,"file":"useSplitterResizing.js","sources":["../../src/flexbox/useSplitterResizing.ts"],"sourcesContent":["import { getUniqueId } from \"@vuu-ui/vuu-utils\";\nimport React, {\n  ReactElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Placeholder } from \"../placeholder\";\nimport { Splitter } from \"./Splitter\";\n\nimport {\n  findSplitterAndPlaceholderPositions,\n  gatherChildMeta,\n  identifyResizeParties,\n  PLACEHOLDER,\n  SPLITTER,\n} from \"./flexbox-utils\";\nimport {\n  ContentMeta,\n  FlexSize,\n  SplitterFactory,\n  SplitterHookProps,\n  SplitterHookResult,\n} from \"./flexboxTypes\";\n\nconst originalContentOnly = (meta: ContentMeta) =>\n  !meta.splitter && !meta.placeholder;\n\nexport const useSplitterResizing = ({\n  children: childrenProp,\n  onSplitterMoved,\n  style,\n}: SplitterHookProps): SplitterHookResult => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const metaRef = useRef<ContentMeta[]>();\n  const contentRef = useRef<ReactElement[]>();\n  const assignedKeys = useRef([]);\n  const [, forceUpdate] = useState({});\n\n  const setContent = (content: ReactElement[]) => {\n    contentRef.current = content;\n    forceUpdate({});\n  };\n\n  const isColumn = style?.flexDirection === \"column\";\n  const dimension = isColumn ? \"height\" : \"width\";\n  const children = useMemo(\n    () =>\n      Array.isArray(childrenProp)\n        ? childrenProp\n        : React.isValidElement(childrenProp)\n          ? [childrenProp]\n          : [],\n    [childrenProp],\n  );\n\n  const handleDragStart = useCallback(\n    (index) => {\n      const { current: contentMeta } = metaRef;\n      if (contentMeta) {\n        const [participants, bystanders] = identifyResizeParties(\n          contentMeta,\n          index,\n        );\n        if (participants) {\n          participants.forEach((index) => {\n            const el = rootRef.current?.childNodes[index] as HTMLElement;\n            if (el) {\n              const { size, minSize } = measureElement(el, dimension);\n              contentMeta[index].currentSize = size;\n              contentMeta[index].minSize = minSize;\n            }\n          });\n          if (bystanders) {\n            bystanders.forEach((index) => {\n              const el = rootRef.current?.childNodes[index] as HTMLElement;\n              if (el) {\n                const { [dimension]: size } = el.getBoundingClientRect();\n                contentMeta[index].flexBasis = size;\n              }\n            });\n          }\n        }\n      }\n    },\n    [dimension],\n  );\n\n  const handleDrag = useCallback(\n    (idx, distance) => {\n      if (contentRef.current && metaRef.current) {\n        setContent(\n          resizeContent(\n            contentRef.current,\n            metaRef.current,\n            distance,\n            dimension,\n          ),\n        );\n      }\n    },\n    [dimension],\n  );\n\n  const handleDragEnd = useCallback(() => {\n    const contentMeta = metaRef.current;\n    if (contentMeta) {\n      onSplitterMoved?.(contentMeta.filter(originalContentOnly));\n    }\n    contentMeta?.forEach((meta) => {\n      meta.currentSize = undefined;\n      meta.flexBasis = undefined;\n      meta.flexOpen = false;\n    });\n  }, [onSplitterMoved]);\n\n  const createSplitter: SplitterFactory = useCallback(\n    (i) => {\n      return React.createElement(Splitter, {\n        column: isColumn,\n        index: i,\n        key: `splitter-${i}`,\n        onDrag: handleDrag,\n        onDragEnd: handleDragEnd,\n        onDragStart: handleDragStart,\n      });\n    },\n    [handleDrag, handleDragEnd, handleDragStart, isColumn],\n  );\n\n  useMemo(() => {\n    const [content, meta] = buildContent(\n      children,\n      dimension,\n      createSplitter,\n      assignedKeys.current,\n    );\n    metaRef.current = meta;\n    contentRef.current = content;\n  }, [children, createSplitter, dimension]);\n\n  return {\n    content: contentRef.current || [],\n    rootRef,\n  };\n};\n\nfunction buildContent(\n  children: ReactElement[],\n  dimension: \"width\" | \"height\",\n  createSplitter: SplitterFactory,\n  keys: any[],\n): [any[], ContentMeta[]] {\n  const childMeta = gatherChildMeta(children, dimension);\n  const splitterAndPlaceholderPositions =\n    findSplitterAndPlaceholderPositions(childMeta);\n  const content = [];\n  const meta: ContentMeta[] = [];\n  for (let i = 0; i < children.length; i++) {\n    const child = children[i];\n    if (i === 0 && splitterAndPlaceholderPositions[i] & PLACEHOLDER) {\n      content.push(createPlaceholder(i));\n      meta.push({ placeholder: true, shim: true });\n    }\n    if (child.key == null) {\n      const key = keys[i] || (keys[i] = getUniqueId());\n      content.push(React.cloneElement(child, { key }));\n    } else {\n      content.push(child);\n    }\n    meta.push(childMeta[i]);\n\n    if (i > 0 && splitterAndPlaceholderPositions[i] & PLACEHOLDER) {\n      content.push(createPlaceholder(i));\n      meta.push({ placeholder: true });\n    } else if (splitterAndPlaceholderPositions[i] & SPLITTER) {\n      content.push(createSplitter(content.length));\n      meta.push({ splitter: true });\n    }\n  }\n  return [content, meta];\n}\n\nfunction resizeContent(\n  content: ReactElement[],\n  contentMeta: ContentMeta[],\n  distance: number,\n  dimension: \"width\" | \"height\",\n) {\n  const metaUpdated = updateMeta(contentMeta, distance);\n  if (!metaUpdated) {\n    return content;\n  }\n\n  return content.map((child, idx) => {\n    const meta = contentMeta[idx];\n    const { currentSize, flexOpen, flexBasis } = meta;\n    const hasCurrentSize = currentSize !== undefined;\n    if (hasCurrentSize || flexOpen) {\n      const { flexBasis: actualFlexBasis } = child.props.style || {};\n      const size = hasCurrentSize ? meta.currentSize : flexBasis;\n      if (size !== actualFlexBasis) {\n        return React.cloneElement(child, {\n          style: {\n            ...child.props.style,\n            flexBasis: size,\n            [dimension]: \"auto\",\n          },\n        });\n      } else {\n        return child;\n      }\n    } else {\n      return child;\n    }\n  });\n}\n\n//TODO detect cursor move beyond drag limit and suspend further resize until cursoe re-engages with splitter\nfunction updateMeta(contentMeta: ContentMeta[], distance: number) {\n  const resizeTargets: number[] = [];\n\n  contentMeta.forEach((meta, idx) => {\n    if (meta.currentSize !== undefined) {\n      resizeTargets.push(idx);\n    }\n  });\n\n  // we want the target being reduced first, this may limit the distance we can apply\n  const target1 = distance < 0 ? resizeTargets[0] : resizeTargets[1];\n\n  const { currentSize = 0, minSize = 0 } = contentMeta[target1];\n  if (currentSize === minSize) {\n    // size is already 0, we cannot go further\n    return false;\n  } else if (Math.abs(distance) > currentSize - minSize) {\n    // reduce to 0\n    const multiplier = distance < 0 ? -1 : 1;\n    distance = Math.max(0, currentSize - minSize) * multiplier;\n  }\n\n  const leadingItem = contentMeta[resizeTargets[0]] as ContentMeta;\n  const { currentSize: leadingSize = 0 } = leadingItem;\n  leadingItem.currentSize = leadingSize + distance;\n\n  const trailingItem = contentMeta[resizeTargets[1]] as ContentMeta;\n  const { currentSize: trailingSize = 0 } = trailingItem;\n  trailingItem.currentSize = trailingSize - distance;\n\n  return true;\n}\n\nfunction createPlaceholder(index: number) {\n  return React.createElement(Placeholder, {\n    shim: index === 0,\n    key: `placeholder-${index}`,\n  } as any);\n}\n\nfunction measureElement(\n  el: HTMLElement,\n  dimension: \"width\" | \"height\",\n): FlexSize {\n  const { [dimension]: size } = el.getBoundingClientRect();\n  const style = getComputedStyle(el);\n  const minSizeVal = style.getPropertyValue(`min-${dimension}`);\n  const minSize = minSizeVal.endsWith(\"px\") ? parseInt(minSizeVal, 10) : 0;\n  return { size, minSize };\n}\n"],"names":["useRef","useState","useMemo","useCallback","identifyResizeParties","index","Splitter","gatherChildMeta","findSplitterAndPlaceholderPositions","PLACEHOLDER","getUniqueId","SPLITTER","Placeholder"],"mappings":"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"}

package/cjs/layout-header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../src/layout-header/Header.tsx"],"sourcesContent":["import { EditableLabel, IconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport {\n  HTMLAttributes,\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  cloneElement,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport { Contribution } from \"../layout-view\";\nimport { useViewDispatch } from \"../layout-view-actions/ViewContext\";\n\nimport headerCss from \"./Header.css\";\n\nexport interface HeaderProps extends HTMLAttributes<HTMLDivElement> {\n  allowRename?: boolean;\n  collapsed?: boolean;\n  contributions?: Contribution[];\n  expanded?: boolean;\n  closeable?: boolean;\n  onEditTitle: (value: string) => void;\n  orientation?: \"horizontal\" | \"vertical\";\n  tearOut?: boolean;\n}\n\nconst classBase = \"vuuHeader\";\n\nexport const Header = ({\n  allowRename = false,\n  className: classNameProp,\n  contributions,\n  collapsed,\n  closeable,\n  onEditTitle,\n  orientation: orientationProp = \"horizontal\",\n  style,\n  title = \"Untitled\",\n}: HeaderProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-header\",\n    css: headerCss,\n    window: targetWindow,\n  });\n\n  const labelFieldRef = useRef<HTMLDivElement>(null);\n  const [value, setValue] = useState<string>(title);\n  const [editing, setEditing] = useState<boolean>(false);\n\n  const viewDispatch = useViewDispatch();\n  const handleClose = (evt: MouseEvent) =>\n    viewDispatch?.({ type: \"remove\" }, evt);\n\n  const focusTitle = useCallback(() => {\n    labelFieldRef.current?.focus();\n  }, []);\n\n  const handleClickEdit = useCallback(() => {\n    focusTitle();\n    setEditing((isEditing) => !isEditing);\n  }, [focusTitle]);\n\n  const handleButtonMouseDown = (evt: MouseEvent) => {\n    // do not allow drag to be initiated\n    evt.stopPropagation();\n  };\n\n  const orientation = collapsed || orientationProp;\n\n  const className = cx(classBase, classNameProp, `${classBase}-${orientation}`);\n\n  const handleTitleKeyDown = (evt: KeyboardEvent<HTMLDivElement>) => {\n    if (evt.key === \"Enter\") {\n      setEditing(true);\n    }\n  };\n\n  const handleExitEditMode = (\n    originalValue = \"\",\n    finalValue = \"\",\n    allowDeactivation = true,\n    editCancelled = false\n  ) => {\n    setEditing(false);\n    if (editCancelled) {\n      setValue(originalValue);\n    } else if (finalValue !== originalValue) {\n      setValue(finalValue);\n      onEditTitle?.(finalValue);\n    }\n    if (allowDeactivation === false) {\n      labelFieldRef.current?.focus();\n    }\n  };\n\n  const handleMouseDown = (e: MouseEvent) => {\n    viewDispatch?.({ type: \"mousedown\" }, e);\n  };\n\n  const toolbarItems: ReactElement[] = [];\n  const postTitleContributedItems: ReactElement[] = [];\n  const actionButtons: ReactElement[] = [];\n\n  contributions?.forEach((contribution, i) => {\n    switch (contribution.location) {\n      case \"pre-title\":\n        toolbarItems.push(cloneElement(contribution.content, { key: i }));\n        break;\n      default:\n        postTitleContributedItems.push(\n          cloneElement(contribution.content, { key: i })\n        );\n    }\n  });\n\n  title &&\n    toolbarItems.push(\n      <EditableLabel\n        className={`${classBase}-title`}\n        editing={editing}\n        key=\"title\"\n        value={value}\n        onChange={setValue}\n        onMouseDownCapture={focusTitle}\n        onExitEditMode={handleExitEditMode}\n        onKeyDown={handleTitleKeyDown}\n        ref={labelFieldRef}\n        tabIndex={0}\n      />\n    );\n\n  allowRename &&\n    toolbarItems.push(\n      <IconButton\n        className={`${classBase}-edit`}\n        data-embedded\n        icon=\"edit\"\n        key=\"edit-button\"\n        onClick={handleClickEdit}\n        onMouseDown={handleButtonMouseDown}\n        variant=\"secondary\"\n      />\n    );\n\n  closeable &&\n    actionButtons.push(\n      <IconButton\n        data-embedded\n        icon=\"close\"\n        key=\"close\"\n        onClick={handleClose}\n        onMouseDown={handleButtonMouseDown}\n        variant=\"secondary\"\n      />\n    );\n\n  postTitleContributedItems.length > 0 &&\n    toolbarItems.push(\n      <div data-align=\"end\" key=\"contributions\">\n        {postTitleContributedItems}\n      </div>\n    );\n\n  actionButtons.length > 0 &&\n    toolbarItems.push(\n      <div data-align=\"end\" key=\"actions\">\n        {actionButtons}\n      </div>\n    );\n\n  return (\n    <div\n      className={cx(\"vuuToolbarProxy\", className)}\n      style={style}\n      onMouseDown={handleMouseDown}\n    >\n      {toolbarItems}\n      {/* \n      {collapsed === false ? (\n        <ActionButton\n          aria-label=\"Minimize View\"\n          actionId=\"minimize\"\n          iconName=\"minimize\"\n          onClick={handleAction}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null}\n      {collapsed ? (\n        <ActionButton\n          aria-label=\"Restore View\"\n          actionId=\"restore\"\n          iconName=\"double-chevron-right\"\n          onClick={handleAction}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null}\n      {expanded === false ? (\n        <ActionButton\n          aria-label=\"Maximize View\"\n          actionId=\"maximize\"\n          iconName=\"maximize\"\n          onClick={handleAction}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null}\n      {expanded ? (\n        <ActionButton\n          aria-label=\"Restore View\"\n          actionId=\"restore\"\n          iconName=\"restore\"\n          onClick={handleAction}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null}\n      {tearOut ? (\n        <ActionButton\n          aria-label=\"Tear out View\"\n          actionId=\"tearout\"\n          iconName=\"tear-out\"\n          onClick={handleAction}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null}\n      {closeable ? (\n        <Button\n          aria-label=\"close\"\n          data-icon\n          onClick={handleClose}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null} */}\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","headerCss","useRef","useState","useViewDispatch","useCallback","cloneElement","jsx","EditableLabel","IconButton"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../src/layout-header/Header.tsx"],"sourcesContent":["import { EditableLabel, IconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport {\n  HTMLAttributes,\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  cloneElement,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport { Contribution } from \"../layout-view\";\nimport { useViewDispatch } from \"../layout-view-actions/ViewContext\";\n\nimport headerCss from \"./Header.css\";\n\nexport interface HeaderProps extends HTMLAttributes<HTMLDivElement> {\n  allowRename?: boolean;\n  collapsed?: boolean;\n  contributions?: Contribution[];\n  expanded?: boolean;\n  closeable?: boolean;\n  onEditTitle: (value: string) => void;\n  orientation?: \"horizontal\" | \"vertical\";\n  tearOut?: boolean;\n}\n\nconst classBase = \"vuuHeader\";\n\nexport const Header = ({\n  allowRename = false,\n  className: classNameProp,\n  contributions,\n  collapsed,\n  closeable,\n  onEditTitle,\n  orientation: orientationProp = \"horizontal\",\n  style,\n  title = \"Untitled\",\n}: HeaderProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-header\",\n    css: headerCss,\n    window: targetWindow,\n  });\n\n  const labelFieldRef = useRef<HTMLDivElement>(null);\n  const [value, setValue] = useState<string>(title);\n  const [editing, setEditing] = useState<boolean>(false);\n\n  const viewDispatch = useViewDispatch();\n  const handleClose = (evt: MouseEvent) =>\n    viewDispatch?.({ type: \"remove\" }, evt);\n\n  const focusTitle = useCallback(() => {\n    labelFieldRef.current?.focus();\n  }, []);\n\n  const handleClickEdit = useCallback(() => {\n    focusTitle();\n    setEditing((isEditing) => !isEditing);\n  }, [focusTitle]);\n\n  const handleButtonMouseDown = (evt: MouseEvent) => {\n    // do not allow drag to be initiated\n    evt.stopPropagation();\n  };\n\n  const orientation = collapsed || orientationProp;\n\n  const className = cx(classBase, classNameProp, `${classBase}-${orientation}`);\n\n  const handleTitleKeyDown = (evt: KeyboardEvent<HTMLDivElement>) => {\n    if (evt.key === \"Enter\") {\n      setEditing(true);\n    }\n  };\n\n  const handleExitEditMode = (\n    originalValue = \"\",\n    finalValue = \"\",\n    allowDeactivation = true,\n    editCancelled = false,\n  ) => {\n    setEditing(false);\n    if (editCancelled) {\n      setValue(originalValue);\n    } else if (finalValue !== originalValue) {\n      setValue(finalValue);\n      onEditTitle?.(finalValue);\n    }\n    if (allowDeactivation === false) {\n      labelFieldRef.current?.focus();\n    }\n  };\n\n  const handleMouseDown = (e: MouseEvent) => {\n    viewDispatch?.({ type: \"mousedown\" }, e);\n  };\n\n  const toolbarItems: ReactElement[] = [];\n  const postTitleContributedItems: ReactElement[] = [];\n  const actionButtons: ReactElement[] = [];\n\n  contributions?.forEach((contribution, i) => {\n    switch (contribution.location) {\n      case \"pre-title\":\n        toolbarItems.push(cloneElement(contribution.content, { key: i }));\n        break;\n      default:\n        postTitleContributedItems.push(\n          cloneElement(contribution.content, { key: i }),\n        );\n    }\n  });\n\n  title &&\n    toolbarItems.push(\n      <EditableLabel\n        className={`${classBase}-title`}\n        editing={editing}\n        key=\"title\"\n        value={value}\n        onChange={setValue}\n        onMouseDownCapture={focusTitle}\n        onExitEditMode={handleExitEditMode}\n        onKeyDown={handleTitleKeyDown}\n        ref={labelFieldRef}\n        tabIndex={0}\n      />,\n    );\n\n  allowRename &&\n    toolbarItems.push(\n      <IconButton\n        className={`${classBase}-edit`}\n        data-embedded\n        icon=\"edit\"\n        key=\"edit-button\"\n        onClick={handleClickEdit}\n        onMouseDown={handleButtonMouseDown}\n        variant=\"secondary\"\n      />,\n    );\n\n  closeable &&\n    actionButtons.push(\n      <IconButton\n        data-embedded\n        icon=\"close\"\n        key=\"close\"\n        onClick={handleClose}\n        onMouseDown={handleButtonMouseDown}\n        variant=\"secondary\"\n      />,\n    );\n\n  postTitleContributedItems.length > 0 &&\n    toolbarItems.push(\n      <div data-align=\"end\" key=\"contributions\">\n        {postTitleContributedItems}\n      </div>,\n    );\n\n  actionButtons.length > 0 &&\n    toolbarItems.push(\n      <div data-align=\"end\" key=\"actions\">\n        {actionButtons}\n      </div>,\n    );\n\n  return (\n    <div\n      className={cx(\"vuuToolbarProxy\", className)}\n      style={style}\n      onMouseDown={handleMouseDown}\n    >\n      {toolbarItems}\n      {/* \n      {collapsed === false ? (\n        <ActionButton\n          aria-label=\"Minimize View\"\n          actionId=\"minimize\"\n          iconName=\"minimize\"\n          onClick={handleAction}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null}\n      {collapsed ? (\n        <ActionButton\n          aria-label=\"Restore View\"\n          actionId=\"restore\"\n          iconName=\"double-chevron-right\"\n          onClick={handleAction}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null}\n      {expanded === false ? (\n        <ActionButton\n          aria-label=\"Maximize View\"\n          actionId=\"maximize\"\n          iconName=\"maximize\"\n          onClick={handleAction}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null}\n      {expanded ? (\n        <ActionButton\n          aria-label=\"Restore View\"\n          actionId=\"restore\"\n          iconName=\"restore\"\n          onClick={handleAction}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null}\n      {tearOut ? (\n        <ActionButton\n          aria-label=\"Tear out View\"\n          actionId=\"tearout\"\n          iconName=\"tear-out\"\n          onClick={handleAction}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null}\n      {closeable ? (\n        <Button\n          aria-label=\"close\"\n          data-icon\n          onClick={handleClose}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null} */}\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","headerCss","useRef","useState","useViewDispatch","useCallback","cloneElement","jsx","EditableLabel","IconButton"],"mappings":"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"}

package/cjs/layout-provider/LayoutProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutProvider.js","sources":["../../src/layout-provider/LayoutProvider.tsx"],"sourcesContent":["import {\n  VuuShellLocation,\n  logger,\n  usePlaceholderJSON,\n  type LayoutJSON,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type MutableRefObject,\n  type ReactElement,\n} from \"react\";\nimport {\n  LayoutActionType,\n  LayoutProps,\n  cloneElementAddLayoutProps,\n  layoutFromJson,\n  layoutQuery,\n  layoutReducer,\n  layoutToJSON,\n  type LayoutChangeHandler,\n  type LayoutChangeReason,\n  type LayoutReducerAction,\n} from \"../layout-reducer\";\nimport type { SaveAction } from \"../layout-view\";\nimport { findTarget, getChildProp, getProp, getProps, typeOf } from \"../utils\";\nimport {\n  LayoutProviderContext,\n  LayoutProviderDispatch,\n} from \"./LayoutProviderContext\";\nimport { useLayoutDragDrop } from \"./useLayoutDragDrop\";\n\nconst { info } = logger(\"LayoutProvider\");\n\nconst isWorkspaceContainer = (props: LayoutProps) =>\n  props.id === VuuShellLocation.WorkspaceContainer;\n\nconst shouldSave = (action: LayoutReducerAction) =>\n  [\n    \"add\",\n    \"drag-drop\",\n    \"remove\",\n    \"set-title\",\n    \"splitter-resize\",\n    \"switch-tab\",\n  ].includes(action.type);\n\nconst getLayoutChangeReason = (\n  action: LayoutReducerAction | SaveAction\n): LayoutChangeReason => {\n  switch (action.type) {\n    case \"switch-tab\":\n      if (action.id === VuuShellLocation.Workspace) {\n        return \"switch-active-layout\";\n      } else {\n        return \"switch-active-tab\";\n      }\n    case \"save\":\n      return \"save-feature-props\";\n    case \"drag-drop\":\n      return \"drag-drop-operation\";\n    case \"add\":\n      return \"add-component\";\n    case \"remove\":\n      return \"remove-component\";\n    case \"splitter-resize\":\n      return \"resize-component\";\n    case \"set-title\":\n      return \"edit-feature-title\";\n    default:\n      throw Error(\"unknown layout action\");\n  }\n};\n\nexport interface LayoutProviderProps {\n  children: ReactElement;\n  createNewChild?: (index?: number) => ReactElement;\n  workspaceJSON?: LayoutJSON;\n  onLayoutChange?: LayoutChangeHandler;\n}\n\nexport const LayoutProviderVersion = () => {\n  const version = useLayoutProviderVersion();\n  return <div>{`Context: ${version} `}</div>;\n};\n\nconst pathToDropTarget = `#${VuuShellLocation.Workspace}.ACTIVE_CHILD`;\n\nexport const LayoutProvider = (props: LayoutProviderProps): ReactElement => {\n  const { children, createNewChild, workspaceJSON, onLayoutChange } = props;\n  const state = useRef<ReactElement | undefined>(undefined);\n  const childrenRef = useRef<ReactElement>(children);\n\n  const [, forceRefresh] = useState<unknown>(null);\n\n  const serializeState = useCallback(\n    (source, layoutChangeReason: LayoutChangeReason) => {\n      if (onLayoutChange) {\n        const workspaceContainer =\n          findTarget(source, isWorkspaceContainer) || state.current;\n        const isLayoutContainer =\n          typeOf(workspaceContainer) === \"LayoutContainer\";\n        const target = isLayoutContainer\n          ? getProps(workspaceContainer).children[0]\n          : workspaceContainer;\n        const serializedModel = layoutToJSON(target);\n        onLayoutChange(serializedModel, layoutChangeReason);\n      }\n    },\n    [onLayoutChange]\n  );\n\n  const dispatchLayoutAction = useCallback(\n    (action: LayoutReducerAction, suppressSave = false) => {\n      const nextState = layoutReducer(state.current as ReactElement, action);\n      if (nextState !== state.current) {\n        state.current = nextState;\n        forceRefresh({});\n        if (!suppressSave && shouldSave(action)) {\n          serializeState(nextState, getLayoutChangeReason(action));\n        }\n      }\n    },\n    [forceRefresh, serializeState]\n  );\n\n  const layoutActionDispatcher = useCallback<LayoutProviderDispatch>(\n    (action) => {\n      switch (action.type) {\n        case \"drag-start\": {\n          prepareToDragLayout(action);\n          break;\n        }\n        case \"save\": {\n          serializeState(state.current, getLayoutChangeReason(action));\n          break;\n        }\n        case \"query\":\n          if (action.query === \"PARENT_CONTAINER\") {\n            return layoutQuery(action.query, action.path, state.current);\n          }\n          break;\n\n        default: {\n          dispatchLayoutAction(action);\n          break;\n        }\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [dispatchLayoutAction, serializeState]\n  );\n\n  const prepareToDragLayout = useLayoutDragDrop(\n    state as MutableRefObject<ReactElement>,\n    layoutActionDispatcher,\n    pathToDropTarget\n  );\n\n  useEffect(() => {\n    if (workspaceJSON) {\n      info?.(\"workspaceJSON changed. inject new layout into application\");\n      const targetContainer = findTarget(\n        state.current,\n        isWorkspaceContainer\n      ) as ReactElement;\n      if (targetContainer) {\n        const target = getChildProp(targetContainer);\n        const newLayout = layoutFromJson(\n          workspaceJSON,\n          `${targetContainer.props.path}.0`\n        );\n        const action = target\n          ? {\n              type: LayoutActionType.REPLACE,\n              target,\n              replacement: newLayout,\n            }\n          : {\n              type: LayoutActionType.ADD,\n              path: targetContainer.props.path,\n              component: newLayout,\n            };\n        dispatchLayoutAction(action, true);\n      } else if (workspaceJSON.id === getProp(state.current, \"id\")) {\n        const newLayout = layoutFromJson(workspaceJSON, \"0\");\n        const action = {\n          type: LayoutActionType.REPLACE,\n          target: state.current,\n          replacement: newLayout,\n        };\n        dispatchLayoutAction(action, true);\n      }\n    }\n  }, [dispatchLayoutAction, workspaceJSON]);\n\n  if (state.current === undefined) {\n    state.current = cloneElementAddLayoutProps(children);\n  } else if (children !== childrenRef.current) {\n    state.current = cloneElementAddLayoutProps(children, state.current);\n    childrenRef.current = children;\n  }\n\n  return (\n    <LayoutProviderContext.Provider\n      value={{\n        createNewChild,\n        dispatchLayoutProvider: layoutActionDispatcher,\n        version: 0,\n      }}\n    >\n      {state.current}\n    </LayoutProviderContext.Provider>\n  );\n};\n\nexport const useLayoutProviderDispatch = () => {\n  const { dispatchLayoutProvider } = useContext(LayoutProviderContext);\n  return dispatchLayoutProvider;\n};\n\nexport const useLayoutCreateNewChild = () => {\n  const layoutPlaceholderJSON = usePlaceholderJSON();\n  const { createNewChild } = useContext(LayoutProviderContext);\n\n  const defaultCreateNewChild = useMemo(\n    () =>\n      function createNewChild() {\n        if (layoutPlaceholderJSON) {\n          const { props } = layoutPlaceholderJSON;\n          return layoutFromJson(\n            {\n              ...layoutPlaceholderJSON,\n              props: {\n                ...props,\n                resizeable: true,\n                style: {\n                  ...props?.style,\n                  flexGrow: 1,\n                  flexShrink: 0,\n                  flexBasis: 0,\n                },\n              },\n            },\n            \"0\"\n          );\n        }\n        return layoutFromJson(\n          {\n            type: \"Placeholder\",\n            props: {\n              resizeable: true,\n              style: {\n                flexGrow: 1,\n                flexShrink: 0,\n                flexBasis: 0,\n              },\n            },\n          },\n          \"0\"\n        );\n      },\n    [layoutPlaceholderJSON]\n  );\n\n  return createNewChild ?? defaultCreateNewChild;\n};\n\nexport const useLayoutProviderVersion = () => {\n  const { version } = useContext(LayoutProviderContext);\n  return version;\n};\n"],"names":["logger","VuuShellLocation","jsx","useRef","useState","useCallback","findTarget","typeOf","getProps","layoutToJSON","layoutReducer","layoutQuery","useLayoutDragDrop","useEffect","getChildProp","layoutFromJson","LayoutActionType","getProp","cloneElementAddLayoutProps","LayoutProviderContext","useContext","usePlaceholderJSON","useMemo","createNewChild"],"mappings":"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"}
+{"version":3,"file":"LayoutProvider.js","sources":["../../src/layout-provider/LayoutProvider.tsx"],"sourcesContent":["import {\n  VuuShellLocation,\n  logger,\n  usePlaceholderJSON,\n  type LayoutJSON,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type MutableRefObject,\n  type ReactElement,\n} from \"react\";\nimport {\n  LayoutActionType,\n  LayoutProps,\n  cloneElementAddLayoutProps,\n  layoutFromJson,\n  layoutQuery,\n  layoutReducer,\n  layoutToJSON,\n  type LayoutChangeHandler,\n  type LayoutChangeReason,\n  type LayoutReducerAction,\n} from \"../layout-reducer\";\nimport type { SaveAction } from \"../layout-view\";\nimport { findTarget, getChildProp, getProp, getProps, typeOf } from \"../utils\";\nimport {\n  LayoutProviderContext,\n  LayoutProviderDispatch,\n} from \"./LayoutProviderContext\";\nimport { useLayoutDragDrop } from \"./useLayoutDragDrop\";\n\nconst { info } = logger(\"LayoutProvider\");\n\nconst isWorkspaceContainer = (props: LayoutProps) =>\n  props.id === VuuShellLocation.WorkspaceContainer;\n\nconst shouldSave = (action: LayoutReducerAction) =>\n  [\n    \"add\",\n    \"drag-drop\",\n    \"remove\",\n    \"set-title\",\n    \"splitter-resize\",\n    \"switch-tab\",\n  ].includes(action.type);\n\nconst getLayoutChangeReason = (\n  action: LayoutReducerAction | SaveAction,\n): LayoutChangeReason => {\n  switch (action.type) {\n    case \"switch-tab\":\n      if (action.id === VuuShellLocation.Workspace) {\n        return \"switch-active-layout\";\n      } else {\n        return \"switch-active-tab\";\n      }\n    case \"save\":\n      return \"save-feature-props\";\n    case \"drag-drop\":\n      return \"drag-drop-operation\";\n    case \"add\":\n      return \"add-component\";\n    case \"remove\":\n      return \"remove-component\";\n    case \"splitter-resize\":\n      return \"resize-component\";\n    case \"set-title\":\n      return \"edit-feature-title\";\n    default:\n      throw Error(\"unknown layout action\");\n  }\n};\n\nexport interface LayoutProviderProps {\n  children: ReactElement;\n  createNewChild?: (index?: number) => ReactElement;\n  workspaceJSON?: LayoutJSON;\n  onLayoutChange?: LayoutChangeHandler;\n}\n\nexport const LayoutProviderVersion = () => {\n  const version = useLayoutProviderVersion();\n  return <div>{`Context: ${version} `}</div>;\n};\n\nconst pathToDropTarget = `#${VuuShellLocation.Workspace}.ACTIVE_CHILD`;\n\nexport const LayoutProvider = (props: LayoutProviderProps): ReactElement => {\n  const { children, createNewChild, workspaceJSON, onLayoutChange } = props;\n  const state = useRef<ReactElement | undefined>(undefined);\n  const childrenRef = useRef<ReactElement>(children);\n\n  const [, forceRefresh] = useState<unknown>(null);\n\n  const serializeState = useCallback(\n    (source, layoutChangeReason: LayoutChangeReason) => {\n      if (onLayoutChange) {\n        const workspaceContainer =\n          findTarget(source, isWorkspaceContainer) || state.current;\n        const isLayoutContainer =\n          typeOf(workspaceContainer) === \"LayoutContainer\";\n        const target = isLayoutContainer\n          ? getProps(workspaceContainer).children[0]\n          : workspaceContainer;\n        const serializedModel = layoutToJSON(target);\n        onLayoutChange(serializedModel, layoutChangeReason);\n      }\n    },\n    [onLayoutChange],\n  );\n\n  const dispatchLayoutAction = useCallback(\n    (action: LayoutReducerAction, suppressSave = false) => {\n      const nextState = layoutReducer(state.current as ReactElement, action);\n      if (nextState !== state.current) {\n        state.current = nextState;\n        forceRefresh({});\n        if (!suppressSave && shouldSave(action)) {\n          serializeState(nextState, getLayoutChangeReason(action));\n        }\n      }\n    },\n    [forceRefresh, serializeState],\n  );\n\n  const layoutActionDispatcher = useCallback<LayoutProviderDispatch>(\n    (action) => {\n      switch (action.type) {\n        case \"drag-start\": {\n          prepareToDragLayout(action);\n          break;\n        }\n        case \"save\": {\n          serializeState(state.current, getLayoutChangeReason(action));\n          break;\n        }\n        case \"query\":\n          if (action.query === \"PARENT_CONTAINER\") {\n            return layoutQuery(action.query, action.path, state.current);\n          }\n          break;\n\n        default: {\n          dispatchLayoutAction(action);\n          break;\n        }\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [dispatchLayoutAction, serializeState],\n  );\n\n  const prepareToDragLayout = useLayoutDragDrop(\n    state as MutableRefObject<ReactElement>,\n    layoutActionDispatcher,\n    pathToDropTarget,\n  );\n\n  useEffect(() => {\n    if (workspaceJSON) {\n      info?.(\"workspaceJSON changed. inject new layout into application\");\n      const targetContainer = findTarget(\n        state.current,\n        isWorkspaceContainer,\n      ) as ReactElement;\n      if (targetContainer) {\n        const target = getChildProp(targetContainer);\n        const newLayout = layoutFromJson(\n          workspaceJSON,\n          `${targetContainer.props.path}.0`,\n        );\n        const action = target\n          ? {\n              type: LayoutActionType.REPLACE,\n              target,\n              replacement: newLayout,\n            }\n          : {\n              type: LayoutActionType.ADD,\n              path: targetContainer.props.path,\n              component: newLayout,\n            };\n        dispatchLayoutAction(action, true);\n      } else if (workspaceJSON.id === getProp(state.current, \"id\")) {\n        const newLayout = layoutFromJson(workspaceJSON, \"0\");\n        const action = {\n          type: LayoutActionType.REPLACE,\n          target: state.current,\n          replacement: newLayout,\n        };\n        dispatchLayoutAction(action, true);\n      }\n    }\n  }, [dispatchLayoutAction, workspaceJSON]);\n\n  if (state.current === undefined) {\n    state.current = cloneElementAddLayoutProps(children);\n  } else if (children !== childrenRef.current) {\n    state.current = cloneElementAddLayoutProps(children, state.current);\n    childrenRef.current = children;\n  }\n\n  return (\n    <LayoutProviderContext.Provider\n      value={{\n        createNewChild,\n        dispatchLayoutProvider: layoutActionDispatcher,\n        version: 0,\n      }}\n    >\n      {state.current}\n    </LayoutProviderContext.Provider>\n  );\n};\n\nexport const useLayoutProviderDispatch = () => {\n  const { dispatchLayoutProvider } = useContext(LayoutProviderContext);\n  return dispatchLayoutProvider;\n};\n\nexport const useLayoutCreateNewChild = () => {\n  const layoutPlaceholderJSON = usePlaceholderJSON();\n  const { createNewChild } = useContext(LayoutProviderContext);\n\n  const defaultCreateNewChild = useMemo(\n    () =>\n      function createNewChild() {\n        if (layoutPlaceholderJSON) {\n          const { props } = layoutPlaceholderJSON;\n          return layoutFromJson(\n            {\n              ...layoutPlaceholderJSON,\n              props: {\n                ...props,\n                resizeable: true,\n                style: {\n                  ...props?.style,\n                  flexGrow: 1,\n                  flexShrink: 0,\n                  flexBasis: 0,\n                },\n              },\n            },\n            \"0\",\n          );\n        }\n        return layoutFromJson(\n          {\n            type: \"Placeholder\",\n            props: {\n              resizeable: true,\n              style: {\n                flexGrow: 1,\n                flexShrink: 0,\n                flexBasis: 0,\n              },\n            },\n          },\n          \"0\",\n        );\n      },\n    [layoutPlaceholderJSON],\n  );\n\n  return createNewChild ?? defaultCreateNewChild;\n};\n\nexport const useLayoutProviderVersion = () => {\n  const { version } = useContext(LayoutProviderContext);\n  return version;\n};\n"],"names":["logger","VuuShellLocation","jsx","useRef","useState","useCallback","findTarget","typeOf","getProps","layoutToJSON","layoutReducer","layoutQuery","useLayoutDragDrop","useEffect","getChildProp","layoutFromJson","LayoutActionType","getProp","cloneElementAddLayoutProps","LayoutProviderContext","useContext","usePlaceholderJSON","useMemo","createNewChild"],"mappings":"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"}

package/cjs/layout-reducer/flexUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"flexUtils.js","sources":["../../src/layout-reducer/flexUtils.ts"],"sourcesContent":["import {\n  dimension,\n  getLayoutComponent,\n  rect,\n  rectTuple,\n  uuid,\n} from \"@vuu-ui/vuu-utils\";\nimport React, { CSSProperties, ReactElement, ReactNode } from \"react\";\nimport { DropPos } from \"../drag-drop/dragDropTypes\";\nimport { getProps, resetPath } from \"../utils\";\nconst placeHolderProps = { \"data-placeholder\": true, \"data-resizeable\": true };\n\nconst NO_STYLE = {};\nconst auto = \"auto\";\nconst defaultFlexStyle = {\n  flexBasis: 0,\n  flexGrow: 1,\n  flexShrink: 1,\n  height: auto,\n  width: auto,\n};\n\nconst CROSS_DIMENSION = {\n  height: \"width\",\n  width: \"height\",\n};\n\nexport type flexDirection = \"row\" | \"column\";\n\ntype contraDimension = dimension;\ntype flexDimensionTuple = [dimension, contraDimension, flexDirection];\nexport type position = {\n  height?: number;\n  width?: number;\n};\n\nexport const getFlexDimensions = (flexDirection: flexDirection = \"row\") => {\n  if (flexDirection === \"row\") {\n    return [\"width\", \"height\", \"column\"] as flexDimensionTuple;\n  } else {\n    return [\"height\", \"width\", \"row\"] as flexDimensionTuple;\n  }\n};\n\nconst isPercentageSize = (value: string | number) =>\n  typeof value === \"string\" && value.endsWith(\"%\");\n\nexport const getIntrinsicSize = (\n  component: ReactElement\n): { height?: number; width?: number } | undefined => {\n  const { style: { width = auto, height = auto } = NO_STYLE } = component.props;\n\n  const numHeight = typeof height === \"number\";\n  const numWidth = typeof width === \"number\";\n\n  if (numHeight && numWidth) {\n    return { height, width };\n  } else if (numHeight) {\n    return { height };\n  } else if (numWidth) {\n    return { width };\n  } else {\n    return undefined;\n  }\n};\n\nexport function getFlexStyle(\n  component: ReactElement,\n  dimension: dimension,\n  pos?: DropPos\n) {\n  const crossDimension = CROSS_DIMENSION[dimension];\n  const {\n    style: {\n      [crossDimension]: intrinsicCrossSize = auto,\n      ...intrinsicStyles\n    } = NO_STYLE,\n  } = component.props;\n\n  if (pos && pos[dimension]) {\n    return {\n      ...intrinsicStyles,\n      ...defaultFlexStyle,\n      flexBasis: pos[dimension],\n      flexGrow: 0,\n      flexShrink: 0,\n    };\n  } else {\n    return {\n      ...intrinsicStyles,\n      ...defaultFlexStyle,\n      [crossDimension]: intrinsicCrossSize,\n    };\n  }\n}\n\nexport function hasUnboundedFlexStyle(component: ReactElement) {\n  const { style: { flex, flexGrow, flexShrink, flexBasis } = NO_STYLE } =\n    component.props;\n  if (typeof flex === \"number\") {\n    return true;\n  }\n  if (flexBasis === 0 && flexGrow === 1 && flexShrink === 1) {\n    return true;\n  }\n  if (typeof flexBasis === \"number\") {\n    return false;\n  }\n  return true;\n}\n\nexport function getFlexOrIntrinsicStyle(\n  component: ReactElement,\n  dimension: dimension,\n  pos: position\n) {\n  const crossDimension = CROSS_DIMENSION[dimension];\n  const {\n    style: {\n      [dimension]: intrinsicSize = auto,\n      [crossDimension]: intrinsicCrossSize = auto,\n      ...intrinsicStyles\n    } = NO_STYLE,\n  } = component.props;\n\n  if (intrinsicSize !== auto) {\n    if (isPercentageSize(intrinsicSize)) {\n      return {\n        flexBasis: 0,\n        flexGrow: 1,\n        flexShrink: 1,\n        [dimension]: undefined,\n        [crossDimension]: intrinsicCrossSize,\n      };\n    }\n    return {\n      flexBasis: intrinsicSize,\n      flexGrow: 0,\n      flexShrink: 0,\n      [dimension]: intrinsicSize,\n      [crossDimension]: intrinsicCrossSize,\n    };\n  }\n  if (pos && pos[dimension]) {\n    return {\n      ...intrinsicStyles,\n      ...defaultFlexStyle,\n      flexBasis: pos[dimension],\n      flexGrow: 0,\n      flexShrink: 0,\n    };\n  }\n  return {\n    ...intrinsicStyles,\n    [crossDimension]: intrinsicCrossSize,\n  };\n}\n\nexport function wrapIntrinsicSizeComponentWithFlexbox(\n  component: ReactElement,\n  flexDirection: flexDirection,\n  path: string,\n  clientRect?: rect,\n  dropRect?: rectTuple\n) {\n  const wrappedChildren = [];\n  let pathIndex = 0;\n  let endPlaceholder;\n\n  if (clientRect && dropRect) {\n    let startPlaceholder;\n    const [dropLeft, dropTop, dropRight, dropBottom] = dropRect;\n    [startPlaceholder, endPlaceholder] =\n      flexDirection === \"column\"\n        ? [dropTop - clientRect.top, clientRect.bottom - dropBottom]\n        : [dropLeft - clientRect.left, clientRect.right - dropRight];\n\n    if (startPlaceholder) {\n      wrappedChildren.push(\n        createPlaceHolder(`${path}.${pathIndex++}`, startPlaceholder, {\n          flexGrow: 0,\n          flexShrink: 0,\n        })\n      );\n    }\n  } else {\n    endPlaceholder = true;\n  }\n\n  const { version = 0, style } = getProps(component);\n\n  wrappedChildren.push(\n    resetPath(component, `${path}.${pathIndex++}`, {\n      version: version + 1,\n      style: {\n        ...style,\n        flexBasis: \"auto\",\n        flexGrow: 0,\n        flexShrink: 0,\n      },\n    })\n  );\n\n  if (endPlaceholder) {\n    wrappedChildren.push(\n      createPlaceHolder(`${path}.${pathIndex++}`, 0, undefined, {\n        [`data-${flexDirection}-placeholder`]: true,\n      })\n    );\n  }\n\n  return createFlexbox(\n    flexDirection,\n    { resizeable: false, style: { flexBasis: \"auto\" } },\n    wrappedChildren,\n    path\n  );\n}\n\nconst getFlexValue = (\n  flexBasis: number,\n  flexFill: boolean\n): number | undefined => {\n  if (flexFill) {\n    return undefined;\n  }\n  return flexBasis === 0 ? 1 : 0;\n};\n\nexport function createFlexbox(\n  flexDirection: flexDirection,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props: any,\n  children: ReactNode,\n  path: string\n) {\n  const id = uuid();\n  const { flexFill, style, resizeable = true } = props;\n  const { flexBasis = flexFill ? undefined : \"auto\" } = style;\n  const flex = getFlexValue(flexBasis, flexFill);\n  // A direct import triggers a circular ref chain\n  const FlexboxLayout = getLayoutComponent(\"Flexbox\");\n  return React.createElement(\n    FlexboxLayout,\n    {\n      id,\n      key: id,\n      path,\n      flexFill,\n      style: {\n        ...style,\n        flexDirection,\n        flexBasis,\n        flexGrow: flex,\n        flexShrink: flex,\n      },\n      resizeable,\n    },\n    children\n  );\n}\n\nconst baseStyle = { flexGrow: 1, flexShrink: 1 };\n\nexport function createPlaceHolder(\n  path: string,\n  size: number,\n  style?: CSSProperties,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props?: any\n) {\n  const id = uuid();\n  return React.createElement(\"div\", {\n    ...placeHolderProps,\n    ...props,\n    \"data-path\": path,\n    id,\n    key: id,\n    style: { ...baseStyle, ...style, flexBasis: size },\n  });\n}\n"],"names":["dimension","getProps","resetPath","uuid","getLayoutComponent"],"mappings":"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"}
+{"version":3,"file":"flexUtils.js","sources":["../../src/layout-reducer/flexUtils.ts"],"sourcesContent":["import {\n  dimension,\n  getLayoutComponent,\n  rect,\n  rectTuple,\n  uuid,\n} from \"@vuu-ui/vuu-utils\";\nimport React, { CSSProperties, ReactElement, ReactNode } from \"react\";\nimport { DropPos } from \"../drag-drop/dragDropTypes\";\nimport { getProps, resetPath } from \"../utils\";\nconst placeHolderProps = { \"data-placeholder\": true, \"data-resizeable\": true };\n\nconst NO_STYLE = {};\nconst auto = \"auto\";\nconst defaultFlexStyle = {\n  flexBasis: 0,\n  flexGrow: 1,\n  flexShrink: 1,\n  height: auto,\n  width: auto,\n};\n\nconst CROSS_DIMENSION = {\n  height: \"width\",\n  width: \"height\",\n};\n\nexport type flexDirection = \"row\" | \"column\";\n\ntype contraDimension = dimension;\ntype flexDimensionTuple = [dimension, contraDimension, flexDirection];\nexport type position = {\n  height?: number;\n  width?: number;\n};\n\nexport const getFlexDimensions = (flexDirection: flexDirection = \"row\") => {\n  if (flexDirection === \"row\") {\n    return [\"width\", \"height\", \"column\"] as flexDimensionTuple;\n  } else {\n    return [\"height\", \"width\", \"row\"] as flexDimensionTuple;\n  }\n};\n\nconst isPercentageSize = (value: string | number) =>\n  typeof value === \"string\" && value.endsWith(\"%\");\n\nexport const getIntrinsicSize = (\n  component: ReactElement,\n): { height?: number; width?: number } | undefined => {\n  const { style: { width = auto, height = auto } = NO_STYLE } = component.props;\n\n  const numHeight = typeof height === \"number\";\n  const numWidth = typeof width === \"number\";\n\n  if (numHeight && numWidth) {\n    return { height, width };\n  } else if (numHeight) {\n    return { height };\n  } else if (numWidth) {\n    return { width };\n  } else {\n    return undefined;\n  }\n};\n\nexport function getFlexStyle(\n  component: ReactElement,\n  dimension: dimension,\n  pos?: DropPos,\n) {\n  const crossDimension = CROSS_DIMENSION[dimension];\n  const {\n    style: {\n      [crossDimension]: intrinsicCrossSize = auto,\n      ...intrinsicStyles\n    } = NO_STYLE,\n  } = component.props;\n\n  if (pos && pos[dimension]) {\n    return {\n      ...intrinsicStyles,\n      ...defaultFlexStyle,\n      flexBasis: pos[dimension],\n      flexGrow: 0,\n      flexShrink: 0,\n    };\n  } else {\n    return {\n      ...intrinsicStyles,\n      ...defaultFlexStyle,\n      [crossDimension]: intrinsicCrossSize,\n    };\n  }\n}\n\nexport function hasUnboundedFlexStyle(component: ReactElement) {\n  const { style: { flex, flexGrow, flexShrink, flexBasis } = NO_STYLE } =\n    component.props;\n  if (typeof flex === \"number\") {\n    return true;\n  }\n  if (flexBasis === 0 && flexGrow === 1 && flexShrink === 1) {\n    return true;\n  }\n  if (typeof flexBasis === \"number\") {\n    return false;\n  }\n  return true;\n}\n\nexport function getFlexOrIntrinsicStyle(\n  component: ReactElement,\n  dimension: dimension,\n  pos: position,\n) {\n  const crossDimension = CROSS_DIMENSION[dimension];\n  const {\n    style: {\n      [dimension]: intrinsicSize = auto,\n      [crossDimension]: intrinsicCrossSize = auto,\n      ...intrinsicStyles\n    } = NO_STYLE,\n  } = component.props;\n\n  if (intrinsicSize !== auto) {\n    if (isPercentageSize(intrinsicSize)) {\n      return {\n        flexBasis: 0,\n        flexGrow: 1,\n        flexShrink: 1,\n        [dimension]: undefined,\n        [crossDimension]: intrinsicCrossSize,\n      };\n    }\n    return {\n      flexBasis: intrinsicSize,\n      flexGrow: 0,\n      flexShrink: 0,\n      [dimension]: intrinsicSize,\n      [crossDimension]: intrinsicCrossSize,\n    };\n  }\n  if (pos && pos[dimension]) {\n    return {\n      ...intrinsicStyles,\n      ...defaultFlexStyle,\n      flexBasis: pos[dimension],\n      flexGrow: 0,\n      flexShrink: 0,\n    };\n  }\n  return {\n    ...intrinsicStyles,\n    [crossDimension]: intrinsicCrossSize,\n  };\n}\n\nexport function wrapIntrinsicSizeComponentWithFlexbox(\n  component: ReactElement,\n  flexDirection: flexDirection,\n  path: string,\n  clientRect?: rect,\n  dropRect?: rectTuple,\n) {\n  const wrappedChildren = [];\n  let pathIndex = 0;\n  let endPlaceholder;\n\n  if (clientRect && dropRect) {\n    let startPlaceholder;\n    const [dropLeft, dropTop, dropRight, dropBottom] = dropRect;\n    [startPlaceholder, endPlaceholder] =\n      flexDirection === \"column\"\n        ? [dropTop - clientRect.top, clientRect.bottom - dropBottom]\n        : [dropLeft - clientRect.left, clientRect.right - dropRight];\n\n    if (startPlaceholder) {\n      wrappedChildren.push(\n        createPlaceHolder(`${path}.${pathIndex++}`, startPlaceholder, {\n          flexGrow: 0,\n          flexShrink: 0,\n        }),\n      );\n    }\n  } else {\n    endPlaceholder = true;\n  }\n\n  const { version = 0, style } = getProps(component);\n\n  wrappedChildren.push(\n    resetPath(component, `${path}.${pathIndex++}`, {\n      version: version + 1,\n      style: {\n        ...style,\n        flexBasis: \"auto\",\n        flexGrow: 0,\n        flexShrink: 0,\n      },\n    }),\n  );\n\n  if (endPlaceholder) {\n    wrappedChildren.push(\n      createPlaceHolder(`${path}.${pathIndex++}`, 0, undefined, {\n        [`data-${flexDirection}-placeholder`]: true,\n      }),\n    );\n  }\n\n  return createFlexbox(\n    flexDirection,\n    { resizeable: false, style: { flexBasis: \"auto\" } },\n    wrappedChildren,\n    path,\n  );\n}\n\nconst getFlexValue = (\n  flexBasis: number,\n  flexFill: boolean,\n): number | undefined => {\n  if (flexFill) {\n    return undefined;\n  }\n  return flexBasis === 0 ? 1 : 0;\n};\n\nexport function createFlexbox(\n  flexDirection: flexDirection,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props: any,\n  children: ReactNode,\n  path: string,\n) {\n  const id = uuid();\n  const { flexFill, style, resizeable = true } = props;\n  const { flexBasis = flexFill ? undefined : \"auto\" } = style;\n  const flex = getFlexValue(flexBasis, flexFill);\n  // A direct import triggers a circular ref chain\n  const FlexboxLayout = getLayoutComponent(\"Flexbox\");\n  return React.createElement(\n    FlexboxLayout,\n    {\n      id,\n      key: id,\n      path,\n      flexFill,\n      style: {\n        ...style,\n        flexDirection,\n        flexBasis,\n        flexGrow: flex,\n        flexShrink: flex,\n      },\n      resizeable,\n    },\n    children,\n  );\n}\n\nconst baseStyle = { flexGrow: 1, flexShrink: 1 };\n\nexport function createPlaceHolder(\n  path: string,\n  size: number,\n  style?: CSSProperties,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props?: any,\n) {\n  const id = uuid();\n  return React.createElement(\"div\", {\n    ...placeHolderProps,\n    ...props,\n    \"data-path\": path,\n    id,\n    key: id,\n    style: { ...baseStyle, ...style, flexBasis: size },\n  });\n}\n"],"names":["dimension","getProps","resetPath","uuid","getLayoutComponent"],"mappings":"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"}

package/cjs/layout-reducer/insert-layout-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"insert-layout-element.js","sources":["../../src/layout-reducer/insert-layout-element.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { LayoutModel, rectTuple, uuid } from \"@vuu-ui/vuu-utils\";\nimport React, { ReactElement } from \"react\";\nimport { DropPos } from \"../drag-drop\";\nimport { DropTarget } from \"../drag-drop/DropTarget\";\nimport { getProp, getProps, nextStep, resetPath, typeOf } from \"../utils\";\nimport {\n  createPlaceHolder,\n  flexDirection,\n  getFlexDimensions,\n  getFlexOrIntrinsicStyle,\n  getIntrinsicSize,\n  wrapIntrinsicSizeComponentWithFlexbox,\n} from \"./flexUtils\";\nimport {\n  LayoutProps,\n  getDefaultTabLabel,\n  getManagedDimension,\n} from \"./layoutUtils\";\n\ntype insertionPosition = \"before\" | \"after\";\n\nexport function getInsertTabBeforeAfter(stack: LayoutModel, pos: DropPos) {\n  const tabs = stack.props.children;\n  const tabCount = tabs.length;\n  const { index = -1, positionRelativeToTab = \"after\" } = pos.tab || {};\n  return index === -1 || index >= tabCount\n    ? [tabs[tabCount - 1], \"after\"]\n    : [tabs[index] ?? null, positionRelativeToTab];\n}\n\nexport function insertIntoContainer(\n  container: ReactElement,\n  targetContainer: ReactElement,\n  newComponent: ReactElement\n): ReactElement {\n  const {\n    active: containerActive,\n    children: containerChildren = [],\n    path: containerPath,\n  } = getProps(container) as LayoutProps;\n\n  const existingComponentPath = getProp(targetContainer, \"path\");\n  const { idx, finalStep } = nextStep(\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    containerPath!,\n    existingComponentPath,\n    true\n  );\n  const [insertedIdx, children] = finalStep\n    ? insertIntoChildren(container, containerChildren, newComponent)\n    : [\n        containerActive,\n        containerChildren?.map((child, index) =>\n          index === idx\n            ? (insertIntoContainer(\n                child,\n                targetContainer,\n                newComponent\n              ) as ReactElement)\n            : child\n        ),\n      ];\n  const active =\n    typeOf(container) === \"Stack\"\n      ? Array.isArray(insertedIdx)\n        ? (insertedIdx[0] as number)\n        : insertedIdx\n      : containerActive;\n\n  return React.cloneElement(container, { active }, children);\n}\n\nconst getDefaultTitle = (\n  containerType: string | undefined,\n  component: ReactElement,\n  index: number,\n  existingLabels: string[]\n) =>\n  containerType === \"Stack\"\n    ? getDefaultTabLabel(component, index, existingLabels)\n    : undefined;\n\nconst getChildrenTitles = (children: ReactElement[]) =>\n  children.map((child) => child.props.title);\n\nfunction insertIntoChildren(\n  container: ReactElement,\n  containerChildren: ReactElement[],\n  newComponent: ReactElement\n): [number, ReactElement[]] {\n  const containerPath = getProp(container, \"path\");\n  const count = containerChildren?.length;\n  const {\n    id = uuid(),\n    title = getDefaultTitle(\n      typeOf(container),\n      newComponent,\n      count ?? 0,\n      getChildrenTitles(containerChildren)\n    ),\n  } = getProps(newComponent);\n\n  if (count) {\n    return [\n      count,\n      containerChildren.concat(\n        resetPath(newComponent, `${containerPath}.${count}`, {\n          id,\n          key: id,\n          title,\n        })\n      ),\n    ];\n  } else {\n    return [0, [resetPath(newComponent, `${containerPath}.0`, { id, title })]];\n  }\n}\n\nexport function insertBesideChild(\n  container: ReactElement,\n  existingComponent: any,\n  newComponent: any,\n  insertionPosition: insertionPosition,\n  pos?: DropPos,\n  clientRect?: any,\n  dropRect?: any\n): ReactElement {\n  const {\n    active: containerActive,\n    children: containerChildren,\n    path: containerPath,\n  } = getProps(container);\n\n  const existingComponentPath = getProp(existingComponent, \"path\");\n  const { idx, finalStep } = nextStep(containerPath, existingComponentPath);\n  const [insertedIdx, children] = finalStep\n    ? updateChildren(\n        container,\n        containerChildren,\n        idx,\n        newComponent,\n        insertionPosition,\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        pos!,\n        clientRect,\n        dropRect\n      )\n    : [\n        containerActive,\n        containerChildren.map((child: ReactElement, index: number) =>\n          index === idx\n            ? insertBesideChild(\n                child,\n                existingComponent,\n                newComponent,\n                insertionPosition,\n                pos,\n                clientRect,\n                dropRect\n              )\n            : child\n        ),\n      ];\n\n  const active = typeOf(container) === \"Stack\" ? insertedIdx : containerActive;\n  return React.cloneElement(container, { active }, children);\n}\n\nfunction updateChildren(\n  container: LayoutModel,\n  containerChildren: ReactElement[],\n  idx: number,\n  newComponent: ReactElement,\n  insertionPosition: insertionPosition,\n  pos: DropPos,\n  clientRect: DropTarget[\"clientRect\"],\n  dropRect: DropTarget[\"dropRect\"]\n) {\n  const intrinsicSize = getIntrinsicSize(newComponent);\n  if (intrinsicSize?.width && intrinsicSize?.height) {\n    return insertIntrinsicSizedComponent(\n      container,\n      containerChildren,\n      idx,\n      newComponent,\n      insertionPosition,\n      clientRect,\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      dropRect!\n    );\n  } else {\n    return insertFlexComponent(\n      container,\n      containerChildren,\n      idx,\n      newComponent,\n      insertionPosition,\n      pos?.width || pos?.height,\n      clientRect\n    );\n  }\n}\n\nconst getLeadingPlaceholderSize = (\n  flexDirection: flexDirection,\n  insertionPosition: insertionPosition,\n  { top, right, bottom, left }: DropTarget[\"clientRect\"],\n  [rectLeft, rectTop, rectRight, rectBottom]: rectTuple\n) => {\n  if (flexDirection === \"column\" && insertionPosition === \"before\") {\n    return rectTop - top;\n  } else if (flexDirection === \"column\") {\n    return bottom - rectBottom;\n  } else if (flexDirection === \"row\" && insertionPosition === \"before\") {\n    return rectLeft - left;\n  } else if (flexDirection === \"row\") {\n    return right - rectRight;\n  }\n};\n\nfunction insertIntrinsicSizedComponent(\n  container: LayoutModel,\n  containerChildren: ReactElement[],\n  idx: number,\n  newComponent: ReactElement,\n  insertionPosition: insertionPosition,\n  clientRect: DropTarget[\"clientRect\"],\n  dropRect: rectTuple\n) {\n  const {\n    style: { flexDirection },\n  } = getProps(container);\n  const [dimension, crossDimension, contraDirection] =\n    getFlexDimensions(flexDirection);\n  const { [crossDimension]: intrinsicCrossSize, [dimension]: intrinsicSize } =\n    getIntrinsicSize(newComponent) as { height: number; width: number };\n  const path = getProp(containerChildren[idx], \"path\");\n\n  const placeholderSize = getLeadingPlaceholderSize(\n    flexDirection,\n    insertionPosition,\n    clientRect,\n    dropRect\n  );\n\n  const [itemToInsert, size] =\n    intrinsicCrossSize < clientRect[crossDimension]\n      ? [\n          wrapIntrinsicSizeComponentWithFlexbox(\n            newComponent,\n            contraDirection,\n            path,\n            clientRect,\n            dropRect\n          ),\n          intrinsicSize,\n        ]\n      : [newComponent, undefined];\n\n  const placeholder = placeholderSize\n    ? createPlaceHolder(path, placeholderSize, { flexGrow: 0, flexShrink: 0 })\n    : undefined;\n\n  if (intrinsicCrossSize > clientRect[crossDimension]) {\n    containerChildren = containerChildren.map((child) => {\n      if (getProp(child, \"placeholder\")) {\n        return child;\n      } else {\n        const { [crossDimension]: intrinsicCrossChildSize } = getIntrinsicSize(\n          child\n        ) as {\n          height: number;\n          width: number;\n        };\n        if (\n          intrinsicCrossChildSize &&\n          intrinsicCrossChildSize < intrinsicCrossSize\n        ) {\n          return wrapIntrinsicSizeComponentWithFlexbox(\n            child,\n            contraDirection,\n            getProp(child, \"path\")\n          );\n        } else {\n          return child;\n        }\n      }\n    });\n  }\n\n  return insertFlexComponent(\n    container,\n    containerChildren,\n    idx,\n    itemToInsert,\n    insertionPosition,\n    size,\n    clientRect,\n    placeholder\n  );\n}\n\nfunction insertFlexComponent(\n  container: LayoutModel,\n  containerChildren: ReactElement[],\n  idx: number,\n  newComponent: ReactElement,\n  insertionPosition: \"before\" | \"after\",\n  size: number | undefined,\n  targetRect: DropTarget[\"clientRect\"],\n  placeholder?: ReactElement\n) {\n  const containerPath = getProp(container, \"path\");\n  let insertedIdx = 0;\n  const children =\n    !containerChildren || containerChildren.length === 0\n      ? [newComponent]\n      : containerChildren\n          .reduce<ReactElement[]>((arr, child, i) => {\n            if (idx === i) {\n              const [existingComponent, insertedComponent] =\n                getStyledComponents(container, child, newComponent, targetRect);\n              if (insertionPosition === \"before\") {\n                if (placeholder) {\n                  arr.push(placeholder, insertedComponent, existingComponent);\n                } else {\n                  arr.push(insertedComponent, existingComponent);\n                }\n              } else {\n                if (placeholder) {\n                  arr.push(existingComponent, insertedComponent, placeholder);\n                } else {\n                  arr.push(existingComponent, insertedComponent);\n                }\n              }\n              insertedIdx = arr.indexOf(insertedComponent);\n            } else {\n              arr.push(child);\n            }\n            return arr;\n          }, [])\n          .map((child, i) =>\n            i < insertedIdx ? child : resetPath(child, `${containerPath}.${i}`)\n          );\n\n  return [insertedIdx, children];\n}\n\nfunction getStyledComponents(\n  container: LayoutModel,\n  existingComponent: ReactElement,\n  newComponent: ReactElement,\n  targetRect: DropTarget[\"clientRect\"]\n): [ReactElement, ReactElement] {\n  const id = uuid();\n  let { version = 0 } = getProps(newComponent);\n  version += 1;\n  if (typeOf(container) === \"Flexbox\") {\n    const [dim] = getManagedDimension(container.props.style);\n    const splitterSize = 6;\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    const size = { [dim]: (targetRect[dim] - splitterSize) / 2 };\n    const existingComponentStyle = getFlexOrIntrinsicStyle(\n      existingComponent,\n      dim,\n      size\n    );\n    const newComponentStyle = getFlexOrIntrinsicStyle(newComponent, dim, size);\n\n    return [\n      React.cloneElement(existingComponent, {\n        style: existingComponentStyle,\n      }),\n      React.cloneElement(newComponent, {\n        id,\n        version,\n        style: newComponentStyle,\n      }),\n    ];\n  } else {\n    const {\n      style: { left: _1, top: _2, flex: _3, ...style } = {\n        left: undefined,\n        top: undefined,\n        flex: undefined,\n      },\n    } = getProps(newComponent);\n    return [\n      existingComponent,\n      React.cloneElement(newComponent, {\n        id,\n        version,\n        style: { ...style, flex: \"1 1 0px\" },\n      }),\n    ];\n  }\n}\n"],"names":["getProps","getProp","nextStep","typeOf","getDefaultTabLabel","uuid","resetPath","getIntrinsicSize","flexDirection","getFlexDimensions","wrapIntrinsicSizeComponentWithFlexbox","createPlaceHolder","getManagedDimension","getFlexOrIntrinsicStyle"],"mappings":"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"}
+{"version":3,"file":"insert-layout-element.js","sources":["../../src/layout-reducer/insert-layout-element.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { LayoutModel, rectTuple, uuid } from \"@vuu-ui/vuu-utils\";\nimport React, { ReactElement } from \"react\";\nimport { DropPos } from \"../drag-drop\";\nimport { DropTarget } from \"../drag-drop/DropTarget\";\nimport { getProp, getProps, nextStep, resetPath, typeOf } from \"../utils\";\nimport {\n  createPlaceHolder,\n  flexDirection,\n  getFlexDimensions,\n  getFlexOrIntrinsicStyle,\n  getIntrinsicSize,\n  wrapIntrinsicSizeComponentWithFlexbox,\n} from \"./flexUtils\";\nimport {\n  LayoutProps,\n  getDefaultTabLabel,\n  getManagedDimension,\n} from \"./layoutUtils\";\n\ntype insertionPosition = \"before\" | \"after\";\n\nexport function getInsertTabBeforeAfter(stack: LayoutModel, pos: DropPos) {\n  const tabs = stack.props.children;\n  const tabCount = tabs.length;\n  const { index = -1, positionRelativeToTab = \"after\" } = pos.tab || {};\n  return index === -1 || index >= tabCount\n    ? [tabs[tabCount - 1], \"after\"]\n    : [tabs[index] ?? null, positionRelativeToTab];\n}\n\nexport function insertIntoContainer(\n  container: ReactElement,\n  targetContainer: ReactElement,\n  newComponent: ReactElement,\n): ReactElement {\n  const {\n    active: containerActive,\n    children: containerChildren = [],\n    path: containerPath,\n  } = getProps(container) as LayoutProps;\n\n  const existingComponentPath = getProp(targetContainer, \"path\");\n  const { idx, finalStep } = nextStep(\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    containerPath!,\n    existingComponentPath,\n    true,\n  );\n  const [insertedIdx, children] = finalStep\n    ? insertIntoChildren(container, containerChildren, newComponent)\n    : [\n        containerActive,\n        containerChildren?.map((child, index) =>\n          index === idx\n            ? (insertIntoContainer(\n                child,\n                targetContainer,\n                newComponent,\n              ) as ReactElement)\n            : child,\n        ),\n      ];\n  const active =\n    typeOf(container) === \"Stack\"\n      ? Array.isArray(insertedIdx)\n        ? (insertedIdx[0] as number)\n        : insertedIdx\n      : containerActive;\n\n  return React.cloneElement(container, { active }, children);\n}\n\nconst getDefaultTitle = (\n  containerType: string | undefined,\n  component: ReactElement,\n  index: number,\n  existingLabels: string[],\n) =>\n  containerType === \"Stack\"\n    ? getDefaultTabLabel(component, index, existingLabels)\n    : undefined;\n\nconst getChildrenTitles = (children: ReactElement[]) =>\n  children.map((child) => child.props.title);\n\nfunction insertIntoChildren(\n  container: ReactElement,\n  containerChildren: ReactElement[],\n  newComponent: ReactElement,\n): [number, ReactElement[]] {\n  const containerPath = getProp(container, \"path\");\n  const count = containerChildren?.length;\n  const {\n    id = uuid(),\n    title = getDefaultTitle(\n      typeOf(container),\n      newComponent,\n      count ?? 0,\n      getChildrenTitles(containerChildren),\n    ),\n  } = getProps(newComponent);\n\n  if (count) {\n    return [\n      count,\n      containerChildren.concat(\n        resetPath(newComponent, `${containerPath}.${count}`, {\n          id,\n          key: id,\n          title,\n        }),\n      ),\n    ];\n  } else {\n    return [0, [resetPath(newComponent, `${containerPath}.0`, { id, title })]];\n  }\n}\n\nexport function insertBesideChild(\n  container: ReactElement,\n  existingComponent: any,\n  newComponent: any,\n  insertionPosition: insertionPosition,\n  pos?: DropPos,\n  clientRect?: any,\n  dropRect?: any,\n): ReactElement {\n  const {\n    active: containerActive,\n    children: containerChildren,\n    path: containerPath,\n  } = getProps(container);\n\n  const existingComponentPath = getProp(existingComponent, \"path\");\n  const { idx, finalStep } = nextStep(containerPath, existingComponentPath);\n  const [insertedIdx, children] = finalStep\n    ? updateChildren(\n        container,\n        containerChildren,\n        idx,\n        newComponent,\n        insertionPosition,\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        pos!,\n        clientRect,\n        dropRect,\n      )\n    : [\n        containerActive,\n        containerChildren.map((child: ReactElement, index: number) =>\n          index === idx\n            ? insertBesideChild(\n                child,\n                existingComponent,\n                newComponent,\n                insertionPosition,\n                pos,\n                clientRect,\n                dropRect,\n              )\n            : child,\n        ),\n      ];\n\n  const active = typeOf(container) === \"Stack\" ? insertedIdx : containerActive;\n  return React.cloneElement(container, { active }, children);\n}\n\nfunction updateChildren(\n  container: LayoutModel,\n  containerChildren: ReactElement[],\n  idx: number,\n  newComponent: ReactElement,\n  insertionPosition: insertionPosition,\n  pos: DropPos,\n  clientRect: DropTarget[\"clientRect\"],\n  dropRect: DropTarget[\"dropRect\"],\n) {\n  const intrinsicSize = getIntrinsicSize(newComponent);\n  if (intrinsicSize?.width && intrinsicSize?.height) {\n    return insertIntrinsicSizedComponent(\n      container,\n      containerChildren,\n      idx,\n      newComponent,\n      insertionPosition,\n      clientRect,\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      dropRect!,\n    );\n  } else {\n    return insertFlexComponent(\n      container,\n      containerChildren,\n      idx,\n      newComponent,\n      insertionPosition,\n      pos?.width || pos?.height,\n      clientRect,\n    );\n  }\n}\n\nconst getLeadingPlaceholderSize = (\n  flexDirection: flexDirection,\n  insertionPosition: insertionPosition,\n  { top, right, bottom, left }: DropTarget[\"clientRect\"],\n  [rectLeft, rectTop, rectRight, rectBottom]: rectTuple,\n) => {\n  if (flexDirection === \"column\" && insertionPosition === \"before\") {\n    return rectTop - top;\n  } else if (flexDirection === \"column\") {\n    return bottom - rectBottom;\n  } else if (flexDirection === \"row\" && insertionPosition === \"before\") {\n    return rectLeft - left;\n  } else if (flexDirection === \"row\") {\n    return right - rectRight;\n  }\n};\n\nfunction insertIntrinsicSizedComponent(\n  container: LayoutModel,\n  containerChildren: ReactElement[],\n  idx: number,\n  newComponent: ReactElement,\n  insertionPosition: insertionPosition,\n  clientRect: DropTarget[\"clientRect\"],\n  dropRect: rectTuple,\n) {\n  const {\n    style: { flexDirection },\n  } = getProps(container);\n  const [dimension, crossDimension, contraDirection] =\n    getFlexDimensions(flexDirection);\n  const { [crossDimension]: intrinsicCrossSize, [dimension]: intrinsicSize } =\n    getIntrinsicSize(newComponent) as { height: number; width: number };\n  const path = getProp(containerChildren[idx], \"path\");\n\n  const placeholderSize = getLeadingPlaceholderSize(\n    flexDirection,\n    insertionPosition,\n    clientRect,\n    dropRect,\n  );\n\n  const [itemToInsert, size] =\n    intrinsicCrossSize < clientRect[crossDimension]\n      ? [\n          wrapIntrinsicSizeComponentWithFlexbox(\n            newComponent,\n            contraDirection,\n            path,\n            clientRect,\n            dropRect,\n          ),\n          intrinsicSize,\n        ]\n      : [newComponent, undefined];\n\n  const placeholder = placeholderSize\n    ? createPlaceHolder(path, placeholderSize, { flexGrow: 0, flexShrink: 0 })\n    : undefined;\n\n  if (intrinsicCrossSize > clientRect[crossDimension]) {\n    containerChildren = containerChildren.map((child) => {\n      if (getProp(child, \"placeholder\")) {\n        return child;\n      } else {\n        const { [crossDimension]: intrinsicCrossChildSize } = getIntrinsicSize(\n          child,\n        ) as {\n          height: number;\n          width: number;\n        };\n        if (\n          intrinsicCrossChildSize &&\n          intrinsicCrossChildSize < intrinsicCrossSize\n        ) {\n          return wrapIntrinsicSizeComponentWithFlexbox(\n            child,\n            contraDirection,\n            getProp(child, \"path\"),\n          );\n        } else {\n          return child;\n        }\n      }\n    });\n  }\n\n  return insertFlexComponent(\n    container,\n    containerChildren,\n    idx,\n    itemToInsert,\n    insertionPosition,\n    size,\n    clientRect,\n    placeholder,\n  );\n}\n\nfunction insertFlexComponent(\n  container: LayoutModel,\n  containerChildren: ReactElement[],\n  idx: number,\n  newComponent: ReactElement,\n  insertionPosition: \"before\" | \"after\",\n  size: number | undefined,\n  targetRect: DropTarget[\"clientRect\"],\n  placeholder?: ReactElement,\n) {\n  const containerPath = getProp(container, \"path\");\n  let insertedIdx = 0;\n  const children =\n    !containerChildren || containerChildren.length === 0\n      ? [newComponent]\n      : containerChildren\n          .reduce<ReactElement[]>((arr, child, i) => {\n            if (idx === i) {\n              const [existingComponent, insertedComponent] =\n                getStyledComponents(container, child, newComponent, targetRect);\n              if (insertionPosition === \"before\") {\n                if (placeholder) {\n                  arr.push(placeholder, insertedComponent, existingComponent);\n                } else {\n                  arr.push(insertedComponent, existingComponent);\n                }\n              } else {\n                if (placeholder) {\n                  arr.push(existingComponent, insertedComponent, placeholder);\n                } else {\n                  arr.push(existingComponent, insertedComponent);\n                }\n              }\n              insertedIdx = arr.indexOf(insertedComponent);\n            } else {\n              arr.push(child);\n            }\n            return arr;\n          }, [])\n          .map((child, i) =>\n            i < insertedIdx ? child : resetPath(child, `${containerPath}.${i}`),\n          );\n\n  return [insertedIdx, children];\n}\n\nfunction getStyledComponents(\n  container: LayoutModel,\n  existingComponent: ReactElement,\n  newComponent: ReactElement,\n  targetRect: DropTarget[\"clientRect\"],\n): [ReactElement, ReactElement] {\n  const id = uuid();\n  let { version = 0 } = getProps(newComponent);\n  version += 1;\n  if (typeOf(container) === \"Flexbox\") {\n    const [dim] = getManagedDimension(container.props.style);\n    const splitterSize = 6;\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    const size = { [dim]: (targetRect[dim] - splitterSize) / 2 };\n    const existingComponentStyle = getFlexOrIntrinsicStyle(\n      existingComponent,\n      dim,\n      size,\n    );\n    const newComponentStyle = getFlexOrIntrinsicStyle(newComponent, dim, size);\n\n    return [\n      React.cloneElement(existingComponent, {\n        style: existingComponentStyle,\n      }),\n      React.cloneElement(newComponent, {\n        id,\n        version,\n        style: newComponentStyle,\n      }),\n    ];\n  } else {\n    const {\n      style: { left: _1, top: _2, flex: _3, ...style } = {\n        left: undefined,\n        top: undefined,\n        flex: undefined,\n      },\n    } = getProps(newComponent);\n    return [\n      existingComponent,\n      React.cloneElement(newComponent, {\n        id,\n        version,\n        style: { ...style, flex: \"1 1 0px\" },\n      }),\n    ];\n  }\n}\n"],"names":["getProps","getProp","nextStep","typeOf","getDefaultTabLabel","uuid","resetPath","getIntrinsicSize","flexDirection","getFlexDimensions","wrapIntrinsicSizeComponentWithFlexbox","createPlaceHolder","getManagedDimension","getFlexOrIntrinsicStyle"],"mappings":"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"}

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

@@ -1 +1 @@
-{"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  DragDropAction,\n  LayoutActionType,\n  LayoutReducerAction,\n  MaximizeAction,\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 LayoutActionType.MAXIMIZE:\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 = (state: ReactElement, { path, type }: MaximizeAction) => {\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      newComponent\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  return (\n    typeOf(container) === \"Flexbox\" &&\n    container.props.style.flexDirection === \"column\"\n  );\n};\n\nconst isTerrace = (container: ReactElement) => {\n  return (\n    typeOf(container) === \"Flexbox\" &&\n    container.props.style.flexDirection !== \"column\"\n  );\n};\n"],"names":["LayoutActionType","removeChild","replaceChild","resizeFlexChildren","resizeFlexChild","moveChild","followPath","swapChild","typeOf","getProps","getIntrinsicSize","getInsertTabBeforeAfter","insertIntoContainer","insertBesideChild","_replaceChild","findTarget","getProp","wrap","followPathToParent","isContainer"],"mappings":"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"}
+{"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  DragDropAction,\n  LayoutActionType,\n  LayoutReducerAction,\n  MaximizeAction,\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 LayoutActionType.MAXIMIZE:\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 = (state: ReactElement, { path, type }: MaximizeAction) => {\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      newComponent,\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  return (\n    typeOf(container) === \"Flexbox\" &&\n    container.props.style.flexDirection === \"column\"\n  );\n};\n\nconst isTerrace = (container: ReactElement) => {\n  return (\n    typeOf(container) === \"Flexbox\" &&\n    container.props.style.flexDirection !== \"column\"\n  );\n};\n"],"names":["LayoutActionType","removeChild","replaceChild","resizeFlexChildren","resizeFlexChild","moveChild","followPath","swapChild","typeOf","getProps","getIntrinsicSize","getInsertTabBeforeAfter","insertIntoContainer","insertBesideChild","_replaceChild","findTarget","getProp","wrap","followPathToParent","isContainer"],"mappings":"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"}

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

@@ -1 +1 @@
-{"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 MinimizeAction = {\n  path?: string;\n  type: typeof LayoutActionType.MINIMIZE;\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  | MaximizeAction\n  | MinimizeAction\n  | MoveChildAction\n  | RemoveAction\n  | ReplaceAction\n  | RestoreAction\n  | SetPropAction\n  | SetPropsAction\n  | SetTitleAction\n  | SplitterResizeAction\n  | SwitchTabAction;\n\nexport type MousedownViewAction = {\n  preDragActivity?: any;\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,SAAA;AACX,EAAA;AA0Ja,MAAA,wBAAA,GAA2B,CACtC,kBAEA,KAAA;AAAA,EACE,sBAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AACF,CAAA,CAAE,SAAS,kBAAkB,EAAA;AAElB,MAAA,mBAAA,GAAsB,CACjC,kBAEA,KAAA;AAAA,EACE,mBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,qBAAA;AACF,CAAA,CAAE,SAAS,kBAAkB;;;;;;"}
+{"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 MinimizeAction = {\n  path?: string;\n  type: typeof LayoutActionType.MINIMIZE;\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  | MaximizeAction\n  | MinimizeAction\n  | MoveChildAction\n  | RemoveAction\n  | ReplaceAction\n  | RestoreAction\n  | SetPropAction\n  | SetPropsAction\n  | SetTitleAction\n  | SplitterResizeAction\n  | SwitchTabAction;\n\nexport type MousedownViewAction = {\n  preDragActivity?: any;\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,SAAA;AACX,EAAA;AA0Ja,MAAA,wBAAA,GAA2B,CACtC,kBAEA,KAAA;AAAA,EACE,sBAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AACF,CAAA,CAAE,SAAS,kBAAkB,EAAA;AAElB,MAAA,mBAAA,GAAsB,CACjC,kBAEA,KAAA;AAAA,EACE,mBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,qBAAA;AACF,CAAA,CAAE,SAAS,kBAAkB;;;;;;"}

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

@@ -1 +1 @@
-{"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    component.props,\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    layoutElement.props,\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    (previousLayout as any)?.children ?? previousLayout?.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            child.props,\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  { 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      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    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\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    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 = component.props?.title ?? component.props?.[\"data-tab-title\"];\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":["typeOf","cloneElement","getProps","uuid","isLayoutComponent","isContainer","children","expandFlex","getLayoutComponent","setPersistentState","hasPersistentState","getPersistentState","followPathToParent"],"mappings":";;;;;;;;;;AAwBO,MAAM,mBAAsB,GAAA,CACjC,KAEA,KAAA,KAAA,CAAM,aAAkB,KAAA,QAAA,GAAW,CAAC,QAAA,EAAU,OAAO,CAAA,GAAI,CAAC,OAAA,EAAS,QAAQ,EAAA;AAE7E,MAAM,mBAAkC,EAAC,CAAA;AAElC,MAAM,gBAAmB,GAAA,CAAC,SAAyB,EAAA,IAAA,GAAO,GAAQ,KAAA;AACvE,EAAM,MAAA,CAAC,WAAa,EAAA,QAAQ,CAAI,GAAA,mBAAA;AAAA,IAC9BA,cAAO,SAAS,CAAA;AAAA,IAChB,SAAU,CAAA,KAAA;AAAA,IACV,IAAA;AAAA,GACF,CAAA;AACA,EAAA,OAAO,KAAM,CAAA,YAAA,CAAa,SAAW,EAAA,WAAA,EAAa,QAAQ,CAAA,CAAA;AAC5D,EAAA;AAoBa,MAAA,0BAAA,GAA6B,CACxC,aAAA,EACA,cACiB,KAAA;AACjB,EAAM,MAAA,IAAA,GAAOA,cAAO,aAAa,CAAA,CAAA;AACjC,EAAM,MAAA,CAAC,WAAa,EAAA,QAAQ,CAAI,GAAA,mBAAA;AAAA,IAC9B,IAAA;AAAA,IACA,aAAc,CAAA,KAAA;AAAA,IACd,GAAA;AAAA,IACA,KAAA,CAAA;AAAA,IACA,cAAA;AAAA,GACF,CAAA;AACA,EAAO,OAAAC,kBAAA,CAAa,aAAe,EAAA,WAAA,EAAa,QAAQ,CAAA,CAAA;AAC1D,EAAA;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,cAAA;AAAA,GACF,CAAA;AACA,EAAO,OAAA;AAAA,IACL,GAAG,KAAA;AAAA,IACH,GAAG,WAAA;AAAA,IACH,IAAA;AAAA,IACA,QAAA;AAAA,GACF,CAAA;AACF,EAAA;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,SAAA;AAAA,GACT,GAAIC,mBAAS,cAAc,CAAA,CAAA;AAE3B,EAAA,MAAM,SAAY,GAAAF,aAAA,CAAO,cAAc,CAAA,KAAM,QAAQ,IAAS,KAAA,QAAA,CAAA;AAC9D,EAAA,MAAM,EAAK,GAAA,SAAA,GAAY,MAAS,GAAA,KAAA,CAAM,MAAMG,aAAK,EAAA,CAAA;AACjD,EAAA,MAAM,MAAS,GAAA,IAAA,KAAS,OAAU,GAAA,KAAA,CAAM,UAAU,UAAa,GAAA,KAAA,CAAA,CAAA;AAE/D,EAAA,MAAM,GAAM,GAAA,EAAA,CAAA;AACZ,EAAA,MAAM,QAAQ,SAAY,GAAA,SAAA,GAAY,QAAS,CAAA,IAAA,EAAM,OAAO,UAAU,CAAA,CAAA;AACtE,EAAA,OAAOC,2BAAkB,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,CAAA;AAC1C,CAAA;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,cAAA;AAAA,GACF,CAAA;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,CAAA;AAAA,GAClE;AAEA,EAAA,MAAM,gBACH,GAAA,cAAA,EAAwB,QAAY,IAAA,cAAA,EAAgB,KAAO,EAAA,QAAA,CAAA;AAC9D,EAAM,MAAA,kBAAA,GAAqB,MAAM,UAAc,IAAA,gBAAA,CAAA;AAC/C,EAAM,MAAA,QAAA,GAAW,qBACb,gBACA,GAAA,iBAAA,CAAkB,MAAM,KAAM,CAAA,QAAA,EAAU,MAAM,gBAAgB,CAAA,CAAA;AAClE,EAAO,OAAA,CAAC,aAAa,QAAQ,CAAA,CAAA;AAC/B,CAAA;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,GAC7B,CAAC,QAAQ,IACT,EAAC,CAAA;AACL,EAAA,OAAOC,qBAAY,IAAI,CAAA,GACnB,KAAK,GAAI,CAAA,CAAC,OAAO,CAAM,KAAA;AACrB,IAAM,MAAA,SAAA,GAAYL,cAAO,KAAK,CAAA,CAAA;AAC9B,IAAA,MAAM,YAAe,GAAAA,aAAA,CAAO,gBAAmB,GAAA,CAAC,CAAC,CAAA,CAAA;AAEjD,IAAI,IAAA,CAAC,YAAgB,IAAA,SAAA,KAAc,YAAc,EAAA;AAC/C,MAAM,MAAA,CAAC,WAAaM,EAAAA,SAAQ,CAAI,GAAA,mBAAA;AAAA,QAC9B,SAAA;AAAA,QACA,KAAM,CAAA,KAAA;AAAA,QACN,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA;AAAA,QACZ,IAAA;AAAA,QACA,mBAAmB,CAAC,CAAA;AAAA,OACtB,CAAA;AACA,MAAA,OAAO,KAAM,CAAA,YAAA,CAAa,KAAO,EAAA,WAAA,EAAaA,SAAQ,CAAA,CAAA;AAAA,KACxD;AAEA,IAAA,OAAO,mBAAmB,CAAC,CAAA,CAAA;AAAA,GAC5B,CACD,GAAA,QAAA,CAAA;AACN,CAAA;AAEA,MAAM,QAAW,GAAA,CACf,IACA,EAAA,KAAA,EACA,UACG,KAAA;AACH,EAAI,IAAA,EAAE,KAAQ,GAAA,gBAAA,EAAqB,GAAA,KAAA,CAAA;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,MAAA;AAAA,KACX,CAAA;AAAA,GACF;AAEA,EAAA,IAAI,MAAM,IAAM,EAAA;AACd,IAAA,MAAM,EAAE,IAAA,EAAM,GAAG,WAAA,EAAgB,GAAA,KAAA,CAAA;AACjC,IAAQ,KAAA,GAAA;AAAA,MACN,GAAG,WAAA;AAAA,MACH,GAAGC,qBAAW,CAAA,OAAO,IAAS,KAAA,QAAA,GAAW,OAAO,CAAC,CAAA;AAAA,KACnD,CAAA;AAAA,GACF,MAAA,IAAW,eAAe,OAAS,EAAA;AACjC,IAAQ,KAAA,GAAA;AAAA,MACN,GAAG,KAAA;AAAA,MACH,GAAGA,sBAAW,CAAC,CAAA;AAAA,KACjB,CAAA;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,CAAA;AAAA,KACd,CAAA;AAAA,GACF;AAEA,EAAO,OAAA,KAAA,CAAA;AACT,CAAA,CAAA;AAEgB,SAAA,cAAA,CACd,EAAE,EAAA,GAAKJ,aAAK,EAAA,EAAG,MAAM,QAAU,EAAA,KAAA,EAAO,KAAM,EAAA,EAC5C,IACc,EAAA;AACd,EAAA,MAAM,gBAAgB,IAAK,CAAA,KAAA,CAAM,QAAQ,CAAI,GAAA,IAAA,GAAOK,4BAAmB,IAAI,CAAA,CAAA;AAE3E,EAAA,IAAI,kBAAkB,KAAW,CAAA,EAAA;AAC/B,IAAM,MAAA,KAAA;AAAA,MACJ,kEAAkE,IAAI,CAAA,CAAA;AAAA,KACxE,CAAA;AAAA,GACF;AAEA,EAAA,IAAI,KAAO,EAAA;AACT,IAAAC,qCAAA,CAAmB,IAAI,KAAK,CAAA,CAAA;AAAA,GAC9B;AAEA,EAAA,OAAO,KAAM,CAAA,aAAA;AAAA,IACX,aAAA;AAAA,IACA;AAAA,MACE,EAAA;AAAA,MACA,GAAG,KAAA;AAAA,MACH,GAAK,EAAA,EAAA;AAAA,MACL,IAAA;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,CAAA;AAAA,GACN,CAAA;AACF,CAAA;AAEO,SAAS,aAAa,SAAyB,EAAA;AACpD,EAAA,OAAO,gBAAgB,SAAS,CAAA,CAAA;AAClC,CAAA;AAEO,SAAS,gBAAgB,SAAqC,EAAA;AACnE,EAAM,MAAA,IAAA,GAAOT,cAAO,SAAS,CAAA,CAAA;AAC7B,EAAM,MAAA,EAAE,IAAI,QAAU,EAAA,IAAA,EAAM,OAAO,GAAG,KAAA,EAAU,GAAAE,kBAAA,CAAS,SAAS,CAAA,CAAA;AAElE,EAAA,MAAM,QAAQQ,qCAAmB,CAAA,EAAE,CAAI,GAAAC,qCAAA,CAAmB,EAAE,CAAI,GAAA,KAAA,CAAA,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,CAAA;AAAA,GACxD,CAAA;AACF,CAAA;AAEO,SAAS,eAAe,KAAqB,EAAA;AAClD,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,MAAM,EAAE,IAAA,EAAM,GAAG,UAAA,EAAe,GAAA,KAAA,CAAA;AAChC,IAAA,MAAM,SAAiC,EAAC,CAAA;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,CAAA;AAAA,KACpC;AACA,IAAO,OAAA,MAAA,CAAA;AAAA,GACT;AACF,CAAA;AAEA,SAAS,eAAe,KAAqB,EAAA;AAC3C,EACE,IAAA,OAAO,UAAU,QACjB,IAAA,OAAO,UAAU,QACjB,IAAA,OAAO,UAAU,SACjB,EAAA;AACA,IAAO,OAAA,KAAA,CAAA;AAAA,GACE,MAAA,IAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CAAG,EAAA;AAC/B,IAAO,OAAA,KAAA,CAAM,IAAI,cAAc,CAAA,CAAA;AAAA,GACtB,MAAA,IAAA,OAAO,KAAU,KAAA,QAAA,IAAY,UAAU,IAAM,EAAA;AACtD,IAAA,MAAM,SAAiC,EAAC,CAAA;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,CAAA;AAAA,KAC9B;AACA,IAAO,OAAA,MAAA,CAAA;AAAA,GACT;AACF,CAAA;AAMO,MAAM,WAAc,GAAA,CACzB,KACA,EAAA,IAAA,EACA,UACG,KAAA;AACH,EAAA,IAAI,QAAQ,UAAY,EAAA;AACtB,IAAM,MAAA,aAAA,GAAgBC,4BAAmB,CAAA,UAAA,EAAY,IAAI,CAAA,CAAA;AACzD,IAAA,IAAI,aAAe,EAAA;AACjB,MAAA,MAAM,EAAE,EAAA,EAAI,iBAAkB,EAAA,GAAIV,mBAAS,aAAa,CAAA,CAAA;AACxD,MAAM,MAAA,mBAAA,GAAsBF,cAAO,aAAa,CAAA,CAAA;AAChD,MAAO,OAAA;AAAA,QACL,iBAAA;AAAA,QACA,mBAAA;AAAA,OACF,CAAA;AAAA,KACF;AACA,IAAO,OAAA;AAAA,MACL,mBAAqB,EAAA,OAAA;AAAA,MACrB,iBAAmB,EAAA,MAAA;AAAA,KACrB,CAAA;AAAA,GACF;AACF,EAAA;AAEO,MAAM,qBAAsC,CACjD,SAAA,EACA,QACA,EAAA,cAAA,GAAiB,EACN,KAAA;AACX,EAAA,IAAI,QAAQ,SAAU,CAAA,KAAA,EAAO,KAAS,IAAA,SAAA,CAAU,QAAQ,gBAAgB,CAAA,CAAA;AACxE,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,OAAA,KAAA,CAAA;AAAA,GACF,MAAA;AACL,IAAA,IAAI,KAAQ,GAAA,QAAA,CAAA;AACZ,IAAG,GAAA;AACD,MAAQ,KAAA,GAAA,CAAA,IAAA,EAAO,EAAE,KAAK,CAAA,CAAA,CAAA;AAAA,KACxB,QAAS,cAAe,CAAA,QAAA,CAAS,KAAK,CAAA,EAAA;AACtC,IAAO,OAAA,KAAA,CAAA;AAAA,GACT;AACF;;;;;;;;;;;;;"}
+{"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    component.props,\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    layoutElement.props,\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    (previousLayout as any)?.children ?? previousLayout?.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            child.props,\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  { 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      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    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\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    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 = component.props?.title ?? component.props?.[\"data-tab-title\"];\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":["typeOf","cloneElement","getProps","uuid","isLayoutComponent","isContainer","children","expandFlex","getLayoutComponent","setPersistentState","hasPersistentState","getPersistentState","followPathToParent"],"mappings":"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"}