@vuu-ui/vuu-shell 2.1.17 → 2.1.19-beta.1

package/cjs/workspace-management/LayoutList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutList.js","sources":["../../../../packages/vuu-shell/src/workspace-management/LayoutList.tsx"],"sourcesContent":["import { IconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { ListBox, Option } from \"@salt-ds/core\";\nimport {\n  LayoutJSON,\n  LayoutMetadata,\n  VuuShellLocation,\n} from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { HTMLAttributes, ReactElement, useCallback, useMemo } from \"react\";\nimport { LayoutTile } from \"./LayoutTile\";\nimport { useWorkspace } from \"./WorkspaceProvider\";\nimport { useLayouts } from \"../feature-and-layout-provider\";\nimport { layoutFromJson, useLayoutProviderDispatch } from \"@vuu-ui/vuu-layout\";\n\nimport layoutListCss from \"./LayoutList.css\";\n\ntype LayoutGroups = {\n  [groupName: string]: LayoutMetadata[];\n};\n\nconst classBase = \"vuuLayoutList\";\n\nconst NO_SELECTION: never[] = [];\n\nexport const LayoutList = ({\n  className,\n  title,\n  ...htmlAttributes\n}: HTMLAttributes<HTMLDivElement>) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-layout-list\",\n    css: layoutListCss,\n    window: targetWindow,\n  });\n\n  const { layoutMetadata, loadLayoutById } = useWorkspace();\n  const { systemLayouts } = useLayouts();\n\n  const handleLoadLayout = useCallback(\n    (layoutId?: string) => {\n      if (layoutId) {\n        loadLayoutById(layoutId);\n      }\n    },\n    [loadLayoutById],\n  );\n\n  const dispatch = useLayoutProviderDispatch();\n  const handleLoadSysLayout = (layoutId?: string, layoutJSON?: LayoutJSON) => {\n    if (layoutJSON) {\n      dispatch({\n        type: \"add\",\n        path: `#${VuuShellLocation.Workspace}`,\n        component: layoutFromJson(layoutJSON, \"0\"),\n      });\n    } else {\n      throw Error(\"layoutJSON is required for system layouts\");\n    }\n  };\n\n  const layoutsByGroup = layoutMetadata.reduce((acc: LayoutGroups, cur) => {\n    if (acc[cur.group]) {\n      return {\n        ...acc,\n        [cur.group]: [...acc[cur.group], cur],\n      };\n    }\n    return {\n      ...acc,\n      [cur.group]: [cur],\n    };\n  }, {});\n\n  let sysContent: ReactElement[] = [];\n  if (systemLayouts) {\n    sysContent = [\n      <div className={`${classBase}-group`} key={0}>\n        <div className={`${classBase}-groupHeader`}>System Layout</div>\n        <ListBox selected={NO_SELECTION}>\n          {systemLayouts.map((layout) => (\n            <Option value={layout} key={layout.id}>\n              <LayoutTile\n                {...htmlAttributes}\n                key={layout.id}\n                metadata={layout}\n                onLoadLayout={handleLoadSysLayout}\n              />\n            </Option>\n          ))}\n        </ListBox>\n      </div>,\n    ];\n  }\n\n  const content = useMemo<ReactElement[]>(() => {\n    return Object.entries(layoutsByGroup).map(\n      ([heading, layoutMetadata], index) => (\n        <div className={`${classBase}-group`} key={index}>\n          <div className={`${classBase}-groupHeader`}>{heading}</div>\n          <ListBox selected={NO_SELECTION}>\n            {layoutMetadata.map((layout) => (\n              <Option value={layout} key={layout.id}>\n                <LayoutTile\n                  {...htmlAttributes}\n                  key={layout.id}\n                  metadata={layout}\n                  onLoadLayout={handleLoadLayout}\n                />\n                <IconButton\n                  className={`${classBase}-menu`}\n                  data-embedded\n                  icon=\"more-vert\"\n                  appearance=\"transparent\"\n                  sentiment=\"neutral\"\n                />\n              </Option>\n            ))}\n          </ListBox>\n        </div>\n      ),\n    );\n  }, [handleLoadLayout, htmlAttributes, layoutsByGroup]);\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, \"vuuScrollable\")}>\n      <div className={`${classBase}-header`}>{title}</div>\n      <div className={`${classBase}-content`}>{[sysContent, ...content]}</div>\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","layoutListCss","useWorkspace","useLayouts","useCallback","useLayoutProviderDispatch","VuuShellLocation","layoutFromJson","jsxs","jsx","ListBox","Option","createElement","LayoutTile","useMemo","layoutMetadata","IconButton"],"mappings":"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"}

