@vuu-ui/vuu-shell 0.8.32 → 0.8.34

package/esm/packages/vuu-shell/src/layout-management/LayoutTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutTile.js","sources":["../../../../../src/layout-management/LayoutTile.tsx"],"sourcesContent":["import { LayoutMetadata } from \"./layoutTypes\";\n\nimport \"./LayoutTile.css\";\n\nconst classBase = \"vuuLayoutTile\";\n\ntype LayoutTileProps = {\n  metadata: LayoutMetadata;\n  handleLoadLayout: (layoutId?: string) => void;\n};\n\nexport const LayoutTile = (props: LayoutTileProps) => {\n  const { metadata, handleLoadLayout } = props;\n\n  return (\n    <div role=\"listitem\">\n      <div\n        className={`${classBase}-layoutTile`}\n        key={metadata?.id}\n        role=\"button\"\n        onClick={() => handleLoadLayout(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?.user}, ${metadata?.created}`}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;AAIA,MAAM,SAAY,GAAA,eAAA,CAAA;AAOL,MAAA,UAAA,GAAa,CAAC,KAA2B,KAAA;AACpD,EAAM,MAAA,EAAE,QAAU,EAAA,gBAAA,EAAqB,GAAA,KAAA,CAAA;AAEvC,EACE,uBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,IAAA,EAAK,UACR,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,SAAS,CAAA,WAAA,CAAA;AAAA,MAEvB,IAAK,EAAA,QAAA;AAAA,MACL,OAAS,EAAA,MAAM,gBAAiB,CAAA,QAAA,EAAU,EAAE,CAAA;AAAA,MAE5C,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAe,WAAA,CAAA,EAAA,GAAA,EAAK,UAAU,UAAY,EAAA,CAAA;AAAA,6BACrE,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAA,WAAA,CAAA,EAAgB,oBAAU,IAAK,EAAA,CAAA;AAAA,0BAC1D,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAC1B,cAAA,CAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAK,EAAA,EAAA,QAAA,EAAA,CAAA,EAAG,UAAU,IAAI,CAAA,EAAA,EAAK,QAAU,EAAA,OAAO,IAAG,CAClD,EAAA,CAAA;AAAA,SACF,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,IAVK,QAAU,EAAA,EAAA;AAAA,GAYnB,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/esm/packages/vuu-shell/src/layout-management/SaveLayoutPanel.js

