@vuu-ui/vuu-shell 0.8.85 → 0.8.86

package/esm/workspace-management/LayoutTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutTile.js","sources":["../../src/workspace-management/LayoutTile.tsx"],"sourcesContent":["import { LayoutMetadata } from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes } from \"react\";\n\nimport layoutTileCss from \"./LayoutTile.css\";\n\nconst classBase = \"vuuLayoutTile\";\n\nexport interface LayoutTileProps extends HTMLAttributes<HTMLDivElement> {\n  metadata: LayoutMetadata;\n  onLoadLayout: (layoutId?: string) => void;\n}\n\nexport const LayoutTile = ({\n  metadata,\n  onLoadLayout,\n  ...htmlAttributes\n}: LayoutTileProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-layout-tile\",\n    css: layoutTileCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      {...htmlAttributes}\n      className={`${classBase}-layoutTile`}\n      key={metadata?.id}\n      onClick={() => onLoadLayout(metadata?.id)}\n    >\n      <img className={`${classBase}-screenshot`} src={metadata?.screenshot} />\n      <div>\n        <div className={`${classBase}-layoutName`}>{metadata?.name}</div>\n        <div className={`${classBase}-layoutDetails`}>\n          <div>{`${metadata?.created}`}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAOA,MAAM,SAAY,GAAA,eAAA,CAAA;AAOX,MAAM,aAAa,CAAC;AAAA,EACzB,QAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAG,cAAA;AACL,CAAuB,KAAA;AACrB,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAA,aAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EACE,uBAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,GAAG,SAAS,CAAA,WAAA,CAAA;AAAA,MACvB,KAAK,QAAU,EAAA,EAAA;AAAA,MACf,OAAS,EAAA,MAAM,YAAa,CAAA,QAAA,EAAU,EAAE,CAAA;AAAA,KAAA;AAAA,oBAExC,GAAA,CAAC,SAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAe,WAAA,CAAA,EAAA,GAAA,EAAK,UAAU,UAAY,EAAA,CAAA;AAAA,yBACrE,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAA,WAAA,CAAA,EAAgB,oBAAU,IAAK,EAAA,CAAA;AAAA,sBAC1D,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAA,cAAA,CAAA,EAC1B,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAK,QAAG,EAAA,CAAA,EAAA,QAAA,EAAU,OAAO,CAAA,CAAA,EAAG,CAC/B,EAAA,CAAA;AAAA,KACF,EAAA,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LayoutTile.js","sources":["../../src/workspace-management/LayoutTile.tsx"],"sourcesContent":["import {\n  LayoutJSON,\n  LayoutMetadata,\n  SystemLayoutMetadata\n} from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes } from \"react\";\n\nimport layoutTileCss from \"./LayoutTile.css\";\n\nconst classBase = \"vuuLayoutTile\";\n\nexport interface LayoutTileProps extends HTMLAttributes<HTMLDivElement> {\n  metadata: LayoutMetadata | SystemLayoutMetadata;\n  onLoadLayout: (layoutId?: string, layoutJSON?: LayoutJSON) => void;\n}\n\nexport const LayoutTile = ({\n  metadata,\n  onLoadLayout,\n  ...htmlAttributes\n}: LayoutTileProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-layout-tile\",\n    css: layoutTileCss,\n    window: targetWindow\n  });\n\n  return (\n    <div\n      {...htmlAttributes}\n      className={`${classBase}-layoutTile`}\n      key={metadata?.id}\n      onClick={() =>\n        onLoadLayout(\n          metadata?.id,\n          (metadata as SystemLayoutMetadata).layoutJSON\n        )\n      }\n    >\n      <img className={`${classBase}-screenshot`} src={metadata?.screenshot} />\n      <div>\n        <div className={`${classBase}-layoutName`}>{metadata?.name}</div>\n        <div className={`${classBase}-layoutDetails`}>\n          <div>{`${metadata?.created}`}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAWA,MAAM,SAAY,GAAA,eAAA,CAAA;AAOX,MAAM,aAAa,CAAC;AAAA,EACzB,QAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAG,cAAA;AACL,CAAuB,KAAA;AACrB,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAA,aAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EACE,uBAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,GAAG,SAAS,CAAA,WAAA,CAAA;AAAA,MACvB,KAAK,QAAU,EAAA,EAAA;AAAA,MACf,SAAS,MACP,YAAA;AAAA,QACE,QAAU,EAAA,EAAA;AAAA,QACT,QAAkC,CAAA,UAAA;AAAA,OACrC;AAAA,KAAA;AAAA,oBAGF,GAAA,CAAC,SAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAe,WAAA,CAAA,EAAA,GAAA,EAAK,UAAU,UAAY,EAAA,CAAA;AAAA,yBACrE,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAA,WAAA,CAAA,EAAgB,oBAAU,IAAK,EAAA,CAAA;AAAA,sBAC1D,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAA,cAAA,CAAA,EAC1B,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAK,QAAG,EAAA,CAAA,EAAA,QAAA,EAAU,OAAO,CAAA,CAAA,EAAG,CAC/B,EAAA,CAAA;AAAA,KACF,EAAA,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/esm/workspace-management/SaveLayoutPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SaveLayoutPanel.js","sources":["../../src/workspace-management/SaveLayoutPanel.tsx"],"sourcesContent":["import { LayoutMetadataDto } from \"@vuu-ui/vuu-utils\";\nimport {\n  Button,\n  ComboBox,\n  FormField,\n  FormFieldLabel,\n  Input,\n  Option,\n  Text,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  ChangeEvent,\n  SyntheticEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { getAuthDetailsFromCookies } from \"../login\";\nimport { takeScreenshot } from \"./screenshot-utils\";\n\nimport saveLayoutPanelCss from \"./SaveLayoutPanel.css\";\n\nconst classBase = \"vuuSaveLayoutPanel\";\n\nconst groups = [\"Group 1\", \"Group 2\", \"Group 3\", \"Group 4\", \"Group 5\"];\n\ntype SaveLayoutPanelProps = {\n  componentId?: string;\n  defaultTitle?: string;\n  onCancel: () => void;\n  onSave: (layoutMetadata: LayoutMetadataDto) => void;\n};\n\nexport const SaveLayoutPanel = (props: SaveLayoutPanelProps) => {\n  const { defaultTitle = \"\", onCancel, onSave, componentId } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-save-layout-panel\",\n    css: saveLayoutPanelCss,\n    window: targetWindow,\n  });\n\n  const [layoutName, setLayoutName] = useState<string>(defaultTitle);\n  const [group, setGroup] = useState<string>(\"\");\n  const [screenshot, setScreenshot] = useState<string | undefined>();\n  const [screenshotErrorMessage, setScreenshotErrorMessage] = useState<\n    string | undefined\n  >();\n  const [username] = getAuthDetailsFromCookies();\n\n  useEffect(() => {\n    if (componentId) {\n      takeScreenshot(document.getElementById(componentId) as HTMLElement)\n        .then((screenshot) => {\n          setScreenshot(screenshot);\n        })\n        .catch((error: Error) => {\n          setScreenshotErrorMessage(error.message);\n        });\n    }\n  }, [componentId]);\n\n  const handleSubmit = () => {\n    onSave({\n      name: layoutName,\n      group,\n      screenshot: screenshot ?? \"\",\n      user: username,\n    });\n  };\n\n  const screenshotContent = useMemo(() => {\n    if (screenshot) {\n      return (\n        <img\n          className={`${classBase}-screenshot`}\n          src={screenshot}\n          alt=\"screenshot of current layout\"\n        />\n      );\n    }\n    if (screenshotErrorMessage) {\n      return <Text>{screenshotErrorMessage}</Text>;\n    }\n    return <div className=\"spinner\" />;\n  }, [screenshot, screenshotErrorMessage]);\n\n  const handleSelectionChange = useCallback(\n    (e: SyntheticEvent | KeyboardEvent, [selectedValue]: string[]) => {\n      if (\n        (e as KeyboardEvent).key === \"Tab\" &&\n        !selectedValue.toLowerCase().startsWith(group.toLowerCase())\n      ) {\n        // ignore. The ComboBox forces selection of a value from the list on Tab\n      } else {\n        setGroup(selectedValue || \"\");\n      }\n    },\n    [group],\n  );\n\n  const handleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n    setGroup(e.target.value);\n  }, []);\n\n  return (\n    <div className={`${classBase}`}>\n      <div className={`${classBase}-panelContent`}>\n        <FormField>\n          <FormFieldLabel>Group</FormFieldLabel>\n          <ComboBox\n            data-embedded\n            inputProps={{\n              autoComplete: \"off\",\n              className: `${classBase}-inputText`,\n              placeholder: \"Select Group or Enter New Name\",\n              // onChange: (event: ChangeEvent<HTMLInputElement>) =>\n              //   setGroup(event.target.value),\n            }}\n            onChange={handleChange}\n            onSelectionChange={handleSelectionChange}\n            value={group}\n          >\n            {groups.map((group, i) => (\n              <Option key={i} value={group} />\n            ))}\n          </ComboBox>\n        </FormField>\n        <FormField>\n          <FormFieldLabel>Layout Name</FormFieldLabel>\n          <Input\n            data-embedded\n            inputProps={{\n              className: `${classBase}-inputText`,\n              placeholder: \"Enter Layout Name\",\n            }}\n            onChange={(event: ChangeEvent<HTMLInputElement>) =>\n              setLayoutName(event.target.value)\n            }\n            value={layoutName}\n          />\n        </FormField>\n        <div className={`${classBase}-screenshotContainer`}>\n          {screenshotContent}\n        </div>\n      </div>\n      <div className={`${classBase}-buttonsContainer`}>\n        <Button className={`${classBase}-cancelButton`} onClick={onCancel}>\n          Cancel\n        </Button>\n        <Button\n          className={`${classBase}-saveButton`}\n          onClick={handleSubmit}\n          disabled={layoutName === \"\" || group === \"\"}\n          variant=\"cta\"\n        >\n          Save\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["screenshot","group"],"mappings":"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"}
+{"version":3,"file":"SaveLayoutPanel.js","sources":["../../src/workspace-management/SaveLayoutPanel.tsx"],"sourcesContent":["import { LayoutMetadataDto } from \"@vuu-ui/vuu-utils\";\nimport {\n  Button,\n  ComboBox,\n  FormField,\n  FormFieldLabel,\n  Input,\n  Option,\n  Text\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  ChangeEvent,\n  SyntheticEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState\n} from \"react\";\nimport { getAuthDetailsFromCookies } from \"../login\";\nimport { takeScreenshot } from \"./screenshot-utils\";\n\nimport saveLayoutPanelCss from \"./SaveLayoutPanel.css\";\n\nconst classBase = \"vuuSaveLayoutPanel\";\n\nconst groups = [\"Group 1\", \"Group 2\", \"Group 3\", \"Group 4\", \"Group 5\"];\n\ntype SaveLayoutPanelProps = {\n  componentId?: string;\n  defaultTitle?: string;\n  onCancel: () => void;\n  onSave: (layoutMetadata: LayoutMetadataDto) => void;\n};\n\nexport const SaveLayoutPanel = (props: SaveLayoutPanelProps) => {\n  const { defaultTitle = \"\", onCancel, onSave, componentId } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-save-layout-panel\",\n    css: saveLayoutPanelCss,\n    window: targetWindow\n  });\n\n  const [layoutName, setLayoutName] = useState<string>(defaultTitle);\n  const [group, setGroup] = useState<string>(\"\");\n  const [screenshot, setScreenshot] = useState<string | undefined>();\n  const [screenshotErrorMessage, setScreenshotErrorMessage] = useState<\n    string | undefined\n  >();\n  const [username] = getAuthDetailsFromCookies();\n\n  useEffect(() => {\n    if (componentId) {\n      takeScreenshot(document.getElementById(componentId) as HTMLElement)\n        .then((screenshot) => {\n          setScreenshot(screenshot);\n        })\n        .catch((error: Error) => {\n          setScreenshotErrorMessage(error.message);\n        });\n    }\n  }, [componentId]);\n\n  const handleSubmit = () => {\n    onSave({\n      name: layoutName,\n      group,\n      screenshot: screenshot ?? \"\",\n      user: username\n    });\n  };\n\n  const screenshotContent = useMemo(() => {\n    if (screenshot) {\n      return (\n        <img\n          className={`${classBase}-screenshot`}\n          src={screenshot}\n          alt=\"screenshot of current layout\"\n        />\n      );\n    }\n    if (screenshotErrorMessage) {\n      return <Text>{screenshotErrorMessage}</Text>;\n    }\n    return <div className=\"spinner\" />;\n  }, [screenshot, screenshotErrorMessage]);\n\n  const handleSelectionChange = useCallback(\n    (e: SyntheticEvent | KeyboardEvent, [selectedValue]: string[]) => {\n      if (\n        (e as KeyboardEvent).key === \"Tab\" &&\n        !selectedValue.toLowerCase().startsWith(group.toLowerCase())\n      ) {\n        // ignore. The ComboBox forces selection of a value from the list on Tab\n      } else {\n        setGroup(selectedValue || \"\");\n      }\n    },\n    [group]\n  );\n\n  const handleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n    setGroup(e.target.value);\n  }, []);\n\n  return (\n    <div className={`${classBase}`}>\n      <div className={`${classBase}-panelContent`}>\n        <FormField>\n          <FormFieldLabel>Group</FormFieldLabel>\n          <ComboBox\n            data-embedded\n            inputProps={{\n              autoComplete: \"off\",\n              className: `${classBase}-inputText`,\n              placeholder: \"Select Group or Enter New Name\"\n              // onChange: (event: ChangeEvent<HTMLInputElement>) =>\n              //   setGroup(event.target.value),\n            }}\n            onChange={handleChange}\n            onSelectionChange={handleSelectionChange}\n            value={group}\n          >\n            {groups.map((group, i) => (\n              <Option key={i} value={group} />\n            ))}\n          </ComboBox>\n        </FormField>\n        <FormField>\n          <FormFieldLabel>Layout Name</FormFieldLabel>\n          <Input\n            data-embedded\n            inputProps={{\n              className: `${classBase}-inputText`,\n              placeholder: \"Enter Layout Name\"\n            }}\n            onChange={(event: ChangeEvent<HTMLInputElement>) =>\n              setLayoutName(event.target.value)\n            }\n            value={layoutName}\n          />\n        </FormField>\n        <div className={`${classBase}-screenshotContainer`}>\n          {screenshotContent}\n        </div>\n      </div>\n      <div className={`${classBase}-buttonsContainer`}>\n        <Button className={`${classBase}-cancelButton`} onClick={onCancel}>\n          Cancel\n        </Button>\n        <Button\n          className={`${classBase}-saveButton`}\n          onClick={handleSubmit}\n          disabled={layoutName === \"\" || group === \"\"}\n          variant=\"cta\"\n        >\n          Save\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["screenshot","group"],"mappings":"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"}

package/esm/workspace-management/WorkspaceProvider.js

@@ -145,10 +145,15 @@ const WorkspaceProvider = ({
     (metadata) => {
       let layoutToSave;
       try {
-        layoutToSave = resolveJSONPath(
-          applicationJSONRef.current.workspaceJSON,
-          `#${VuuShellLocation.Workspace}.ACTIVE_CHILD`
-        );
+        const { workspaceJSON } = applicationJSONRef.current;
+        if (Array.isArray(workspaceJSON)) {
+          console.log("how do we identify the right thing to save");
+        } else {
+          layoutToSave = resolveJSONPath(
+            workspaceJSON,
+            `#${VuuShellLocation.Workspace}.ACTIVE_CHILD`
+          );
+        }
       } catch (e) {
       }
       if (layoutToSave && isLayoutJSON(layoutToSave)) {
@@ -204,14 +209,18 @@ const WorkspaceProvider = ({
     (id) => {
       persistenceManager?.loadLayout(id).then((layoutJson) => {
         const { workspaceJSON: currentLayout } = applicationJSONRef.current;
-        setWorkspaceJSON({
-          ...currentLayout,
-          children: (currentLayout.children || []).concat(layoutJson),
-          props: {
-            ...currentLayout.props,
-            active: currentLayout.children?.length ?? 0
-          }
-        });
+        if (Array.isArray(currentLayout)) {
+          console.log("how do we deal witha amulti layoput");
+        } else {
+          setWorkspaceJSON({
+            ...currentLayout,
+            children: (currentLayout.children || []).concat(layoutJson),
+            props: {
+              ...currentLayout.props,
+              active: currentLayout.children?.length ?? 0
+            }
+          });
+        }
       }).catch((error) => {
         notify({
           type: "error",

package/esm/workspace-management/WorkspaceProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceProvider.js","sources":["../../src/workspace-management/WorkspaceProvider.tsx"],"sourcesContent":["import { isLayoutJSON, resolveJSONPath } from \"@vuu-ui/vuu-layout\";\nimport { useNotifications } from \"@vuu-ui/vuu-popups\";\nimport {\n  LayoutMetadata,\n  LayoutMetadataDto,\n  VuuShellLocation,\n  WorkspaceContext,\n  logger,\n  type ApplicationJSON,\n  type ApplicationSetting,\n  type ApplicationSettings,\n  type LayoutJSON,\n} from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useContext, useEffect, useRef, useState } from \"react\";\nimport { usePersistenceManager } from \"../persistence-manager\";\nimport {\n  getWorkspaceWithLayoutJSON,\n  loadingJSON,\n  type WorkspaceStackProps,\n} from \"./defaultWorkspaceJSON\";\n\nconst { info } = logger(\"useLayoutManager\");\n\nexport type WorkspaceProps = WorkspaceStackProps & {\n  layoutPlaceholderJSON?: LayoutJSON;\n  /**\n   * layoutJSON defines the default layout to render on first load and until such time as\n   * layout state has been persisted. After that, the persisted state will be rendered.\n   */\n  layoutJSON?: LayoutJSON | LayoutJSON[];\n  activeLayoutIndex?: number;\n  /**\n   * The Vuu workspace is the container into which layouts are loaded. By default, it will be\n   * a Tabbed Panel (Stack + Tabstrip), showing a tab per Layout.\n   */\n  workspaceJSON?: LayoutJSON;\n};\n\nexport interface WorkspaceProviderProps extends WorkspaceProps {\n  children: JSX.Element | JSX.Element[];\n\n  /**\n   * layoutPlaceholderJSON defines the layout to render when a new workspace layout is created.\n   */\n  layoutPlaceholderJSON?: LayoutJSON;\n}\n\nconst ensureLayoutHasTitle = (\n  layout: LayoutJSON,\n  layoutMetadata: LayoutMetadataDto,\n) => {\n  if (layout.props?.title !== undefined) {\n    return layout;\n  } else {\n    return {\n      ...layout,\n      props: {\n        ...layout.props,\n        title: layoutMetadata.name,\n      },\n    };\n  }\n};\n\nconst loadingApplicationJSON: ApplicationJSON = {\n  workspaceJSON: loadingJSON,\n};\n\n/**\n * LayoutManagementProvider supplies an API for loading and saving layout documents.\n * Initial layout is automatically loaded on startup. Because this hook is responsible\n * only for loading and saving layouts, it only triggers a render when content is loaded.\n *\n * Initial layout displays a loading state\n * User may supply a default layout. This will not be displayed until call has been made to\n * persistenceManager to retrieve stored layout state. If no stored state is returned, the\n * default layout provided by user will be set as current state (and hence rendered). If no\n * default layout has been provided by user, the sysem default will be used (simple PlaceHolder)\n * If saved layout state has been returned, that will be set as current state (and rendered)\n *\n */\nexport const WorkspaceProvider = ({\n  TabstripProps,\n  children,\n  layoutJSON,\n  activeLayoutIndex,\n  layoutPlaceholderJSON,\n  showTabs,\n  workspaceJSON: customWorkspaceJSON,\n}: WorkspaceProviderProps) => {\n  const [layoutMetadata, setLayoutMetadata] = useState<LayoutMetadata[]>([]);\n  // TODO this default should probably be a loading state rather than the placeholder\n  // It will be replaced as soon as the localStorage/remote layout is resolved\n  const [, forceRefresh] = useState({});\n  const notify = useNotifications();\n  const persistenceManager = usePersistenceManager();\n  const applicationJSONRef = useRef<ApplicationJSON>(loadingApplicationJSON);\n\n  const setApplicationJSON = useCallback(\n    (applicationJSON: ApplicationJSON, rerender = true) => {\n      applicationJSONRef.current = applicationJSON;\n      if (rerender) {\n        forceRefresh({});\n      }\n    },\n    [],\n  );\n\n  const setWorkspaceJSON = useCallback(\n    (workspaceJSON: LayoutJSON, rerender = true) => {\n      setApplicationJSON(\n        {\n          ...applicationJSONRef.current,\n          workspaceJSON,\n        },\n        rerender,\n      );\n    },\n    [setApplicationJSON],\n  );\n\n  const setApplicationSettings = useCallback(\n    (settings: ApplicationSettings) => {\n      setApplicationJSON(\n        {\n          ...applicationJSONRef.current,\n          settings: {\n            ...applicationJSONRef.current.settings,\n            ...settings,\n          },\n        },\n        false,\n      );\n    },\n    [setApplicationJSON],\n  );\n\n  useEffect(() => {\n    //TODO this does not need to be done ahead of time\n    persistenceManager\n      ?.loadMetadata()\n      .then((metadata) => {\n        setLayoutMetadata(metadata);\n      })\n      .catch((error: Error) => {\n        notify({\n          type: \"error\",\n          header: \"Failed to Load Layouts\",\n          body: \"Could not load list of available layouts\",\n        });\n        console.error(\"Error occurred while retrieving metadata\", error);\n      });\n\n    persistenceManager\n      ?.loadApplicationJSON()\n      .then((applicationJSON?: ApplicationJSON) => {\n        if (applicationJSON) {\n          info?.(\"applicationJSON loaded successfully\");\n          setApplicationJSON(applicationJSON);\n        } else {\n          // No applicationJSON has been saved yet. Construct our\n          // initial applicationJSON from user configuration and\n          // default values.\n          const workspaceJSON = getWorkspaceWithLayoutJSON(\n            customWorkspaceJSON,\n            layoutJSON,\n            activeLayoutIndex,\n            { TabstripProps, showTabs },\n          );\n          info?.(`applicationJSON not found, getting defaultWorkspaceJSON,\n            ${JSON.stringify(workspaceJSON, null, 2)}\n            `);\n          setApplicationJSON({\n            workspaceJSON,\n          });\n        }\n      })\n      .catch((error: Error) => {\n        notify({\n          type: \"error\",\n          header: \"Failed to Load Layout\",\n          body: \"Could not load your latest view\",\n        });\n        console.error(\n          \"Error occurred while retrieving application layout\",\n          error,\n        );\n      });\n  }, [\n    TabstripProps,\n    activeLayoutIndex,\n    customWorkspaceJSON,\n    layoutJSON,\n    notify,\n    persistenceManager,\n    setApplicationJSON,\n    showTabs,\n  ]);\n\n  const saveApplicationLayout = useCallback(\n    (layout: LayoutJSON) => {\n      if (isLayoutJSON(layout)) {\n        setWorkspaceJSON(layout, false);\n        persistenceManager?.saveApplicationJSON(applicationJSONRef.current);\n      } else {\n        console.error(\"Tried to save invalid application layout\", layout);\n      }\n    },\n    [persistenceManager, setWorkspaceJSON],\n  );\n\n  const saveLayout = useCallback(\n    (metadata: LayoutMetadataDto) => {\n      let layoutToSave: LayoutJSON | undefined;\n      try {\n        layoutToSave = resolveJSONPath(\n          applicationJSONRef.current.workspaceJSON,\n          `#${VuuShellLocation.Workspace}.ACTIVE_CHILD`,\n        );\n      } catch (e) {\n        // ignore, code below will handle\n      }\n\n      if (layoutToSave && isLayoutJSON(layoutToSave)) {\n        persistenceManager\n          ?.createLayout(metadata, ensureLayoutHasTitle(layoutToSave, metadata))\n          .then((metadata) => {\n            notify({\n              type: \"success\",\n              header: \"Layout Saved Successfully\",\n              body: `${metadata.name} saved successfully`,\n            });\n            setLayoutMetadata((prev) => [...prev, metadata]);\n          })\n          .catch((error: Error) => {\n            notify({\n              type: \"error\",\n              header: \"Failed to Save Layout\",\n              body: `Failed to save layout ${metadata.name}`,\n            });\n            console.error(\"Error occurred while saving layout\", error);\n          });\n      } else {\n        console.error(\"Tried to save invalid layout\", layoutToSave);\n        notify({\n          type: \"error\",\n          header: \"Failed to Save Layout\",\n          body: \"Cannot save invalid layout\",\n        });\n      }\n    },\n    [notify, persistenceManager],\n  );\n\n  const saveApplicationSettings = useCallback(\n    (\n      settings: ApplicationSettings | ApplicationSetting,\n      key?: keyof ApplicationSettings,\n    ) => {\n      const { settings: applicationSettings } = applicationJSONRef.current;\n      if (key) {\n        setApplicationSettings({\n          ...applicationSettings,\n          [key]: settings,\n        });\n      } else {\n        setApplicationSettings(settings as ApplicationSettings);\n      }\n      persistenceManager?.saveApplicationJSON(applicationJSONRef.current);\n    },\n    [persistenceManager, setApplicationSettings],\n  );\n\n  const getApplicationSettings = useCallback(\n    (key?: keyof ApplicationSettings) => {\n      const { settings } = applicationJSONRef.current;\n      return key ? settings?.[key] : settings;\n    },\n    [],\n  );\n\n  const loadLayoutById = useCallback(\n    (id: string) => {\n      persistenceManager\n        ?.loadLayout(id)\n        .then((layoutJson) => {\n          const { workspaceJSON: currentLayout } = applicationJSONRef.current;\n          setWorkspaceJSON({\n            ...currentLayout,\n            children: (currentLayout.children || []).concat(layoutJson),\n            props: {\n              ...currentLayout.props,\n              active: currentLayout.children?.length ?? 0,\n            },\n          });\n        })\n        .catch((error: Error) => {\n          notify({\n            type: \"error\",\n            header: \"Failed to Load Layout\",\n            body: \"Failed to load the requested layout\",\n          });\n          console.error(\"Error occurred while loading layout\", error);\n        });\n    },\n    [notify, persistenceManager, setWorkspaceJSON],\n  );\n\n  return (\n    <WorkspaceContext.Provider\n      value={{\n        getApplicationSettings,\n        layoutMetadata,\n        layoutPlaceholderJSON,\n        saveLayout,\n        workspaceJSON: applicationJSONRef.current.workspaceJSON,\n        saveApplicationLayout,\n        saveApplicationSettings,\n        loadLayoutById,\n      }}\n    >\n      {children}\n    </WorkspaceContext.Provider>\n  );\n};\n\nexport const useWorkspace = () => {\n  // The default Application JSON will be served if no LayoutManagementProvider\n  const { workspaceJSON = getWorkspaceWithLayoutJSON(), ...contextProps } =\n    useContext(WorkspaceContext);\n\n  return {\n    ...contextProps,\n    workspaceJSON,\n  };\n};\n"],"names":["metadata"],"mappings":"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"}
+{"version":3,"file":"WorkspaceProvider.js","sources":["../../src/workspace-management/WorkspaceProvider.tsx"],"sourcesContent":["import { isLayoutJSON, resolveJSONPath } from \"@vuu-ui/vuu-layout\";\nimport { useNotifications } from \"@vuu-ui/vuu-popups\";\nimport {\n  LayoutMetadata,\n  LayoutMetadataDto,\n  VuuShellLocation,\n  WorkspaceContext,\n  logger,\n  type ApplicationJSON,\n  type ApplicationSetting,\n  type ApplicationSettings,\n  type LayoutJSON\n} from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useContext, useEffect, useRef, useState } from \"react\";\nimport { usePersistenceManager } from \"../persistence-manager\";\nimport {\n  getWorkspaceWithLayoutJSON,\n  loadingJSON,\n  type WorkspaceStackProps\n} from \"./defaultWorkspaceJSON\";\n\nconst { info } = logger(\"useLayoutManager\");\n\nexport type WorkspaceProps = WorkspaceStackProps & {\n  layoutPlaceholderJSON?: LayoutJSON;\n  /**\n   * layoutJSON defines the default layout to render on first load and until such time as\n   * layout state has been persisted. After that, the persisted state will be rendered.\n   */\n  layoutJSON?: LayoutJSON | LayoutJSON[];\n  activeLayoutIndex?: number;\n  /**\n   * The Vuu workspace is the container into which layouts are loaded. By default, it will be\n   * a Tabbed Panel (Stack + Tabstrip), showing a tab per Layout.\n   */\n  workspaceJSON?: LayoutJSON | LayoutJSON[];\n};\n\nexport interface WorkspaceProviderProps extends WorkspaceProps {\n  children: JSX.Element | JSX.Element[];\n\n  /**\n   * layoutPlaceholderJSON defines the layout to render when a new workspace layout is created.\n   */\n  layoutPlaceholderJSON?: LayoutJSON;\n}\n\nconst ensureLayoutHasTitle = (\n  layout: LayoutJSON,\n  layoutMetadata: LayoutMetadataDto\n) => {\n  if (layout.props?.title !== undefined) {\n    return layout;\n  } else {\n    return {\n      ...layout,\n      props: {\n        ...layout.props,\n        title: layoutMetadata.name\n      }\n    };\n  }\n};\n\nconst loadingApplicationJSON: ApplicationJSON = {\n  workspaceJSON: loadingJSON\n};\n\n/**\n * LayoutManagementProvider supplies an API for loading and saving layout documents.\n * Initial layout is automatically loaded on startup. Because this hook is responsible\n * only for loading and saving layouts, it only triggers a render when content is loaded.\n *\n * Initial layout displays a loading state\n * User may supply a default layout. This will not be displayed until call has been made to\n * persistenceManager to retrieve stored layout state. If no stored state is returned, the\n * default layout provided by user will be set as current state (and hence rendered). If no\n * default layout has been provided by user, the sysem default will be used (simple PlaceHolder)\n * If saved layout state has been returned, that will be set as current state (and rendered)\n *\n */\nexport const WorkspaceProvider = ({\n  TabstripProps,\n  children,\n  layoutJSON,\n  activeLayoutIndex,\n  layoutPlaceholderJSON,\n  showTabs,\n  workspaceJSON: customWorkspaceJSON\n}: WorkspaceProviderProps) => {\n  const [layoutMetadata, setLayoutMetadata] = useState<LayoutMetadata[]>([]);\n  // TODO this default should probably be a loading state rather than the placeholder\n  // It will be replaced as soon as the localStorage/remote layout is resolved\n  const [, forceRefresh] = useState({});\n  const notify = useNotifications();\n  const persistenceManager = usePersistenceManager();\n  const applicationJSONRef = useRef<ApplicationJSON>(loadingApplicationJSON);\n\n  const setApplicationJSON = useCallback(\n    (applicationJSON: ApplicationJSON, rerender = true) => {\n      applicationJSONRef.current = applicationJSON;\n      if (rerender) {\n        forceRefresh({});\n      }\n    },\n    []\n  );\n\n  const setWorkspaceJSON = useCallback(\n    (workspaceJSON: LayoutJSON, rerender = true) => {\n      setApplicationJSON(\n        {\n          ...applicationJSONRef.current,\n          workspaceJSON\n        },\n        rerender\n      );\n    },\n    [setApplicationJSON]\n  );\n\n  const setApplicationSettings = useCallback(\n    (settings: ApplicationSettings) => {\n      setApplicationJSON(\n        {\n          ...applicationJSONRef.current,\n          settings: {\n            ...applicationJSONRef.current.settings,\n            ...settings\n          }\n        },\n        false\n      );\n    },\n    [setApplicationJSON]\n  );\n\n  useEffect(() => {\n    //TODO this does not need to be done ahead of time\n    persistenceManager\n      ?.loadMetadata()\n      .then((metadata) => {\n        setLayoutMetadata(metadata);\n      })\n      .catch((error: Error) => {\n        notify({\n          type: \"error\",\n          header: \"Failed to Load Layouts\",\n          body: \"Could not load list of available layouts\"\n        });\n        console.error(\"Error occurred while retrieving metadata\", error);\n      });\n\n    persistenceManager\n      ?.loadApplicationJSON()\n      .then((applicationJSON?: ApplicationJSON) => {\n        if (applicationJSON) {\n          info?.(\"applicationJSON loaded successfully\");\n          setApplicationJSON(applicationJSON);\n        } else {\n          // No applicationJSON has been saved yet. Construct our\n          // initial applicationJSON from user configuration and\n          // default values.\n          const workspaceJSON = getWorkspaceWithLayoutJSON(\n            customWorkspaceJSON,\n            layoutJSON,\n            activeLayoutIndex,\n            { TabstripProps, showTabs }\n          );\n          info?.(`applicationJSON not found, getting defaultWorkspaceJSON,\n            ${JSON.stringify(workspaceJSON, null, 2)}\n            `);\n          setApplicationJSON({\n            workspaceJSON\n          });\n        }\n      })\n      .catch((error: Error) => {\n        notify({\n          type: \"error\",\n          header: \"Failed to Load Layout\",\n          body: \"Could not load your latest view\"\n        });\n        console.error(\n          \"Error occurred while retrieving application layout\",\n          error\n        );\n      });\n  }, [\n    TabstripProps,\n    activeLayoutIndex,\n    customWorkspaceJSON,\n    layoutJSON,\n    notify,\n    persistenceManager,\n    setApplicationJSON,\n    showTabs\n  ]);\n\n  const saveApplicationLayout = useCallback(\n    (layout: LayoutJSON) => {\n      if (isLayoutJSON(layout)) {\n        setWorkspaceJSON(layout, false);\n        persistenceManager?.saveApplicationJSON(applicationJSONRef.current);\n      } else {\n        console.error(\"Tried to save invalid application layout\", layout);\n      }\n    },\n    [persistenceManager, setWorkspaceJSON]\n  );\n\n  const saveLayout = useCallback(\n    (metadata: LayoutMetadataDto) => {\n      let layoutToSave: LayoutJSON | undefined;\n      try {\n        const { workspaceJSON } = applicationJSONRef.current;\n        if (Array.isArray(workspaceJSON)) {\n          console.log(\"how do we identify the right thing to save\");\n        } else {\n          layoutToSave = resolveJSONPath(\n            workspaceJSON,\n            `#${VuuShellLocation.Workspace}.ACTIVE_CHILD`\n          );\n        }\n      } catch (e) {\n        // ignore, code below will handle\n      }\n\n      if (layoutToSave && isLayoutJSON(layoutToSave)) {\n        persistenceManager\n          ?.createLayout(metadata, ensureLayoutHasTitle(layoutToSave, metadata))\n          .then((metadata) => {\n            notify({\n              type: \"success\",\n              header: \"Layout Saved Successfully\",\n              body: `${metadata.name} saved successfully`\n            });\n            setLayoutMetadata((prev) => [...prev, metadata]);\n          })\n          .catch((error: Error) => {\n            notify({\n              type: \"error\",\n              header: \"Failed to Save Layout\",\n              body: `Failed to save layout ${metadata.name}`\n            });\n            console.error(\"Error occurred while saving layout\", error);\n          });\n      } else {\n        console.error(\"Tried to save invalid layout\", layoutToSave);\n        notify({\n          type: \"error\",\n          header: \"Failed to Save Layout\",\n          body: \"Cannot save invalid layout\"\n        });\n      }\n    },\n    [notify, persistenceManager]\n  );\n\n  const saveApplicationSettings = useCallback(\n    (\n      settings: ApplicationSettings | ApplicationSetting,\n      key?: keyof ApplicationSettings\n    ) => {\n      const { settings: applicationSettings } = applicationJSONRef.current;\n      if (key) {\n        setApplicationSettings({\n          ...applicationSettings,\n          [key]: settings\n        });\n      } else {\n        setApplicationSettings(settings as ApplicationSettings);\n      }\n      persistenceManager?.saveApplicationJSON(applicationJSONRef.current);\n    },\n    [persistenceManager, setApplicationSettings]\n  );\n\n  const getApplicationSettings = useCallback(\n    (key?: keyof ApplicationSettings) => {\n      const { settings } = applicationJSONRef.current;\n      return key ? settings?.[key] : settings;\n    },\n    []\n  );\n\n  const loadLayoutById = useCallback(\n    (id: string) => {\n      persistenceManager\n        ?.loadLayout(id)\n        .then((layoutJson) => {\n          const { workspaceJSON: currentLayout } = applicationJSONRef.current;\n          if (Array.isArray(currentLayout)) {\n            console.log(\"how do we deal witha amulti layoput\");\n          } else {\n            setWorkspaceJSON({\n              ...currentLayout,\n              children: (currentLayout.children || []).concat(layoutJson),\n              props: {\n                ...currentLayout.props,\n                active: currentLayout.children?.length ?? 0\n              }\n            });\n          }\n        })\n        .catch((error: Error) => {\n          notify({\n            type: \"error\",\n            header: \"Failed to Load Layout\",\n            body: \"Failed to load the requested layout\"\n          });\n          console.error(\"Error occurred while loading layout\", error);\n        });\n    },\n    [notify, persistenceManager, setWorkspaceJSON]\n  );\n\n  return (\n    <WorkspaceContext.Provider\n      value={{\n        getApplicationSettings,\n        layoutMetadata,\n        layoutPlaceholderJSON,\n        saveLayout,\n        workspaceJSON: applicationJSONRef.current.workspaceJSON,\n        saveApplicationLayout,\n        saveApplicationSettings,\n        loadLayoutById\n      }}\n    >\n      {children}\n    </WorkspaceContext.Provider>\n  );\n};\n\nexport const useWorkspace = () => {\n  // The default Application JSON will be served if no LayoutManagementProvider\n  const { workspaceJSON = getWorkspaceWithLayoutJSON(), ...contextProps } =\n    useContext(WorkspaceContext);\n\n  return {\n    ...contextProps,\n    workspaceJSON\n  };\n};\n"],"names":["metadata"],"mappings":"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"}

package/esm/workspace-management/defaultWorkspaceJSON.js

@@ -19,7 +19,7 @@ const loadingJSON = {
   id: "loading-main",
   props: {}
 };
-const getStackWorkspaceJSON = (activeLayoutIndex) => ({
+const defaultWorkspaceJSON = {
   type: "Stack",
   id: VuuShellLocation.Workspace,
   props: {
@@ -33,9 +33,12 @@ const getStackWorkspaceJSON = (activeLayoutIndex) => ({
       location: "workspace-tab",
       variant: "primary"
     },
-    preserve: true,
-    active: activeLayoutIndex ?? 0
+    preserve: true
   }
+};
+const getStackWorkspaceJSON = (activeLayoutIndex) => ({
+  ...defaultWorkspaceJSON,
+  active: activeLayoutIndex ?? 0
 });
 const placeholderLayout = {
   props: {
@@ -47,7 +50,27 @@ const placeholderLayout = {
 };
 const getWorkspaceWithLayoutJSON = (customWorkspaceJSON, layoutJSON = placeholderLayout, activeLayoutIndex, stackProps) => {
   const stackWorkspace = getStackWorkspaceJSON(activeLayoutIndex);
-  if (customWorkspaceJSON) {
+  if (Array.isArray(customWorkspaceJSON)) {
+    const workspace = customWorkspaceJSON.find(
+      (layout) => layout.id === VuuShellLocation.Workspace
+    );
+    if (workspace) {
+      return customWorkspaceJSON.map((ws) => {
+        if (ws.id === VuuShellLocation.Workspace) {
+          return {
+            ...ws,
+            children: Array.isArray(layoutJSON) ? layoutJSON : [layoutJSON]
+          };
+        } else {
+          return ws;
+        }
+      });
+    } else {
+      throw Error(
+        "Multiple workspaces have been provided but none has the workspace id"
+      );
+    }
+  } else if (customWorkspaceJSON) {
     return {
       ...customWorkspaceJSON,
       children: Array.isArray(layoutJSON) ? layoutJSON : [layoutJSON]
@@ -68,5 +91,5 @@ const getWorkspaceWithLayoutJSON = (customWorkspaceJSON, layoutJSON = placeholde
   }
 };
 
-export { getStackWorkspaceJSON, getWorkspaceWithLayoutJSON, loadingJSON, warningLayout };
+export { defaultWorkspaceJSON, getStackWorkspaceJSON, getWorkspaceWithLayoutJSON, loadingJSON, warningLayout };
 //# sourceMappingURL=defaultWorkspaceJSON.js.map

package/esm/workspace-management/defaultWorkspaceJSON.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultWorkspaceJSON.js","sources":["../../src/workspace-management/defaultWorkspaceJSON.ts"],"sourcesContent":["import { StackProps } from \"@vuu-ui/vuu-layout\";\nimport { LayoutJSON, VuuShellLocation } from \"@vuu-ui/vuu-utils\";\n\nexport type WorkspaceStackProps = Pick<\n  StackProps,\n  \"showTabs\" | \"TabstripProps\"\n>;\n\nexport const warningLayout: LayoutJSON = {\n  type: \"View\",\n  props: {\n    style: { height: \"calc(100% - 6px)\" },\n  },\n  children: [\n    {\n      props: {\n        className: \"vuuShell-warningPlaceholder\",\n      },\n      type: \"Placeholder\",\n    },\n  ],\n};\n\nexport const loadingJSON: Readonly<LayoutJSON> = {\n  type: \"Component\",\n  id: \"loading-main\",\n  props: {},\n};\n\nexport const getStackWorkspaceJSON = (\n  activeLayoutIndex?: number,\n): LayoutJSON<\n  StackProps & {\n    preserve: boolean;\n  }\n> => ({\n  type: \"Stack\",\n  id: VuuShellLocation.Workspace,\n  props: {\n    className: `${VuuShellLocation.Workspace}-tabs`,\n    TabstripProps: {\n      allowAddTab: true,\n      allowCloseTab: true,\n      allowRenameTab: true,\n      animateSelectionThumb: false,\n      \"aria-label\": \"Workspace Tabs\",\n      location: \"workspace-tab\",\n      variant: \"primary\",\n    },\n    preserve: true,\n    active: activeLayoutIndex ?? 0,\n  },\n});\n\nconst placeholderLayout: LayoutJSON = {\n  props: {\n    id: \"tab1\",\n    title: \"Tab 1\",\n    className: \"vuuShell-Placeholder\",\n  },\n  type: \"Placeholder\",\n};\n\nexport const getWorkspaceWithLayoutJSON = (\n  customWorkspaceJSON?: LayoutJSON,\n  layoutJSON: LayoutJSON | LayoutJSON[] = placeholderLayout,\n  activeLayoutIndex?: number,\n  stackProps?: WorkspaceStackProps,\n): LayoutJSON => {\n  const stackWorkspace = getStackWorkspaceJSON(activeLayoutIndex);\n  if (customWorkspaceJSON) {\n    return {\n      ...customWorkspaceJSON,\n      children: Array.isArray(layoutJSON) ? layoutJSON : [layoutJSON],\n    };\n  } else {\n    return {\n      ...stackWorkspace,\n      props: {\n        ...stackWorkspace.props,\n        ...stackProps,\n        TabstripProps: {\n          ...stackWorkspace.props?.TabstripProps,\n          ...stackProps?.TabstripProps,\n        },\n      },\n      children: Array.isArray(layoutJSON) ? layoutJSON : [layoutJSON],\n    };\n  }\n};\n"],"names":[],"mappings":";;AAQO,MAAM,aAA4B,GAAA;AAAA,EACvC,IAAM,EAAA,MAAA;AAAA,EACN,KAAO,EAAA;AAAA,IACL,KAAA,EAAO,EAAE,MAAA,EAAQ,kBAAmB,EAAA;AAAA,GACtC;AAAA,EACA,QAAU,EAAA;AAAA,IACR;AAAA,MACE,KAAO,EAAA;AAAA,QACL,SAAW,EAAA,6BAAA;AAAA,OACb;AAAA,MACA,IAAM,EAAA,aAAA;AAAA,KACR;AAAA,GACF;AACF,EAAA;AAEO,MAAM,WAAoC,GAAA;AAAA,EAC/C,IAAM,EAAA,WAAA;AAAA,EACN,EAAI,EAAA,cAAA;AAAA,EACJ,OAAO,EAAC;AACV,EAAA;AAEa,MAAA,qBAAA,GAAwB,CACnC,iBAKI,MAAA;AAAA,EACJ,IAAM,EAAA,OAAA;AAAA,EACN,IAAI,gBAAiB,CAAA,SAAA;AAAA,EACrB,KAAO,EAAA;AAAA,IACL,SAAA,EAAW,CAAG,EAAA,gBAAA,CAAiB,SAAS,CAAA,KAAA,CAAA;AAAA,IACxC,aAAe,EAAA;AAAA,MACb,WAAa,EAAA,IAAA;AAAA,MACb,aAAe,EAAA,IAAA;AAAA,MACf,cAAgB,EAAA,IAAA;AAAA,MAChB,qBAAuB,EAAA,KAAA;AAAA,MACvB,YAAc,EAAA,gBAAA;AAAA,MACd,QAAU,EAAA,eAAA;AAAA,MACV,OAAS,EAAA,SAAA;AAAA,KACX;AAAA,IACA,QAAU,EAAA,IAAA;AAAA,IACV,QAAQ,iBAAqB,IAAA,CAAA;AAAA,GAC/B;AACF,CAAA,EAAA;AAEA,MAAM,iBAAgC,GAAA;AAAA,EACpC,KAAO,EAAA;AAAA,IACL,EAAI,EAAA,MAAA;AAAA,IACJ,KAAO,EAAA,OAAA;AAAA,IACP,SAAW,EAAA,sBAAA;AAAA,GACb;AAAA,EACA,IAAM,EAAA,aAAA;AACR,CAAA,CAAA;AAEO,MAAM,6BAA6B,CACxC,mBAAA,EACA,UAAwC,GAAA,iBAAA,EACxC,mBACA,UACe,KAAA;AACf,EAAM,MAAA,cAAA,GAAiB,sBAAsB,iBAAiB,CAAA,CAAA;AAC9D,EAAA,IAAI,mBAAqB,EAAA;AACvB,IAAO,OAAA;AAAA,MACL,GAAG,mBAAA;AAAA,MACH,UAAU,KAAM,CAAA,OAAA,CAAQ,UAAU,CAAI,GAAA,UAAA,GAAa,CAAC,UAAU,CAAA;AAAA,KAChE,CAAA;AAAA,GACK,MAAA;AACL,IAAO,OAAA;AAAA,MACL,GAAG,cAAA;AAAA,MACH,KAAO,EAAA;AAAA,QACL,GAAG,cAAe,CAAA,KAAA;AAAA,QAClB,GAAG,UAAA;AAAA,QACH,aAAe,EAAA;AAAA,UACb,GAAG,eAAe,KAAO,EAAA,aAAA;AAAA,UACzB,GAAG,UAAY,EAAA,aAAA;AAAA,SACjB;AAAA,OACF;AAAA,MACA,UAAU,KAAM,CAAA,OAAA,CAAQ,UAAU,CAAI,GAAA,UAAA,GAAa,CAAC,UAAU,CAAA;AAAA,KAChE,CAAA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"defaultWorkspaceJSON.js","sources":["../../src/workspace-management/defaultWorkspaceJSON.ts"],"sourcesContent":["import { StackProps } from \"@vuu-ui/vuu-layout\";\nimport { LayoutJSON, VuuShellLocation } from \"@vuu-ui/vuu-utils\";\n\nexport type WorkspaceStackProps = Pick<\n  StackProps,\n  \"showTabs\" | \"TabstripProps\"\n>;\n\nexport const warningLayout: LayoutJSON = {\n  type: \"View\",\n  props: {\n    style: { height: \"calc(100% - 6px)\" }\n  },\n  children: [\n    {\n      props: {\n        className: \"vuuShell-warningPlaceholder\"\n      },\n      type: \"Placeholder\"\n    }\n  ]\n};\n\nexport const loadingJSON: Readonly<LayoutJSON> = {\n  type: \"Component\",\n  id: \"loading-main\",\n  props: {}\n};\n\nexport const defaultWorkspaceJSON: LayoutJSON<\n  StackProps & { preserve: boolean }\n> = {\n  type: \"Stack\",\n  id: VuuShellLocation.Workspace,\n  props: {\n    className: `${VuuShellLocation.Workspace}-tabs`,\n    TabstripProps: {\n      allowAddTab: true,\n      allowCloseTab: true,\n      allowRenameTab: true,\n      animateSelectionThumb: false,\n      \"aria-label\": \"Workspace Tabs\",\n      location: \"workspace-tab\",\n      variant: \"primary\"\n    },\n    preserve: true\n  }\n};\n\nexport const getStackWorkspaceJSON = (\n  activeLayoutIndex?: number\n): LayoutJSON => ({\n  ...defaultWorkspaceJSON,\n  active: activeLayoutIndex ?? 0\n});\n\nconst placeholderLayout: LayoutJSON = {\n  props: {\n    id: \"tab1\",\n    title: \"Tab 1\",\n    className: \"vuuShell-Placeholder\"\n  },\n  type: \"Placeholder\"\n};\n\nexport const getWorkspaceWithLayoutJSON = (\n  customWorkspaceJSON?: LayoutJSON | LayoutJSON[],\n  layoutJSON: LayoutJSON | LayoutJSON[] = placeholderLayout,\n  activeLayoutIndex?: number,\n  stackProps?: WorkspaceStackProps\n): LayoutJSON | LayoutJSON[] => {\n  const stackWorkspace = getStackWorkspaceJSON(activeLayoutIndex);\n  if (Array.isArray(customWorkspaceJSON)) {\n    const workspace = customWorkspaceJSON.find(\n      (layout) => layout.id === VuuShellLocation.Workspace\n    );\n    if (workspace) {\n      return customWorkspaceJSON.map((ws) => {\n        if (ws.id === VuuShellLocation.Workspace) {\n          return {\n            ...ws,\n            children: Array.isArray(layoutJSON) ? layoutJSON : [layoutJSON]\n          };\n        } else {\n          return ws;\n        }\n      });\n    } else {\n      throw Error(\n        \"Multiple workspaces have been provided but none has the workspace id\"\n      );\n    }\n  } else if (customWorkspaceJSON) {\n    return {\n      ...customWorkspaceJSON,\n      children: Array.isArray(layoutJSON) ? layoutJSON : [layoutJSON]\n    };\n  } else {\n    return {\n      ...stackWorkspace,\n      props: {\n        ...stackWorkspace.props,\n        ...stackProps,\n        TabstripProps: {\n          ...stackWorkspace.props?.TabstripProps,\n          ...stackProps?.TabstripProps\n        }\n      },\n      children: Array.isArray(layoutJSON) ? layoutJSON : [layoutJSON]\n    };\n  }\n};\n"],"names":[],"mappings":"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"}

package/esm/workspace-management/useWorkspaceContextMenuItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWorkspaceContextMenuItems.js","sources":["../../src/workspace-management/useWorkspaceContextMenuItems.tsx"],"sourcesContent":["import {\n  ContextMenuItemDescriptor,\n  MenuActionHandler,\n  MenuBuilder,\n} from \"@vuu-ui/vuu-data-types\";\nimport { MenuActionClosePopup, useDialogContext } from \"@vuu-ui/vuu-popups\";\nimport { LayoutMetadataDto } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useMemo } from \"react\";\nimport { SaveLayoutPanel } from \"./SaveLayoutPanel\";\nimport { useWorkspace } from \"./WorkspaceProvider\";\n\nexport const useWorkspaceContextMenuItems = () => {\n  const { saveLayout } = useWorkspace();\n\n  const { showDialog, closeDialog } = useDialogContext();\n\n  const handleCloseDialog = useCallback(() => {\n    closeDialog();\n  }, [closeDialog]);\n\n  const handleSave = useCallback(\n    (layoutMetadata: LayoutMetadataDto) => {\n      saveLayout(layoutMetadata);\n      closeDialog();\n    },\n    [saveLayout, closeDialog],\n  );\n\n  const [buildMenuOptions, handleMenuAction] = useMemo<\n    [MenuBuilder, MenuActionHandler]\n  >(() => {\n    return [\n      (location, options) => {\n        const locations = location.split(\" \");\n        const menuDescriptors: ContextMenuItemDescriptor[] = [];\n        if (locations.includes(\"workspace-tab\")) {\n          menuDescriptors.push(\n            {\n              label: \"Save Layout\",\n              action: \"save-layout\",\n              options,\n            },\n            {\n              label: \"Layout Settings\",\n              action: \"layout-settings\",\n              options,\n            },\n          );\n        }\n        return menuDescriptors;\n      },\n      (action: MenuActionClosePopup) => {\n        if (action.menuId === \"save-layout\") {\n          showDialog(\n            <SaveLayoutPanel\n              onCancel={handleCloseDialog}\n              onSave={handleSave}\n              componentId={action.options?.controlledComponentId}\n              defaultTitle={action.options?.controlledComponentTitle as string}\n            />,\n            \"Save Layout\",\n            [],\n            true,\n          );\n          return true;\n        }\n        return false;\n      },\n    ];\n  }, [handleCloseDialog, handleSave, showDialog]);\n\n  return {\n    buildMenuOptions,\n    handleMenuAction,\n  };\n};\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,+BAA+B,MAAM;AAChD,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,YAAa,EAAA,CAAA;AAEpC,EAAA,MAAM,EAAE,UAAA,EAAY,WAAY,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAErD,EAAM,MAAA,iBAAA,GAAoB,YAAY,MAAM;AAC1C,IAAY,WAAA,EAAA,CAAA;AAAA,GACd,EAAG,CAAC,WAAW,CAAC,CAAA,CAAA;AAEhB,EAAA,MAAM,UAAa,GAAA,WAAA;AAAA,IACjB,CAAC,cAAsC,KAAA;AACrC,MAAA,UAAA,CAAW,cAAc,CAAA,CAAA;AACzB,MAAY,WAAA,EAAA,CAAA;AAAA,KACd;AAAA,IACA,CAAC,YAAY,WAAW,CAAA;AAAA,GAC1B,CAAA;AAEA,EAAA,MAAM,CAAC,gBAAA,EAAkB,gBAAgB,CAAA,GAAI,QAE3C,MAAM;AACN,IAAO,OAAA;AAAA,MACL,CAAC,UAAU,OAAY,KAAA;AACrB,QAAM,MAAA,SAAA,GAAY,QAAS,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AACpC,QAAA,MAAM,kBAA+C,EAAC,CAAA;AACtD,QAAI,IAAA,SAAA,CAAU,QAAS,CAAA,eAAe,CAAG,EAAA;AACvC,UAAgB,eAAA,CAAA,IAAA;AAAA,YACd;AAAA,cACE,KAAO,EAAA,aAAA;AAAA,cACP,MAAQ,EAAA,aAAA;AAAA,cACR,OAAA;AAAA,aACF;AAAA,YACA;AAAA,cACE,KAAO,EAAA,iBAAA;AAAA,cACP,MAAQ,EAAA,iBAAA;AAAA,cACR,OAAA;AAAA,aACF;AAAA,WACF,CAAA;AAAA,SACF;AACA,QAAO,OAAA,eAAA,CAAA;AAAA,OACT;AAAA,MACA,CAAC,MAAiC,KAAA;AAChC,QAAI,IAAA,MAAA,CAAO,WAAW,aAAe,EAAA;AACnC,UAAA,UAAA;AAAA,4BACE,GAAA;AAAA,cAAC,eAAA;AAAA,cAAA;AAAA,gBACC,QAAU,EAAA,iBAAA;AAAA,gBACV,MAAQ,EAAA,UAAA;AAAA,gBACR,WAAA,EAAa,OAAO,OAAS,EAAA,qBAAA;AAAA,gBAC7B,YAAA,EAAc,OAAO,OAAS,EAAA,wBAAA;AAAA,eAAA;AAAA,aAChC;AAAA,YACA,aAAA;AAAA,YACA,EAAC;AAAA,YACD,IAAA;AAAA,WACF,CAAA;AACA,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AACA,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,KACF,CAAA;AAAA,GACC,EAAA,CAAC,iBAAmB,EAAA,UAAA,EAAY,UAAU,CAAC,CAAA,CAAA;AAE9C,EAAO,OAAA;AAAA,IACL,gBAAA;AAAA,IACA,gBAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"useWorkspaceContextMenuItems.js","sources":["../../src/workspace-management/useWorkspaceContextMenuItems.tsx"],"sourcesContent":["import {\n  ContextMenuItemDescriptor,\n  MenuActionHandler,\n  MenuBuilder\n} from \"@vuu-ui/vuu-data-types\";\nimport { MenuActionClosePopup, useDialogContext } from \"@vuu-ui/vuu-popups\";\nimport { LayoutMetadataDto } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useMemo } from \"react\";\nimport { SaveLayoutPanel } from \"./SaveLayoutPanel\";\nimport { useWorkspace } from \"./WorkspaceProvider\";\n\nexport const useWorkspaceContextMenuItems = () => {\n  const { saveLayout } = useWorkspace();\n\n  const { showDialog, closeDialog } = useDialogContext();\n\n  const handleCloseDialog = useCallback(() => {\n    closeDialog();\n  }, [closeDialog]);\n\n  const handleSave = useCallback(\n    (layoutMetadata: LayoutMetadataDto) => {\n      saveLayout(layoutMetadata);\n      closeDialog();\n    },\n    [saveLayout, closeDialog]\n  );\n\n  const [buildMenuOptions, handleMenuAction] = useMemo<\n    [MenuBuilder, MenuActionHandler]\n  >(() => {\n    return [\n      (location, options) => {\n        const locations = location.split(\" \");\n        const menuDescriptors: ContextMenuItemDescriptor[] = [];\n        if (locations.includes(\"workspace-tab\")) {\n          menuDescriptors.push(\n            {\n              label: \"Save Layout\",\n              action: \"save-layout\",\n              options\n            },\n            {\n              label: \"Layout Settings\",\n              action: \"layout-settings\",\n              options\n            }\n          );\n        }\n        return menuDescriptors;\n      },\n      (action: MenuActionClosePopup) => {\n        if (action.menuId === \"save-layout\") {\n          showDialog(\n            <SaveLayoutPanel\n              onCancel={handleCloseDialog}\n              onSave={handleSave}\n              componentId={action.options?.controlledComponentId}\n              defaultTitle={action.options?.controlledComponentTitle as string}\n            />,\n            \"Save Layout\",\n            [],\n            true\n          );\n          return true;\n        }\n        return false;\n      }\n    ];\n  }, [handleCloseDialog, handleSave, showDialog]);\n\n  return {\n    buildMenuOptions,\n    handleMenuAction\n  };\n};\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,+BAA+B,MAAM;AAChD,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,YAAa,EAAA,CAAA;AAEpC,EAAA,MAAM,EAAE,UAAA,EAAY,WAAY,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAErD,EAAM,MAAA,iBAAA,GAAoB,YAAY,MAAM;AAC1C,IAAY,WAAA,EAAA,CAAA;AAAA,GACd,EAAG,CAAC,WAAW,CAAC,CAAA,CAAA;AAEhB,EAAA,MAAM,UAAa,GAAA,WAAA;AAAA,IACjB,CAAC,cAAsC,KAAA;AACrC,MAAA,UAAA,CAAW,cAAc,CAAA,CAAA;AACzB,MAAY,WAAA,EAAA,CAAA;AAAA,KACd;AAAA,IACA,CAAC,YAAY,WAAW,CAAA;AAAA,GAC1B,CAAA;AAEA,EAAA,MAAM,CAAC,gBAAA,EAAkB,gBAAgB,CAAA,GAAI,QAE3C,MAAM;AACN,IAAO,OAAA;AAAA,MACL,CAAC,UAAU,OAAY,KAAA;AACrB,QAAM,MAAA,SAAA,GAAY,QAAS,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AACpC,QAAA,MAAM,kBAA+C,EAAC,CAAA;AACtD,QAAI,IAAA,SAAA,CAAU,QAAS,CAAA,eAAe,CAAG,EAAA;AACvC,UAAgB,eAAA,CAAA,IAAA;AAAA,YACd;AAAA,cACE,KAAO,EAAA,aAAA;AAAA,cACP,MAAQ,EAAA,aAAA;AAAA,cACR,OAAA;AAAA,aACF;AAAA,YACA;AAAA,cACE,KAAO,EAAA,iBAAA;AAAA,cACP,MAAQ,EAAA,iBAAA;AAAA,cACR,OAAA;AAAA,aACF;AAAA,WACF,CAAA;AAAA,SACF;AACA,QAAO,OAAA,eAAA,CAAA;AAAA,OACT;AAAA,MACA,CAAC,MAAiC,KAAA;AAChC,QAAI,IAAA,MAAA,CAAO,WAAW,aAAe,EAAA;AACnC,UAAA,UAAA;AAAA,4BACE,GAAA;AAAA,cAAC,eAAA;AAAA,cAAA;AAAA,gBACC,QAAU,EAAA,iBAAA;AAAA,gBACV,MAAQ,EAAA,UAAA;AAAA,gBACR,WAAA,EAAa,OAAO,OAAS,EAAA,qBAAA;AAAA,gBAC7B,YAAA,EAAc,OAAO,OAAS,EAAA,wBAAA;AAAA,eAAA;AAAA,aAChC;AAAA,YACA,aAAA;AAAA,YACA,EAAC;AAAA,YACD,IAAA;AAAA,WACF,CAAA;AACA,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AACA,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,KACF,CAAA;AAAA,GACC,EAAA,CAAC,iBAAmB,EAAA,UAAA,EAAY,UAAU,CAAC,CAAA,CAAA;AAE9C,EAAO,OAAA;AAAA,IACL,gBAAA;AAAA,IACA,gBAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/package.json

@@ -1,25 +1,25 @@
 {
-  "version": "0.8.85",
+  "version": "0.8.86",
   "description": "VUU UI Shell",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.8.85",
-    "@vuu-ui/vuu-protocol-types": "0.8.85",
-    "@vuu-ui/vuu-table-types": "0.8.85"
+    "@vuu-ui/vuu-data-types": "0.8.86",
+    "@vuu-ui/vuu-protocol-types": "0.8.86",
+    "@vuu-ui/vuu-table-types": "0.8.86"
   },
   "dependencies": {
     "@salt-ds/core": "1.34.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-data-react": "0.8.85",
-    "@vuu-ui/vuu-data-remote": "0.8.85",
-    "@vuu-ui/vuu-icons": "0.8.85",
-    "@vuu-ui/vuu-layout": "0.8.85",
-    "@vuu-ui/vuu-popups": "0.8.85",
-    "@vuu-ui/vuu-table": "0.8.85",
-    "@vuu-ui/vuu-ui-controls": "0.8.85",
-    "@vuu-ui/vuu-utils": "0.8.85",
+    "@vuu-ui/vuu-data-react": "0.8.86",
+    "@vuu-ui/vuu-data-remote": "0.8.86",
+    "@vuu-ui/vuu-icons": "0.8.86",
+    "@vuu-ui/vuu-layout": "0.8.86",
+    "@vuu-ui/vuu-popups": "0.8.86",
+    "@vuu-ui/vuu-table": "0.8.86",
+    "@vuu-ui/vuu-ui-controls": "0.8.86",
+    "@vuu-ui/vuu-utils": "0.8.86",
     "html-to-image": "^1.11.11"
   },
   "peerDependencies": {

package/types/ShellContextProvider.d.ts

@@ -4,4 +4,4 @@ export interface ShellProviderProps {
     children: ReactNode;
     value?: ShellContextProps;
 }
-export declare const ShellContextProvider: ({ children, value, }: ShellProviderProps) => ReactElement;
+export declare const ShellContextProvider: ({ children, value }: ShellProviderProps) => ReactElement;

package/types/application-provider/ApplicationProvider.d.ts

@@ -6,7 +6,7 @@ export interface ApplicationProviderProps extends Partial<Pick<ThemeContextProps
     children: ReactNode;
     density?: Density;
 }
-export declare const ApplicationProvider: ({ children, density: densityProp, loginUrl, mode, theme, userSettingsSchema: userSettingsSchema, user, }: ApplicationProviderProps) => ReactElement | null;
+export declare const ApplicationProvider: ({ children, density: densityProp, loginUrl, mode, theme, userSettingsSchema: userSettingsSchema, user }: ApplicationProviderProps) => ReactElement | null;
 export declare const useApplicationUser: () => import("@vuu-ui/vuu-utils").VuuUser;
 export declare const useLoginUrl: () => string | undefined;
 export declare const useApplicationSettings: () => {

package/types/feature-and-layout-provider/FeatureAndLayoutProvider.d.ts

@@ -0,0 +1,19 @@
+import { DynamicFeatureDescriptor, DynamicFeatureProps, FilterTableFeatureProps, StaticFeatureDescriptor, SystemLayoutMetadata } from "@vuu-ui/vuu-utils";
+import { ReactElement, ReactNode } from "react";
+export interface FeatureContextProps {
+    dynamicFeatures?: DynamicFeatureProps[];
+    tableFeatures?: DynamicFeatureProps<FilterTableFeatureProps>[];
+    staticFeatures?: StaticFeatureDescriptor[];
+}
+export interface LayoutContextProps {
+    systemLayouts?: SystemLayoutMetadata[];
+}
+export interface FeatureAndLayoutProviderProps extends Partial<FeatureContextProps> {
+    children: ReactNode;
+    dynamicFeatures?: DynamicFeatureDescriptor[];
+    staticFeatures?: StaticFeatureDescriptor[];
+    systemLayouts?: SystemLayoutMetadata[];
+}
+export declare const FeatureAndLayoutProvider: ({ children, dynamicFeatures: dynamicFeaturesProp, staticFeatures, systemLayouts }: FeatureAndLayoutProviderProps) => ReactElement;
+export declare const useFeatures: () => FeatureContextProps;
+export declare const useLayouts: () => LayoutContextProps;

package/types/feature-and-layout-provider/index.d.ts

@@ -0,0 +1 @@
+export * from "./FeatureAndLayoutProvider";

package/types/index.d.ts

@@ -2,7 +2,7 @@ export * from "./application-provider";
 export * from "./app-header";
 export * from "./connection-status";
 export * from "./feature";
-export * from "./feature-provider";
+export * from "./feature-and-layout-provider";
 export * from "./left-nav";
 export * from "./login";
 export * from "./persistence-manager";

package/types/persistence-manager/StaticPersistenceManager.d.ts

@@ -2,7 +2,7 @@ import { ApplicationJSON, LayoutJSON, LayoutMetadata, Settings } from "@vuu-ui/v
 import { IPersistenceManager } from "./PersistenceManager";
 export declare class StaticPersistenceManager implements IPersistenceManager {
     #private;
-    constructor({ applicationJSON, applicationLoadDelay, layoutMetadata, }: {
+    constructor({ applicationJSON, applicationLoadDelay, layoutMetadata }: {
         applicationJSON?: ApplicationJSON;
         applicationLoadDelay?: number;
         layoutMetadata?: LayoutMetadata[];

package/types/shell-layout-templates/context-panel/ContextPanel.d.ts

@@ -8,4 +8,4 @@ export interface ContextPanelProps {
     id?: string;
     overlay?: boolean;
 }
-export declare const ContextPanel: ({ className: classNameProp, expanded, content: contentProp, id, overlay, title, }: ContextPanelProps) => JSX.Element;
+export declare const ContextPanel: ({ className: classNameProp, expanded, content: contentProp, id, overlay, title }: ContextPanelProps) => JSX.Element;

package/types/user-settings/SettingsForm.d.ts

@@ -36,7 +36,7 @@ export interface BooleanProperty extends BaseProperty {
 export type SettingsProperty = StringProperty | NumericProperty | BooleanProperty;
 export declare const isBooleanProperty: (property: SettingsProperty) => property is BooleanProperty;
 export declare const isStringOrNumber: (value: unknown) => value is string | number;
-export declare function FormControl({ property, changeHandler, selectHandler, inputHandler, currentValue, }: {
+export declare function FormControl({ property, changeHandler, selectHandler, inputHandler, currentValue }: {
     property: SettingsProperty;
     changeHandler: FormEventHandler;
     selectHandler: DropdownProps["onSelectionChange"];

package/types/workspace-management/LayoutTile.d.ts

@@ -1,7 +1,7 @@
-import { LayoutMetadata } from "@vuu-ui/vuu-utils";
+import { LayoutJSON, LayoutMetadata, SystemLayoutMetadata } from "@vuu-ui/vuu-utils";
 import { HTMLAttributes } from "react";
 export interface LayoutTileProps extends HTMLAttributes<HTMLDivElement> {
-    metadata: LayoutMetadata;
-    onLoadLayout: (layoutId?: string) => void;
+    metadata: LayoutMetadata | SystemLayoutMetadata;
+    onLoadLayout: (layoutId?: string, layoutJSON?: LayoutJSON) => void;
 }
 export declare const LayoutTile: ({ metadata, onLoadLayout, ...htmlAttributes }: LayoutTileProps) => JSX.Element;

package/types/workspace-management/WorkspaceProvider.d.ts

@@ -13,7 +13,7 @@ export type WorkspaceProps = WorkspaceStackProps & {
      * The Vuu workspace is the container into which layouts are loaded. By default, it will be
      * a Tabbed Panel (Stack + Tabstrip), showing a tab per Layout.
      */
-    workspaceJSON?: LayoutJSON;
+    workspaceJSON?: LayoutJSON | LayoutJSON[];
 };
 export interface WorkspaceProviderProps extends WorkspaceProps {
     children: JSX.Element | JSX.Element[];
@@ -35,11 +35,13 @@ export interface WorkspaceProviderProps extends WorkspaceProps {
  * If saved layout state has been returned, that will be set as current state (and rendered)
  *
  */
-export declare const WorkspaceProvider: ({ TabstripProps, children, layoutJSON, activeLayoutIndex, layoutPlaceholderJSON, showTabs, workspaceJSON: customWorkspaceJSON, }: WorkspaceProviderProps) => JSX.Element;
+export declare const WorkspaceProvider: ({ TabstripProps, children, layoutJSON, activeLayoutIndex, layoutPlaceholderJSON, showTabs, workspaceJSON: customWorkspaceJSON }: WorkspaceProviderProps) => JSX.Element;
 export declare const useWorkspace: () => {
     workspaceJSON: LayoutJSON<{
         [key: string]: any;
-    }>;
+    }> | LayoutJSON<{
+        [key: string]: any;
+    }>[];
     layoutMetadata: LayoutMetadata[];
     layoutPlaceholderJSON?: LayoutJSON<{
         [key: string]: any;

package/types/workspace-management/defaultWorkspaceJSON.d.ts

@@ -3,7 +3,8 @@ import { LayoutJSON } from "@vuu-ui/vuu-utils";
 export type WorkspaceStackProps = Pick<StackProps, "showTabs" | "TabstripProps">;
 export declare const warningLayout: LayoutJSON;
 export declare const loadingJSON: Readonly<LayoutJSON>;
-export declare const getStackWorkspaceJSON: (activeLayoutIndex?: number) => LayoutJSON<StackProps & {
+export declare const defaultWorkspaceJSON: LayoutJSON<StackProps & {
     preserve: boolean;
 }>;
-export declare const getWorkspaceWithLayoutJSON: (customWorkspaceJSON?: LayoutJSON, layoutJSON?: LayoutJSON | LayoutJSON[], activeLayoutIndex?: number, stackProps?: WorkspaceStackProps) => LayoutJSON;
+export declare const getStackWorkspaceJSON: (activeLayoutIndex?: number) => LayoutJSON;
+export declare const getWorkspaceWithLayoutJSON: (customWorkspaceJSON?: LayoutJSON | LayoutJSON[], layoutJSON?: LayoutJSON | LayoutJSON[], activeLayoutIndex?: number, stackProps?: WorkspaceStackProps) => LayoutJSON | LayoutJSON[];

package/cjs/feature-provider/FeatureProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeatureProvider.js","sources":["../../src/feature-provider/FeatureProvider.tsx"],"sourcesContent":["import {\n  DynamicFeatureDescriptor,\n  DynamicFeatureProps,\n  FilterTableFeatureProps,\n  StaticFeatureDescriptor,\n  getCustomAndTableFeatures,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  ReactElement,\n  ReactNode,\n  createContext,\n  useContext,\n  useMemo,\n} from \"react\";\nimport { useVuuTables } from \"@vuu-ui/vuu-data-react\";\n\nexport interface FeatureContextProps {\n  dynamicFeatures?: DynamicFeatureProps[];\n  tableFeatures?: DynamicFeatureProps<FilterTableFeatureProps>[];\n  staticFeatures?: StaticFeatureDescriptor[];\n}\n\nconst NO_FEATURES: DynamicFeatureDescriptor[] = [];\nconst NO_STATICFEATURES: StaticFeatureDescriptor[] = [];\n\nconst NO_FEATURES_VUU = {\n  dynamicFeatures: NO_FEATURES,\n  tableFeatures: NO_FEATURES,\n};\n\nconst FeatureContext = createContext<FeatureContextProps>({\n  dynamicFeatures: NO_FEATURES,\n  tableFeatures: NO_FEATURES,\n  staticFeatures: NO_STATICFEATURES,\n});\n\nexport interface FeatureProviderProps extends Partial<FeatureContextProps> {\n  children: ReactNode;\n  dynamicFeatures?: DynamicFeatureDescriptor[];\n  staticFeatures?: StaticFeatureDescriptor[];\n}\n\nexport const FeatureProvider = ({\n  children,\n  dynamicFeatures: dynamicFeaturesProp = [],\n  staticFeatures,\n}: FeatureProviderProps): ReactElement => {\n  const vuuTables = useVuuTables();\n  const { dynamicFeatures, tableFeatures } = useMemo<{\n    dynamicFeatures: DynamicFeatureProps[];\n    tableFeatures: DynamicFeatureProps<FilterTableFeatureProps>[];\n  }>(\n    () =>\n      vuuTables\n        ? getCustomAndTableFeatures(dynamicFeaturesProp, vuuTables)\n        : NO_FEATURES_VUU,\n    [dynamicFeaturesProp, vuuTables],\n  );\n\n  console.log({ tableFeatures });\n\n  return (\n    <FeatureContext.Provider\n      value={{\n        dynamicFeatures,\n        tableFeatures,\n        staticFeatures,\n      }}\n    >\n      {children}\n    </FeatureContext.Provider>\n  );\n};\n\nexport const useFeatures = () => useContext(FeatureContext);\n"],"names":["createContext","useVuuTables","useMemo","getCustomAndTableFeatures","jsx","useContext"],"mappings":";;;;;;;AAsBA,MAAM,cAA0C,EAAC,CAAA;AACjD,MAAM,oBAA+C,EAAC,CAAA;AAEtD,MAAM,eAAkB,GAAA;AAAA,EACtB,eAAiB,EAAA,WAAA;AAAA,EACjB,aAAe,EAAA,WAAA;AACjB,CAAA,CAAA;AAEA,MAAM,iBAAiBA,mBAAmC,CAAA;AAAA,EACxD,eAAiB,EAAA,WAAA;AAAA,EACjB,aAAe,EAAA,WAAA;AAAA,EACf,cAAgB,EAAA,iBAAA;AAClB,CAAC,CAAA,CAAA;AAQM,MAAM,kBAAkB,CAAC;AAAA,EAC9B,QAAA;AAAA,EACA,eAAA,EAAiB,sBAAsB,EAAC;AAAA,EACxC,cAAA;AACF,CAA0C,KAAA;AACxC,EAAA,MAAM,YAAYC,yBAAa,EAAA,CAAA;AAC/B,EAAM,MAAA,EAAE,eAAiB,EAAA,aAAA,EAAkB,GAAAC,aAAA;AAAA,IAIzC,MACE,SAAA,GACIC,kCAA0B,CAAA,mBAAA,EAAqB,SAAS,CACxD,GAAA,eAAA;AAAA,IACN,CAAC,qBAAqB,SAAS,CAAA;AAAA,GACjC,CAAA;AAEA,EAAQ,OAAA,CAAA,GAAA,CAAI,EAAE,aAAA,EAAe,CAAA,CAAA;AAE7B,EACE,uBAAAC,cAAA;AAAA,IAAC,cAAe,CAAA,QAAA;AAAA,IAAf;AAAA,MACC,KAAO,EAAA;AAAA,QACL,eAAA;AAAA,QACA,aAAA;AAAA,QACA,cAAA;AAAA,OACF;AAAA,MAEC,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ,EAAA;AAEa,MAAA,WAAA,GAAc,MAAMC,gBAAA,CAAW,cAAc;;;;;"}

package/esm/feature-provider/FeatureProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeatureProvider.js","sources":["../../src/feature-provider/FeatureProvider.tsx"],"sourcesContent":["import {\n  DynamicFeatureDescriptor,\n  DynamicFeatureProps,\n  FilterTableFeatureProps,\n  StaticFeatureDescriptor,\n  getCustomAndTableFeatures,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  ReactElement,\n  ReactNode,\n  createContext,\n  useContext,\n  useMemo,\n} from \"react\";\nimport { useVuuTables } from \"@vuu-ui/vuu-data-react\";\n\nexport interface FeatureContextProps {\n  dynamicFeatures?: DynamicFeatureProps[];\n  tableFeatures?: DynamicFeatureProps<FilterTableFeatureProps>[];\n  staticFeatures?: StaticFeatureDescriptor[];\n}\n\nconst NO_FEATURES: DynamicFeatureDescriptor[] = [];\nconst NO_STATICFEATURES: StaticFeatureDescriptor[] = [];\n\nconst NO_FEATURES_VUU = {\n  dynamicFeatures: NO_FEATURES,\n  tableFeatures: NO_FEATURES,\n};\n\nconst FeatureContext = createContext<FeatureContextProps>({\n  dynamicFeatures: NO_FEATURES,\n  tableFeatures: NO_FEATURES,\n  staticFeatures: NO_STATICFEATURES,\n});\n\nexport interface FeatureProviderProps extends Partial<FeatureContextProps> {\n  children: ReactNode;\n  dynamicFeatures?: DynamicFeatureDescriptor[];\n  staticFeatures?: StaticFeatureDescriptor[];\n}\n\nexport const FeatureProvider = ({\n  children,\n  dynamicFeatures: dynamicFeaturesProp = [],\n  staticFeatures,\n}: FeatureProviderProps): ReactElement => {\n  const vuuTables = useVuuTables();\n  const { dynamicFeatures, tableFeatures } = useMemo<{\n    dynamicFeatures: DynamicFeatureProps[];\n    tableFeatures: DynamicFeatureProps<FilterTableFeatureProps>[];\n  }>(\n    () =>\n      vuuTables\n        ? getCustomAndTableFeatures(dynamicFeaturesProp, vuuTables)\n        : NO_FEATURES_VUU,\n    [dynamicFeaturesProp, vuuTables],\n  );\n\n  console.log({ tableFeatures });\n\n  return (\n    <FeatureContext.Provider\n      value={{\n        dynamicFeatures,\n        tableFeatures,\n        staticFeatures,\n      }}\n    >\n      {children}\n    </FeatureContext.Provider>\n  );\n};\n\nexport const useFeatures = () => useContext(FeatureContext);\n"],"names":[],"mappings":";;;;;AAsBA,MAAM,cAA0C,EAAC,CAAA;AACjD,MAAM,oBAA+C,EAAC,CAAA;AAEtD,MAAM,eAAkB,GAAA;AAAA,EACtB,eAAiB,EAAA,WAAA;AAAA,EACjB,aAAe,EAAA,WAAA;AACjB,CAAA,CAAA;AAEA,MAAM,iBAAiB,aAAmC,CAAA;AAAA,EACxD,eAAiB,EAAA,WAAA;AAAA,EACjB,aAAe,EAAA,WAAA;AAAA,EACf,cAAgB,EAAA,iBAAA;AAClB,CAAC,CAAA,CAAA;AAQM,MAAM,kBAAkB,CAAC;AAAA,EAC9B,QAAA;AAAA,EACA,eAAA,EAAiB,sBAAsB,EAAC;AAAA,EACxC,cAAA;AACF,CAA0C,KAAA;AACxC,EAAA,MAAM,YAAY,YAAa,EAAA,CAAA;AAC/B,EAAM,MAAA,EAAE,eAAiB,EAAA,aAAA,EAAkB,GAAA,OAAA;AAAA,IAIzC,MACE,SAAA,GACI,yBAA0B,CAAA,mBAAA,EAAqB,SAAS,CACxD,GAAA,eAAA;AAAA,IACN,CAAC,qBAAqB,SAAS,CAAA;AAAA,GACjC,CAAA;AAEA,EAAQ,OAAA,CAAA,GAAA,CAAI,EAAE,aAAA,EAAe,CAAA,CAAA;AAE7B,EACE,uBAAA,GAAA;AAAA,IAAC,cAAe,CAAA,QAAA;AAAA,IAAf;AAAA,MACC,KAAO,EAAA;AAAA,QACL,eAAA;AAAA,QACA,aAAA;AAAA,QACA,cAAA;AAAA,OACF;AAAA,MAEC,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ,EAAA;AAEa,MAAA,WAAA,GAAc,MAAM,UAAA,CAAW,cAAc;;;;"}

package/types/feature-provider/FeatureProvider.d.ts

@@ -1,14 +0,0 @@
-import { DynamicFeatureDescriptor, DynamicFeatureProps, FilterTableFeatureProps, StaticFeatureDescriptor } from "@vuu-ui/vuu-utils";
-import { ReactElement, ReactNode } from "react";
-export interface FeatureContextProps {
-    dynamicFeatures?: DynamicFeatureProps[];
-    tableFeatures?: DynamicFeatureProps<FilterTableFeatureProps>[];
-    staticFeatures?: StaticFeatureDescriptor[];
-}
-export interface FeatureProviderProps extends Partial<FeatureContextProps> {
-    children: ReactNode;
-    dynamicFeatures?: DynamicFeatureDescriptor[];
-    staticFeatures?: StaticFeatureDescriptor[];
-}
-export declare const FeatureProvider: ({ children, dynamicFeatures: dynamicFeaturesProp, staticFeatures, }: FeatureProviderProps) => ReactElement;
-export declare const useFeatures: () => FeatureContextProps;

package/types/feature-provider/index.d.ts

@@ -1 +0,0 @@
-export * from "./FeatureProvider";