package/cjs/workspace-management/LayoutTile.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var layoutTileCss = ".vuuLayoutTile-layoutTile {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 0px;\n  flex: 1 1 auto;\n  cursor: pointer;\n}\n\n.vuuLayoutTile-layoutName {\n  font-weight: 600;\n  text-transform: uppercase;\n}\n\n.vuuLayoutTile-screenshot {\n  width: 60px;\n  height: 45.6px;\n  border: 1px solid #d6d7da;\n}\n\n.vuuLayoutTile-layoutDetails {\n  color: var(--salt-content-secondary-foreground);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 150%;\n}\n";
-
-module.exports = layoutTileCss;
-//# sourceMappingURL=LayoutTile.css.js.map

package/cjs/workspace-management/LayoutTile.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutTile.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/workspace-management/LayoutTile.js

@@ -1,41 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var LayoutTile$1 = require('./LayoutTile.css.js');
-
-const classBase = "vuuLayoutTile";
-const LayoutTile = ({
-  metadata,
-  onLoadLayout,
-  ...htmlAttributes
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-layout-tile",
-    css: LayoutTile$1,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ...htmlAttributes,
-      className: `${classBase}-layoutTile`,
-      key: metadata?.id,
-      onClick: () => onLoadLayout(
-        metadata?.id,
-        metadata.layoutJSON
-      )
-    },
-    /* @__PURE__ */ jsxRuntime.jsx("img", { className: `${classBase}-screenshot`, src: metadata?.screenshot }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-layoutName`, children: metadata?.name }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-layoutDetails`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: `${metadata?.created}` }) })
-    ] })
-  );
-};
-
-exports.LayoutTile = LayoutTile;
-//# sourceMappingURL=LayoutTile.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutTile.js","sources":["../../../../packages/vuu-shell/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":["useWindow","useComponentCssInjection","layoutTileCss","createElement","jsx"],"mappings":";;;;;;;;AAWA,MAAM,SAAY,GAAA,eAAA;AAOX,MAAM,aAAa,CAAC;AAAA,EACzB,QAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAG;AACL,CAAuB,KAAA;AACrB,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,YAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,mBAAA;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;AAAA;AACrC,KAAA;AAAA,oBAGFC,cAAA,CAAC,SAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAe,WAAA,CAAA,EAAA,GAAA,EAAK,UAAU,UAAY,EAAA,CAAA;AAAA,oCACrE,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAAA,cAAA,CAAC,SAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAA,WAAA,CAAA,EAAgB,oBAAU,IAAK,EAAA,CAAA;AAAA,sBAC1DA,cAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAA,cAAA,CAAA,EAC1B,QAAC,kBAAAA,cAAA,CAAA,KAAA,EAAA,EAAK,QAAG,EAAA,CAAA,EAAA,QAAA,EAAU,OAAO,CAAA,CAAA,EAAG,CAC/B,EAAA;AAAA,KACF,EAAA;AAAA,GACF;AAEJ;;;;"}

