@vuu-ui/vuu-layout 0.9.2 → 0.10.0

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  { active, id = uuid(), type, children, props, state }: LayoutJSON,\n  path: string,\n): ReactElement {\n  const componentType = type.match(/^[a-z]/) ? type : getLayoutComponent(type);\n\n  if (componentType === undefined) {\n    throw Error(\n      `layoutUtils unable to create component from JSON, unknown type ${type}`,\n    );\n  }\n\n  if (state) {\n    setPersistentState(id, state);\n  }\n\n  return React.createElement(\n    componentType,\n    {\n      active,\n      id,\n      ...props,\n      key: id,\n      path,\n    },\n    children\n      ? children.map((child, i) => layoutFromJson(child, `${path}.${i}`))\n      : undefined,\n  );\n}\n\nexport function layoutToJSON(component: ReactElement) {\n  return componentToJson(component);\n}\n\nexport function componentToJson(component: ReactElement): LayoutJSON {\n  const type = typeOf(component) as string;\n  const { id, children, type: _omit, ...props } = getProps(component);\n\n  const state = hasPersistentState(id) ? getPersistentState(id) : undefined;\n\n  return {\n    id,\n    type,\n    props: serializeProps(props as LayoutProps),\n    state,\n    children: React.Children.map(children, componentToJson),\n  };\n}\n\nexport function serializeProps(props?: LayoutProps) {\n  if (props) {\n    const { path, ...otherProps } = props;\n    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 =\n    component.props?.title ??\n    component.props?.[\"data-tab-title\"] ??\n    existingLabels[tabIndex];\n  if (label) {\n    return label;\n  } else {\n    let count = tabIndex;\n    do {\n      label = `Tab ${++count}`;\n    } while (existingLabels.includes(label));\n    return label;\n  }\n};\n"],"names":["typeOf","cloneElement","getProps","uuid","isLayoutComponent","isContainer","children","expandFlex","getLayoutComponent","setPersistentState","hasPersistentState","getPersistentState","followPathToParent"],"mappings":"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"}
+{"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  { active, id = uuid(), type, children, props, state }: LayoutJSON,\n  path: string,\n): ReactElement {\n  const componentType = type.match(/^[a-z]/) ? type : getLayoutComponent(type);\n\n  if (componentType === undefined) {\n    throw Error(\n      `layoutUtils unable to create component from JSON, unknown type ${type}`,\n    );\n  }\n\n  if (state) {\n    setPersistentState(id, state);\n  }\n\n  return React.createElement(\n    componentType,\n    {\n      active,\n      id,\n      ...props,\n      key: id,\n      path,\n    },\n    children\n      ? children.map((child, i) => layoutFromJson(child, `${path}.${i}`))\n      : undefined,\n  );\n}\n\nexport function layoutToJSON(component: ReactElement) {\n  return componentToJson(component);\n}\n\nexport function componentToJson(component: ReactElement): LayoutJSON {\n  const type = typeOf(component) as string;\n  const { id, children, type: _omit, ...props } = getProps(component);\n\n  const state = hasPersistentState(id) ? getPersistentState(id) : undefined;\n\n  return {\n    id,\n    type,\n    props: serializeProps(props as LayoutProps),\n    state,\n    children: React.Children.map(children, componentToJson),\n  };\n}\n\nexport function serializeProps(props?: LayoutProps) {\n  if (props) {\n    const { path, ...otherProps } = props;\n    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 =\n    component.props?.title ??\n    component.props?.[\"data-tab-title\"] ??\n    existingLabels[tabIndex];\n  if (label) {\n    return label;\n  } else {\n    let count = tabIndex;\n    do {\n      label = `Tab ${++count}`;\n    } while (existingLabels.includes(label));\n    return label;\n  }\n};\n"],"names":["typeOf","cloneElement","getProps","uuid","isLayoutComponent","isContainer","children","expandFlex","getLayoutComponent","setPersistentState","hasPersistentState","getPersistentState","followPathToParent"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"remove-layout-element.js","sources":["../../src/layout-reducer/remove-layout-element.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport React, { ReactElement } from \"react\";\nimport {\n  followPath,\n  followPathToParent,\n  getProp,\n  getProps,\n  nextStep,\n  resetPath,\n  typeOf,\n} from \"../utils\";\nimport { createPlaceHolder } from \"./flexUtils\";\nimport { RemoveAction } from \"./layoutTypes\";\nimport { layoutFromJson } from \"./layoutUtils\";\nimport { swapChild } from \"./replace-layout-element\";\n\nexport function removeChild(layoutRoot: ReactElement, { path }: RemoveAction) {\n  const target = followPath(layoutRoot, path!) as ReactElement;\n  let targetParent = followPathToParent(layoutRoot, path!);\n  if (targetParent === null) {\n    return layoutRoot;\n  }\n  const { children } = getProps(targetParent);\n  if (\n    // this is very specific to explicitly sized components\n    children.length > 1 &&\n    typeOf(targetParent) !== \"Stack\" &&\n    allOtherChildrenArePlaceholders(children, path)\n  ) {\n    const {\n      style: { flexBasis, display, flexDirection, ...style },\n    } = getProps(targetParent);\n    let containerPath = getProp(targetParent, \"path\");\n    let newLayout = swapChild(\n      layoutRoot,\n      targetParent,\n      createPlaceHolder(containerPath, flexBasis, style),\n    );\n    while ((targetParent = followPathToParent(newLayout, containerPath))) {\n      if (getProp(targetParent, \"path\") === \"0\") {\n        break;\n      }\n      const { children } = getProps(targetParent);\n      if (allOtherChildrenArePlaceholders(children)) {\n        containerPath = getProp(targetParent, \"path\");\n        const {\n          style: { flexBasis, display, flexDirection, ...style },\n        } = getProps(targetParent);\n        newLayout = swapChild(\n          layoutRoot,\n          targetParent,\n          createPlaceHolder(containerPath, flexBasis, style),\n        );\n      } else if (hasAdjacentPlaceholders(children)) {\n        newLayout = collapsePlaceholders(\n          layoutRoot,\n          targetParent as ReactElement,\n        );\n      } else {\n        break;\n      }\n    }\n    return newLayout;\n  }\n  return _removeChild(layoutRoot, target);\n}\n\nfunction _removeChild(\n  container: ReactElement,\n  child: ReactElement,\n): ReactElement {\n  const props = getProps(container);\n  const { children: componentChildren, path, preserve } = props;\n  let { active, id: containerId } = props;\n  const { idx, finalStep } = nextStep(path, getProp(child, \"path\"));\n  const type = typeOf(container) as string;\n  let children = componentChildren.slice() as ReactElement[];\n\n  if (finalStep) {\n    children.splice(idx, 1);\n\n    if (active !== undefined && active >= idx) {\n      active = Math.max(0, active - 1);\n    }\n\n    if (children.length === 0 && preserve && type === \"Stack\") {\n      const {\n        path,\n        style: { flexBasis },\n      } = getProps(child);\n      const placeHolder =\n        containerId === VuuShellLocation.Workspace\n          ? layoutFromJson(\n              {\n                props: {\n                  style: { flexGrow: 1, flexShrink: 1, flexBasis },\n                  title: \"Tab 1\",\n                },\n                type: \"Placeholder\",\n              },\n              path,\n            )\n          : createPlaceHolder(path, flexBasis);\n      children.push(placeHolder);\n    } else if (\n      children.length === 1 &&\n      !preserve &&\n      path !== \"0\" &&\n      type.match(/Flexbox|Stack/)\n    ) {\n      return unwrap(container, children[0]);\n    }\n\n    if (!children.some(isFlexible) && children.some(canBeMadeFlexible)) {\n      children = makeFlexible(children);\n    }\n  } else {\n    children[idx] = _removeChild(children[idx], child) as ReactElement;\n  }\n\n  children = children.map((child, i) => resetPath(child, `${path}.${i}`));\n  return React.cloneElement(container, { active }, children);\n}\n\nfunction unwrap(container: ReactElement, child: ReactElement) {\n  const type = typeOf(container);\n  const {\n    path,\n    style: { flexBasis, flexGrow, flexShrink, width, height },\n  } = getProps(container);\n\n  let unwrappedChild = resetPath(child, path);\n  if (path === \"0\") {\n    unwrappedChild = React.cloneElement(unwrappedChild, {\n      style: {\n        ...child.props.style,\n        width,\n        height,\n      },\n    });\n  } else if (type === \"Flexbox\") {\n    const dim =\n      container.props.style.flexDirection === \"column\" ? \"height\" : \"width\";\n    const {\n      style: { [dim]: size, ...style },\n    } = unwrappedChild.props;\n    unwrappedChild = React.cloneElement(unwrappedChild, {\n      flexFill: undefined,\n      style: {\n        ...style,\n        flexGrow,\n        flexShrink,\n        flexBasis,\n        width,\n        height,\n      },\n    });\n  }\n  return unwrappedChild;\n}\n\nconst isFlexible = (element: ReactElement) => {\n  return element.props.style?.flexGrow > 0;\n};\n\nconst canBeMadeFlexible = (element: ReactElement) => {\n  if (element.props.style) {\n    const { width, height, flexGrow } = element.props.style;\n    return (\n      flexGrow === 0 && typeof width !== \"number\" && typeof height !== \"number\"\n    );\n  } else {\n    return false;\n  }\n};\n\nconst makeFlexible = (children: ReactElement[]) => {\n  return children.map((child) =>\n    canBeMadeFlexible(child)\n      ? React.cloneElement(child, {\n          style: {\n            ...child.props.style,\n            flexGrow: 1,\n          },\n        })\n      : child,\n  );\n};\n\nconst hasAdjacentPlaceholders = (children: ReactElement[]) => {\n  if (children && children.length > 0) {\n    let wasPlaceholder = getProp(children[0], \"placeholder\");\n    let isPlaceholder = false;\n    for (let i = 1; i < children.length; i++) {\n      isPlaceholder = getProp(children[i], \"placeholder\");\n      if (wasPlaceholder && isPlaceholder) {\n        return true;\n      }\n      wasPlaceholder = isPlaceholder;\n    }\n  }\n};\n\nconst collapsePlaceholders = (\n  container: ReactElement,\n  target: ReactElement,\n) => {\n  const { children: componentChildren, path } = getProps(container);\n  const { idx, finalStep } = nextStep(path, getProp(target, \"path\"));\n  let children = componentChildren.slice() as ReactElement[];\n  if (finalStep) {\n    children[idx] = _collapsePlaceHolders(target);\n  } else {\n    children[idx] = collapsePlaceholders(children[idx], target) as ReactElement;\n  }\n\n  children = children.map((child, i) => resetPath(child, `${path}.${i}`));\n  return React.cloneElement(container, undefined, children);\n};\n\nconst _collapsePlaceHolders = (container: ReactElement) => {\n  const { children } = getProps(container);\n  const newChildren = [];\n  const placeholders: ReactElement[] = [];\n\n  for (let i = 0; i < children.length; i++) {\n    if (getProp(children[i], \"placeholder\")) {\n      placeholders.push(children[i]);\n    } else {\n      if (placeholders.length === 1) {\n        newChildren.push(placeholders.pop());\n      } else if (placeholders.length > 0) {\n        newChildren.push(mergePlaceholders(placeholders));\n        placeholders.length = 0;\n      }\n      newChildren.push(children[i]);\n    }\n  }\n\n  if (placeholders.length === 1) {\n    newChildren.push(placeholders.pop());\n  } else if (placeholders.length > 0) {\n    newChildren.push(mergePlaceholders(placeholders));\n  }\n\n  const containerPath = getProp(container, \"path\");\n  return React.cloneElement(\n    container,\n    undefined,\n    newChildren.map((child, i) => resetPath(child, `${containerPath}.${i}`)),\n  );\n};\n\nconst mergePlaceholders = ([placeholder, ...placeholders]: ReactElement[]) => {\n  const targetStyle = getProp(placeholder, \"style\");\n  let { flexBasis, flexGrow, flexShrink } = targetStyle;\n  for (const {\n    props: { style },\n  } of placeholders) {\n    flexBasis += style.flexBasis;\n    flexGrow = Math.max(flexGrow, style.flexGrow);\n    flexShrink = Math.max(flexShrink, style.flexShrink);\n  }\n  return React.cloneElement(placeholder, {\n    style: { ...targetStyle, flexBasis, flexGrow, flexShrink },\n  });\n};\n\nconst allOtherChildrenArePlaceholders = (\n  children: ReactElement[],\n  path?: string,\n) =>\n  children.every(\n    (child) =>\n      getProp(child, \"placeholder\") ||\n      (path && getProp(child, \"path\") === path),\n  );\n"],"names":["followPath","followPathToParent","getProps","typeOf","getProp","swapChild","createPlaceHolder","children","flexBasis","display","flexDirection","style","nextStep","path","VuuShellLocation","layoutFromJson","child","resetPath"],"mappings":"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"}
+{"version":3,"file":"remove-layout-element.js","sources":["../../src/layout-reducer/remove-layout-element.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport React, { ReactElement } from \"react\";\nimport {\n  followPath,\n  followPathToParent,\n  getProp,\n  getProps,\n  nextStep,\n  resetPath,\n  typeOf,\n} from \"../utils\";\nimport { createPlaceHolder } from \"./flexUtils\";\nimport { RemoveAction } from \"./layoutTypes\";\nimport { layoutFromJson } from \"./layoutUtils\";\nimport { swapChild } from \"./replace-layout-element\";\n\nexport function removeChild(layoutRoot: ReactElement, { path }: RemoveAction) {\n  const target = followPath(layoutRoot, path!) as ReactElement;\n  let targetParent = followPathToParent(layoutRoot, path!);\n  if (targetParent === null) {\n    return layoutRoot;\n  }\n  const { children } = getProps(targetParent);\n  if (\n    // this is very specific to explicitly sized components\n    children.length > 1 &&\n    typeOf(targetParent) !== \"Stack\" &&\n    allOtherChildrenArePlaceholders(children, path)\n  ) {\n    const {\n      style: { flexBasis, display, flexDirection, ...style },\n    } = getProps(targetParent);\n    let containerPath = getProp(targetParent, \"path\");\n    let newLayout = swapChild(\n      layoutRoot,\n      targetParent,\n      createPlaceHolder(containerPath, flexBasis, style),\n    );\n    while ((targetParent = followPathToParent(newLayout, containerPath))) {\n      if (getProp(targetParent, \"path\") === \"0\") {\n        break;\n      }\n      const { children } = getProps(targetParent);\n      if (allOtherChildrenArePlaceholders(children)) {\n        containerPath = getProp(targetParent, \"path\");\n        const {\n          style: { flexBasis, display, flexDirection, ...style },\n        } = getProps(targetParent);\n        newLayout = swapChild(\n          layoutRoot,\n          targetParent,\n          createPlaceHolder(containerPath, flexBasis, style),\n        );\n      } else if (hasAdjacentPlaceholders(children)) {\n        newLayout = collapsePlaceholders(\n          layoutRoot,\n          targetParent as ReactElement,\n        );\n      } else {\n        break;\n      }\n    }\n    return newLayout;\n  }\n  return _removeChild(layoutRoot, target);\n}\n\nfunction _removeChild(\n  container: ReactElement,\n  child: ReactElement,\n): ReactElement {\n  const props = getProps(container);\n  const { children: componentChildren, path, preserve } = props;\n  let { active, id: containerId } = props;\n  const { idx, finalStep } = nextStep(path, getProp(child, \"path\"));\n  const type = typeOf(container) as string;\n  let children = componentChildren.slice() as ReactElement[];\n\n  if (finalStep) {\n    children.splice(idx, 1);\n\n    if (active !== undefined && active >= idx) {\n      active = Math.max(0, active - 1);\n    }\n\n    if (children.length === 0 && preserve && type === \"Stack\") {\n      const {\n        path,\n        style: { flexBasis },\n      } = getProps(child);\n      const placeHolder =\n        containerId === VuuShellLocation.Workspace\n          ? layoutFromJson(\n              {\n                props: {\n                  style: { flexGrow: 1, flexShrink: 1, flexBasis },\n                  title: \"Tab 1\",\n                },\n                type: \"Placeholder\",\n              },\n              path,\n            )\n          : createPlaceHolder(path, flexBasis);\n      children.push(placeHolder);\n    } else if (\n      children.length === 1 &&\n      !preserve &&\n      path !== \"0\" &&\n      type.match(/Flexbox|Stack/)\n    ) {\n      return unwrap(container, children[0]);\n    }\n\n    if (!children.some(isFlexible) && children.some(canBeMadeFlexible)) {\n      children = makeFlexible(children);\n    }\n  } else {\n    children[idx] = _removeChild(children[idx], child) as ReactElement;\n  }\n\n  children = children.map((child, i) => resetPath(child, `${path}.${i}`));\n  return React.cloneElement(container, { active }, children);\n}\n\nfunction unwrap(container: ReactElement, child: ReactElement) {\n  const type = typeOf(container);\n  const {\n    path,\n    style: { flexBasis, flexGrow, flexShrink, width, height },\n  } = getProps(container);\n\n  let unwrappedChild = resetPath(child, path);\n  if (path === \"0\") {\n    unwrappedChild = React.cloneElement(unwrappedChild, {\n      style: {\n        ...child.props.style,\n        width,\n        height,\n      },\n    });\n  } else if (type === \"Flexbox\") {\n    const dim =\n      container.props.style.flexDirection === \"column\" ? \"height\" : \"width\";\n    const {\n      style: { [dim]: size, ...style },\n    } = unwrappedChild.props;\n    unwrappedChild = React.cloneElement(unwrappedChild, {\n      flexFill: undefined,\n      style: {\n        ...style,\n        flexGrow,\n        flexShrink,\n        flexBasis,\n        width,\n        height,\n      },\n    });\n  }\n  return unwrappedChild;\n}\n\nconst isFlexible = (element: ReactElement) => {\n  return element.props.style?.flexGrow > 0;\n};\n\nconst canBeMadeFlexible = (element: ReactElement) => {\n  if (element.props.style) {\n    const { width, height, flexGrow } = element.props.style;\n    return (\n      flexGrow === 0 && typeof width !== \"number\" && typeof height !== \"number\"\n    );\n  } else {\n    return false;\n  }\n};\n\nconst makeFlexible = (children: ReactElement[]) => {\n  return children.map((child) =>\n    canBeMadeFlexible(child)\n      ? React.cloneElement(child, {\n          style: {\n            ...child.props.style,\n            flexGrow: 1,\n          },\n        })\n      : child,\n  );\n};\n\nconst hasAdjacentPlaceholders = (children: ReactElement[]) => {\n  if (children && children.length > 0) {\n    let wasPlaceholder = getProp(children[0], \"placeholder\");\n    let isPlaceholder = false;\n    for (let i = 1; i < children.length; i++) {\n      isPlaceholder = getProp(children[i], \"placeholder\");\n      if (wasPlaceholder && isPlaceholder) {\n        return true;\n      }\n      wasPlaceholder = isPlaceholder;\n    }\n  }\n};\n\nconst collapsePlaceholders = (\n  container: ReactElement,\n  target: ReactElement,\n) => {\n  const { children: componentChildren, path } = getProps(container);\n  const { idx, finalStep } = nextStep(path, getProp(target, \"path\"));\n  let children = componentChildren.slice() as ReactElement[];\n  if (finalStep) {\n    children[idx] = _collapsePlaceHolders(target);\n  } else {\n    children[idx] = collapsePlaceholders(children[idx], target) as ReactElement;\n  }\n\n  children = children.map((child, i) => resetPath(child, `${path}.${i}`));\n  return React.cloneElement(container, undefined, children);\n};\n\nconst _collapsePlaceHolders = (container: ReactElement) => {\n  const { children } = getProps(container);\n  const newChildren = [];\n  const placeholders: ReactElement[] = [];\n\n  for (let i = 0; i < children.length; i++) {\n    if (getProp(children[i], \"placeholder\")) {\n      placeholders.push(children[i]);\n    } else {\n      if (placeholders.length === 1) {\n        newChildren.push(placeholders.pop());\n      } else if (placeholders.length > 0) {\n        newChildren.push(mergePlaceholders(placeholders));\n        placeholders.length = 0;\n      }\n      newChildren.push(children[i]);\n    }\n  }\n\n  if (placeholders.length === 1) {\n    newChildren.push(placeholders.pop());\n  } else if (placeholders.length > 0) {\n    newChildren.push(mergePlaceholders(placeholders));\n  }\n\n  const containerPath = getProp(container, \"path\");\n  return React.cloneElement(\n    container,\n    undefined,\n    newChildren.map((child, i) => resetPath(child, `${containerPath}.${i}`)),\n  );\n};\n\nconst mergePlaceholders = ([placeholder, ...placeholders]: ReactElement[]) => {\n  const targetStyle = getProp(placeholder, \"style\");\n  let { flexBasis, flexGrow, flexShrink } = targetStyle;\n  for (const {\n    props: { style },\n  } of placeholders) {\n    flexBasis += style.flexBasis;\n    flexGrow = Math.max(flexGrow, style.flexGrow);\n    flexShrink = Math.max(flexShrink, style.flexShrink);\n  }\n  return React.cloneElement(placeholder, {\n    style: { ...targetStyle, flexBasis, flexGrow, flexShrink },\n  });\n};\n\nconst allOtherChildrenArePlaceholders = (\n  children: ReactElement[],\n  path?: string,\n) =>\n  children.every(\n    (child) =>\n      getProp(child, \"placeholder\") ||\n      (path && getProp(child, \"path\") === path),\n  );\n"],"names":["followPath","followPathToParent","getProps","typeOf","getProp","swapChild","createPlaceHolder","children","flexBasis","display","flexDirection","style","nextStep","path","VuuShellLocation","layoutFromJson","child","resetPath"],"mappings":"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"}

package/cjs/layout-reducer/replace-layout-element.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var React = require('react');
-var layoutAction = require('../layout-action.js');
 var pathUtils = require('../utils/pathUtils.js');
 var propUtils = require('../utils/propUtils.js');
 var layoutUtils = require('./layoutUtils.js');
@@ -29,22 +28,25 @@ function swapChild(model, child, replacement, op) {
   if (model === child) {
     return replacement;
   }
-  const { idx, finalStep } = pathUtils.nextStep(propUtils.getProp(model, "path"), propUtils.getProp(child, "path"));
+  const { idx, finalStep } = pathUtils.nextStep(
+    propUtils.getProp(model, "path"),
+    propUtils.getProp(child, "path")
+  );
   const children = model.props.children.slice();
   if (finalStep) {
     if (!op) {
       children[idx] = replacement;
-    } else if (op === layoutAction.Action.MINIMIZE) {
-      children[idx] = minimize(model, children[idx]);
-    } else if (op === layoutAction.Action.RESTORE) {
-      children[idx] = restore(children[idx]);
+    } else if (op === "collapse") {
+      children[idx] = collapse(model, children[idx]);
+    } else if (op === "expand") {
+      children[idx] = expand(children[idx]);
     }
   } else {
     children[idx] = swapChild(children[idx], child, replacement, op);
   }
   return React.cloneElement(model, void 0, children);
 }
-function minimize(parent, child) {
+function collapse(parent, child) {
   const { style: parentStyle } = propUtils.getProps(parent);
   const { style: childStyle } = propUtils.getProps(child);
   const { width, height, flexBasis, flexShrink, flexGrow, ...rest } = childStyle;
@@ -71,7 +73,7 @@ function minimize(parent, child) {
   }
   return child;
 }
-function restore(child) {
+function expand(child) {
   const { style: childStyle, restoreStyle } = propUtils.getProps(child);
   const { flexBasis, flexShrink, flexGrow, ...rest } = childStyle;
   const style = {

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

@@ -1 +1 @@
-{"version":3,"file":"replace-layout-element.js","sources":["../../src/layout-reducer/replace-layout-element.ts"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Action } from '../layout-action';\nimport { getProp, getProps, nextStep } from '../utils';\nimport { ReplaceAction } from './layoutTypes';\nimport { applyLayoutProps, LayoutProps } from './layoutUtils';\n\nexport function replaceChild(model: ReactElement, { target, replacement }: ReplaceAction) {\n  return _replaceChild(model, target, replacement);\n}\n\nexport function _replaceChild(\n  model: ReactElement,\n  child: ReactElement,\n  replacement: ReactElement<LayoutProps>\n) {\n  const path = getProp(child, 'path');\n  const resizeable = getProp(child, 'resizeable');\n  const { style } = getProps(child);\n  const newChild =\n    applyLayoutProps(\n      React.cloneElement(replacement, {\n        resizeable,\n        style: {\n          ...style,\n          ...replacement.props.style\n        }\n      }),\n      path\n    );\n\n  return swapChild(model, child, newChild);\n}\n\nexport function swapChild(\n  model: ReactElement,\n  child: ReactElement,\n  replacement: ReactElement,\n  op?: 'maximize' | 'minimize' | 'restore'\n): ReactElement {\n  if (model === child) {\n    return replacement;\n  }\n  \n  const { idx, finalStep } = nextStep(getProp(model, 'path'), getProp(child, 'path'));\n  const children = model.props.children.slice();\n  \n  if (finalStep) {\n    if (!op) {\n      children[idx] = replacement;\n    } else if (op === Action.MINIMIZE) {\n      children[idx] = minimize(model, children[idx]);\n    } else if (op === Action.RESTORE) {\n      children[idx] = restore(children[idx]);\n    }\n  } else {\n    children[idx] = swapChild(children[idx], child, replacement, op);\n  }\n  return React.cloneElement(model, undefined, children);\n}\n\nfunction minimize(parent: ReactElement, child: ReactElement) {\n  const { style: parentStyle } = getProps(parent);\n  const { style: childStyle } = getProps(child);\n\n  const { width, height, flexBasis, flexShrink, flexGrow, ...rest } = childStyle;\n\n  const restoreStyle = {\n    width,\n    height,\n    flexBasis,\n    flexShrink,\n    flexGrow\n  };\n\n  const style = {\n    ...rest,\n    flexBasis: 0,\n    flexGrow: 0,\n    flexShrink: 0\n  };\n  const collapsed =\n    parentStyle.flexDirection === 'row'\n      ? 'vertical'\n      : parentStyle.flexDirection === 'column'\n      ? 'horizontal'\n      : false;\n\n  if (collapsed) {\n    return React.cloneElement(child, {\n      collapsed,\n      restoreStyle,\n      style\n    });\n  }\n  return child;\n}\n\nfunction restore(child: ReactElement) {\n  const { style: childStyle, restoreStyle } = getProps(child);\n\n  const { flexBasis, flexShrink, flexGrow, ...rest } = childStyle;\n\n  const style = {\n    ...rest,\n    ...restoreStyle\n  };\n\n  return React.cloneElement(child, {\n    collapsed: false,\n    style,\n    restoreStyle: undefined\n  });\n}\n"],"names":["getProp","getProps","applyLayoutProps","nextStep","Action"],"mappings":"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"}
+{"version":3,"file":"replace-layout-element.js","sources":["../../src/layout-reducer/replace-layout-element.ts"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { getProp, getProps, nextStep } from \"../utils\";\nimport { ReplaceAction } from \"./layoutTypes\";\nimport { applyLayoutProps, LayoutProps } from \"./layoutUtils\";\n\nexport function replaceChild(\n  model: ReactElement,\n  { target, replacement }: ReplaceAction,\n) {\n  return _replaceChild(model, target, replacement);\n}\n\nexport function _replaceChild(\n  model: ReactElement,\n  child: ReactElement,\n  replacement: ReactElement<LayoutProps>,\n) {\n  const path = getProp(child, \"path\");\n  const resizeable = getProp(child, \"resizeable\");\n  const { style } = getProps(child);\n  const newChild = applyLayoutProps(\n    React.cloneElement(replacement, {\n      resizeable,\n      style: {\n        ...style,\n        ...replacement.props.style,\n      },\n    }),\n    path,\n  );\n\n  return swapChild(model, child, newChild);\n}\n\nexport function swapChild(\n  model: ReactElement,\n  child: ReactElement,\n  replacement: ReactElement,\n  op?: \"collapse\" | \"expand\",\n): ReactElement {\n  if (model === child) {\n    return replacement;\n  }\n\n  const { idx, finalStep } = nextStep(\n    getProp(model, \"path\"),\n    getProp(child, \"path\"),\n  );\n  const children = model.props.children.slice();\n\n  if (finalStep) {\n    if (!op) {\n      children[idx] = replacement;\n    } else if (op === \"collapse\") {\n      children[idx] = collapse(model, children[idx]);\n    } else if (op === \"expand\") {\n      children[idx] = expand(children[idx]);\n    }\n  } else {\n    children[idx] = swapChild(children[idx], child, replacement, op);\n  }\n  return React.cloneElement(model, undefined, children);\n}\n\nfunction collapse(parent: ReactElement, child: ReactElement) {\n  const { style: parentStyle } = getProps(parent);\n  const { style: childStyle } = getProps(child);\n\n  const { width, height, flexBasis, flexShrink, flexGrow, ...rest } =\n    childStyle;\n\n  const restoreStyle = {\n    width,\n    height,\n    flexBasis,\n    flexShrink,\n    flexGrow,\n  };\n\n  const style = {\n    ...rest,\n    flexBasis: 0,\n    flexGrow: 0,\n    flexShrink: 0,\n  };\n  const collapsed =\n    parentStyle.flexDirection === \"row\"\n      ? \"vertical\"\n      : parentStyle.flexDirection === \"column\"\n        ? \"horizontal\"\n        : false;\n\n  if (collapsed) {\n    return React.cloneElement(child, {\n      collapsed,\n      restoreStyle,\n      style,\n    });\n  }\n  return child;\n}\n\nfunction expand(child: ReactElement) {\n  const { style: childStyle, restoreStyle } = getProps(child);\n\n  const { flexBasis, flexShrink, flexGrow, ...rest } = childStyle;\n\n  const style = {\n    ...rest,\n    ...restoreStyle,\n  };\n\n  return React.cloneElement(child, {\n    collapsed: false,\n    style,\n    restoreStyle: undefined,\n  });\n}\n"],"names":["getProp","getProps","applyLayoutProps","nextStep"],"mappings":"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"}

package/cjs/layout-reducer/resize-flex-children.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize-flex-children.js","sources":["../../src/layout-reducer/resize-flex-children.ts"],"sourcesContent":["import { dimension } from \"@vuu-ui/vuu-utils\";\nimport React, { CSSProperties, ReactElement } from \"react\";\nimport { followPath, getProps } from \"../utils\";\nimport { LayoutResizeAction, SplitterResizeAction } from \"./layoutTypes\";\nimport { swapChild } from \"./replace-layout-element\";\n\nexport function resizeFlexChild(\n  layoutRoot: ReactElement,\n  { path, size }: LayoutResizeAction,\n) {\n  const target = followPath(layoutRoot, path, true);\n\n  const { style } = getProps(target);\n\n  const newStyle = {\n    ...style,\n    width: size,\n  };\n\n  // const dimension = style.flexDirection === \"column\" ? \"height\" : \"width\";\n  // const replacementChildren = applySizesToChildren(children, sizes, dimension);\n\n  const replacement = React.cloneElement(target, { style: newStyle });\n\n  return swapChild(layoutRoot, target, replacement);\n}\n\nexport function resizeFlexChildren(\n  layoutRoot: ReactElement,\n  { path, sizes }: SplitterResizeAction,\n) {\n  const target = followPath(layoutRoot, path, true);\n  const { children, style } = getProps(target);\n\n  const dimension = style.flexDirection === \"column\" ? \"height\" : \"width\";\n  const replacementChildren = applySizesToChildren(children, sizes, dimension);\n\n  const replacement = React.cloneElement(\n    target,\n    undefined,\n    replacementChildren,\n  );\n\n  return swapChild(layoutRoot, target, replacement);\n}\n\nfunction applySizesToChildren(\n  children: ReactElement[],\n  sizes: { currentSize: number; flexBasis: number }[],\n  dimension: dimension,\n) {\n  return children.map((child, i) => {\n    const {\n      style: { [dimension]: size, flexBasis: actualFlexBasis },\n    } = getProps(child);\n    const meta = sizes[i];\n    const { currentSize, flexBasis } = meta;\n    const hasCurrentSize = currentSize !== undefined;\n    const newSize = hasCurrentSize ? meta.currentSize : flexBasis;\n\n    if (\n      newSize === undefined ||\n      size === newSize ||\n      actualFlexBasis === newSize\n    ) {\n      return child;\n    }\n    return React.cloneElement(child, {\n      style: applySizeToChild(child.props.style, dimension, newSize),\n    });\n  });\n}\n\nfunction applySizeToChild(\n  style: CSSProperties,\n  dimension: dimension,\n  newSize: number,\n) {\n  const hasSize = typeof style[dimension] === \"number\";\n  const { flexShrink = 1, flexGrow = 1 } = style;\n  return {\n    ...style,\n    [dimension]: hasSize ? newSize : \"auto\",\n    flexBasis: hasSize ? \"auto\" : newSize,\n    flexShrink,\n    flexGrow,\n  };\n}\n"],"names":["followPath","getProps","swapChild","dimension"],"mappings":"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"}
+{"version":3,"file":"resize-flex-children.js","sources":["../../src/layout-reducer/resize-flex-children.ts"],"sourcesContent":["import { dimension } from \"@vuu-ui/vuu-utils\";\nimport React, { CSSProperties, ReactElement } from \"react\";\nimport { followPath, getProps } from \"../utils\";\nimport { LayoutResizeAction, SplitterResizeAction } from \"./layoutTypes\";\nimport { swapChild } from \"./replace-layout-element\";\n\nexport function resizeFlexChild(\n  layoutRoot: ReactElement,\n  { path, size }: LayoutResizeAction,\n) {\n  const target = followPath(layoutRoot, path, true);\n\n  const { style } = getProps(target);\n\n  const newStyle = {\n    ...style,\n    width: size,\n  };\n\n  // const dimension = style.flexDirection === \"column\" ? \"height\" : \"width\";\n  // const replacementChildren = applySizesToChildren(children, sizes, dimension);\n\n  const replacement = React.cloneElement(target, { style: newStyle });\n\n  return swapChild(layoutRoot, target, replacement);\n}\n\nexport function resizeFlexChildren(\n  layoutRoot: ReactElement,\n  { path, sizes }: SplitterResizeAction,\n) {\n  const target = followPath(layoutRoot, path, true);\n  const { children, style } = getProps(target);\n\n  const dimension = style.flexDirection === \"column\" ? \"height\" : \"width\";\n  const replacementChildren = applySizesToChildren(children, sizes, dimension);\n\n  const replacement = React.cloneElement(\n    target,\n    undefined,\n    replacementChildren,\n  );\n\n  return swapChild(layoutRoot, target, replacement);\n}\n\nfunction applySizesToChildren(\n  children: ReactElement[],\n  sizes: { currentSize: number; flexBasis: number }[],\n  dimension: dimension,\n) {\n  return children.map((child, i) => {\n    const {\n      style: { [dimension]: size, flexBasis: actualFlexBasis },\n    } = getProps(child);\n    const meta = sizes[i];\n    const { currentSize, flexBasis } = meta;\n    const hasCurrentSize = currentSize !== undefined;\n    const newSize = hasCurrentSize ? meta.currentSize : flexBasis;\n\n    if (\n      newSize === undefined ||\n      size === newSize ||\n      actualFlexBasis === newSize\n    ) {\n      return child;\n    }\n    return React.cloneElement(child, {\n      style: applySizeToChild(child.props.style, dimension, newSize),\n    });\n  });\n}\n\nfunction applySizeToChild(\n  style: CSSProperties,\n  dimension: dimension,\n  newSize: number,\n) {\n  const hasSize = typeof style[dimension] === \"number\";\n  const { flexShrink = 1, flexGrow = 1 } = style;\n  return {\n    ...style,\n    [dimension]: hasSize ? newSize : \"auto\",\n    flexBasis: hasSize ? \"auto\" : newSize,\n    flexShrink,\n    flexGrow,\n  };\n}\n"],"names":["followPath","getProps","swapChild","dimension"],"mappings":";;;;;;;AAMO,SAAS,eACd,CAAA,UAAA,EACA,EAAE,IAAA,EAAM,MACR,EAAA;AACA,EAAA,MAAM,MAAS,GAAAA,oBAAA,CAAW,UAAY,EAAA,IAAA,EAAM,IAAI,CAAA;AAEhD,EAAA,MAAM,EAAE,KAAA,EAAU,GAAAC,kBAAA,CAAS,MAAM,CAAA;AAEjC,EAAA,MAAM,QAAW,GAAA;AAAA,IACf,GAAG,KAAA;AAAA,IACH,KAAO,EAAA;AAAA,GACT;AAKA,EAAA,MAAM,cAAc,KAAM,CAAA,YAAA,CAAa,QAAQ,EAAE,KAAA,EAAO,UAAU,CAAA;AAElE,EAAO,OAAAC,8BAAA,CAAU,UAAY,EAAA,MAAA,EAAQ,WAAW,CAAA;AAClD;AAEO,SAAS,kBACd,CAAA,UAAA,EACA,EAAE,IAAA,EAAM,OACR,EAAA;AACA,EAAA,MAAM,MAAS,GAAAF,oBAAA,CAAW,UAAY,EAAA,IAAA,EAAM,IAAI,CAAA;AAChD,EAAA,MAAM,EAAE,QAAA,EAAU,KAAM,EAAA,GAAIC,mBAAS,MAAM,CAAA;AAE3C,EAAA,MAAME,UAAY,GAAA,KAAA,CAAM,aAAkB,KAAA,QAAA,GAAW,QAAW,GAAA,OAAA;AAChE,EAAA,MAAM,mBAAsB,GAAA,oBAAA,CAAqB,QAAU,EAAA,KAAA,EAAOA,UAAS,CAAA;AAE3E,EAAA,MAAM,cAAc,KAAM,CAAA,YAAA;AAAA,IACxB,MAAA;AAAA,IACA,KAAA,CAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAO,OAAAD,8BAAA,CAAU,UAAY,EAAA,MAAA,EAAQ,WAAW,CAAA;AAClD;AAEA,SAAS,oBAAA,CACP,QACA,EAAA,KAAA,EACAC,UACA,EAAA;AACA,EAAA,OAAO,QAAS,CAAA,GAAA,CAAI,CAAC,KAAA,EAAO,CAAM,KAAA;AAChC,IAAM,MAAA;AAAA,MACJ,OAAO,EAAE,CAACA,UAAS,GAAG,IAAA,EAAM,WAAW,eAAgB;AAAA,KACzD,GAAIF,mBAAS,KAAK,CAAA;AAClB,IAAM,MAAA,IAAA,GAAO,MAAM,CAAC,CAAA;AACpB,IAAM,MAAA,EAAE,WAAa,EAAA,SAAA,EAAc,GAAA,IAAA;AACnC,IAAA,MAAM,iBAAiB,WAAgB,KAAA,KAAA,CAAA;AACvC,IAAM,MAAA,OAAA,GAAU,cAAiB,GAAA,IAAA,CAAK,WAAc,GAAA,SAAA;AAEpD,IAAA,IACE,OAAY,KAAA,KAAA,CAAA,IACZ,IAAS,KAAA,OAAA,IACT,oBAAoB,OACpB,EAAA;AACA,MAAO,OAAA,KAAA;AAAA;AAET,IAAO,OAAA,KAAA,CAAM,aAAa,KAAO,EAAA;AAAA,MAC/B,OAAO,gBAAiB,CAAA,KAAA,CAAM,KAAM,CAAA,KAAA,EAAOE,YAAW,OAAO;AAAA,KAC9D,CAAA;AAAA,GACF,CAAA;AACH;AAEA,SAAS,gBAAA,CACP,KACAA,EAAAA,UAAAA,EACA,OACA,EAAA;AACA,EAAA,MAAM,OAAU,GAAA,OAAO,KAAMA,CAAAA,UAAS,CAAM,KAAA,QAAA;AAC5C,EAAA,MAAM,EAAE,UAAA,GAAa,CAAG,EAAA,QAAA,GAAW,GAAM,GAAA,KAAA;AACzC,EAAO,OAAA;AAAA,IACL,GAAG,KAAA;AAAA,IACH,CAACA,UAAS,GAAG,OAAA,GAAU,OAAU,GAAA,MAAA;AAAA,IACjC,SAAA,EAAW,UAAU,MAAS,GAAA,OAAA;AAAA,IAC9B,UAAA;AAAA,IACA;AAAA,GACF;AACF;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"wrap-layout-element.js","sources":["../../src/layout-reducer/wrap-layout-element.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  getLayoutComponent,\n  LayoutModel,\n  rectTuple,\n  uuid,\n} from \"@vuu-ui/vuu-utils\";\nimport React, { ReactElement } from \"react\";\nimport { DropPos } from \"../drag-drop/dragDropTypes\";\nimport { DropTarget } from \"../drag-drop/DropTarget\";\nimport { getProp, getProps, nextStep, resetPath, typeOf } from \"../utils\";\nimport {\n  createFlexbox,\n  createPlaceHolder,\n  flexDirection,\n  getFlexStyle,\n  getIntrinsicSize,\n  wrapIntrinsicSizeComponentWithFlexbox,\n} from \"./flexUtils\";\nimport { applyLayoutProps, LayoutProps } from \"./layoutUtils\";\n\nexport interface LayoutSpec {\n  type: \"Stack\" | \"Flexbox\";\n  flexDirection: \"column\" | \"row\";\n  showTabs?: boolean;\n}\n\nconst isHtmlElement = (component: LayoutModel) => {\n  const [firstLetter] = typeOf(component) as string;\n  return firstLetter === firstLetter.toLowerCase();\n};\n\nexport function wrap(\n  container: ReactElement,\n  existingComponent: ReactElement,\n  newComponent: any,\n  pos: DropPos,\n  clientRect?: DropTarget[\"clientRect\"],\n  dropRect?: DropTarget[\"dropRect\"],\n): ReactElement {\n  const { children: containerChildren, path: containerPath } =\n    getProps(container);\n\n  const existingComponentPath = getProp(existingComponent, \"path\");\n  const { idx, finalStep } = nextStep(containerPath, existingComponentPath);\n  const children = finalStep\n    ? updateChildren(\n        container,\n        containerChildren,\n        existingComponent,\n        newComponent,\n        pos,\n        clientRect,\n        dropRect,\n      )\n    : containerChildren.map((child: ReactElement, index: number) =>\n        index === idx\n          ? wrap(\n              child,\n              existingComponent,\n              newComponent,\n              pos,\n              clientRect,\n              dropRect,\n            )\n          : child,\n      );\n\n  return React.cloneElement(container, undefined, children);\n}\n\nfunction updateChildren(\n  container: LayoutModel,\n  containerChildren: ReactElement[],\n  existingComponent: ReactElement,\n  newComponent: ReactElement,\n  pos: DropPos,\n  clientRect?: DropTarget[\"clientRect\"],\n  dropRect?: rectTuple,\n) {\n  const intrinsicSize = getIntrinsicSize(newComponent);\n\n  if (intrinsicSize?.width && intrinsicSize?.height) {\n    if (clientRect === undefined || dropRect === undefined) {\n      throw Error(\n        \"wrap-layout-element, updateChildren clientRect and dropRect must both be available\",\n      );\n    }\n    return wrapIntrinsicSizedComponent(\n      containerChildren,\n      existingComponent,\n      newComponent,\n      pos,\n      clientRect,\n      dropRect,\n    );\n  }\n  return wrapFlexComponent(\n    container,\n    containerChildren,\n    existingComponent,\n    newComponent,\n    pos,\n  );\n}\n\nfunction wrapFlexComponent(\n  container: LayoutModel,\n  containerChildren: ReactElement[],\n  existingComponent: ReactElement,\n  newComponent: ReactElement,\n  pos: DropPos,\n) {\n  const { version = 0 } = getProps(newComponent);\n  const { path: existingComponentPath, title } = getProps(existingComponent);\n  const {\n    type,\n    flexDirection,\n    showTabs: showTabsProp,\n  } = getLayoutSpecForWrapper(pos);\n  const [style, existingComponentStyle, newComponentStyle] =\n    getWrappedFlexStyles(\n      type,\n      existingComponent,\n      newComponent,\n      flexDirection,\n      pos,\n    );\n  const targetFirst = isTargetFirst(pos);\n  const active = targetFirst ? 1 : 0;\n\n  const newComponentProps = {\n    resizeable: true,\n    style: newComponentStyle,\n    version: version + 1,\n  };\n  const resizeProp = isHtmlElement(existingComponent)\n    ? \"data-resizeable\"\n    : \"resizeable\";\n\n  const existingComponentProps = {\n    [resizeProp]: true,\n    style: existingComponentStyle,\n  };\n\n  const showTabs = type === \"Stack\" ? { showTabs: showTabsProp } : undefined;\n  const splitterSize =\n    type === \"Flexbox\"\n      ? {\n          splitterSize:\n            (typeOf(container) === \"Flexbox\" && container.props.splitterSize) ??\n            undefined,\n        }\n      : undefined;\n\n  const id = uuid();\n  const wrapper = React.createElement(\n    getLayoutComponent(type),\n    {\n      active,\n      id,\n      key: id,\n      path: getProp(existingComponent, \"path\"),\n      flexFill: getProp(existingComponent, \"flexFill\"),\n      ...splitterSize,\n      ...showTabs,\n      style,\n      title,\n      resizeable: getProp(existingComponent, \"resizeable\"),\n    } as LayoutProps,\n    targetFirst\n      ? [\n          resetPath(\n            existingComponent,\n            `${existingComponentPath}.0`,\n            existingComponentProps,\n          ),\n          applyLayoutProps(\n            React.cloneElement(newComponent, newComponentProps),\n            `${existingComponentPath}.1`,\n          ),\n        ]\n      : [\n          applyLayoutProps(\n            React.cloneElement(newComponent, newComponentProps),\n            `${existingComponentPath}.0`,\n          ),\n          resetPath(\n            existingComponent,\n            `${existingComponentPath}.1`,\n            existingComponentProps,\n          ),\n        ],\n  );\n  return containerChildren.map((child: ReactElement) =>\n    child === existingComponent ? wrapper : child,\n  );\n}\n\nfunction wrapIntrinsicSizedComponent(\n  containerChildren: ReactElement[],\n  existingComponent: ReactElement,\n  newComponent: ReactElement,\n  pos: DropPos,\n  clientRect: DropTarget[\"clientRect\"],\n  dropRect: rectTuple,\n) {\n  const { flexDirection } = getLayoutSpecForWrapper(pos);\n  const contraDirection = flexDirection === \"column\" ? \"row\" : \"column\";\n  const targetFirst = isTargetFirst(pos);\n\n  const [dropLeft, dropTop, dropRight, dropBottom] = dropRect;\n  const [startPlaceholder, endPlaceholder] =\n    flexDirection === \"column\"\n      ? [dropTop - clientRect.top, clientRect.bottom - dropBottom]\n      : [dropLeft - clientRect.left, clientRect.right - dropRight];\n  const pathRoot = getProp(existingComponent, \"path\");\n  let pathIndex = 0;\n\n  const resizeProp = isHtmlElement(existingComponent)\n    ? \"data-resizeable\"\n    : \"resizeable\";\n\n  const wrappedChildren = [];\n  if (startPlaceholder) {\n    wrappedChildren.push(\n      targetFirst\n        ? resetPath(existingComponent, `${pathRoot}.${pathIndex++}`, {\n            [resizeProp]: true,\n            style: { flexBasis: startPlaceholder, flexGrow: 1, flexShrink: 1 },\n          })\n        : createPlaceHolder(`${pathRoot}.${pathIndex++}`, startPlaceholder, {\n            flexGrow: 0,\n            flexShrink: 0,\n          }),\n    );\n  }\n  wrappedChildren.push(\n    wrapIntrinsicSizeComponentWithFlexbox(\n      newComponent,\n      contraDirection,\n      `${pathRoot}.${pathIndex++}`,\n      clientRect,\n      dropRect,\n    ),\n  );\n  if (endPlaceholder) {\n    wrappedChildren.push(\n      targetFirst\n        ? createPlaceHolder(`${pathRoot}.${pathIndex++}`, 0)\n        : resetPath(existingComponent, `${pathRoot}.${pathIndex++}`, {\n            [resizeProp]: true,\n            style: { flexBasis: 0, flexGrow: 1, flexShrink: 1 },\n          }),\n    );\n  }\n\n  const wrapper = createFlexbox(\n    flexDirection,\n    existingComponent.props,\n    wrappedChildren,\n    pathRoot,\n  );\n  return containerChildren.map((child) =>\n    child === existingComponent ? wrapper : child,\n  );\n}\n\nfunction getWrappedFlexStyles(\n  type: string,\n  existingComponent: ReactElement,\n  newComponent: ReactElement,\n  flexDirection: flexDirection,\n  pos: DropPos,\n) {\n  const style = {\n    ...existingComponent.props.style,\n    flexDirection,\n  };\n\n  const dimension =\n    type === \"Flexbox\" && flexDirection === \"column\" ? \"height\" : \"width\";\n  const newComponentStyle = getFlexStyle(newComponent, dimension, pos);\n  const existingComponentStyle = getFlexStyle(existingComponent, dimension);\n\n  return [style, existingComponentStyle, newComponentStyle];\n}\n\nconst isTargetFirst = (pos: DropPos) =>\n  pos.position.SouthOrEast\n    ? true\n    : pos?.tab?.positionRelativeToTab === \"before\"\n      ? false\n      : pos.position.Header\n        ? true\n        : false;\n\nfunction getLayoutSpecForWrapper(pos: DropPos): LayoutSpec {\n  if (pos.position.Header) {\n    return {\n      type: \"Stack\",\n      flexDirection: \"column\",\n      showTabs: true,\n    };\n  } else {\n    return {\n      type: \"Flexbox\",\n      flexDirection: pos.position.EastOrWest ? \"row\" : \"column\",\n    };\n  }\n}\n"],"names":["typeOf","getProps","getProp","nextStep","getIntrinsicSize","flexDirection","uuid","getLayoutComponent","resetPath","applyLayoutProps","createPlaceHolder","wrapIntrinsicSizeComponentWithFlexbox","createFlexbox","getFlexStyle"],"mappings":"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"}
+{"version":3,"file":"wrap-layout-element.js","sources":["../../src/layout-reducer/wrap-layout-element.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  getLayoutComponent,\n  LayoutModel,\n  rectTuple,\n  uuid,\n} from \"@vuu-ui/vuu-utils\";\nimport React, { ReactElement } from \"react\";\nimport { DropPos } from \"../drag-drop/dragDropTypes\";\nimport { DropTarget } from \"../drag-drop/DropTarget\";\nimport { getProp, getProps, nextStep, resetPath, typeOf } from \"../utils\";\nimport {\n  createFlexbox,\n  createPlaceHolder,\n  flexDirection,\n  getFlexStyle,\n  getIntrinsicSize,\n  wrapIntrinsicSizeComponentWithFlexbox,\n} from \"./flexUtils\";\nimport { applyLayoutProps, LayoutProps } from \"./layoutUtils\";\n\nexport interface LayoutSpec {\n  type: \"Stack\" | \"Flexbox\";\n  flexDirection: \"column\" | \"row\";\n  showTabs?: boolean;\n}\n\nconst isHtmlElement = (component: LayoutModel) => {\n  const [firstLetter] = typeOf(component) as string;\n  return firstLetter === firstLetter.toLowerCase();\n};\n\nexport function wrap(\n  container: ReactElement,\n  existingComponent: ReactElement,\n  newComponent: any,\n  pos: DropPos,\n  clientRect?: DropTarget[\"clientRect\"],\n  dropRect?: DropTarget[\"dropRect\"],\n): ReactElement {\n  const { children: containerChildren, path: containerPath } =\n    getProps(container);\n\n  const existingComponentPath = getProp(existingComponent, \"path\");\n  const { idx, finalStep } = nextStep(containerPath, existingComponentPath);\n  const children = finalStep\n    ? updateChildren(\n        container,\n        containerChildren,\n        existingComponent,\n        newComponent,\n        pos,\n        clientRect,\n        dropRect,\n      )\n    : containerChildren.map((child: ReactElement, index: number) =>\n        index === idx\n          ? wrap(\n              child,\n              existingComponent,\n              newComponent,\n              pos,\n              clientRect,\n              dropRect,\n            )\n          : child,\n      );\n\n  return React.cloneElement(container, undefined, children);\n}\n\nfunction updateChildren(\n  container: LayoutModel,\n  containerChildren: ReactElement[],\n  existingComponent: ReactElement,\n  newComponent: ReactElement,\n  pos: DropPos,\n  clientRect?: DropTarget[\"clientRect\"],\n  dropRect?: rectTuple,\n) {\n  const intrinsicSize = getIntrinsicSize(newComponent);\n\n  if (intrinsicSize?.width && intrinsicSize?.height) {\n    if (clientRect === undefined || dropRect === undefined) {\n      throw Error(\n        \"wrap-layout-element, updateChildren clientRect and dropRect must both be available\",\n      );\n    }\n    return wrapIntrinsicSizedComponent(\n      containerChildren,\n      existingComponent,\n      newComponent,\n      pos,\n      clientRect,\n      dropRect,\n    );\n  }\n  return wrapFlexComponent(\n    container,\n    containerChildren,\n    existingComponent,\n    newComponent,\n    pos,\n  );\n}\n\nfunction wrapFlexComponent(\n  container: LayoutModel,\n  containerChildren: ReactElement[],\n  existingComponent: ReactElement,\n  newComponent: ReactElement,\n  pos: DropPos,\n) {\n  const { version = 0 } = getProps(newComponent);\n  const { path: existingComponentPath, title } = getProps(existingComponent);\n  const {\n    type,\n    flexDirection,\n    showTabs: showTabsProp,\n  } = getLayoutSpecForWrapper(pos);\n  const [style, existingComponentStyle, newComponentStyle] =\n    getWrappedFlexStyles(\n      type,\n      existingComponent,\n      newComponent,\n      flexDirection,\n      pos,\n    );\n  const targetFirst = isTargetFirst(pos);\n  const active = targetFirst ? 1 : 0;\n\n  const newComponentProps = {\n    resizeable: true,\n    style: newComponentStyle,\n    version: version + 1,\n  };\n  const resizeProp = isHtmlElement(existingComponent)\n    ? \"data-resizeable\"\n    : \"resizeable\";\n\n  const existingComponentProps = {\n    [resizeProp]: true,\n    style: existingComponentStyle,\n  };\n\n  const showTabs = type === \"Stack\" ? { showTabs: showTabsProp } : undefined;\n  const splitterSize =\n    type === \"Flexbox\"\n      ? {\n          splitterSize:\n            (typeOf(container) === \"Flexbox\" && container.props.splitterSize) ??\n            undefined,\n        }\n      : undefined;\n\n  const id = uuid();\n  const wrapper = React.createElement(\n    getLayoutComponent(type),\n    {\n      active,\n      id,\n      key: id,\n      path: getProp(existingComponent, \"path\"),\n      flexFill: getProp(existingComponent, \"flexFill\"),\n      ...splitterSize,\n      ...showTabs,\n      style,\n      title,\n      resizeable: getProp(existingComponent, \"resizeable\"),\n    } as LayoutProps,\n    targetFirst\n      ? [\n          resetPath(\n            existingComponent,\n            `${existingComponentPath}.0`,\n            existingComponentProps,\n          ),\n          applyLayoutProps(\n            React.cloneElement(newComponent, newComponentProps),\n            `${existingComponentPath}.1`,\n          ),\n        ]\n      : [\n          applyLayoutProps(\n            React.cloneElement(newComponent, newComponentProps),\n            `${existingComponentPath}.0`,\n          ),\n          resetPath(\n            existingComponent,\n            `${existingComponentPath}.1`,\n            existingComponentProps,\n          ),\n        ],\n  );\n  return containerChildren.map((child: ReactElement) =>\n    child === existingComponent ? wrapper : child,\n  );\n}\n\nfunction wrapIntrinsicSizedComponent(\n  containerChildren: ReactElement[],\n  existingComponent: ReactElement,\n  newComponent: ReactElement,\n  pos: DropPos,\n  clientRect: DropTarget[\"clientRect\"],\n  dropRect: rectTuple,\n) {\n  const { flexDirection } = getLayoutSpecForWrapper(pos);\n  const contraDirection = flexDirection === \"column\" ? \"row\" : \"column\";\n  const targetFirst = isTargetFirst(pos);\n\n  const [dropLeft, dropTop, dropRight, dropBottom] = dropRect;\n  const [startPlaceholder, endPlaceholder] =\n    flexDirection === \"column\"\n      ? [dropTop - clientRect.top, clientRect.bottom - dropBottom]\n      : [dropLeft - clientRect.left, clientRect.right - dropRight];\n  const pathRoot = getProp(existingComponent, \"path\");\n  let pathIndex = 0;\n\n  const resizeProp = isHtmlElement(existingComponent)\n    ? \"data-resizeable\"\n    : \"resizeable\";\n\n  const wrappedChildren = [];\n  if (startPlaceholder) {\n    wrappedChildren.push(\n      targetFirst\n        ? resetPath(existingComponent, `${pathRoot}.${pathIndex++}`, {\n            [resizeProp]: true,\n            style: { flexBasis: startPlaceholder, flexGrow: 1, flexShrink: 1 },\n          })\n        : createPlaceHolder(`${pathRoot}.${pathIndex++}`, startPlaceholder, {\n            flexGrow: 0,\n            flexShrink: 0,\n          }),\n    );\n  }\n  wrappedChildren.push(\n    wrapIntrinsicSizeComponentWithFlexbox(\n      newComponent,\n      contraDirection,\n      `${pathRoot}.${pathIndex++}`,\n      clientRect,\n      dropRect,\n    ),\n  );\n  if (endPlaceholder) {\n    wrappedChildren.push(\n      targetFirst\n        ? createPlaceHolder(`${pathRoot}.${pathIndex++}`, 0)\n        : resetPath(existingComponent, `${pathRoot}.${pathIndex++}`, {\n            [resizeProp]: true,\n            style: { flexBasis: 0, flexGrow: 1, flexShrink: 1 },\n          }),\n    );\n  }\n\n  const wrapper = createFlexbox(\n    flexDirection,\n    existingComponent.props,\n    wrappedChildren,\n    pathRoot,\n  );\n  return containerChildren.map((child) =>\n    child === existingComponent ? wrapper : child,\n  );\n}\n\nfunction getWrappedFlexStyles(\n  type: string,\n  existingComponent: ReactElement,\n  newComponent: ReactElement,\n  flexDirection: flexDirection,\n  pos: DropPos,\n) {\n  const style = {\n    ...existingComponent.props.style,\n    flexDirection,\n  };\n\n  const dimension =\n    type === \"Flexbox\" && flexDirection === \"column\" ? \"height\" : \"width\";\n  const newComponentStyle = getFlexStyle(newComponent, dimension, pos);\n  const existingComponentStyle = getFlexStyle(existingComponent, dimension);\n\n  return [style, existingComponentStyle, newComponentStyle];\n}\n\nconst isTargetFirst = (pos: DropPos) =>\n  pos.position.SouthOrEast\n    ? true\n    : pos?.tab?.positionRelativeToTab === \"before\"\n      ? false\n      : pos.position.Header\n        ? true\n        : false;\n\nfunction getLayoutSpecForWrapper(pos: DropPos): LayoutSpec {\n  if (pos.position.Header) {\n    return {\n      type: \"Stack\",\n      flexDirection: \"column\",\n      showTabs: true,\n    };\n  } else {\n    return {\n      type: \"Flexbox\",\n      flexDirection: pos.position.EastOrWest ? \"row\" : \"column\",\n    };\n  }\n}\n"],"names":["typeOf","getProps","getProp","nextStep","getIntrinsicSize","flexDirection","uuid","getLayoutComponent","resetPath","applyLayoutProps","createPlaceHolder","wrapIntrinsicSizeComponentWithFlexbox","createFlexbox","getFlexStyle"],"mappings":"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"}

package/cjs/layout-view/View.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var viewCss = ".vuuView {\n  border-color: var(--vuuView-borderColor, transparent);\n  border-width: var(--vuuView-borderWidth, 1px);\n  border-style: var(--vuuView-borderStyle, solid);\n\n  display: flex;\n  flex-direction: column;\n  margin: var(--vuuView-margin, 0px);\n  min-height: 50px;\n  min-width: 50px;\n  outline: none;\n  overflow: hidden;\n  position: relative;\n\n  &.vuuHighlighted {\n    --vuuView-borderStyle: dashed;\n    --vuuView-borderColor: var(--salt-container-primary-borderColor);\n  }\n}\n\n.vuuView.focus-visible:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: dotted cornflowerblue 2px;\n}\n\n.vuuView.dragging {\n  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n}\n\n.vuuView-main {\n  /* height: var(--view-content-height);\n  width: var(--view-content-width); */\n  display: flex;\n  flex-direction: var(--vuuView-flexDirection, column);\n  flex-wrap: var(--vuuView-flex-wrap, nowrap);\n  flex: 1;\n  justify-content: var(--vuuView-justify, flex-start);\n  overflow: hidden;\n  position: relative;\n}\n\n.vuuView-main > * {\n  flex-basis: auto;\n  flex-grow: var(--vuuView-flex-grow, 1);\n  flex-shrink: var(--vuuView-flex-shrink, 1);\n}\n\n.vuuView-collapsed .vuuView-main {\n  display: none;\n}\n\n.vuuView-collapsed + .Splitter {\n  display: none;\n}\n\n.vuuView-collapsed .Toolbar-vertical {\n  border-right: solid 1px var(--grey40);\n}\n\n.vuuView-collapsed .Toolbar-vertical .toolbar-title {\n  display: none;\n}\n";
+var viewCss = ".vuuView {\n  --vuuToolbarProxy-height: var(--salt-size-base);\n  border-color: var(--vuuView-borderColor, transparent);\n  border-width: var(--vuuView-borderWidth, 1px);\n  border-style: var(--vuuView-borderStyle, solid);\n\n  display: flex;\n  flex-direction: column;\n  margin: var(--vuuView-margin, 0px);\n  min-height: 50px;\n  min-width: 50px;\n  outline: none;\n  overflow: hidden;\n  position: relative;\n  transition: flex-basis .3s ease-in-out;\n\n  &.vuuHighlighted {\n    --vuuView-borderStyle: dashed;\n    --vuuView-borderColor: var(--salt-container-primary-borderColor);\n  }\n}\n\n.vuuSplitterResizing .vuuView {\n  transition: none;\n\n}\n\n.vuuView:has(> .vuuHeader){\n  min-height: var(--vuuToolbarProxy-height);\n}\n\n.vuuView.focus-visible:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: dotted cornflowerblue 2px;\n}\n\n.vuuView.dragging {\n  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n}\n\n.vuuView-main {\n  /* height: var(--view-content-height);\n  width: var(--view-content-width); */\n  display: flex;\n  flex-direction: var(--vuuView-flexDirection, column);\n  flex-wrap: var(--vuuView-flex-wrap, nowrap);\n  flex: 1;\n  justify-content: var(--vuuView-justify, flex-start);\n  overflow: hidden;\n  position: relative;\n}\n\n.vuuView-main > * {\n  flex-basis: auto;\n  flex-grow: var(--vuuView-flex-grow, 1);\n  flex-shrink: var(--vuuView-flex-shrink, 1);\n}\n\n/* .vuuView-collapsed .vuuView-main {\n  display: none;\n} */\n\n.vuuView-collapsed {\n  flex: 0 0 0 !important;\n}\n\n\n.vuuView-collapsed + .Splitter {\n  display: none;\n}\n\n.vuuView-collapsed .Toolbar-vertical {\n  border-right: solid 1px var(--grey40);\n}\n\n.vuuView-collapsed .Toolbar-vertical .toolbar-title {\n  display: none;\n}\n";
 
 module.exports = viewCss;
 //# sourceMappingURL=View.css.js.map

package/cjs/layout-view/View.js

@@ -38,10 +38,13 @@ const View = React.forwardRef(function View2(props, forwardedRef) {
     flexFill,
     id: idProp,
     header,
+    onCollapse,
+    onExpand,
     orientation = "horizontal",
     path = dataPath,
     resize = "responsive",
     resizeable = dataResizeable,
+    restoreStyle,
     tearOut,
     style = {},
     title: titleProp,
@@ -142,7 +145,9 @@ const View = React.forwardRef(function View2(props, forwardedRef) {
             contributions,
             expanded,
             closeable,
+            onCollapse,
             onEditTitle,
+            onExpand,
             orientation,
             tearOut,
             title

package/cjs/layout-view/View.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.js","sources":["../../src/layout-view/View.tsx"],"sourcesContent":["import { registerComponent, useId } from \"@vuu-ui/vuu-utils\";\nimport { useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport React, {\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Header as VuuHeader } from \"../layout-header/Header\";\nimport { useView } from \"./useView\";\nimport { useViewResize } from \"./useViewResize\";\nimport { ViewContext, ViewContextAPI } from \"../layout-view-actions\";\nimport { ViewProps } from \"./viewTypes\";\n\nimport viewCss from \"./View.css\";\n\nconst classBase = \"vuuView\";\n\ntype Props = { [key: string]: unknown };\n\nconst getProps = (state?: Props, props?: Props) => {\n  if (state && props) {\n    return {\n      ...state,\n      ...props,\n    };\n  } else return state || props;\n};\n\n/**\n * View is the leaf-level entity managed by the Vuu layout system. It may represent a component\n * or a group of components. It also offers an API (via useViewContext) for persistence.\n */\nconst View = forwardRef(function View(\n  props: ViewProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    Header = VuuHeader,\n    allowRename,\n    children,\n    className,\n    collapsed,\n    closeable,\n    \"data-path\": dataPath,\n    \"data-resizeable\": dataResizeable,\n    dropTargets,\n    expanded,\n    flexFill,\n    id: idProp,\n    header,\n    orientation = \"horizontal\",\n    path = dataPath,\n    resize = \"responsive\",\n    resizeable = dataResizeable,\n    tearOut,\n    style = {},\n    title: titleProp,\n    ...restProps\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-view\",\n    css: viewCss,\n    window: targetWindow,\n  });\n\n  const id = useId(idProp);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const mainRef = useRef<HTMLDivElement>(null);\n  const [componentProps, _setComponentProps] = useState<Props>();\n  const {\n    contributions,\n    dispatchViewAction,\n    load,\n    loadSession,\n    onConfigChange,\n    onEditTitle,\n    purge,\n    restoredState,\n    save,\n    saveSession,\n    title,\n  } = useView({\n    id,\n    rootRef,\n    path,\n    dropTargets,\n    title: titleProp,\n  });\n\n  useViewResize({ mainRef, resize, rootRef });\n\n  const setComponentProps = useCallback((props?: Props) => {\n    _setComponentProps(props);\n  }, []);\n\n  const getContent = () => {\n    if (React.isValidElement(children) && (restoredState || componentProps)) {\n      return React.cloneElement(\n        children,\n        getProps(restoredState, componentProps),\n      );\n    }\n    return children;\n  };\n\n  const viewContextValue: ViewContextAPI = useMemo(\n    () => ({\n      dispatch: dispatchViewAction,\n      id,\n      path,\n      title,\n      load,\n      loadSession,\n      onConfigChange,\n      purge,\n      save,\n      saveSession,\n      setComponentProps,\n    }),\n    [\n      dispatchViewAction,\n      id,\n      load,\n      loadSession,\n      onConfigChange,\n      path,\n      purge,\n      save,\n      saveSession,\n      setComponentProps,\n      title,\n    ],\n  );\n\n  const headerProps = typeof header === \"object\" ? header : {};\n\n  return (\n    <div\n      {...restProps}\n      className={cx(classBase, className, {\n        [`${classBase}-collapsed`]: collapsed,\n        [`${classBase}-expanded`]: expanded,\n        [`${classBase}-resize-defer`]: resize === \"defer\",\n      })}\n      data-resizeable={resizeable}\n      id={id}\n      ref={useForkRef(forwardedRef, rootRef)}\n      style={style}\n      tabIndex={-1}\n    >\n      <ViewContext.Provider value={viewContextValue}>\n        {header ? (\n          <Header\n            {...headerProps}\n            allowRename={allowRename}\n            collapsed={collapsed}\n            contributions={contributions}\n            expanded={expanded}\n            closeable={closeable}\n            onEditTitle={onEditTitle}\n            orientation={orientation}\n            tearOut={tearOut}\n            title={title}\n          />\n        ) : null}\n        <div className={`${classBase}-main`} ref={mainRef}>\n          {getContent()}\n        </div>\n      </ViewContext.Provider>\n    </div>\n  );\n});\nView.displayName = \"View\";\n\ninterface ViewComponentType {\n  (\n    props: ViewProps & {\n      ref?: ForwardedRef<HTMLDivElement>;\n    },\n  ): ReactElement<ViewProps>;\n  displayName?: string;\n}\n\nconst MemoView = React.memo(View) as ViewComponentType;\n\nMemoView.displayName = \"View\";\n\nregisterComponent(\"View\", MemoView, \"view\");\n\nexport { MemoView as View };\n"],"names":["forwardRef","View","Header","VuuHeader","useWindow","useComponentCssInjection","viewCss","useId","useRef","useState","useView","useViewResize","useCallback","props","useMemo","jsx","useForkRef","jsxs","ViewContext","registerComponent"],"mappings":";;;;;;;;;;;;;;;;AAsBA,MAAM,SAAY,GAAA,SAAA,CAAA;AAIlB,MAAM,QAAA,GAAW,CAAC,KAAA,EAAe,KAAkB,KAAA;AACjD,EAAA,IAAI,SAAS,KAAO,EAAA;AAClB,IAAO,OAAA;AAAA,MACL,GAAG,KAAA;AAAA,MACH,GAAG,KAAA;AAAA,KACL,CAAA;AAAA,GACF,aAAc,KAAS,IAAA,KAAA,CAAA;AACzB,CAAA,CAAA;AAMA,MAAM,IAAO,GAAAA,gBAAA,CAAW,SAASC,KAAAA,CAC/B,OACA,YACA,EAAA;AACA,EAAM,MAAA;AAAA,YACJC,QAAS,GAAAC,aAAA;AAAA,IACT,WAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAa,EAAA,QAAA;AAAA,IACb,iBAAmB,EAAA,cAAA;AAAA,IACnB,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,EAAI,EAAA,MAAA;AAAA,IACJ,MAAA;AAAA,IACA,WAAc,GAAA,YAAA;AAAA,IACd,IAAO,GAAA,QAAA;AAAA,IACP,MAAS,GAAA,YAAA;AAAA,IACT,UAAa,GAAA,cAAA;AAAA,IACb,OAAA;AAAA,IACA,QAAQ,EAAC;AAAA,IACT,KAAO,EAAA,SAAA;AAAA,IACP,GAAG,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,UAAA;AAAA,IACR,GAAK,EAAAC,MAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,EAAA,GAAKC,eAAM,MAAM,CAAA,CAAA;AAEvB,EAAM,MAAA,OAAA,GAAUC,aAAuB,IAAI,CAAA,CAAA;AAC3C,EAAM,MAAA,OAAA,GAAUA,aAAuB,IAAI,CAAA,CAAA;AAC3C,EAAA,MAAM,CAAC,cAAA,EAAgB,kBAAkB,CAAA,GAAIC,cAAgB,EAAA,CAAA;AAC7D,EAAM,MAAA;AAAA,IACJ,aAAA;AAAA,IACA,kBAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,MACEC,eAAQ,CAAA;AAAA,IACV,EAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAO,EAAA,SAAA;AAAA,GACR,CAAA,CAAA;AAED,EAAAC,2BAAA,CAAc,EAAE,OAAA,EAAS,MAAQ,EAAA,OAAA,EAAS,CAAA,CAAA;AAE1C,EAAM,MAAA,iBAAA,GAAoBC,iBAAY,CAAA,CAACC,MAAkB,KAAA;AACvD,IAAA,kBAAA,CAAmBA,MAAK,CAAA,CAAA;AAAA,GAC1B,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,IAAI,KAAM,CAAA,cAAA,CAAe,QAAQ,CAAA,KAAM,iBAAiB,cAAiB,CAAA,EAAA;AACvE,MAAA,OAAO,KAAM,CAAA,YAAA;AAAA,QACX,QAAA;AAAA,QACA,QAAA,CAAS,eAAe,cAAc,CAAA;AAAA,OACxC,CAAA;AAAA,KACF;AACA,IAAO,OAAA,QAAA,CAAA;AAAA,GACT,CAAA;AAEA,EAAA,MAAM,gBAAmC,GAAAC,aAAA;AAAA,IACvC,OAAO;AAAA,MACL,QAAU,EAAA,kBAAA;AAAA,MACV,EAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA;AAAA,MACA,iBAAA;AAAA,KACF,CAAA;AAAA,IACA;AAAA,MACE,kBAAA;AAAA,MACA,EAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA;AAAA,MACA,iBAAA;AAAA,MACA,KAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,WAAc,GAAA,OAAO,MAAW,KAAA,QAAA,GAAW,SAAS,EAAC,CAAA;AAE3D,EACE,uBAAAC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAW,EAAA;AAAA,QAClC,CAAC,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,GAAG,SAAA;AAAA,QAC5B,CAAC,CAAA,EAAG,SAAS,CAAA,SAAA,CAAW,GAAG,QAAA;AAAA,QAC3B,CAAC,CAAA,EAAG,SAAS,CAAA,aAAA,CAAe,GAAG,MAAW,KAAA,OAAA;AAAA,OAC3C,CAAA;AAAA,MACD,iBAAiB,EAAA,UAAA;AAAA,MACjB,EAAA;AAAA,MACA,GAAA,EAAKC,eAAW,CAAA,YAAA,EAAc,OAAO,CAAA;AAAA,MACrC,KAAA;AAAA,MACA,QAAU,EAAA,CAAA,CAAA;AAAA,MAEV,QAAC,kBAAAC,eAAA,CAAAC,uBAAA,CAAY,QAAZ,EAAA,EAAqB,OAAO,gBAC1B,EAAA,QAAA,EAAA;AAAA,QACC,MAAA,mBAAAH,cAAA;AAAA,UAACb,QAAA;AAAA,UAAA;AAAA,YACE,GAAG,WAAA;AAAA,YACJ,WAAA;AAAA,YACA,SAAA;AAAA,YACA,aAAA;AAAA,YACA,QAAA;AAAA,YACA,SAAA;AAAA,YACA,WAAA;AAAA,YACA,WAAA;AAAA,YACA,OAAA;AAAA,YACA,KAAA;AAAA,WAAA;AAAA,SAEA,GAAA,IAAA;AAAA,wBACJa,cAAA,CAAC,SAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAS,KAAA,CAAA,EAAA,GAAA,EAAK,OACvC,EAAA,QAAA,EAAA,UAAA,EACH,EAAA,CAAA;AAAA,OACF,EAAA,CAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAC,CAAA,CAAA;AACD,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAWb,MAAA,QAAA,GAAW,KAAM,CAAA,IAAA,CAAK,IAAI,EAAA;AAEhC,QAAA,CAAS,WAAc,GAAA,MAAA,CAAA;AAEvBI,0BAAkB,CAAA,MAAA,EAAQ,UAAU,MAAM,CAAA;;;;"}
+{"version":3,"file":"View.js","sources":["../../src/layout-view/View.tsx"],"sourcesContent":["import { registerComponent, useId } from \"@vuu-ui/vuu-utils\";\nimport { useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport React, {\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Header as VuuHeader } from \"../layout-header/Header\";\nimport { useView } from \"./useView\";\nimport { useViewResize } from \"./useViewResize\";\nimport { ViewContext, ViewContextAPI } from \"../layout-view-actions\";\nimport { ViewProps } from \"./viewTypes\";\n\nimport viewCss from \"./View.css\";\n\nconst classBase = \"vuuView\";\n\ntype Props = { [key: string]: unknown };\n\nconst getProps = (state?: Props, props?: Props) => {\n  if (state && props) {\n    return {\n      ...state,\n      ...props,\n    };\n  } else return state || props;\n};\n\n/**\n * View is the leaf-level entity managed by the Vuu layout system. It may represent a component\n * or a group of components. It also offers an API (via useViewContext) for persistence.\n */\nconst View = forwardRef(function View(\n  props: ViewProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    Header = VuuHeader,\n    allowRename,\n    children,\n    className,\n    collapsed,\n    closeable,\n    \"data-path\": dataPath,\n    \"data-resizeable\": dataResizeable,\n    dropTargets,\n    expanded,\n    flexFill,\n    id: idProp,\n    header,\n    onCollapse,\n    onExpand,\n    orientation = \"horizontal\",\n    path = dataPath,\n    resize = \"responsive\",\n    resizeable = dataResizeable,\n    restoreStyle,\n    tearOut,\n    style = {},\n    title: titleProp,\n    ...restProps\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-view\",\n    css: viewCss,\n    window: targetWindow,\n  });\n\n  const id = useId(idProp);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const mainRef = useRef<HTMLDivElement>(null);\n  const [componentProps, _setComponentProps] = useState<Props>();\n  const {\n    contributions,\n    dispatchViewAction,\n    load,\n    loadSession,\n    onConfigChange,\n    onEditTitle,\n    purge,\n    restoredState,\n    save,\n    saveSession,\n    title,\n  } = useView({\n    id,\n    rootRef,\n    path,\n    dropTargets,\n    title: titleProp,\n  });\n\n  useViewResize({ mainRef, resize, rootRef });\n\n  const setComponentProps = useCallback((props?: Props) => {\n    _setComponentProps(props);\n  }, []);\n\n  const getContent = () => {\n    if (React.isValidElement(children) && (restoredState || componentProps)) {\n      return React.cloneElement(\n        children,\n        getProps(restoredState, componentProps),\n      );\n    }\n    return children;\n  };\n\n  const viewContextValue: ViewContextAPI = useMemo(\n    () => ({\n      dispatch: dispatchViewAction,\n      id,\n      path,\n      title,\n      load,\n      loadSession,\n      onConfigChange,\n      purge,\n      save,\n      saveSession,\n      setComponentProps,\n    }),\n    [\n      dispatchViewAction,\n      id,\n      load,\n      loadSession,\n      onConfigChange,\n      path,\n      purge,\n      save,\n      saveSession,\n      setComponentProps,\n      title,\n    ],\n  );\n\n  const headerProps = typeof header === \"object\" ? header : {};\n\n  return (\n    <div\n      {...restProps}\n      className={cx(classBase, className, {\n        [`${classBase}-collapsed`]: collapsed,\n        [`${classBase}-expanded`]: expanded,\n        [`${classBase}-resize-defer`]: resize === \"defer\",\n      })}\n      data-resizeable={resizeable}\n      id={id}\n      ref={useForkRef(forwardedRef, rootRef)}\n      style={style}\n      tabIndex={-1}\n    >\n      <ViewContext.Provider value={viewContextValue}>\n        {header ? (\n          <Header\n            {...headerProps}\n            allowRename={allowRename}\n            collapsed={collapsed}\n            contributions={contributions}\n            expanded={expanded}\n            closeable={closeable}\n            onCollapse={onCollapse}\n            onEditTitle={onEditTitle}\n            onExpand={onExpand}\n            orientation={orientation}\n            tearOut={tearOut}\n            title={title}\n          />\n        ) : null}\n        <div className={`${classBase}-main`} ref={mainRef}>\n          {getContent()}\n        </div>\n      </ViewContext.Provider>\n    </div>\n  );\n});\nView.displayName = \"View\";\n\ninterface ViewComponentType {\n  (\n    props: ViewProps & {\n      ref?: ForwardedRef<HTMLDivElement>;\n    },\n  ): ReactElement<ViewProps>;\n  displayName?: string;\n}\n\nconst MemoView = React.memo(View) as ViewComponentType;\n\nMemoView.displayName = \"View\";\n\nregisterComponent(\"View\", MemoView, \"view\");\n\nexport { MemoView as View };\n"],"names":["forwardRef","View","Header","VuuHeader","useWindow","useComponentCssInjection","viewCss","useId","useRef","useState","useView","useViewResize","useCallback","props","useMemo","jsx","useForkRef","jsxs","ViewContext","registerComponent"],"mappings":"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"}

package/cjs/layout-view/useView.js.map

@@ -1 +1 @@
-{"version":3,"file":"useView.js","sources":["../../src/layout-view/useView.tsx"],"sourcesContent":["import { RefObject, useCallback, useMemo } from \"react\";\nimport { useLayoutProviderDispatch } from \"../layout-provider/LayoutProvider\";\nimport { usePersistentState } from \"../use-persistent-state\";\nimport { useViewActionDispatcher } from \"../layout-view-actions/useViewActionDispatcher\";\n\nexport interface ViewHookProps {\n  id: string;\n  rootRef: RefObject<HTMLDivElement>;\n  path?: string;\n  dropTargets?: string[];\n  title?: string;\n}\n\nexport const useView = ({\n  id,\n  rootRef,\n  path,\n  dropTargets,\n  title: titleProp,\n}: ViewHookProps) => {\n  const layoutDispatch = useLayoutProviderDispatch();\n\n  const {\n    loadState,\n    loadSessionState,\n    purgeState,\n    saveState,\n    saveSessionState,\n  } = usePersistentState();\n\n  const [dispatchViewAction, contributions] = useViewActionDispatcher(\n    id,\n    rootRef,\n    path,\n    dropTargets\n  );\n\n  const title = useMemo(\n    () => loadState(\"view-title\") ?? titleProp,\n    [loadState, titleProp]\n  );\n\n  const onEditTitle = useCallback(\n    (title: string) => {\n      if (path) {\n        layoutDispatch({ type: \"set-title\", path, title });\n      }\n    },\n    [layoutDispatch, path]\n  );\n\n  const restoredState = useMemo(() => loadState(id), [id, loadState]);\n\n  const load = useCallback(\n    (key?: string) => loadState(id, key),\n    [id, loadState]\n  );\n\n  const purge = useCallback(\n    (key) => {\n      purgeState(id, key);\n      layoutDispatch({ type: \"save\" });\n    },\n    [id, layoutDispatch, purgeState]\n  );\n\n  const save = useCallback(\n    (state, key) => {\n      saveState(id, key, state);\n      layoutDispatch({ type: \"save\" });\n    },\n    [id, layoutDispatch, saveState]\n  );\n  const loadSession = useCallback(\n    (key?: string) => loadSessionState(id, key),\n    [id, loadSessionState]\n  );\n  const saveSession = useCallback(\n    (state, key) => saveSessionState(id, key, state),\n    [id, saveSessionState]\n  );\n\n  const onConfigChange = useCallback(\n    ({ type: key, ...config }) => {\n      const { [key]: data } = config;\n      save(data, key);\n    },\n    [save]\n  );\n\n  return {\n    contributions,\n    dispatchViewAction,\n    load,\n    loadSession,\n    onConfigChange,\n    onEditTitle,\n    purge,\n    restoredState,\n    save,\n    saveSession,\n    title,\n  };\n};\n"],"names":["useLayoutProviderDispatch","usePersistentState","useViewActionDispatcher","useMemo","useCallback","title"],"mappings":";;;;;;;AAaO,MAAM,UAAU,CAAC;AAAA,EACtB,EAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAO,EAAA,SAAA;AACT,CAAqB,KAAA;AACnB,EAAA,MAAM,iBAAiBA,wCAA0B,EAAA,CAAA;AAEjD,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,gBAAA;AAAA,MACEC,qCAAmB,EAAA,CAAA;AAEvB,EAAM,MAAA,CAAC,kBAAoB,EAAA,aAAa,CAAI,GAAAC,+CAAA;AAAA,IAC1C,EAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,KAAQ,GAAAC,aAAA;AAAA,IACZ,MAAM,SAAU,CAAA,YAAY,CAAK,IAAA,SAAA;AAAA,IACjC,CAAC,WAAW,SAAS,CAAA;AAAA,GACvB,CAAA;AAEA,EAAA,MAAM,WAAc,GAAAC,iBAAA;AAAA,IAClB,CAACC,MAAkB,KAAA;AACjB,MAAA,IAAI,IAAM,EAAA;AACR,QAAA,cAAA,CAAe,EAAE,IAAM,EAAA,WAAA,EAAa,IAAM,EAAA,KAAA,EAAAA,QAAO,CAAA,CAAA;AAAA,OACnD;AAAA,KACF;AAAA,IACA,CAAC,gBAAgB,IAAI,CAAA;AAAA,GACvB,CAAA;AAEA,EAAM,MAAA,aAAA,GAAgBF,cAAQ,MAAM,SAAA,CAAU,EAAE,CAAG,EAAA,CAAC,EAAI,EAAA,SAAS,CAAC,CAAA,CAAA;AAElE,EAAA,MAAM,IAAO,GAAAC,iBAAA;AAAA,IACX,CAAC,GAAA,KAAiB,SAAU,CAAA,EAAA,EAAI,GAAG,CAAA;AAAA,IACnC,CAAC,IAAI,SAAS,CAAA;AAAA,GAChB,CAAA;AAEA,EAAA,MAAM,KAAQ,GAAAA,iBAAA;AAAA,IACZ,CAAC,GAAQ,KAAA;AACP,MAAA,UAAA,CAAW,IAAI,GAAG,CAAA,CAAA;AAClB,MAAe,cAAA,CAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,CAAA,CAAA;AAAA,KACjC;AAAA,IACA,CAAC,EAAI,EAAA,cAAA,EAAgB,UAAU,CAAA;AAAA,GACjC,CAAA;AAEA,EAAA,MAAM,IAAO,GAAAA,iBAAA;AAAA,IACX,CAAC,OAAO,GAAQ,KAAA;AACd,MAAU,SAAA,CAAA,EAAA,EAAI,KAAK,KAAK,CAAA,CAAA;AACxB,MAAe,cAAA,CAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,CAAA,CAAA;AAAA,KACjC;AAAA,IACA,CAAC,EAAI,EAAA,cAAA,EAAgB,SAAS,CAAA;AAAA,GAChC,CAAA;AACA,EAAA,MAAM,WAAc,GAAAA,iBAAA;AAAA,IAClB,CAAC,GAAA,KAAiB,gBAAiB,CAAA,EAAA,EAAI,GAAG,CAAA;AAAA,IAC1C,CAAC,IAAI,gBAAgB,CAAA;AAAA,GACvB,CAAA;AACA,EAAA,MAAM,WAAc,GAAAA,iBAAA;AAAA,IAClB,CAAC,KAAO,EAAA,GAAA,KAAQ,gBAAiB,CAAA,EAAA,EAAI,KAAK,KAAK,CAAA;AAAA,IAC/C,CAAC,IAAI,gBAAgB,CAAA;AAAA,GACvB,CAAA;AAEA,EAAA,MAAM,cAAiB,GAAAA,iBAAA;AAAA,IACrB,CAAC,EAAE,IAAA,EAAM,GAAK,EAAA,GAAG,QAAa,KAAA;AAC5B,MAAA,MAAM,EAAE,CAAC,GAAG,GAAG,MAAS,GAAA,MAAA,CAAA;AACxB,MAAA,IAAA,CAAK,MAAM,GAAG,CAAA,CAAA;AAAA,KAChB;AAAA,IACA,CAAC,IAAI,CAAA;AAAA,GACP,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,aAAA;AAAA,IACA,kBAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"useView.js","sources":["../../src/layout-view/useView.tsx"],"sourcesContent":["import { RefObject, useCallback, useMemo } from \"react\";\nimport { useLayoutProviderDispatch } from \"../layout-provider/LayoutProvider\";\nimport { usePersistentState } from \"../use-persistent-state\";\nimport { useViewActionDispatcher } from \"../layout-view-actions/useViewActionDispatcher\";\nimport { ConfigChangeHandler } from \"../layout-view-actions\";\n\nexport interface ViewHookProps {\n  id: string;\n  rootRef: RefObject<HTMLDivElement>;\n  path?: string;\n  dropTargets?: string[];\n  title?: string;\n}\n\nexport const useView = ({\n  id,\n  rootRef,\n  path,\n  dropTargets,\n  title: titleProp,\n}: ViewHookProps) => {\n  const layoutDispatch = useLayoutProviderDispatch();\n\n  const {\n    loadState,\n    loadSessionState,\n    purgeState,\n    saveState,\n    saveSessionState,\n  } = usePersistentState();\n\n  const [dispatchViewAction, contributions] = useViewActionDispatcher(\n    id,\n    rootRef,\n    path,\n    dropTargets,\n  );\n\n  const title = useMemo(\n    () => loadState(\"view-title\") ?? titleProp,\n    [loadState, titleProp],\n  );\n\n  const onEditTitle = useCallback(\n    (title: string) => {\n      if (path) {\n        layoutDispatch({ type: \"set-title\", path, title });\n      }\n    },\n    [layoutDispatch, path],\n  );\n\n  const restoredState = useMemo(() => loadState(id), [id, loadState]);\n\n  const load = useCallback(\n    (key?: string) => loadState(id, key),\n    [id, loadState],\n  );\n\n  const purge = useCallback(\n    (key: string) => {\n      purgeState(id, key);\n      layoutDispatch({ type: \"save\" });\n    },\n    [id, layoutDispatch, purgeState],\n  );\n\n  const save = useCallback(\n    (state: unknown, key: string) => {\n      saveState(id, key, state);\n      layoutDispatch({ type: \"save\" });\n    },\n    [id, layoutDispatch, saveState],\n  );\n  const loadSession = useCallback(\n    (key?: string) => loadSessionState(id, key),\n    [id, loadSessionState],\n  );\n  const saveSession = useCallback(\n    (state: unknown, key: string) => saveSessionState(id, key, state),\n    [id, saveSessionState],\n  );\n\n  const onConfigChange = useCallback<ConfigChangeHandler>(\n    ({ type: key, ...config }) => {\n      const { [key]: data } = config;\n      save(data, key);\n    },\n    [save],\n  );\n\n  return {\n    contributions,\n    dispatchViewAction,\n    load,\n    loadSession,\n    onConfigChange,\n    onEditTitle,\n    purge,\n    restoredState,\n    save,\n    saveSession,\n    title,\n  };\n};\n"],"names":["useLayoutProviderDispatch","usePersistentState","useViewActionDispatcher","useMemo","useCallback","title"],"mappings":"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"}

package/cjs/layout-view/useViewBroadcastChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useViewBroadcastChannel.js","sources":["../../src/layout-view/useViewBroadcastChannel.ts"],"sourcesContent":["import { VuuBroadcastChannel } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useRef } from \"react\";\n\nexport interface ViewBroadcastMessage {\n  path?: string;\n  targetId?: string;\n  type: \"highlight-on\" | \"highlight-off\" | \"layout-closed\";\n}\n\nexport type BroadcastMessageHandler = (message: ViewBroadcastMessage) => void;\n\nconst isMessageForSelf = (\n  message: ViewBroadcastMessage,\n  id?: string,\n  path?: string,\n) => {\n  if (id && message.targetId === id) {\n    return true;\n  } else if (message.path && path?.startsWith(message.path)) {\n    return true;\n  }\n  return false;\n};\n\nexport const useViewBroadcastChannel = (\n  id?: string,\n  path?: string,\n  onMessageReceived?: BroadcastMessageHandler,\n) => {\n  const broadcastChannelRef =\n    useRef<VuuBroadcastChannel<ViewBroadcastMessage>>();\n\n  useEffect(() => {\n    const broadcastChannel: VuuBroadcastChannel<ViewBroadcastMessage> =\n      new BroadcastChannel(\"vuu\");\n    broadcastChannel.onmessage = (evt) => {\n      if (isMessageForSelf(evt.data, id, path)) {\n        onMessageReceived?.(evt.data);\n      }\n    };\n    broadcastChannelRef.current = broadcastChannel;\n    return () => {\n      broadcastChannel.close();\n      broadcastChannelRef.current = undefined;\n    };\n  }, [id, onMessageReceived, path]);\n\n  const sendMessage = useCallback((message: ViewBroadcastMessage) => {\n    broadcastChannelRef.current?.postMessage(message);\n  }, []);\n\n  return sendMessage;\n};\n"],"names":["useRef","useEffect","useCallback"],"mappings":";;;;AAWA,MAAM,gBAAmB,GAAA,CACvB,OACA,EAAA,EAAA,EACA,IACG,KAAA;AACH,EAAI,IAAA,EAAA,IAAM,OAAQ,CAAA,QAAA,KAAa,EAAI,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,aACE,OAAQ,CAAA,IAAA,IAAQ,MAAM,UAAW,CAAA,OAAA,CAAQ,IAAI,CAAG,EAAA;AACzD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,KAAA,CAAA;AACT,CAAA,CAAA;AAEO,MAAM,uBAA0B,GAAA,CACrC,EACA,EAAA,IAAA,EACA,iBACG,KAAA;AACH,EAAA,MAAM,sBACJA,YAAkD,EAAA,CAAA;AAEpD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAM,MAAA,gBAAA,GACJ,IAAI,gBAAA,CAAiB,KAAK,CAAA,CAAA;AAC5B,IAAiB,gBAAA,CAAA,SAAA,GAAY,CAAC,GAAQ,KAAA;AACpC,MAAA,IAAI,gBAAiB,CAAA,GAAA,CAAI,IAAM,EAAA,EAAA,EAAI,IAAI,CAAG,EAAA;AACxC,QAAA,iBAAA,GAAoB,IAAI,IAAI,CAAA,CAAA;AAAA,OAC9B;AAAA,KACF,CAAA;AACA,IAAA,mBAAA,CAAoB,OAAU,GAAA,gBAAA,CAAA;AAC9B,IAAA,OAAO,MAAM;AACX,MAAA,gBAAA,CAAiB,KAAM,EAAA,CAAA;AACvB,MAAA,mBAAA,CAAoB,OAAU,GAAA,KAAA,CAAA,CAAA;AAAA,KAChC,CAAA;AAAA,GACC,EAAA,CAAC,EAAI,EAAA,iBAAA,EAAmB,IAAI,CAAC,CAAA,CAAA;AAEhC,EAAM,MAAA,WAAA,GAAcC,iBAAY,CAAA,CAAC,OAAkC,KAAA;AACjE,IAAoB,mBAAA,CAAA,OAAA,EAAS,YAAY,OAAO,CAAA,CAAA;AAAA,GAClD,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,WAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"useViewBroadcastChannel.js","sources":["../../src/layout-view/useViewBroadcastChannel.ts"],"sourcesContent":["import { VuuBroadcastChannel } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useRef } from \"react\";\n\nexport interface ViewBroadcastMessage {\n  path?: string;\n  targetId?: string;\n  type: \"highlight-on\" | \"highlight-off\" | \"layout-closed\";\n}\n\nexport type BroadcastMessageHandler = (message: ViewBroadcastMessage) => void;\n\nconst isMessageForSelf = (\n  message: ViewBroadcastMessage,\n  id?: string,\n  path?: string,\n) => {\n  if (id && message.targetId === id) {\n    return true;\n  } else if (message.path && path?.startsWith(message.path)) {\n    return true;\n  }\n  return false;\n};\n\nexport const useViewBroadcastChannel = (\n  id?: string,\n  path?: string,\n  onMessageReceived?: BroadcastMessageHandler,\n) => {\n  const broadcastChannelRef =\n    useRef<VuuBroadcastChannel<ViewBroadcastMessage>>();\n\n  useEffect(() => {\n    const broadcastChannel: VuuBroadcastChannel<ViewBroadcastMessage> =\n      new BroadcastChannel(\"vuu\");\n    broadcastChannel.onmessage = (evt) => {\n      if (isMessageForSelf(evt.data, id, path)) {\n        onMessageReceived?.(evt.data);\n      }\n    };\n    broadcastChannelRef.current = broadcastChannel;\n    return () => {\n      broadcastChannel.close();\n      broadcastChannelRef.current = undefined;\n    };\n  }, [id, onMessageReceived, path]);\n\n  const sendMessage = useCallback((message: ViewBroadcastMessage) => {\n    broadcastChannelRef.current?.postMessage(message);\n  }, []);\n\n  return sendMessage;\n};\n"],"names":["useRef","useEffect","useCallback"],"mappings":";;;;AAWA,MAAM,gBAAmB,GAAA,CACvB,OACA,EAAA,EAAA,EACA,IACG,KAAA;AACH,EAAI,IAAA,EAAA,IAAM,OAAQ,CAAA,QAAA,KAAa,EAAI,EAAA;AACjC,IAAO,OAAA,IAAA;AAAA,aACE,OAAQ,CAAA,IAAA,IAAQ,MAAM,UAAW,CAAA,OAAA,CAAQ,IAAI,CAAG,EAAA;AACzD,IAAO,OAAA,IAAA;AAAA;AAET,EAAO,OAAA,KAAA;AACT,CAAA;AAEO,MAAM,uBAA0B,GAAA,CACrC,EACA,EAAA,IAAA,EACA,iBACG,KAAA;AACH,EAAA,MAAM,sBACJA,YAAkD,EAAA;AAEpD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAM,MAAA,gBAAA,GACJ,IAAI,gBAAA,CAAiB,KAAK,CAAA;AAC5B,IAAiB,gBAAA,CAAA,SAAA,GAAY,CAAC,GAAQ,KAAA;AACpC,MAAA,IAAI,gBAAiB,CAAA,GAAA,CAAI,IAAM,EAAA,EAAA,EAAI,IAAI,CAAG,EAAA;AACxC,QAAA,iBAAA,GAAoB,IAAI,IAAI,CAAA;AAAA;AAC9B,KACF;AACA,IAAA,mBAAA,CAAoB,OAAU,GAAA,gBAAA;AAC9B,IAAA,OAAO,MAAM;AACX,MAAA,gBAAA,CAAiB,KAAM,EAAA;AACvB,MAAA,mBAAA,CAAoB,OAAU,GAAA,KAAA,CAAA;AAAA,KAChC;AAAA,GACC,EAAA,CAAC,EAAI,EAAA,iBAAA,EAAmB,IAAI,CAAC,CAAA;AAEhC,EAAM,MAAA,WAAA,GAAcC,iBAAY,CAAA,CAAC,OAAkC,KAAA;AACjE,IAAoB,mBAAA,CAAA,OAAA,EAAS,YAAY,OAAO,CAAA;AAAA,GAClD,EAAG,EAAE,CAAA;AAEL,EAAO,OAAA,WAAA;AACT;;;;"}