@@ -0,0 +1,138 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ComboBox, Checkbox, RadioButton } from '@vuu-ui/vuu-ui-controls';
+import { takeScreenshot } from './screenshot-utils.js';
+import { Text, FormField, FormFieldLabel, Input, Button } from '@salt-ds/core';
+import { useState, useEffect, useMemo } from 'react';
+import 'clsx';
+import { getAuthDetailsFromCookies } from '../login/login-utils.js';
+
+const classBase = "saveLayoutPanel";
+const formField = `${classBase}-formField`;
+const groups = ["Group 1", "Group 2", "Group 3", "Group 4", "Group 5"];
+const checkboxValues = ["Value 1", "Value 2", "Value 3"];
+const radioValues = ["Value 1", "Value 2", "Value 3"];
+const SaveLayoutPanel = (props) => {
+  const { defaultTitle = "", onCancel, onSave, componentId } = props;
+  const [layoutName, setLayoutName] = useState(defaultTitle);
+  const [group, setGroup] = useState("");
+  const [checkValues, setCheckValues] = useState([]);
+  const [radioValue, setRadioValue] = useState(radioValues[0]);
+  const [screenshot, setScreenshot] = useState();
+  const [screenshotErrorMessage, setScreenshotErrorMessage] = useState();
+  const [username] = getAuthDetailsFromCookies();
+  useEffect(() => {
+    if (componentId) {
+      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 = useMemo(() => {
+    if (screenshot) {
+      return /* @__PURE__ */ jsx(
+        "img",
+        {
+          className: `${classBase}-screenshot`,
+          src: screenshot,
+          alt: "screenshot of current layout"
+        }
+      );
+    }
+    if (screenshotErrorMessage) {
+      return /* @__PURE__ */ jsx(Text, { children: screenshotErrorMessage });
+    }
+    return /* @__PURE__ */ jsx("div", { className: "spinner" });
+  }, [screenshot, screenshotErrorMessage]);
+  return /* @__PURE__ */ jsxs("div", { className: `${classBase}-panelContainer`, children: [
+    /* @__PURE__ */ jsxs("div", { className: `${classBase}-panelContent`, children: [
+      /* @__PURE__ */ jsxs("div", { className: `${classBase}-formContainer`, children: [
+        /* @__PURE__ */ jsxs(FormField, { className: formField, children: [
+          /* @__PURE__ */ jsx(FormFieldLabel, { children: "Group" }),
+          /* @__PURE__ */ jsx(
+            ComboBox,
+            {
+              source: groups,
+              allowFreeText: true,
+              InputProps: {
+                inputProps: {
+                  className: `${classBase}-inputText`,
+                  placeholder: "Select Group or Enter New Name",
+                  onChange: (event) => setGroup(event.target.value)
+                }
+              },
+              width: "100%",
+              onSelectionChange: (_, value) => setGroup(value || "")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(FormField, { className: formField, children: [
+          /* @__PURE__ */ jsx(FormFieldLabel, { children: "Layout Name" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              inputProps: {
+                className: `${classBase}-inputText`,
+                placeholder: "Enter Layout Name"
+              },
+              onChange: (event) => setLayoutName(event.target.value),
+              value: layoutName
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(FormField, { className: formField, children: [
+          /* @__PURE__ */ jsx(FormFieldLabel, { children: "Some Layout Setting" }),
+          /* @__PURE__ */ jsx("div", { className: `${classBase}-settingsGroup`, children: checkboxValues.map((value, i) => /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              onToggle: () => setCheckValues(
+                (prev) => prev.includes(value) ? prev.filter((entry) => entry !== value) : [...prev, value]
+              ),
+              checked: checkValues.includes(value),
+              label: value
+            },
+            i
+          )) })
+        ] }),
+        /* @__PURE__ */ jsxs(FormField, { className: formField, children: [
+          /* @__PURE__ */ jsx(FormFieldLabel, { children: "Some Layout Setting" }),
+          /* @__PURE__ */ jsx("div", { className: `${classBase}-settingsGroup`, children: radioValues.map((value, i) => /* @__PURE__ */ jsx(
+            RadioButton,
+            {
+              onClick: () => setRadioValue(value),
+              checked: radioValue === value,
+              label: value,
+              groupName: "radioGroup"
+            },
+            i
+          )) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: `${classBase}-screenshotContainer`, children: screenshotContent })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: `${classBase}-buttonsContainer`, children: [
+      /* @__PURE__ */ jsx(Button, { className: `${classBase}-cancelButton`, onClick: onCancel, children: "Cancel" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: `${classBase}-saveButton`,
+          onClick: handleSubmit,
+          disabled: layoutName === "" || group === "",
+          children: "Save"
+        }
+      )
+    ] })
+  ] });
+};
+
+export { SaveLayoutPanel };
+//# sourceMappingURL=SaveLayoutPanel.js.map

package/esm/packages/vuu-shell/src/layout-management/SaveLayoutPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveLayoutPanel.js","sources":["../../../../../src/layout-management/SaveLayoutPanel.tsx"],"sourcesContent":["import { Checkbox, ComboBox, RadioButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { takeScreenshot } from \"./screenshot-utils\";\nimport { Button, FormField, FormFieldLabel, Input, Text } from \"@salt-ds/core\";\nimport { ChangeEvent, useEffect, useMemo, useState } from \"react\";\nimport { LayoutMetadataDto } from \"./layoutTypes\";\nimport { getAuthDetailsFromCookies } from \"../login\";\n\nimport \"./SaveLayoutPanel.css\";\n\nconst classBase = \"saveLayoutPanel\";\nconst formField = `${classBase}-formField`;\n\nconst groups = [\"Group 1\", \"Group 2\", \"Group 3\", \"Group 4\", \"Group 5\"];\n\nconst checkboxValues = [\"Value 1\", \"Value 2\", \"Value 3\"];\n\nconst radioValues = [\"Value 1\", \"Value 2\", \"Value 3\"] as const;\n\ntype RadioValue = (typeof radioValues)[number];\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 [layoutName, setLayoutName] = useState<string>(defaultTitle);\n  const [group, setGroup] = useState<string>(\"\");\n  const [checkValues, setCheckValues] = useState<string[]>([]);\n  const [radioValue, setRadioValue] = useState<RadioValue>(radioValues[0]);\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  return (\n    <div className={`${classBase}-panelContainer`}>\n      <div className={`${classBase}-panelContent`}>\n        <div className={`${classBase}-formContainer`}>\n          <FormField className={formField}>\n            <FormFieldLabel>Group</FormFieldLabel>\n            <ComboBox\n              source={groups}\n              allowFreeText\n              InputProps={{\n                inputProps: {\n                  className: `${classBase}-inputText`,\n                  placeholder: \"Select Group or Enter New Name\",\n                  onChange: (event: ChangeEvent<HTMLInputElement>) =>\n                    setGroup(event.target.value),\n                },\n              }}\n              width=\"100%\"\n              onSelectionChange={(_, value) => setGroup(value || \"\")}\n            />\n          </FormField>\n          <FormField className={formField}>\n            <FormFieldLabel>Layout Name</FormFieldLabel>\n            <Input\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          <FormField className={formField}>\n            <FormFieldLabel>Some Layout Setting</FormFieldLabel>\n            <div className={`${classBase}-settingsGroup`}>\n              {checkboxValues.map((value, i) => (\n                <Checkbox\n                  key={i}\n                  onToggle={() =>\n                    setCheckValues((prev) =>\n                      prev.includes(value)\n                        ? prev.filter((entry) => entry !== value)\n                        : [...prev, value]\n                    )\n                  }\n                  checked={checkValues.includes(value)}\n                  label={value}\n                />\n              ))}\n            </div>\n          </FormField>\n          <FormField className={formField}>\n            <FormFieldLabel>Some Layout Setting</FormFieldLabel>\n            <div className={`${classBase}-settingsGroup`}>\n              {radioValues.map((value, i) => (\n                <RadioButton\n                  key={i}\n                  onClick={() => setRadioValue(value)}\n                  checked={radioValue === value}\n                  label={value}\n                  groupName=\"radioGroup\"\n                />\n              ))}\n            </div>\n          </FormField>\n        </div>\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        >\n          Save\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["screenshot"],"mappings":"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"}

package/esm/packages/vuu-shell/src/layout-management/screenshot-utils.js

@@ -0,0 +1,23 @@
+import { toPng } from '../../../../node_modules/html-to-image/es/index.js';
+
+const takeScreenshot = (node) => {
+  return new Promise((resolve, reject) => {
+    toPng(node, {
+      cacheBust: true
+    }).then((screenshot) => {
+      if (!screenshot) {
+        reject(new Error("No Screenshot available"));
+      }
+      resolve(screenshot);
+    }).catch((error) => {
+      console.error(
+        "the following error occurred while taking a screenshot of a DOMNode",
+        error
+      );
+      reject(new Error("Error taking screenshot"));
+    });
+  });
+};
+
+export { takeScreenshot };
+//# sourceMappingURL=screenshot-utils.js.map

package/esm/packages/vuu-shell/src/layout-management/screenshot-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenshot-utils.js","sources":["../../../../../src/layout-management/screenshot-utils.ts"],"sourcesContent":["import { toPng } from \"html-to-image\";\n\n/**\n * Takes a screenshot of the given node and returns the base64 encoded image url\n * @param node HTMLElement to take screenshot of\n * @returns Base64 encoded image url\n */\nexport const takeScreenshot = (node: HTMLElement): Promise<string> => {\n  return new Promise((resolve, reject) => {\n    toPng(node, {\n      cacheBust: true /*,\n      filter: (child) =>\n        // remove content of table rows\n        child.nodeType === Node.TEXT_NODE ||\n        child.getAttribute(\"role\") !== \"row\",*/,\n    })\n      .then((screenshot) => {\n        if (!screenshot) {\n          reject(new Error(\"No Screenshot available\"));\n        }\n        resolve(screenshot);\n      })\n      .catch((error: Error) => {\n        console.error(\n          \"the following error occurred while taking a screenshot of a DOMNode\",\n          error\n        );\n        reject(new Error(\"Error taking screenshot\"));\n      });\n  });\n};\n"],"names":[],"mappings":";;AAOa,MAAA,cAAA,GAAiB,CAAC,IAAuC,KAAA;AACpE,EAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAW,KAAA;AACtC,IAAA,KAAA,CAAM,IAAM,EAAA;AAAA,MACV,SAAW,EAAA,IAAA;AAAA,KAKZ,CAAA,CACE,IAAK,CAAA,CAAC,UAAe,KAAA;AACpB,MAAA,IAAI,CAAC,UAAY,EAAA;AACf,QAAO,MAAA,CAAA,IAAI,KAAM,CAAA,yBAAyB,CAAC,CAAA,CAAA;AAAA,OAC7C;AACA,MAAA,OAAA,CAAQ,UAAU,CAAA,CAAA;AAAA,KACnB,CAAA,CACA,KAAM,CAAA,CAAC,KAAiB,KAAA;AACvB,MAAQ,OAAA,CAAA,KAAA;AAAA,QACN,qEAAA;AAAA,QACA,KAAA;AAAA,OACF,CAAA;AACA,MAAO,MAAA,CAAA,IAAI,KAAM,CAAA,yBAAyB,CAAC,CAAA,CAAA;AAAA,KAC5C,CAAA,CAAA;AAAA,GACJ,CAAA,CAAA;AACH;;;;"}

package/esm/packages/vuu-shell/src/layout-management/useLayoutContextMenuItems.js

@@ -0,0 +1,70 @@
+import { jsx } from 'react/jsx-runtime';
+import { useCallback, useMemo } from 'react';
+import { useLayoutManager } from './useLayoutManager.js';
+import { SaveLayoutPanel } from './SaveLayoutPanel.js';
+
+const useLayoutContextMenuItems = (setDialogState) => {
+  const { saveLayout } = useLayoutManager();
+  const handleCloseDialog = useCallback(() => {
+    setDialogState(void 0);
+  }, [setDialogState]);
+  const handleSave = useCallback(
+    (layoutMetadata) => {
+      saveLayout(layoutMetadata);
+      setDialogState(void 0);
+    },
+    [saveLayout, setDialogState]
+  );
+  const [buildMenuOptions, handleMenuAction] = useMemo(() => {
+    return [
+      (location, options) => {
+        const locations = location.split(" ");
+        const menuDescriptors = [];
+        if (locations.includes("main-tab")) {
+          menuDescriptors.push(
+            {
+              label: "Save Layout",
+              action: "save-layout",
+              options
+            },
+            {
+              label: "Layout Settings",
+              action: "layout-settings",
+              options
+            }
+          );
+        }
+        return menuDescriptors;
+      },
+      (action) => {
+        console.log("menu action", {
+          action
+        });
+        if (action.menuId === "save-layout") {
+          setDialogState({
+            content: /* @__PURE__ */ jsx(
+              SaveLayoutPanel,
+              {
+                onCancel: handleCloseDialog,
+                onSave: handleSave,
+                componentId: action.options?.controlledComponentId,
+                defaultTitle: action.options?.controlledComponentTitle
+              }
+            ),
+            title: "Save Layout",
+            hideCloseButton: true
+          });
+          return true;
+        }
+        return false;
+      }
+    ];
+  }, [handleCloseDialog, handleSave, setDialogState]);
+  return {
+    buildMenuOptions,
+    handleMenuAction
+  };
+};
+
+export { useLayoutContextMenuItems };
+//# sourceMappingURL=useLayoutContextMenuItems.js.map

package/esm/packages/vuu-shell/src/layout-management/useLayoutContextMenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutContextMenuItems.js","sources":["../../../../../src/layout-management/useLayoutContextMenuItems.tsx"],"sourcesContent":["import {\n  ContextMenuItemDescriptor,\n  MenuActionHandler,\n  MenuBuilder,\n} from \"@vuu-ui/vuu-data-types\";\nimport { useCallback, useMemo } from \"react\";\nimport { MenuActionClosePopup, SetDialog } from \"@vuu-ui/vuu-popups\";\nimport { useLayoutManager } from \"./useLayoutManager\";\nimport { LayoutMetadataDto } from \"./layoutTypes\";\nimport { SaveLayoutPanel } from \"./SaveLayoutPanel\";\n\nexport const useLayoutContextMenuItems = (setDialogState: SetDialog) => {\n  const { saveLayout } = useLayoutManager();\n\n  const handleCloseDialog = useCallback(() => {\n    setDialogState(undefined);\n  }, [setDialogState]);\n\n  const handleSave = useCallback(\n    (layoutMetadata: LayoutMetadataDto) => {\n      saveLayout(layoutMetadata);\n      setDialogState(undefined);\n    },\n    [saveLayout, setDialogState]\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(\"main-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        console.log(\"menu action\", {\n          action,\n        });\n        if (action.menuId === \"save-layout\") {\n          setDialogState({\n            content: (\n              <SaveLayoutPanel\n                onCancel={handleCloseDialog}\n                onSave={handleSave}\n                componentId={action.options?.controlledComponentId}\n                defaultTitle={\n                  action.options?.controlledComponentTitle as string\n                }\n              />\n            ),\n            title: \"Save Layout\",\n            hideCloseButton: true,\n          });\n          return true;\n        }\n        return false;\n      },\n    ];\n  }, [handleCloseDialog, handleSave, setDialogState]);\n\n  return {\n    buildMenuOptions,\n    handleMenuAction,\n  };\n};\n"],"names":[],"mappings":";;;;;AAWa,MAAA,yBAAA,GAA4B,CAAC,cAA8B,KAAA;AACtE,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAExC,EAAM,MAAA,iBAAA,GAAoB,YAAY,MAAM;AAC1C,IAAA,cAAA,CAAe,KAAS,CAAA,CAAA,CAAA;AAAA,GAC1B,EAAG,CAAC,cAAc,CAAC,CAAA,CAAA;AAEnB,EAAA,MAAM,UAAa,GAAA,WAAA;AAAA,IACjB,CAAC,cAAsC,KAAA;AACrC,MAAA,UAAA,CAAW,cAAc,CAAA,CAAA;AACzB,MAAA,cAAA,CAAe,KAAS,CAAA,CAAA,CAAA;AAAA,KAC1B;AAAA,IACA,CAAC,YAAY,cAAc,CAAA;AAAA,GAC7B,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,UAAU,CAAG,EAAA;AAClC,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,QAAA,OAAA,CAAQ,IAAI,aAAe,EAAA;AAAA,UACzB,MAAA;AAAA,SACD,CAAA,CAAA;AACD,QAAI,IAAA,MAAA,CAAO,WAAW,aAAe,EAAA;AACnC,UAAe,cAAA,CAAA;AAAA,YACb,OACE,kBAAA,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,EACE,OAAO,OAAS,EAAA,wBAAA;AAAA,eAAA;AAAA,aAEpB;AAAA,YAEF,KAAO,EAAA,aAAA;AAAA,YACP,eAAiB,EAAA,IAAA;AAAA,WAClB,CAAA,CAAA;AACD,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AACA,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,KACF,CAAA;AAAA,GACC,EAAA,CAAC,iBAAmB,EAAA,UAAA,EAAY,cAAc,CAAC,CAAA,CAAA;AAElD,EAAO,OAAA;AAAA,IACL,gBAAA;AAAA,IACA,gBAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/esm/packages/vuu-shell/src/layout-management/useLayoutManager.js

@@ -0,0 +1,214 @@
+import { jsx } from 'react/jsx-runtime';
+import React, { useState, useRef, useCallback, useEffect, useContext } from 'react';
+import { isLayoutJSON, resolveJSONPath } from '@vuu-ui/vuu-layout';
+import { useNotifications } from '@vuu-ui/vuu-popups';
+import { defaultApplicationJson, loadingApplicationJson } from '../persistence-management/defaultApplicationJson.js';
+import { LocalPersistenceManager } from '../persistence-management/LocalPersistenceManager.js';
+import { RemotePersistenceManager } from '../persistence-management/RemotePersistenceManager.js';
+
+let _persistenceManager;
+const getPersistenceManager = () => {
+  if (_persistenceManager === void 0) {
+    _persistenceManager = process.env.LOCAL ? new LocalPersistenceManager() : new RemotePersistenceManager();
+  }
+  return _persistenceManager;
+};
+const LayoutManagementContext = React.createContext({
+  getApplicationSettings: () => void 0,
+  layoutMetadata: [],
+  saveLayout: () => void 0,
+  // The default Application JSON will be served if no LayoutManagementProvider
+  applicationJson: defaultApplicationJson,
+  saveApplicationLayout: () => void 0,
+  saveApplicationSettings: () => void 0,
+  loadLayoutById: () => void 0
+});
+const ensureLayoutHasTitle = (layout, layoutMetadata) => {
+  if (layout.props?.title !== void 0) {
+    return layout;
+  } else {
+    return {
+      ...layout,
+      props: {
+        ...layout.props,
+        title: layoutMetadata.name
+      }
+    };
+  }
+};
+const LayoutManagementProvider = (props) => {
+  const [layoutMetadata, setLayoutMetadata] = useState([]);
+  const [, forceRefresh] = useState({});
+  const notify = useNotifications();
+  const applicationJSONRef = useRef(loadingApplicationJson);
+  const setApplicationJSON = useCallback(
+    (applicationJSON, rerender = true) => {
+      applicationJSONRef.current = applicationJSON;
+      if (rerender) {
+        forceRefresh({});
+      }
+    },
+    []
+  );
+  const setApplicationLayout = useCallback(
+    (layout, rerender = true) => {
+      setApplicationJSON(
+        {
+          ...applicationJSONRef.current,
+          layout
+        },
+        rerender
+      );
+    },
+    [setApplicationJSON]
+  );
+  const setApplicationSettings = useCallback(
+    (settings) => {
+      setApplicationJSON(
+        {
+          ...applicationJSONRef.current,
+          settings: {
+            ...applicationJSONRef.current.settings,
+            ...settings
+          }
+        },
+        false
+      );
+    },
+    [setApplicationJSON]
+  );
+  useEffect(() => {
+    const persistenceManager = getPersistenceManager();
+    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) => {
+      setApplicationJSON(applicationJSON);
+    }).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
+      );
+    });
+  }, [notify, setApplicationJSON]);
+  const saveApplicationLayout = useCallback(
+    (layout) => {
+      if (isLayoutJSON(layout)) {
+        setApplicationLayout(layout, false);
+        getPersistenceManager().saveApplicationJSON(applicationJSONRef.current);
+      } else {
+        console.error("Tried to save invalid application layout", layout);
+      }
+    },
+    [setApplicationLayout]
+  );
+  const saveLayout = useCallback(
+    (metadata) => {
+      const layoutToSave = resolveJSONPath(
+        applicationJSONRef.current.layout,
+        "#main-tabs.ACTIVE_CHILD"
+      );
+      if (layoutToSave && isLayoutJSON(layoutToSave)) {
+        getPersistenceManager().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]
+  );
+  const saveApplicationSettings = useCallback(
+    (settings, key) => {
+      const { settings: applicationSettings } = applicationJSONRef.current;
+      if (key) {
+        setApplicationSettings({
+          ...applicationSettings,
+          [key]: settings
+        });
+      } else {
+        setApplicationSettings(settings);
+      }
+      getPersistenceManager().saveApplicationJSON(applicationJSONRef.current);
+    },
+    [setApplicationSettings]
+  );
+  const getApplicationSettings = useCallback(
+    (key) => {
+      const { settings } = applicationJSONRef.current;
+      return key ? settings?.[key] : settings;
+    },
+    []
+  );
+  const loadLayoutById = useCallback(
+    (id) => {
+      getPersistenceManager().loadLayout(id).then((layoutJson) => {
+        const { layout: currentLayout } = applicationJSONRef.current;
+        setApplicationLayout({
+          ...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, setApplicationLayout]
+  );
+  return /* @__PURE__ */ jsx(
+    LayoutManagementContext.Provider,
+    {
+      value: {
+        getApplicationSettings,
+        layoutMetadata,
+        saveLayout,
+        applicationJson: applicationJSONRef.current,
+        saveApplicationLayout,
+        saveApplicationSettings,
+        loadLayoutById
+      },
+      children: props.children
+    }
+  );
+};
+const useLayoutManager = () => useContext(LayoutManagementContext);
+
+export { LayoutManagementContext, LayoutManagementProvider, useLayoutManager };
+//# sourceMappingURL=useLayoutManager.js.map

package/esm/packages/vuu-shell/src/layout-management/useLayoutManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutManager.js","sources":["../../../../../src/layout-management/useLayoutManager.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  ApplicationJSON,\n  ApplicationSettings,\n  LayoutJSON,\n  resolveJSONPath,\n  ApplicationSetting,\n  isLayoutJSON,\n} from \"@vuu-ui/vuu-layout\";\nimport { useNotifications } from \"@vuu-ui/vuu-popups\";\nimport { LayoutMetadata, LayoutMetadataDto } from \"./layoutTypes\";\nimport {\n  defaultApplicationJson,\n  PersistenceManager,\n  loadingApplicationJson,\n  LocalPersistenceManager,\n  RemotePersistenceManager,\n} from \"../persistence-management\";\n\nlet _persistenceManager: PersistenceManager;\n\nconst getPersistenceManager = () => {\n  if (_persistenceManager === undefined) {\n    _persistenceManager = process.env.LOCAL\n      ? new LocalPersistenceManager()\n      : new RemotePersistenceManager();\n  }\n  return _persistenceManager;\n};\n\nexport const LayoutManagementContext = React.createContext<{\n  layoutMetadata: LayoutMetadata[];\n  saveLayout: (n: LayoutMetadataDto) => void;\n  applicationJson: ApplicationJSON;\n  saveApplicationLayout: (layout: LayoutJSON) => void;\n  getApplicationSettings: (\n    key?: keyof ApplicationSettings\n  ) => ApplicationSettings | ApplicationSetting | undefined;\n  saveApplicationSettings: (\n    settings: ApplicationSettings | ApplicationSetting,\n    key?: keyof ApplicationSettings\n  ) => void;\n  loadLayoutById: (id: string) => void;\n}>({\n  getApplicationSettings: () => undefined,\n  layoutMetadata: [],\n  saveLayout: () => undefined,\n  // The default Application JSON will be served if no LayoutManagementProvider\n  applicationJson: defaultApplicationJson,\n  saveApplicationLayout: () => undefined,\n  saveApplicationSettings: () => undefined,\n  loadLayoutById: () => undefined,\n});\n\ntype LayoutManagementProviderProps = {\n  children: JSX.Element | JSX.Element[];\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\nexport const LayoutManagementProvider = (\n  props: LayoutManagementProviderProps\n) => {\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 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 setApplicationLayout = useCallback(\n    (layout: LayoutJSON, rerender = true) => {\n      setApplicationJSON(\n        {\n          ...applicationJSONRef.current,\n          layout,\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    const persistenceManager = getPersistenceManager();\n\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        setApplicationJSON(applicationJSON);\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  }, [notify, setApplicationJSON]);\n\n  const saveApplicationLayout = useCallback(\n    (layout: LayoutJSON) => {\n      if (isLayoutJSON(layout)) {\n        setApplicationLayout(layout, false);\n        getPersistenceManager().saveApplicationJSON(applicationJSONRef.current);\n      } else {\n        console.error(\"Tried to save invalid application layout\", layout);\n      }\n    },\n    [setApplicationLayout]\n  );\n\n  const saveLayout = useCallback(\n    (metadata: LayoutMetadataDto) => {\n      const layoutToSave = resolveJSONPath(\n        applicationJSONRef.current.layout,\n        \"#main-tabs.ACTIVE_CHILD\"\n      );\n\n      if (layoutToSave && isLayoutJSON(layoutToSave)) {\n        getPersistenceManager()\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]\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      getPersistenceManager().saveApplicationJSON(applicationJSONRef.current);\n    },\n    [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      getPersistenceManager()\n        .loadLayout(id)\n        .then((layoutJson) => {\n          const { layout: currentLayout } = applicationJSONRef.current;\n          setApplicationLayout({\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, setApplicationLayout]\n  );\n\n  return (\n    <LayoutManagementContext.Provider\n      value={{\n        getApplicationSettings,\n        layoutMetadata,\n        saveLayout,\n        applicationJson: applicationJSONRef.current,\n        saveApplicationLayout,\n        saveApplicationSettings,\n        loadLayoutById,\n      }}\n    >\n      {props.children}\n    </LayoutManagementContext.Provider>\n  );\n};\n\nexport const useLayoutManager = () => useContext(LayoutManagementContext);\n"],"names":["metadata"],"mappings":"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"}