package/cjs/workspace-management/SaveLayoutPanel.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var saveLayoutPanelCss = ".vuuSaveLayoutPanel {\n  --salt-selectable-foreground-hover: #6d18bdc3;\n  --salt-selectable-foreground-selected: #6d18bd;\n  --salt-selectable-borderColor-selected: #6d18bd;\n  --saltInputLegacy-fontSize: 12px;\n  --salt-text-label-fontSize: 10px;\n  --saltFormFieldLegacy-label-paddingLeft: 0;\n  --saltFormField-label-fontWeight: 400;\n  --saltText-color: var(--text-secondary-foreground, #606477);\n\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n\n  .saltFormField {\n    border: solid 1px var(--salt-editable-borderColor);\n    padding: var(--salt-spacing-50) var(--salt-spacing-200);\n  }\n\n  .saltComboBox {\n    .saltPillInput-endAdornmentContainer {\n      .saltButton {\n        border: none;\n        width: 18px;\n        transform: rotate(90deg);\n      }\n      .saltButton:after {\n        content: \"\";\n        background-color: var(--salt-content-secondary-foreground);\n        left: auto;\n        height: 20px;\n        mask: var(--vuu-svg-triangle-right) center center/20px 20px;\n        mask-repeat: no-repeat;\n        position: absolute;\n        top: var(--vuu-icon-top, auto);\n        transform: var(--vuu-icon-transform, none);\n        width: 20px;\n      }\n    }\n    .saltPillInput-activationIndicator {\n      display: none;\n    }\n  }\n}\n\n.spinner {\n  width: 100px;\n  height: 100px;\n  background-image: var(--svg-spinner);\n}\n\n.vuuSaveLayoutPanel-panelContent {\n  display: grid;\n  gap: 32px;\n  margin-top: var(--salt-spacing-200);\n}\n\n.vuuSaveLayoutPanel-inputText {\n  border: none;\n  color: var(--light-text-primary, #15171b);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  padding-left: 4px;\n  width: 100%;\n  outline: none;\n}\n\n.vuuSaveLayoutPanel-settingsGroup {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-end;\n  gap: 10px;\n  width: 100%;\n  line-height: 16px;\n}\n\n.vuuSaveLayoutPanel-screenshotContainer {\n  display: flex;\n  width: 304px;\n  height: 208px;\n  padding: 11px 15.5px;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid #e8e8e8;\n  background: var(--dark-text-primary, #fff);\n}\n\n.vuuSaveLayoutPanel-screenshot {\n  background: lightgray 50% / cover no-repeat;\n  width: 273px;\n  height: 186px;\n}\n\n.vuuSaveLayoutPanel-buttonsContainer {\n  display: flex;\n  justify-content: flex-end;\n  align-items: flex-start;\n  align-self: stretch;\n  padding-top: 24px;\n  gap: 8px;\n}\n\n.vuuSaveLayoutPanel-cancelButton,\n.vuuSaveLayoutPanel-saveButton {\n  display: flex;\n  height: fit-content;\n  padding: 4px 8px;\n  align-items: flex-start;\n  gap: 8px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 133.333%;\n  letter-spacing: 0.48px;\n  text-transform: uppercase;\n}\n";
-
-module.exports = saveLayoutPanelCss;
-//# sourceMappingURL=SaveLayoutPanel.css.js.map

package/cjs/workspace-management/SaveLayoutPanel.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SaveLayoutPanel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/workspace-management/SaveLayoutPanel.js