package/cjs/layout-view/useViewResize.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var React = require('react');
 var useResizeObserver = require('../responsive/useResizeObserver.js');
+var React = require('react');
 
 const NO_MEASUREMENT = [];
 const useViewResize = ({

package/cjs/layout-view/useViewResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useViewResize.js","sources":["../../src/layout-view/useViewResize.ts"],"sourcesContent":["import { useResizeObserver, WidthHeight } from \"../responsive\";\nimport { RefObject, useCallback, useRef } from \"react\";\n\nconst NO_MEASUREMENT: string[] = [];\n\ntype size = {\n  height?: number;\n  width?: number;\n};\n\nexport interface ViewResizeHookProps {\n  mainRef: RefObject<HTMLDivElement>;\n  resize?: \"defer\" | \"responsive\";\n  rootRef: RefObject<HTMLDivElement>;\n}\n\nexport const useViewResize = ({\n  mainRef,\n  resize = \"responsive\",\n  rootRef,\n}: ViewResizeHookProps) => {\n  const deferResize = resize === \"defer\";\n\n  const mainSize = useRef<size>({});\n  const resizeHandle = useRef<number>();\n\n  const setMainSize = useCallback(() => {\n    if (mainRef.current) {\n      mainRef.current.style.height = mainSize.current.height + \"px\";\n      mainRef.current.style.width = mainSize.current.width + \"px\";\n    }\n    resizeHandle.current = undefined;\n  }, [mainRef]);\n\n  const onResize = useCallback(\n    ({ height, width }) => {\n      mainSize.current.height = height;\n      mainSize.current.width = width;\n      if (resizeHandle.current !== null) {\n        clearTimeout(resizeHandle.current);\n      }\n      resizeHandle.current = window.setTimeout(setMainSize, 40);\n    },\n    [setMainSize]\n  );\n\n  useResizeObserver(\n    rootRef,\n    deferResize ? WidthHeight : NO_MEASUREMENT,\n    onResize,\n    deferResize\n  );\n};\n"],"names":["useRef","useCallback","useResizeObserver","WidthHeight"],"mappings":";;;;;AAGA,MAAM,iBAA2B,EAAC,CAAA;AAa3B,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAA;AAAA,EACA,MAAS,GAAA,YAAA;AAAA,EACT,OAAA;AACF,CAA2B,KAAA;AACzB,EAAA,MAAM,cAAc,MAAW,KAAA,OAAA,CAAA;AAE/B,EAAM,MAAA,QAAA,GAAWA,YAAa,CAAA,EAAE,CAAA,CAAA;AAChC,EAAA,MAAM,eAAeA,YAAe,EAAA,CAAA;AAEpC,EAAM,MAAA,WAAA,GAAcC,kBAAY,MAAM;AACpC,IAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,MAAA,OAAA,CAAQ,OAAQ,CAAA,KAAA,CAAM,MAAS,GAAA,QAAA,CAAS,QAAQ,MAAS,GAAA,IAAA,CAAA;AACzD,MAAA,OAAA,CAAQ,OAAQ,CAAA,KAAA,CAAM,KAAQ,GAAA,QAAA,CAAS,QAAQ,KAAQ,GAAA,IAAA,CAAA;AAAA,KACzD;AACA,IAAA,YAAA,CAAa,OAAU,GAAA,KAAA,CAAA,CAAA;AAAA,GACzB,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAA,MAAM,QAAW,GAAAA,iBAAA;AAAA,IACf,CAAC,EAAE,MAAQ,EAAA,KAAA,EAAY,KAAA;AACrB,MAAA,QAAA,CAAS,QAAQ,MAAS,GAAA,MAAA,CAAA;AAC1B,MAAA,QAAA,CAAS,QAAQ,KAAQ,GAAA,KAAA,CAAA;AACzB,MAAI,IAAA,YAAA,CAAa,YAAY,IAAM,EAAA;AACjC,QAAA,YAAA,CAAa,aAAa,OAAO,CAAA,CAAA;AAAA,OACnC;AACA,MAAA,YAAA,CAAa,OAAU,GAAA,MAAA,CAAO,UAAW,CAAA,WAAA,EAAa,EAAE,CAAA,CAAA;AAAA,KAC1D;AAAA,IACA,CAAC,WAAW,CAAA;AAAA,GACd,CAAA;AAEA,EAAAC,mCAAA;AAAA,IACE,OAAA;AAAA,IACA,cAAcC,6BAAc,GAAA,cAAA;AAAA,IAC5B,QAAA;AAAA,IACA,WAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"useViewResize.js","sources":["../../src/layout-view/useViewResize.ts"],"sourcesContent":["import { ResizeHandler } from \"@vuu-ui/vuu-ui-controls\";\nimport { useResizeObserver, WidthHeight } from \"../responsive\";\nimport { RefObject, useCallback, useRef } from \"react\";\n\nconst NO_MEASUREMENT: string[] = [];\n\ntype size = {\n  height?: number;\n  width?: number;\n};\n\nexport interface ViewResizeHookProps {\n  mainRef: RefObject<HTMLDivElement>;\n  resize?: \"defer\" | \"responsive\";\n  rootRef: RefObject<HTMLDivElement>;\n}\n\nexport const useViewResize = ({\n  mainRef,\n  resize = \"responsive\",\n  rootRef,\n}: ViewResizeHookProps) => {\n  const deferResize = resize === \"defer\";\n\n  const mainSize = useRef<size>({});\n  const resizeHandle = useRef<number>();\n\n  const setMainSize = useCallback(() => {\n    if (mainRef.current) {\n      mainRef.current.style.height = mainSize.current.height + \"px\";\n      mainRef.current.style.width = mainSize.current.width + \"px\";\n    }\n    resizeHandle.current = undefined;\n  }, [mainRef]);\n\n  const onResize = useCallback<ResizeHandler>(\n    ({ height, width }) => {\n      mainSize.current.height = height;\n      mainSize.current.width = width;\n      if (resizeHandle.current !== null) {\n        clearTimeout(resizeHandle.current);\n      }\n      resizeHandle.current = window.setTimeout(setMainSize, 40);\n    },\n    [setMainSize],\n  );\n\n  useResizeObserver(\n    rootRef,\n    deferResize ? WidthHeight : NO_MEASUREMENT,\n    onResize,\n    deferResize,\n  );\n};\n"],"names":["useRef","useCallback","useResizeObserver","WidthHeight"],"mappings":";;;;;AAIA,MAAM,iBAA2B,EAAC;AAa3B,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAA;AAAA,EACA,MAAS,GAAA,YAAA;AAAA,EACT;AACF,CAA2B,KAAA;AACzB,EAAA,MAAM,cAAc,MAAW,KAAA,OAAA;AAE/B,EAAM,MAAA,QAAA,GAAWA,YAAa,CAAA,EAAE,CAAA;AAChC,EAAA,MAAM,eAAeA,YAAe,EAAA;AAEpC,EAAM,MAAA,WAAA,GAAcC,kBAAY,MAAM;AACpC,IAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,MAAA,OAAA,CAAQ,OAAQ,CAAA,KAAA,CAAM,MAAS,GAAA,QAAA,CAAS,QAAQ,MAAS,GAAA,IAAA;AACzD,MAAA,OAAA,CAAQ,OAAQ,CAAA,KAAA,CAAM,KAAQ,GAAA,QAAA,CAAS,QAAQ,KAAQ,GAAA,IAAA;AAAA;AAEzD,IAAA,YAAA,CAAa,OAAU,GAAA,KAAA,CAAA;AAAA,GACzB,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,MAAM,QAAW,GAAAA,iBAAA;AAAA,IACf,CAAC,EAAE,MAAQ,EAAA,KAAA,EAAY,KAAA;AACrB,MAAA,QAAA,CAAS,QAAQ,MAAS,GAAA,MAAA;AAC1B,MAAA,QAAA,CAAS,QAAQ,KAAQ,GAAA,KAAA;AACzB,MAAI,IAAA,YAAA,CAAa,YAAY,IAAM,EAAA;AACjC,QAAA,YAAA,CAAa,aAAa,OAAO,CAAA;AAAA;AAEnC,MAAA,YAAA,CAAa,OAAU,GAAA,MAAA,CAAO,UAAW,CAAA,WAAA,EAAa,EAAE,CAAA;AAAA,KAC1D;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAAC,mCAAA;AAAA,IACE,OAAA;AAAA,IACA,cAAcC,6BAAc,GAAA,cAAA;AAAA,IAC5B,QAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/cjs/layout-view-actions/ViewContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewContext.js","sources":["../../src/layout-view-actions/ViewContext.ts"],"sourcesContent":["import React, { SyntheticEvent, useContext } from \"react\";\nimport type { ViewAction } from \"../layout-view\";\n\nexport type QueryReponse = { [key: string]: unknown };\n\nexport type ViewDispatch = <Action extends ViewAction = ViewAction>(\n  action: Action,\n  evt?: SyntheticEvent\n) => Promise<boolean | QueryReponse | void>;\n\n/**\n * This API is available to any Feature hosted within Vuu (as all Features are wrapped\n * with View component). It offers metadata about the View as well as access to the\n * Vuu persistencew API;\n */\nexport interface ViewContextAPI {\n  /**\n   * dispatcher for View actions. These are a subset of LayoutActions, specifically for\n   * View manipulation\n   */\n  dispatch?: ViewDispatch | null;\n  id?: string;\n  load?: (key?: string) => unknown;\n  loadSession?: (key?: string) => unknown;\n  onConfigChange?: (config: unknown) => void;\n  path?: string;\n  purge?: (key: string) => void;\n  save?: (state: unknown, key: string) => void;\n  saveSession?: (state: unknown, key: string) => void;\n  setComponentProps: (props: { [key: string]: unknown }) => void;\n  title?: string;\n}\n\nconst NO_CONTEXT = { dispatch: null } as ViewContextAPI;\nexport const ViewContext = React.createContext<ViewContextAPI>(NO_CONTEXT);\n\nexport const useViewDispatch = () => {\n  const context = useContext(ViewContext);\n  return context?.dispatch ?? null;\n};\n\nexport const useViewContext = () => useContext(ViewContext);\n"],"names":["useContext"],"mappings":";;;;AAiCA,MAAM,UAAA,GAAa,EAAE,QAAA,EAAU,IAAK,EAAA,CAAA;AACvB,MAAA,WAAA,GAAc,KAAM,CAAA,aAAA,CAA8B,UAAU,EAAA;AAElE,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,OAAA,GAAUA,iBAAW,WAAW,CAAA,CAAA;AACtC,EAAA,OAAO,SAAS,QAAY,IAAA,IAAA,CAAA;AAC9B,EAAA;AAEa,MAAA,cAAA,GAAiB,MAAMA,gBAAA,CAAW,WAAW;;;;;;"}
+{"version":3,"file":"ViewContext.js","sources":["../../src/layout-view-actions/ViewContext.ts"],"sourcesContent":["import React, { SyntheticEvent, useContext } from \"react\";\nimport type { ViewAction } from \"../layout-view\";\n\nexport type QueryReponse = { [key: string]: unknown };\n\nexport type ConfigChangeHandler = (config: {\n  [key: string]: unknown;\n  type: string;\n}) => void;\n\nexport type ViewDispatch = <Action extends ViewAction = ViewAction>(\n  action: Action,\n  evt?: SyntheticEvent,\n) => Promise<boolean | QueryReponse | void>;\n\n/**\n * This API is available to any Feature hosted within Vuu (as all Features are wrapped\n * with View component). It offers metadata about the View as well as access to the\n * Vuu persistencew API;\n */\nexport interface ViewContextAPI {\n  /**\n   * dispatcher for View actions. These are a subset of LayoutActions, specifically for\n   * View manipulation\n   */\n  dispatch?: ViewDispatch | null;\n  id?: string;\n  load?: <T = unknown>(key?: string) => T;\n  loadSession?: (key?: string) => unknown;\n  onConfigChange?: ConfigChangeHandler;\n  path?: string;\n  purge?: (key: string) => void;\n  save?: (state: unknown, key: string) => void;\n  saveSession?: (state: unknown, key: string) => void;\n  setComponentProps: (props: { [key: string]: unknown }) => void;\n  title?: string;\n}\n\nconst NO_CONTEXT = { dispatch: null } as ViewContextAPI;\nexport const ViewContext = React.createContext<ViewContextAPI>(NO_CONTEXT);\n\nexport const useViewDispatch = () => {\n  const context = useContext(ViewContext);\n  return context?.dispatch ?? null;\n};\n\nexport const useViewContext = () => useContext(ViewContext);\n"],"names":["useContext"],"mappings":";;;;AAsCA,MAAM,UAAA,GAAa,EAAE,QAAA,EAAU,IAAK,EAAA;AACvB,MAAA,WAAA,GAAc,KAAM,CAAA,aAAA,CAA8B,UAAU;AAElE,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,OAAA,GAAUA,iBAAW,WAAW,CAAA;AACtC,EAAA,OAAO,SAAS,QAAY,IAAA,IAAA;AAC9B;AAEa,MAAA,cAAA,GAAiB,MAAMA,gBAAA,CAAW,WAAW;;;;;;"}

package/cjs/layout-view-actions/useViewActionDispatcher.js

@@ -83,14 +83,17 @@ const useViewActionDispatcher = (id, rootRef, viewPath, dropTargets) => {
     async (action, evt) => {
       const { type } = action;
       switch (type) {
-        case "maximize":
-        case "minimize":
-        case "restore":
+        case "collapse":
+        case "expand":
           return dispatchLayoutAction({ type, path: action.path ?? viewPath });
         case "remove":
           return handleRemove();
         case "mousedown":
-          return handleMouseDown(evt, action.index, action.preDragActivity);
+          return handleMouseDown(
+            evt,
+            action.index,
+            action.preDragActivity
+          );
         case "add-toolbar-contribution":
           return updateContributions(action.location, action.content);
         case "remove-toolbar-contribution":