@vuu-ui/vuu-shell 0.13.7 → 0.13.9

package/cjs/workspace-management/LayoutList.js

@@ -1,116 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var vuuUiControls = require('@vuu-ui/vuu-ui-controls');
-var core = require('@salt-ds/core');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var cx = require('clsx');
-var LayoutTile = require('./LayoutTile.js');
-var WorkspaceProvider = require('./WorkspaceProvider.js');
-var FeatureAndLayoutProvider = require('../feature-and-layout-provider/FeatureAndLayoutProvider.js');
-var vuuLayout = require('@vuu-ui/vuu-layout');
-var LayoutList$1 = require('./LayoutList.css.js');
-
-const classBase = "vuuLayoutList";
-const NO_SELECTION = [];
-const LayoutList = ({
-  className,
-  title,
-  ...htmlAttributes
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-layout-list",
-    css: LayoutList$1,
-    window: targetWindow
-  });
-  const { layoutMetadata, loadLayoutById } = WorkspaceProvider.useWorkspace();
-  const { systemLayouts } = FeatureAndLayoutProvider.useLayouts();
-  const handleLoadLayout = React.useCallback(
-    (layoutId) => {
-      if (layoutId) {
-        loadLayoutById(layoutId);
-      }
-    },
-    [loadLayoutById]
-  );
-  const dispatch = vuuLayout.useLayoutProviderDispatch();
-  const handleLoadSysLayout = (layoutId, layoutJSON) => {
-    if (layoutJSON) {
-      dispatch({
-        type: "add",
-        path: `#${vuuUtils.VuuShellLocation.Workspace}`,
-        component: vuuLayout.layoutFromJson(layoutJSON, "0")
-      });
-    } else {
-      throw Error("layoutJSON is required for system layouts");
-    }
-  };
-  const layoutsByGroup = layoutMetadata.reduce((acc, cur) => {
-    if (acc[cur.group]) {
-      return {
-        ...acc,
-        [cur.group]: [...acc[cur.group], cur]
-      };
-    }
-    return {
-      ...acc,
-      [cur.group]: [cur]
-    };
-  }, {});
-  let sysContent = [];
-  if (systemLayouts) {
-    sysContent = [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${classBase}-group`, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-groupHeader`, children: "System Layout" }),
-        /* @__PURE__ */ jsxRuntime.jsx(core.ListBox, { selected: NO_SELECTION, children: systemLayouts.map((layout) => /* @__PURE__ */ jsxRuntime.jsx(core.Option, { value: layout, children: /* @__PURE__ */ React.createElement(
-          LayoutTile.LayoutTile,
-          {
-            ...htmlAttributes,
-            key: layout.id,
-            metadata: layout,
-            onLoadLayout: handleLoadSysLayout
-          }
-        ) }, layout.id)) })
-      ] }, 0)
-    ];
-  }
-  const content = React.useMemo(() => {
-    return Object.entries(layoutsByGroup).map(
-      ([heading, layoutMetadata2], index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${classBase}-group`, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-groupHeader`, children: heading }),
-        /* @__PURE__ */ jsxRuntime.jsx(core.ListBox, { selected: NO_SELECTION, children: layoutMetadata2.map((layout) => /* @__PURE__ */ jsxRuntime.jsxs(core.Option, { value: layout, children: [
-          /* @__PURE__ */ React.createElement(
-            LayoutTile.LayoutTile,
-            {
-              ...htmlAttributes,
-              key: layout.id,
-              metadata: layout,
-              onLoadLayout: handleLoadLayout
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            vuuUiControls.IconButton,
-            {
-              className: `${classBase}-menu`,
-              "data-embedded": true,
-              icon: "more-vert",
-              appearance: "transparent",
-              sentiment: "neutral"
-            }
-          )
-        ] }, layout.id)) })
-      ] }, index)
-    );
-  }, [handleLoadLayout, htmlAttributes, layoutsByGroup]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlAttributes, className: cx(classBase, "vuuScrollable"), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-header`, children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-content`, children: [sysContent, ...content] })
-  ] });
-};
-
-exports.LayoutList = LayoutList;
-//# sourceMappingURL=LayoutList.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutList.js","sources":["../../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":["../../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,129 +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');
-require('@vuu-ui/vuu-ui-controls');
-require('clsx');
-var loginUtils = require('../login/login-utils.js');
-var screenshotUtils = require('./screenshot-utils.js');
-var SaveLayoutPanel$1 = require('./SaveLayoutPanel.css.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] = loginUtils.getAuthDetailsFromCookies();
-  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,
-        {
-          className: `${classBase}-saveButton`,
-          onClick: handleSubmit,
-          disabled: layoutName === "" || group === "",
-          variant: "cta",
-          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":["../../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":["useWindow","useComponentCssInjection","saveLayoutPanelCss","useState","getAuthDetailsFromCookies","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,264 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuLayout = require('@vuu-ui/vuu-layout');
-var vuuPopups = require('@vuu-ui/vuu-popups');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var React = require('react');
-var PersistenceProvider = require('../persistence-manager/PersistenceProvider.js');
-require('../persistence-manager/LocalPersistenceManager.js');
-require('@vuu-ui/vuu-ui-controls');
-require('@salt-ds/core');
-require('@salt-ds/styles');
-require('@salt-ds/window');
-require('clsx');
-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 notify = vuuPopups.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) => {
-      notify({
-        type: "error",
-        header: "Failed to Load Layouts",
-        body: "Could not load list of available layouts"
-      });
-      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) => {
-      notify({
-        type: "error",
-        header: "Failed to Load Layout",
-        body: "Could not load your latest view"
-      });
-      console.error(
-        "Error occurred while retrieving application layout",
-        error
-      );
-    });
-  }, [
-    TabstripProps,
-    activeLayoutIndex,
-    customWorkspaceJSON,
-    layoutJSON,
-    notify,
-    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) => {
-          notify({
-            type: "success",
-            header: "Layout Saved Successfully",
-            body: `${metadata2.name} saved successfully`
-          });
-          setLayoutMetadata((prev) => [...prev, metadata2]);
-        }).catch((error) => {
-          notify({
-            type: "error",
-            header: "Failed to Save Layout",
-            body: `Failed to save layout ${metadata.name}`
-          });
-          console.error("Error occurred while saving layout", error);
-        });
-      } else {
-        console.error("Tried to save invalid layout", layoutToSave);
-        notify({
-          type: "error",
-          header: "Failed to Save Layout",
-          body: "Cannot save invalid layout"
-        });
-      }
-    },
-    [notify, 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) => {
-        notify({
-          type: "error",
-          header: "Failed to Load Layout",
-          body: "Failed to load the requested layout"
-        });
-        console.error("Error occurred while loading layout", error);
-      });
-    },
-    [notify, 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