@@ -1,128 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var React = require('react');
-var screenshotUtils = require('./screenshot-utils.js');
-var SaveLayoutPanel$1 = require('./SaveLayoutPanel.css.js');
-var ApplicationProvider = require('../application-provider/ApplicationProvider.js');
-
-const classBase = "vuuSaveLayoutPanel";
-const groups = ["Group 1", "Group 2", "Group 3", "Group 4", "Group 5"];
-const SaveLayoutPanel = (props) => {
-  const { defaultTitle = "", onCancel, onSave, componentId } = props;
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-save-layout-panel",
-    css: SaveLayoutPanel$1,
-    window: targetWindow
-  });
-  const [layoutName, setLayoutName] = React.useState(defaultTitle);
-  const [group, setGroup] = React.useState("");
-  const [screenshot, setScreenshot] = React.useState();
-  const [screenshotErrorMessage, setScreenshotErrorMessage] = React.useState();
-  const { username } = ApplicationProvider.useApplicationUser();
-  React.useEffect(() => {
-    if (componentId) {
-      screenshotUtils.takeScreenshot(document.getElementById(componentId)).then((screenshot2) => {
-        setScreenshot(screenshot2);
-      }).catch((error) => {
-        setScreenshotErrorMessage(error.message);
-      });
-    }
-  }, [componentId]);
-  const handleSubmit = () => {
-    onSave({
-      name: layoutName,
-      group,
-      screenshot: screenshot ?? "",
-      user: username
-    });
-  };
-  const screenshotContent = React.useMemo(() => {
-    if (screenshot) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "img",
-        {
-          className: `${classBase}-screenshot`,
-          src: screenshot,
-          alt: "screenshot of current layout"
-        }
-      );
-    }
-    if (screenshotErrorMessage) {
-      return /* @__PURE__ */ jsxRuntime.jsx(core.Text, { children: screenshotErrorMessage });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "spinner" });
-  }, [screenshot, screenshotErrorMessage]);
-  const handleSelectionChange = React.useCallback(
-    (e, [selectedValue]) => {
-      if (e.key === "Tab" && !selectedValue.toLowerCase().startsWith(group.toLowerCase())) ; else {
-        setGroup(selectedValue || "");
-      }
-    },
-    [group]
-  );
-  const handleChange = React.useCallback((e) => {
-    setGroup(e.target.value);
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${classBase}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${classBase}-panelContent`, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(core.FormField, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(core.FormFieldLabel, { children: "Group" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          core.ComboBox,
-          {
-            "data-embedded": true,
-            inputProps: {
-              autoComplete: "off",
-              className: `${classBase}-inputText`,
-              placeholder: "Select Group or Enter New Name"
-              // onChange: (event: ChangeEvent<HTMLInputElement>) =>
-              //   setGroup(event.target.value),
-            },
-            onChange: handleChange,
-            onSelectionChange: handleSelectionChange,
-            value: group,
-            children: groups.map((group2, i) => /* @__PURE__ */ jsxRuntime.jsx(core.Option, { value: group2 }, i))
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(core.FormField, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(core.FormFieldLabel, { children: "Layout Name" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          core.Input,
-          {
-            "data-embedded": true,
-            inputProps: {
-              className: `${classBase}-inputText`,
-              placeholder: "Enter Layout Name"
-            },
-            onChange: (event) => setLayoutName(event.target.value),
-            value: layoutName
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-screenshotContainer`, children: screenshotContent })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${classBase}-buttonsContainer`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(core.Button, { className: `${classBase}-cancelButton`, onClick: onCancel, children: "Cancel" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        core.Button,
-        {
-          appearance: "solid",
-          className: `${classBase}-saveButton`,
-          onClick: handleSubmit,
-          disabled: layoutName === "" || group === "",
-          sentiment: "accented",
-          children: "Save"
-        }
-      )
-    ] })
-  ] });
-};
-
-exports.SaveLayoutPanel = SaveLayoutPanel;
-//# sourceMappingURL=SaveLayoutPanel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SaveLayoutPanel.js","sources":["../../../../packages/vuu-shell/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 { takeScreenshot } from \"./screenshot-utils\";\n\nimport saveLayoutPanelCss from \"./SaveLayoutPanel.css\";\nimport { useApplicationUser } from \"../application-provider\";\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 } = useApplicationUser();\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          appearance=\"solid\"\n          className={`${classBase}-saveButton`}\n          onClick={handleSubmit}\n          disabled={layoutName === \"\" || group === \"\"}\n          sentiment=\"accented\"\n        >\n          Save\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","saveLayoutPanelCss","useState","useApplicationUser","useEffect","takeScreenshot","screenshot","useMemo","jsx","Text","useCallback","jsxs","FormField","FormFieldLabel","ComboBox","group","Option","Input","Button"],"mappings":"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"}

package/cjs/workspace-management/WorkspaceProvider.js

@@ -1,265 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuLayout = require('@vuu-ui/vuu-layout');
-var vuuNotifications = require('@vuu-ui/vuu-notifications');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var React = require('react');
-var PersistenceProvider = require('../persistence-manager/PersistenceProvider.js');
-require('../persistence-manager/LocalPersistenceManager.js');
-require('../persistence-manager/StaticPersistenceManager.js');
-var defaultWorkspaceJSON = require('./defaultWorkspaceJSON.js');
-
-const { info } = vuuUtils.logger("useLayoutManager");
-const ensureLayoutHasTitle = (layout, layoutMetadata) => {
-  if (layout.props?.title !== void 0) {
-    return layout;
-  } else {
-    return {
-      ...layout,
-      props: {
-        ...layout.props,
-        title: layoutMetadata.name
-      }
-    };
-  }
-};
-const loadingApplicationJSON = {
-  workspaceJSON: defaultWorkspaceJSON.loadingJSON
-};
-const WorkspaceProvider = ({
-  TabstripProps,
-  children,
-  layoutJSON,
-  activeLayoutIndex,
-  layoutPlaceholderJSON,
-  showTabs,
-  workspaceJSON: customWorkspaceJSON
-}) => {
-  const [layoutMetadata, setLayoutMetadata] = React.useState([]);
-  const [, forceRefresh] = React.useState({});
-  const { showNotification } = vuuNotifications.useNotifications();
-  const persistenceManager = PersistenceProvider.usePersistenceManager();
-  const applicationJSONRef = React.useRef(loadingApplicationJSON);
-  const setApplicationJSON = React.useCallback(
-    (applicationJSON, rerender = true) => {
-      applicationJSONRef.current = applicationJSON;
-      if (rerender) {
-        forceRefresh({});
-      }
-    },
-    []
-  );
-  const setWorkspaceJSON = React.useCallback(
-    (workspaceJSON, rerender = true) => {
-      setApplicationJSON(
-        {
-          ...applicationJSONRef.current,
-          workspaceJSON
-        },
-        rerender
-      );
-    },
-    [setApplicationJSON]
-  );
-  const setApplicationSettings = React.useCallback(
-    (settings) => {
-      setApplicationJSON(
-        {
-          ...applicationJSONRef.current,
-          settings: {
-            ...applicationJSONRef.current.settings,
-            ...settings
-          }
-        },
-        false
-      );
-    },
-    [setApplicationJSON]
-  );
-  React.useEffect(() => {
-    persistenceManager?.loadMetadata().then((metadata) => {
-      setLayoutMetadata(metadata);
-    }).catch((error) => {
-      showNotification({
-        content: "Could not load list of available layouts",
-        header: "Failed to Load Layouts",
-        status: "error",
-        type: "toast"
-      });
-      console.error("Error occurred while retrieving metadata", error);
-    });
-    persistenceManager?.loadApplicationJSON().then((applicationJSON) => {
-      if (applicationJSON) {
-        info?.("applicationJSON loaded successfully");
-        setApplicationJSON(applicationJSON);
-      } else {
-        const workspaceJSON = defaultWorkspaceJSON.getWorkspaceWithLayoutJSON(
-          customWorkspaceJSON,
-          layoutJSON,
-          activeLayoutIndex,
-          { TabstripProps, showTabs }
-        );
-        info?.(`applicationJSON not found, getting defaultWorkspaceJSON,
-            ${JSON.stringify(workspaceJSON, null, 2)}
-            `);
-        setApplicationJSON({
-          workspaceJSON
-        });
-      }
-    }).catch((error) => {
-      showNotification({
-        content: "Could not load your latest view",
-        header: "Failed to Load Layout",
-        status: "error",
-        type: "toast"
-      });
-      console.error(
-        "Error occurred while retrieving application layout",
-        error
-      );
-    });
-  }, [
-    TabstripProps,
-    activeLayoutIndex,
-    customWorkspaceJSON,
-    layoutJSON,
-    showNotification,
-    persistenceManager,
-    setApplicationJSON,
-    showTabs
-  ]);
-  const saveApplicationLayout = React.useCallback(
-    (layout) => {
-      if (vuuLayout.isLayoutJSON(layout)) {
-        setWorkspaceJSON(layout, false);
-        persistenceManager?.saveApplicationJSON(applicationJSONRef.current);
-      } else {
-        console.error("Tried to save invalid application layout", layout);
-      }
-    },
-    [persistenceManager, setWorkspaceJSON]
-  );
-  const saveLayout = React.useCallback(
-    (metadata) => {
-      let layoutToSave;
-      try {
-        const { workspaceJSON } = applicationJSONRef.current;
-        if (Array.isArray(workspaceJSON)) {
-          console.log("how do we identify the right thing to save");
-        } else {
-          layoutToSave = vuuLayout.resolveJSONPath(
-            workspaceJSON,
-            `#${vuuUtils.VuuShellLocation.Workspace}.ACTIVE_CHILD`
-          );
-        }
-      } catch (e) {
-      }
-      if (layoutToSave && vuuLayout.isLayoutJSON(layoutToSave)) {
-        persistenceManager?.createLayout(metadata, ensureLayoutHasTitle(layoutToSave, metadata)).then((metadata2) => {
-          showNotification({
-            content: `${metadata2.name} saved successfully`,
-            header: "Layout Saved Successfully",
-            status: "success",
-            type: "toast"
-          });
-          setLayoutMetadata((prev) => [...prev, metadata2]);
-        }).catch((error) => {
-          showNotification({
-            content: `Failed to save layout ${metadata.name}`,
-            header: "Failed to Save Layout",
-            status: "error",
-            type: "toast"
-          });
-          console.error("Error occurred while saving layout", error);
-        });
-      } else {
-        console.error("Tried to save invalid layout", layoutToSave);
-        showNotification({
-          content: "Cannot save invalid layout",
-          header: "Failed to Save Layout",
-          status: "error",
-          type: "toast"
-        });
-      }
-    },
-    [showNotification, persistenceManager]
-  );
-  const saveApplicationSettings = React.useCallback(
-    (settings, key) => {
-      const { settings: applicationSettings } = applicationJSONRef.current;
-      if (key) {
-        setApplicationSettings({
-          ...applicationSettings,
-          [key]: settings
-        });
-      } else {
-        setApplicationSettings(settings);
-      }
-      persistenceManager?.saveApplicationJSON(applicationJSONRef.current);
-    },
-    [persistenceManager, setApplicationSettings]
-  );
-  const getApplicationSettings = React.useCallback(
-    (key) => {
-      const { settings } = applicationJSONRef.current;
-      return key ? settings?.[key] : settings;
-    },
-    []
-  );
-  const loadLayoutById = React.useCallback(
-    (id) => {
-      persistenceManager?.loadLayout(id).then((layoutJson) => {
-        const { workspaceJSON: currentLayout } = applicationJSONRef.current;
-        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) => {
-        showNotification({
-          content: "Failed to load the requested layout",
-          header: "Failed to Load Layout",
-          status: "error",
-          type: "toast"
-        });
-        console.error("Error occurred while loading layout", error);
-      });
-    },
-    [showNotification, persistenceManager, setWorkspaceJSON]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    vuuUtils.WorkspaceContext.Provider,
-    {
-      value: {
-        getApplicationSettings,
-        layoutMetadata,
-        layoutPlaceholderJSON,
-        saveLayout,
-        workspaceJSON: applicationJSONRef.current.workspaceJSON,
-        saveApplicationLayout,
-        saveApplicationSettings,
-        loadLayoutById
-      },
-      children
-    }
-  );
-};
-const useWorkspace = () => {
-  const { workspaceJSON = defaultWorkspaceJSON.getWorkspaceWithLayoutJSON(), ...contextProps } = React.useContext(vuuUtils.WorkspaceContext);
-  return {
-    ...contextProps,
-    workspaceJSON
-  };
-};
-
-exports.WorkspaceProvider = WorkspaceProvider;
-exports.useWorkspace = useWorkspace;
-//# sourceMappingURL=WorkspaceProvider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceProvider.js","sources":["../../../../packages/vuu-shell/src/workspace-management/WorkspaceProvider.tsx"],"sourcesContent":["import { isLayoutJSON, resolveJSONPath } from \"@vuu-ui/vuu-layout\";\nimport { useNotifications } from \"@vuu-ui/vuu-notifications\";\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 {\n  ReactElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} 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: ReactElement | ReactElement[];\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 { showNotification } = 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        showNotification({\n          content: \"Could not load list of available layouts\",\n          header: \"Failed to Load Layouts\",\n          status: \"error\",\n          type: \"toast\",\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        showNotification({\n          content: \"Could not load your latest view\",\n          header: \"Failed to Load Layout\",\n          status: \"error\",\n          type: \"toast\",\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    showNotification,\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            showNotification({\n              content: `${metadata.name} saved successfully`,\n              header: \"Layout Saved Successfully\",\n              status: \"success\",\n              type: \"toast\",\n            });\n            setLayoutMetadata((prev) => [...prev, metadata]);\n          })\n          .catch((error: Error) => {\n            showNotification({\n              content: `Failed to save layout ${metadata.name}`,\n              header: \"Failed to Save Layout\",\n              status: \"error\",\n              type: \"toast\",\n            });\n            console.error(\"Error occurred while saving layout\", error);\n          });\n      } else {\n        console.error(\"Tried to save invalid layout\", layoutToSave);\n        showNotification({\n          content: \"Cannot save invalid layout\",\n          header: \"Failed to Save Layout\",\n          status: \"error\",\n          type: \"toast\",\n        });\n      }\n    },\n    [showNotification, 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          showNotification({\n            content: \"Failed to load the requested layout\",\n            header: \"Failed to Load Layout\",\n            status: \"error\",\n            type: \"toast\",\n          });\n          console.error(\"Error occurred while loading layout\", error);\n        });\n    },\n    [showNotification, 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":["logger","loadingJSON","useState","useNotifications","usePersistenceManager","useRef","useCallback","useEffect","getWorkspaceWithLayoutJSON","isLayoutJSON","resolveJSONPath","VuuShellLocation","metadata","jsx","WorkspaceContext","useContext"],"mappings":"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"}

package/cjs/workspace-management/defaultWorkspaceJSON.js

@@ -1,101 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-
-const warningLayout = {
-  type: "View",
-  props: {
-    style: { height: "calc(100% - 6px)" }
-  },
-  children: [
-    {
-      props: {
-        className: "vuuShell-warningPlaceholder"
-      },
-      type: "Placeholder"
-    }
-  ]
-};
-const loadingJSON = {
-  type: "Component",
-  id: "loading-main",
-  props: {}
-};
-const defaultWorkspaceJSON = {
-  type: "Stack",
-  id: vuuUtils.VuuShellLocation.Workspace,
-  props: {
-    className: `${vuuUtils.VuuShellLocation.Workspace}-tabs`,
-    TabstripProps: {
-      allowAddTab: true,
-      allowCloseTab: true,
-      allowRenameTab: true,
-      animateSelectionThumb: false,
-      "aria-label": "Workspace Tabs",
-      location: "workspace-tab",
-      variant: "primary"
-    },
-    preserve: true
-  }
-};
-const getStackWorkspaceJSON = (activeLayoutIndex) => ({
-  ...defaultWorkspaceJSON,
-  active: activeLayoutIndex ?? 0
-});
-const placeholderLayout = {
-  props: {
-    id: "tab1",
-    title: "Tab 1",
-    className: "vuuShell-Placeholder"
-  },
-  type: "Placeholder"
-};
-const getWorkspaceWithLayoutJSON = (customWorkspaceJSON, layoutJSON = placeholderLayout, activeLayoutIndex, stackProps) => {
-  const stackWorkspace = getStackWorkspaceJSON(activeLayoutIndex);
-  if (Array.isArray(customWorkspaceJSON)) {
-    const workspace = customWorkspaceJSON.find(
-      (layout) => layout.id === vuuUtils.VuuShellLocation.Workspace
-    );
-    if (workspace) {
-      return customWorkspaceJSON.map((ws) => {
-        if (ws.id === vuuUtils.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]
-    };
-  } else {
-    return {
-      ...stackWorkspace,
-      props: {
-        ...stackWorkspace.props,
-        ...stackProps,
-        TabstripProps: {
-          ...stackWorkspace.props?.TabstripProps,
-          ...stackProps?.TabstripProps
-        }
-      },
-      children: Array.isArray(layoutJSON) ? layoutJSON : [layoutJSON]
-    };
-  }
-};
-
-exports.defaultWorkspaceJSON = defaultWorkspaceJSON;
-exports.getStackWorkspaceJSON = getStackWorkspaceJSON;
-exports.getWorkspaceWithLayoutJSON = getWorkspaceWithLayoutJSON;
-exports.loadingJSON = loadingJSON;
-exports.warningLayout = warningLayout;
-//# sourceMappingURL=defaultWorkspaceJSON.js.map