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

package/cjs/persistence-manager/StaticPersistenceManager.js

@@ -1,73 +0,0 @@
-'use strict';
-
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
-var _applicationLoadDelay, _applicationJSON, _layoutMetaData;
-function unsupported() {
-  return new Promise((_, reject) => {
-    reject("not supported");
-  });
-}
-class StaticPersistenceManager {
-  constructor({
-    applicationJSON,
-    applicationLoadDelay = 0,
-    layoutMetadata = []
-  }) {
-    __privateAdd(this, _applicationLoadDelay);
-    __privateAdd(this, _applicationJSON);
-    __privateAdd(this, _layoutMetaData);
-    __privateSet(this, _applicationJSON, applicationJSON);
-    __privateSet(this, _applicationLoadDelay, applicationLoadDelay);
-    __privateSet(this, _layoutMetaData, layoutMetadata);
-  }
-  createLayout() {
-    return unsupported();
-  }
-  clearUserSettings() {
-  }
-  updateLayout() {
-    return unsupported();
-  }
-  deleteLayout() {
-    return unsupported();
-  }
-  loadLayout(id) {
-    console.log(`load layout #${id}`);
-    return unsupported();
-  }
-  loadMetadata() {
-    return Promise.resolve(__privateGet(this, _layoutMetaData));
-  }
-  loadApplicationJSON() {
-    return new Promise((resolve) => {
-      setTimeout(() => {
-        resolve(__privateGet(this, _applicationJSON));
-      }, __privateGet(this, _applicationLoadDelay));
-    });
-  }
-  async saveApplicationJSON(applicationJson) {
-    console.log(`save application json `, {
-      applicationJson
-    });
-  }
-  async getUserSettings() {
-    return __privateGet(this, _applicationJSON)?.userSettings ?? {};
-  }
-  saveUserSettings(userSettings) {
-    console.log("saveUserSettings not implemented", {
-      userSettings
-    });
-  }
-}
-_applicationLoadDelay = new WeakMap();
-_applicationJSON = new WeakMap();
-_layoutMetaData = new WeakMap();
-
-exports.StaticPersistenceManager = StaticPersistenceManager;
-//# sourceMappingURL=StaticPersistenceManager.js.map

package/cjs/persistence-manager/StaticPersistenceManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StaticPersistenceManager.js","sources":["../../../../packages/vuu-shell/src/persistence-manager/StaticPersistenceManager.ts"],"sourcesContent":["import {\n  ApplicationJSON,\n  LayoutJSON,\n  LayoutMetadata,\n  Settings,\n} from \"@vuu-ui/vuu-utils\";\nimport { IPersistenceManager } from \"./PersistenceManager\";\n\nfunction unsupported<T = void>() {\n  return new Promise<T>((_, reject) => {\n    reject(\"not supported\");\n  });\n}\n\n/**\n * Use in Showcase examples only\n */\nexport class StaticPersistenceManager implements IPersistenceManager {\n  #applicationLoadDelay: number;\n  #applicationJSON?: ApplicationJSON;\n  #layoutMetaData: LayoutMetadata[];\n  constructor({\n    applicationJSON,\n    applicationLoadDelay = 0,\n    layoutMetadata = [],\n  }: {\n    applicationJSON?: ApplicationJSON;\n    applicationLoadDelay?: number;\n    layoutMetadata?: LayoutMetadata[];\n  }) {\n    this.#applicationJSON = applicationJSON;\n    this.#applicationLoadDelay = applicationLoadDelay;\n    this.#layoutMetaData = layoutMetadata;\n  }\n  createLayout() {\n    return unsupported<LayoutMetadata>();\n  }\n\n  clearUserSettings() {\n    // TODO\n  }\n  updateLayout() {\n    return unsupported();\n  }\n  deleteLayout() {\n    return unsupported();\n  }\n  loadLayout(id: string) {\n    console.log(`load layout #${id}`);\n    return unsupported<LayoutJSON>();\n  }\n  loadMetadata() {\n    return Promise.resolve(this.#layoutMetaData);\n  }\n  loadApplicationJSON() {\n    return new Promise<ApplicationJSON | undefined>((resolve) => {\n      setTimeout(() => {\n        resolve(this.#applicationJSON);\n      }, this.#applicationLoadDelay);\n    });\n  }\n  async saveApplicationJSON(applicationJson: ApplicationJSON) {\n    console.log(`save application json `, {\n      applicationJson,\n    });\n  }\n\n  async getUserSettings() {\n    return this.#applicationJSON?.userSettings ?? {};\n  }\n\n  saveUserSettings(userSettings: Settings) {\n    console.log(\"saveUserSettings not implemented\", {\n      userSettings,\n    });\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,qBAAA,EAAA,gBAAA,EAAA,eAAA;AAQA,SAAS,WAAwB,GAAA;AAC/B,EAAA,OAAO,IAAI,OAAA,CAAW,CAAC,CAAA,EAAG,MAAW,KAAA;AACnC,IAAA,MAAA,CAAO,eAAe,CAAA;AAAA,GACvB,CAAA;AACH;AAKO,MAAM,wBAAwD,CAAA;AAAA,EAInE,WAAY,CAAA;AAAA,IACV,eAAA;AAAA,IACA,oBAAuB,GAAA,CAAA;AAAA,IACvB,iBAAiB;AAAC,GAKjB,EAAA;AAXH,IAAA,YAAA,CAAA,IAAA,EAAA,qBAAA,CAAA;AACA,IAAA,YAAA,CAAA,IAAA,EAAA,gBAAA,CAAA;AACA,IAAA,YAAA,CAAA,IAAA,EAAA,eAAA,CAAA;AAUE,IAAA,YAAA,CAAA,IAAA,EAAK,gBAAmB,EAAA,eAAA,CAAA;AACxB,IAAA,YAAA,CAAA,IAAA,EAAK,qBAAwB,EAAA,oBAAA,CAAA;AAC7B,IAAA,YAAA,CAAA,IAAA,EAAK,eAAkB,EAAA,cAAA,CAAA;AAAA;AACzB,EACA,YAAe,GAAA;AACb,IAAA,OAAO,WAA4B,EAAA;AAAA;AACrC,EAEA,iBAAoB,GAAA;AAAA;AAEpB,EACA,YAAe,GAAA;AACb,IAAA,OAAO,WAAY,EAAA;AAAA;AACrB,EACA,YAAe,GAAA;AACb,IAAA,OAAO,WAAY,EAAA;AAAA;AACrB,EACA,WAAW,EAAY,EAAA;AACrB,IAAQ,OAAA,CAAA,GAAA,CAAI,CAAgB,aAAA,EAAA,EAAE,CAAE,CAAA,CAAA;AAChC,IAAA,OAAO,WAAwB,EAAA;AAAA;AACjC,EACA,YAAe,GAAA;AACb,IAAO,OAAA,OAAA,CAAQ,OAAQ,CAAA,YAAA,CAAA,IAAA,EAAK,eAAe,CAAA,CAAA;AAAA;AAC7C,EACA,mBAAsB,GAAA;AACpB,IAAO,OAAA,IAAI,OAAqC,CAAA,CAAC,OAAY,KAAA;AAC3D,MAAA,UAAA,CAAW,MAAM;AACf,QAAA,OAAA,CAAQ,mBAAK,gBAAgB,CAAA,CAAA;AAAA,OAC/B,EAAG,mBAAK,qBAAqB,CAAA,CAAA;AAAA,KAC9B,CAAA;AAAA;AACH,EACA,MAAM,oBAAoB,eAAkC,EAAA;AAC1D,IAAA,OAAA,CAAQ,IAAI,CAA0B,sBAAA,CAAA,EAAA;AAAA,MACpC;AAAA,KACD,CAAA;AAAA;AACH,EAEA,MAAM,eAAkB,GAAA;AACtB,IAAO,OAAA,YAAA,CAAA,IAAA,EAAK,gBAAkB,CAAA,EAAA,YAAA,IAAgB,EAAC;AAAA;AACjD,EAEA,iBAAiB,YAAwB,EAAA;AACvC,IAAA,OAAA,CAAQ,IAAI,kCAAoC,EAAA;AAAA,MAC9C;AAAA,KACD,CAAA;AAAA;AAEL;AA1DE,qBAAA,GAAA,IAAA,OAAA,EAAA;AACA,gBAAA,GAAA,IAAA,OAAA,EAAA;AACA,eAAA,GAAA,IAAA,OAAA,EAAA;;;;"}

package/cjs/shell-layout-templates/context-panel/ContextPanel.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var contextPanelCss = ".vuuContextPanel {\n  --header-height: var(--vuuContextPanel-header-height, 48px);\n  background: var(--vuuContextPanel-background, var(--salt-container-primary-background));\n  position: relative;\n  transition: width 0.3s ease-in-out;\n  width: var(--vuu-side-panel-width, 0px) !important;\n  z-index: 1;\n}\n\n.vuuContextPanel-expanded {\n  --vuu-side-panel-width: var(--vuuContextPanel-width, 300px) !important;\n  --vuu-side-panel-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1);\n  --vuu-side-panel-padding: var(--vuuContextPanel-padding, 24px);\n\n  .vuuView.vuuContextPanel-inner {\n    padding: 24px 8px 24px 18px;\n  }\n}\n\n.vuuContextPanel-overlay {\n  width: 0px !important;\n}\n\n.vuuView.vuuContextPanel-inner {\n  background-color: inherit;\n  box-shadow: var(--vuu-side-panel-shadow, none);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-width: 0 !important;\n  overflow: auto;\n  position: absolute !important;\n  right: 0;\n  top: 0;\n  transition-property: padding-left, padding-right, width;\n  transition-duration: 0.3s;\n  transition-timing-function: ease-in-out;\n  width: var(--vuu-side-panel-width, 0px);\n}\n\n.vuuContextPanel-header {\n  align-items: center;\n  display: flex;\n  flex-wrap: nowrap;\n  flex: 0 0 var(--header-height) !important;\n  justify-content: space-between;\n}\n\n.vuuContextPanel-title {\n  font-size: 20px;\n  font-weight: 700;\n  white-space: nowrap;\n}\n\n.vuuContextPanel-content {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  padding-right: 16px;\n  position: relative;\n  width: 100%;\n}\n";
-
-module.exports = contextPanelCss;
-//# sourceMappingURL=ContextPanel.css.js.map

package/cjs/shell-layout-templates/context-panel/ContextPanel.css.js.map

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

package/cjs/shell-layout-templates/context-panel/ContextPanel.js

@@ -1,100 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuLayout = require('@vuu-ui/vuu-layout');
-var vuuUiControls = require('@vuu-ui/vuu-ui-controls');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var cx = require('clsx');
-var React = require('react');
-var ContextPanel$1 = require('./ContextPanel.css.js');
-
-const classBase = "vuuContextPanel";
-const ContextPanel = ({
-  className: classNameProp,
-  expanded = false,
-  content: contentProp,
-  id,
-  onClose,
-  overlay = false,
-  title
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-context-panel",
-    css: ContextPanel$1,
-    window: targetWindow
-  });
-  const hideContextPanel = vuuUiControls.useHideContextPanel();
-  const closeButtonRef = React.useRef(null);
-  const dispatchLayoutAction = vuuLayout.useLayoutProviderDispatch();
-  const handleClose = React.useCallback(() => {
-    if (hideContextPanel) {
-      hideContextPanel();
-    } else {
-      dispatchLayoutAction({
-        path: `#${vuuUtils.VuuShellLocation.ContextPanel}`,
-        propName: "expanded",
-        propValue: false,
-        type: "set-prop"
-      });
-    }
-  }, [dispatchLayoutAction, hideContextPanel]);
-  const handleKeyDown = React.useCallback(
-    (e) => {
-      if (e.key === "Escape") {
-        handleClose();
-      }
-    },
-    [handleClose]
-  );
-  const className = cx(classBase, classNameProp, {
-    [`${classBase}-expanded`]: expanded,
-    [`${classBase}-inline`]: overlay !== true,
-    [`${classBase}-overlay`]: overlay
-  });
-  const content = React.useMemo(
-    () => contentProp && expanded ? React.isValidElement(contentProp) ? contentProp : vuuLayout.layoutFromJson(contentProp, "context-0") : null,
-    [contentProp, expanded]
-  );
-  React.useLayoutEffect(() => {
-    if (expanded) {
-      closeButtonRef.current?.focus();
-    } else {
-      onClose?.();
-    }
-  }, [expanded, onClose]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cx(classBase, className, "vuuScrollable", {
-        [`${classBase}-expanded`]: expanded
-      }),
-      id,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(vuuLayout.View, { className: `${classBase}-inner`, header: false, id, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${classBase}-header`, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${classBase}-title`, children: title }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            vuuUiControls.IconButton,
-            {
-              appearance: "transparent",
-              className: `${classBase}-close`,
-              "data-embedded": true,
-              icon: "close",
-              onClick: handleClose,
-              onKeyDown: handleKeyDown,
-              ref: closeButtonRef,
-              sentiment: "neutral",
-              size: 16
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-content`, children: content })
-      ] })
-    }
-  );
-};
-
-exports.ContextPanel = ContextPanel;
-//# sourceMappingURL=ContextPanel.js.map

package/cjs/shell-layout-templates/context-panel/ContextPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextPanel.js","sources":["../../../../../packages/vuu-shell/src/shell-layout-templates/context-panel/ContextPanel.tsx"],"sourcesContent":["import {\n  View,\n  layoutFromJson,\n  useLayoutProviderDispatch,\n} from \"@vuu-ui/vuu-layout\";\nimport { IconButton, useHideContextPanel } from \"@vuu-ui/vuu-ui-controls\";\nimport { LayoutJSON, VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport React, {\n  KeyboardEventHandler,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n} from \"react\";\n\nimport contextPanelCss from \"./ContextPanel.css\";\n\nconst classBase = \"vuuContextPanel\";\n\nexport interface ContextPanelProps {\n  [key: string]: unknown;\n  className?: string;\n  content?: ReactElement | LayoutJSON;\n  expanded?: boolean;\n  id?: string;\n  onClose?: () => void;\n  overlay?: boolean;\n  title?: ReactNode;\n}\n\nexport const ContextPanel = ({\n  className: classNameProp,\n  expanded = false,\n  content: contentProp,\n  id,\n  onClose,\n  overlay = false,\n  title,\n}: ContextPanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-context-panel\",\n    css: contextPanelCss,\n    window: targetWindow,\n  });\n\n  const hideContextPanel = useHideContextPanel();\n  const closeButtonRef = useRef<HTMLButtonElement>(null);\n  const dispatchLayoutAction = useLayoutProviderDispatch();\n  const handleClose = useCallback(() => {\n    if (hideContextPanel) {\n      hideContextPanel();\n    } else {\n      dispatchLayoutAction({\n        path: `#${VuuShellLocation.ContextPanel}`,\n        propName: \"expanded\",\n        propValue: false,\n        type: \"set-prop\",\n      });\n    }\n  }, [dispatchLayoutAction, hideContextPanel]);\n\n  const handleKeyDown = useCallback<KeyboardEventHandler>(\n    (e) => {\n      if (e.key === \"Escape\") {\n        handleClose();\n      }\n    },\n    [handleClose],\n  );\n\n  const className = cx(classBase, classNameProp, {\n    [`${classBase}-expanded`]: expanded,\n    [`${classBase}-inline`]: overlay !== true,\n    [`${classBase}-overlay`]: overlay,\n  });\n\n  const content = useMemo(\n    () =>\n      contentProp && expanded\n        ? React.isValidElement(contentProp)\n          ? contentProp\n          : layoutFromJson(contentProp, \"context-0\")\n        : null,\n    [contentProp, expanded],\n  );\n\n  useLayoutEffect(() => {\n    if (expanded) {\n      // Components loaded into the ContextPanel will often assume focus themselves,\n      //but if not, default to close button\n      closeButtonRef.current?.focus();\n    } else {\n      onClose?.();\n    }\n  }, [expanded, onClose]);\n\n  return (\n    <div\n      className={cx(classBase, className, \"vuuScrollable\", {\n        [`${classBase}-expanded`]: expanded,\n      })}\n      id={id}\n    >\n      <View className={`${classBase}-inner`} header={false} id={id}>\n        <div className={`${classBase}-header`}>\n          <h2 className={`${classBase}-title`}>{title}</h2>\n          <IconButton\n            appearance=\"transparent\"\n            className={`${classBase}-close`}\n            data-embedded\n            icon=\"close\"\n            onClick={handleClose}\n            onKeyDown={handleKeyDown}\n            ref={closeButtonRef}\n            sentiment=\"neutral\"\n            size={16}\n          />\n        </div>\n        <div className={`${classBase}-content`}>{content}</div>\n      </View>\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","contextPanelCss","useHideContextPanel","useRef","useLayoutProviderDispatch","useCallback","VuuShellLocation","useMemo","layoutFromJson","useLayoutEffect","jsx","jsxs","View","IconButton"],"mappings":"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"}

package/cjs/shell-layout-templates/full-height-left-panel/useFullHeightLeftPanel.js

@@ -1,51 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuLayout = require('@vuu-ui/vuu-layout');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var ContextPanel = require('../context-panel/ContextPanel.js');
-var SidePanel = require('../side-panel/SidePanel.js');
-var React = require('react');
-
-const useFullHeightLeftPanel = ({
-  appHeader,
-  SidePanelProps: LeftSidePanelProps,
-  htmlAttributes
-}) => React.useMemo(
-  () => /* @__PURE__ */ jsxRuntime.jsxs(
-    vuuLayout.Flexbox,
-    {
-      ...htmlAttributes,
-      style: {
-        ...htmlAttributes?.style,
-        flexDirection: "row"
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(SidePanel.SidePanel, { ...LeftSidePanelProps, id: vuuUtils.VuuShellLocation.SidePanel }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          vuuLayout.Flexbox,
-          {
-            className: "vuuShell-content",
-            style: { flex: 1, flexDirection: "column" },
-            children: [
-              appHeader,
-              /* @__PURE__ */ jsxRuntime.jsx(
-                vuuLayout.LayoutContainer,
-                {
-                  id: vuuUtils.VuuShellLocation.WorkspaceContainer,
-                  style: { flex: 1 }
-                },
-                "main-content"
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(ContextPanel.ContextPanel, { id: vuuUtils.VuuShellLocation.ContextPanel, overlay: true })
-      ]
-    }
-  ),
-  [LeftSidePanelProps, appHeader, htmlAttributes]
-);
-
-exports.useFullHeightLeftPanel = useFullHeightLeftPanel;
-//# sourceMappingURL=useFullHeightLeftPanel.js.map

package/cjs/shell-layout-templates/full-height-left-panel/useFullHeightLeftPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFullHeightLeftPanel.js","sources":["../../../../../packages/vuu-shell/src/shell-layout-templates/full-height-left-panel/useFullHeightLeftPanel.tsx"],"sourcesContent":["import { LayoutContainer, Flexbox } from \"@vuu-ui/vuu-layout\";\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport { ContextPanel } from \"../context-panel\";\nimport { SidePanel } from \"../side-panel\";\nimport { ShellLayoutTemplateHook } from \"../useShellLayout\";\nimport { useMemo } from \"react\";\n\nexport const useFullHeightLeftPanel: ShellLayoutTemplateHook = ({\n  appHeader,\n  SidePanelProps: LeftSidePanelProps,\n  htmlAttributes,\n}) =>\n  useMemo(\n    () => (\n      <Flexbox\n        {...htmlAttributes}\n        style={{\n          ...htmlAttributes?.style,\n          flexDirection: \"row\",\n        }}\n      >\n        <SidePanel {...LeftSidePanelProps} id={VuuShellLocation.SidePanel} />\n        <Flexbox\n          className=\"vuuShell-content\"\n          style={{ flex: 1, flexDirection: \"column\" }}\n        >\n          {appHeader}\n          <LayoutContainer\n            id={VuuShellLocation.WorkspaceContainer}\n            key=\"main-content\"\n            style={{ flex: 1 }}\n          />\n        </Flexbox>\n        <ContextPanel id={VuuShellLocation.ContextPanel} overlay></ContextPanel>\n      </Flexbox>\n    ),\n    [LeftSidePanelProps, appHeader, htmlAttributes],\n  );\n"],"names":["useMemo","jsxs","Flexbox","jsx","SidePanel","VuuShellLocation","LayoutContainer","ContextPanel"],"mappings":";;;;;;;;;AAOO,MAAM,yBAAkD,CAAC;AAAA,EAC9D,SAAA;AAAA,EACA,cAAgB,EAAA,kBAAA;AAAA,EAChB;AACF,CACE,KAAAA,aAAA;AAAA,EACE,sBACEC,eAAA;AAAA,IAACC,iBAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,KAAO,EAAA;AAAA,QACL,GAAG,cAAgB,EAAA,KAAA;AAAA,QACnB,aAAe,EAAA;AAAA,OACjB;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAACC,mBAAW,EAAA,EAAA,GAAG,kBAAoB,EAAA,EAAA,EAAIC,0BAAiB,SAAW,EAAA,CAAA;AAAA,wBACnEJ,eAAA;AAAA,UAACC,iBAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,kBAAA;AAAA,YACV,KAAO,EAAA,EAAE,IAAM,EAAA,CAAA,EAAG,eAAe,QAAS,EAAA;AAAA,YAEzC,QAAA,EAAA;AAAA,cAAA,SAAA;AAAA,8BACDC,cAAA;AAAA,gBAACG,yBAAA;AAAA,gBAAA;AAAA,kBACC,IAAID,yBAAiB,CAAA,kBAAA;AAAA,kBAErB,KAAA,EAAO,EAAE,IAAA,EAAM,CAAE;AAAA,iBAAA;AAAA,gBADb;AAAA;AAEN;AAAA;AAAA,SACF;AAAA,uCACCE,yBAAa,EAAA,EAAA,EAAA,EAAIF,yBAAiB,CAAA,YAAA,EAAc,SAAO,IAAC,EAAA;AAAA;AAAA;AAAA,GAC3D;AAAA,EAEF,CAAC,kBAAoB,EAAA,SAAA,EAAW,cAAc;AAChD;;;;"}

package/cjs/shell-layout-templates/inlay-left-panel/useInlayLeftPanel.js

@@ -1,83 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuLayout = require('@vuu-ui/vuu-layout');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var React = require('react');
-
-const useInlayLeftPanel = ({
-  SidePanelProps: LeftSidePanelProps,
-  appHeader,
-  htmlAttributes
-}) => {
-  const paletteView = React.useRef(null);
-  const [open, setOpen] = React.useState(true);
-  const handleDrawerClick = React.useCallback(
-    (e) => {
-      const target = e.target;
-      if (!paletteView.current?.contains(target)) {
-        setOpen(!open);
-      }
-    },
-    [open]
-  );
-  return React.useMemo(() => {
-    const getDrawers = (leftSidePanel) => {
-      const drawers = [];
-      drawers.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          vuuLayout.Drawer,
-          {
-            onClick: handleDrawerClick,
-            open,
-            position: "left",
-            inline: true,
-            peekaboo: true,
-            sizeOpen: 200,
-            toggleButton: "end",
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              vuuLayout.View,
-              {
-                className: "vuuShell-palette",
-                id: "vw-app-palette",
-                ref: paletteView,
-                style: { height: "100%" },
-                children: leftSidePanel
-              },
-              "app-palette"
-            )
-          },
-          "left-panel"
-        )
-      );
-      return drawers;
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      vuuLayout.Flexbox,
-      {
-        ...htmlAttributes,
-        style: {
-          ...htmlAttributes?.style,
-          flexDirection: "column"
-        },
-        children: [
-          appHeader,
-          /* @__PURE__ */ jsxRuntime.jsx(vuuLayout.DockLayout, { style: { flex: 1 }, children: getDrawers(LeftSidePanelProps?.children).concat(
-            /* @__PURE__ */ jsxRuntime.jsx(
-              vuuLayout.LayoutContainer,
-              {
-                dropTarget: true,
-                id: vuuUtils.VuuShellLocation.WorkspaceContainer,
-                style: { width: "100%", height: "100%" }
-              },
-              "main-content"
-            )
-          ) })
-        ]
-      }
-    );
-  }, [LeftSidePanelProps, appHeader, handleDrawerClick, htmlAttributes, open]);
-};
-
-exports.useInlayLeftPanel = useInlayLeftPanel;
-//# sourceMappingURL=useInlayLeftPanel.js.map

package/cjs/shell-layout-templates/inlay-left-panel/useInlayLeftPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInlayLeftPanel.js","sources":["../../../../../packages/vuu-shell/src/shell-layout-templates/inlay-left-panel/useInlayLeftPanel.tsx"],"sourcesContent":["import {\n  DockLayout,\n  LayoutContainer,\n  Drawer,\n  Flexbox,\n  View,\n} from \"@vuu-ui/vuu-layout\";\n\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport {\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { ShellLayoutTemplateHook } from \"../useShellLayout\";\n\nexport const useInlayLeftPanel: ShellLayoutTemplateHook = ({\n  SidePanelProps: LeftSidePanelProps,\n  appHeader,\n  htmlAttributes,\n}) => {\n  const paletteView = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(true);\n  const handleDrawerClick = useCallback(\n    (e: MouseEvent<HTMLElement>) => {\n      const target = e.target as HTMLElement;\n      if (!paletteView.current?.contains(target)) {\n        setOpen(!open);\n      }\n    },\n    [open],\n  );\n\n  return useMemo(() => {\n    const getDrawers = (leftSidePanel: ReactNode) => {\n      const drawers: ReactElement[] = [];\n      drawers.push(\n        <Drawer\n          key=\"left-panel\"\n          onClick={handleDrawerClick}\n          open={open}\n          position=\"left\"\n          inline\n          peekaboo\n          sizeOpen={200}\n          toggleButton=\"end\"\n        >\n          <View\n            className=\"vuuShell-palette\"\n            id=\"vw-app-palette\"\n            key=\"app-palette\"\n            ref={paletteView}\n            style={{ height: \"100%\" }}\n          >\n            {leftSidePanel}\n          </View>\n        </Drawer>,\n      );\n\n      return drawers;\n    };\n\n    return (\n      <Flexbox\n        {...htmlAttributes}\n        style={{\n          ...htmlAttributes?.style,\n          flexDirection: \"column\",\n        }}\n      >\n        {appHeader}\n        <DockLayout style={{ flex: 1 }}>\n          {getDrawers(LeftSidePanelProps?.children).concat(\n            <LayoutContainer\n              dropTarget\n              id={VuuShellLocation.WorkspaceContainer}\n              key=\"main-content\"\n              style={{ width: \"100%\", height: \"100%\" }}\n            />,\n          )}\n        </DockLayout>\n      </Flexbox>\n    );\n  }, [LeftSidePanelProps, appHeader, handleDrawerClick, htmlAttributes, open]);\n};\n"],"names":["useRef","useState","useCallback","useMemo","jsx","Drawer","View","jsxs","Flexbox","DockLayout","LayoutContainer","VuuShellLocation"],"mappings":";;;;;;;AAoBO,MAAM,oBAA6C,CAAC;AAAA,EACzD,cAAgB,EAAA,kBAAA;AAAA,EAChB,SAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,WAAA,GAAcA,aAAuB,IAAI,CAAA;AAC/C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIC,eAAS,IAAI,CAAA;AACrC,EAAA,MAAM,iBAAoB,GAAAC,iBAAA;AAAA,IACxB,CAAC,CAA+B,KAAA;AAC9B,MAAA,MAAM,SAAS,CAAE,CAAA,MAAA;AACjB,MAAA,IAAI,CAAC,WAAA,CAAY,OAAS,EAAA,QAAA,CAAS,MAAM,CAAG,EAAA;AAC1C,QAAA,OAAA,CAAQ,CAAC,IAAI,CAAA;AAAA;AACf,KACF;AAAA,IACA,CAAC,IAAI;AAAA,GACP;AAEA,EAAA,OAAOC,cAAQ,MAAM;AACnB,IAAM,MAAA,UAAA,GAAa,CAAC,aAA6B,KAAA;AAC/C,MAAA,MAAM,UAA0B,EAAC;AACjC,MAAQ,OAAA,CAAA,IAAA;AAAA,wBACNC,cAAA;AAAA,UAACC,gBAAA;AAAA,UAAA;AAAA,YAEC,OAAS,EAAA,iBAAA;AAAA,YACT,IAAA;AAAA,YACA,QAAS,EAAA,MAAA;AAAA,YACT,MAAM,EAAA,IAAA;AAAA,YACN,QAAQ,EAAA,IAAA;AAAA,YACR,QAAU,EAAA,GAAA;AAAA,YACV,YAAa,EAAA,KAAA;AAAA,YAEb,QAAA,kBAAAD,cAAA;AAAA,cAACE,cAAA;AAAA,cAAA;AAAA,gBACC,SAAU,EAAA,kBAAA;AAAA,gBACV,EAAG,EAAA,gBAAA;AAAA,gBAEH,GAAK,EAAA,WAAA;AAAA,gBACL,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAO,EAAA;AAAA,gBAEvB,QAAA,EAAA;AAAA,eAAA;AAAA,cAJG;AAAA;AAKN,WAAA;AAAA,UAjBI;AAAA;AAkBN,OACF;AAEA,MAAO,OAAA,OAAA;AAAA,KACT;AAEA,IACE,uBAAAC,eAAA;AAAA,MAACC,iBAAA;AAAA,MAAA;AAAA,QACE,GAAG,cAAA;AAAA,QACJ,KAAO,EAAA;AAAA,UACL,GAAG,cAAgB,EAAA,KAAA;AAAA,UACnB,aAAe,EAAA;AAAA,SACjB;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,SAAA;AAAA,0BACDJ,cAAA,CAACK,oBAAW,EAAA,EAAA,KAAA,EAAO,EAAE,IAAA,EAAM,GACxB,EAAA,QAAA,EAAA,UAAA,CAAW,kBAAoB,EAAA,QAAQ,CAAE,CAAA,MAAA;AAAA,4BACxCL,cAAA;AAAA,cAACM,yBAAA;AAAA,cAAA;AAAA,gBACC,UAAU,EAAA,IAAA;AAAA,gBACV,IAAIC,yBAAiB,CAAA,kBAAA;AAAA,gBAErB,KAAO,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,QAAQ,MAAO;AAAA,eAAA;AAAA,cADnC;AAAA;AAEN,WAEJ,EAAA;AAAA;AAAA;AAAA,KACF;AAAA,KAED,CAAC,kBAAA,EAAoB,WAAW,iBAAmB,EAAA,cAAA,EAAgB,IAAI,CAAC,CAAA;AAC7E;;;;"}

package/cjs/shell-layout-templates/left-main-tabs/useLeftMainTabs.js

@@ -1,46 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuLayout = require('@vuu-ui/vuu-layout');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var React = require('react');
-
-const useLeftMainTabs = ({
-  appHeader,
-  htmlAttributes,
-  ToolbarProps
-}) => {
-  if (ToolbarProps === void 0) {
-    throw Error("LeftMainTabs layout requires ToolbarProps");
-  }
-  return React.useMemo(() => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      vuuLayout.Flexbox,
-      {
-        ...htmlAttributes,
-        style: {
-          ...htmlAttributes?.style,
-          flexDirection: "column"
-        },
-        children: [
-          appHeader,
-          /* @__PURE__ */ jsxRuntime.jsx(
-            vuuLayout.StackLayout,
-            {
-              TabstripProps: {
-                className: `${vuuUtils.VuuShellLocation.MultiWorkspaceContainer}-tabs`
-              },
-              active: 0,
-              showTabs: "left",
-              style: { flex: 1 },
-              id: vuuUtils.VuuShellLocation.MultiWorkspaceContainer
-            }
-          )
-        ]
-      }
-    );
-  }, [appHeader, htmlAttributes]);
-};
-
-exports.useLeftMainTabs = useLeftMainTabs;
-//# sourceMappingURL=useLeftMainTabs.js.map

package/cjs/shell-layout-templates/left-main-tabs/useLeftMainTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLeftMainTabs.js","sources":["../../../../../packages/vuu-shell/src/shell-layout-templates/left-main-tabs/useLeftMainTabs.tsx"],"sourcesContent":["import { Flexbox, StackLayout } from \"@vuu-ui/vuu-layout\";\n\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport { useMemo } from \"react\";\nimport { ShellLayoutTemplateHook } from \"../useShellLayout\";\n\nexport const useLeftMainTabs: ShellLayoutTemplateHook = ({\n  appHeader,\n  htmlAttributes,\n  ToolbarProps,\n}) => {\n  if (ToolbarProps === undefined) {\n    throw Error(\"LeftMainTabs layout requires ToolbarProps\");\n  }\n\n  return useMemo(() => {\n    return (\n      <Flexbox\n        {...htmlAttributes}\n        style={{\n          ...htmlAttributes?.style,\n          flexDirection: \"column\",\n        }}\n      >\n        {appHeader}\n        <StackLayout\n          TabstripProps={{\n            className: `${VuuShellLocation.MultiWorkspaceContainer}-tabs`,\n          }}\n          active={0}\n          showTabs=\"left\"\n          style={{ flex: 1 }}\n          id={VuuShellLocation.MultiWorkspaceContainer}\n        />\n      </Flexbox>\n    );\n  }, [appHeader, htmlAttributes]);\n};\n"],"names":["useMemo","jsxs","Flexbox","jsx","StackLayout","VuuShellLocation"],"mappings":";;;;;;;AAMO,MAAM,kBAA2C,CAAC;AAAA,EACvD,SAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAA,IAAI,iBAAiB,KAAW,CAAA,EAAA;AAC9B,IAAA,MAAM,MAAM,2CAA2C,CAAA;AAAA;AAGzD,EAAA,OAAOA,cAAQ,MAAM;AACnB,IACE,uBAAAC,eAAA;AAAA,MAACC,iBAAA;AAAA,MAAA;AAAA,QACE,GAAG,cAAA;AAAA,QACJ,KAAO,EAAA;AAAA,UACL,GAAG,cAAgB,EAAA,KAAA;AAAA,UACnB,aAAe,EAAA;AAAA,SACjB;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,SAAA;AAAA,0BACDC,cAAA;AAAA,YAACC,qBAAA;AAAA,YAAA;AAAA,cACC,aAAe,EAAA;AAAA,gBACb,SAAA,EAAW,CAAG,EAAAC,yBAAA,CAAiB,uBAAuB,CAAA,KAAA;AAAA,eACxD;AAAA,cACA,MAAQ,EAAA,CAAA;AAAA,cACR,QAAS,EAAA,MAAA;AAAA,cACT,KAAA,EAAO,EAAE,IAAA,EAAM,CAAE,EAAA;AAAA,cACjB,IAAIA,yBAAiB,CAAA;AAAA;AAAA;AACvB;AAAA;AAAA,KACF;AAAA,GAED,EAAA,CAAC,SAAW,EAAA,cAAc,CAAC,CAAA;AAChC;;;;"}

package/cjs/shell-layout-templates/side-panel/SidePanel.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var sidePanelCss = ".vuuShellSidePanel {\n    transition: width .2s ease-out;\n    width: var(--shell-left-nav-size);\n}";
-
-module.exports = sidePanelCss;
-//# sourceMappingURL=SidePanel.css.js.map

package/cjs/shell-layout-templates/side-panel/SidePanel.css.js.map

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

package/cjs/shell-layout-templates/side-panel/SidePanel.js

@@ -1,36 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var cx = require('clsx');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var SidePanel$1 = require('./SidePanel.css.js');
-
-const classBase = "vuuShellSidePanel";
-const SidePanel = ({
-  children,
-  open = true,
-  sizeClosed = 90,
-  sizeOpen = 200,
-  style: styleProp,
-  ...htmlAttributes
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-side-panel",
-    css: SidePanel$1,
-    window: targetWindow
-  });
-  const style = React.useMemo(
-    () => ({
-      ...styleProp,
-      "--shell-left-nav-size": open ? `${sizeOpen}px` : `${sizeClosed}px`
-    }),
-    [open, sizeClosed, sizeOpen, styleProp]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlAttributes, className: cx(classBase), style, children });
-};
-
-exports.SidePanel = SidePanel;
-//# sourceMappingURL=SidePanel.js.map

package/cjs/shell-layout-templates/side-panel/SidePanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidePanel.js","sources":["../../../../../packages/vuu-shell/src/shell-layout-templates/side-panel/SidePanel.tsx"],"sourcesContent":["import { CSSProperties, HTMLAttributes, useMemo } from \"react\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport sidePanelCss from \"./SidePanel.css\";\n// import { useLayoutManager } from \"../../layout-management\";\n\nconst classBase = \"vuuShellSidePanel\";\n\nexport interface SidePanelProps extends HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  path?: string;\n  sizeOpen?: number;\n  sizeClosed?: number;\n}\n\nexport const SidePanel = ({\n  children,\n  open = true,\n  sizeClosed = 90,\n  sizeOpen = 200,\n  style: styleProp,\n  ...htmlAttributes\n}: SidePanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-side-panel\",\n    css: sidePanelCss,\n    window: targetWindow,\n  });\n\n  //   const { applicationJson, saveApplicationSettings } = useLayoutManager();\n  //   console.log(`settings`, {\n  //     expanded: applicationJson?.settings?.leftNav?.expanded,\n  //     active: applicationJson?.settings?.leftNav?.activeTabIndex,\n  //   });\n\n  const style = useMemo(\n    () =>\n      ({\n        ...styleProp,\n        \"--shell-left-nav-size\": open ? `${sizeOpen}px` : `${sizeClosed}px`,\n      } as CSSProperties),\n    [open, sizeClosed, sizeOpen, styleProp]\n  );\n  return (\n    <div {...htmlAttributes} className={cx(classBase)} style={style}>\n      {children}\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","sidePanelCss","useMemo","jsx"],"mappings":";;;;;;;;;AAQA,MAAM,SAAY,GAAA,mBAAA;AASX,MAAM,YAAY,CAAC;AAAA,EACxB,QAAA;AAAA,EACA,IAAO,GAAA,IAAA;AAAA,EACP,UAAa,GAAA,EAAA;AAAA,EACb,QAAW,GAAA,GAAA;AAAA,EACX,KAAO,EAAA,SAAA;AAAA,EACP,GAAG;AACL,CAAsB,KAAA;AACpB,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAC,WAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAQD,EAAA,MAAM,KAAQ,GAAAC,aAAA;AAAA,IACZ,OACG;AAAA,MACC,GAAG,SAAA;AAAA,MACH,yBAAyB,IAAO,GAAA,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAA,GAAO,GAAG,UAAU,CAAA,EAAA;AAAA,KACjE,CAAA;AAAA,IACF,CAAC,IAAA,EAAM,UAAY,EAAA,QAAA,EAAU,SAAS;AAAA,GACxC;AACA,EACE,uBAAAC,cAAA,CAAC,SAAK,GAAG,cAAA,EAAgB,WAAW,EAAG,CAAA,SAAS,CAAG,EAAA,KAAA,EAChD,QACH,EAAA,CAAA;AAEJ;;;;"}

package/cjs/shell-layout-templates/simple-content-pane/useSimpleContentPane.js

@@ -1,48 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuLayout = require('@vuu-ui/vuu-layout');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var ContextPanel = require('../context-panel/ContextPanel.js');
-var React = require('react');
-
-const useSimpleContentPane = ({
-  appHeader,
-  htmlAttributes
-}) => React.useMemo(
-  () => /* @__PURE__ */ jsxRuntime.jsxs(
-    vuuLayout.Flexbox,
-    {
-      ...htmlAttributes,
-      style: {
-        ...htmlAttributes?.style,
-        flexDirection: "row"
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          vuuLayout.Flexbox,
-          {
-            className: "vuuShell-content",
-            style: { flex: 1, flexDirection: "column" },
-            children: [
-              appHeader,
-              /* @__PURE__ */ jsxRuntime.jsx(
-                vuuLayout.LayoutContainer,
-                {
-                  id: vuuUtils.VuuShellLocation.WorkspaceContainer,
-                  style: { flex: 1 }
-                },
-                "main-content"
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(ContextPanel.ContextPanel, { id: vuuUtils.VuuShellLocation.ContextPanel, overlay: true })
-      ]
-    }
-  ),
-  [appHeader, htmlAttributes]
-);
-
-exports.useSimpleContentPane = useSimpleContentPane;
-//# sourceMappingURL=useSimpleContentPane.js.map

package/cjs/shell-layout-templates/simple-content-pane/useSimpleContentPane.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSimpleContentPane.js","sources":["../../../../../packages/vuu-shell/src/shell-layout-templates/simple-content-pane/useSimpleContentPane.tsx"],"sourcesContent":["import { LayoutContainer, Flexbox } from \"@vuu-ui/vuu-layout\";\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport { ContextPanel } from \"../context-panel\";\nimport { ShellLayoutTemplateHook } from \"../useShellLayout\";\nimport { useMemo } from \"react\";\n\nexport const useSimpleContentPane: ShellLayoutTemplateHook = ({\n  appHeader,\n  htmlAttributes,\n}) =>\n  useMemo(\n    () => (\n      <Flexbox\n        {...htmlAttributes}\n        style={{\n          ...htmlAttributes?.style,\n          flexDirection: \"row\",\n        }}\n      >\n        <Flexbox\n          className=\"vuuShell-content\"\n          style={{ flex: 1, flexDirection: \"column\" }}\n        >\n          {appHeader}\n          <LayoutContainer\n            id={VuuShellLocation.WorkspaceContainer}\n            key=\"main-content\"\n            style={{ flex: 1 }}\n          />\n        </Flexbox>\n        <ContextPanel id={VuuShellLocation.ContextPanel} overlay></ContextPanel>\n      </Flexbox>\n    ),\n    [appHeader, htmlAttributes],\n  );\n"],"names":["useMemo","jsxs","Flexbox","jsx","LayoutContainer","VuuShellLocation","ContextPanel"],"mappings":";;;;;;;;AAMO,MAAM,uBAAgD,CAAC;AAAA,EAC5D,SAAA;AAAA,EACA;AACF,CACE,KAAAA,aAAA;AAAA,EACE,sBACEC,eAAA;AAAA,IAACC,iBAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,KAAO,EAAA;AAAA,QACL,GAAG,cAAgB,EAAA,KAAA;AAAA,QACnB,aAAe,EAAA;AAAA,OACjB;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAD,eAAA;AAAA,UAACC,iBAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,kBAAA;AAAA,YACV,KAAO,EAAA,EAAE,IAAM,EAAA,CAAA,EAAG,eAAe,QAAS,EAAA;AAAA,YAEzC,QAAA,EAAA;AAAA,cAAA,SAAA;AAAA,8BACDC,cAAA;AAAA,gBAACC,yBAAA;AAAA,gBAAA;AAAA,kBACC,IAAIC,yBAAiB,CAAA,kBAAA;AAAA,kBAErB,KAAA,EAAO,EAAE,IAAA,EAAM,CAAE;AAAA,iBAAA;AAAA,gBADb;AAAA;AAEN;AAAA;AAAA,SACF;AAAA,uCACCC,yBAAa,EAAA,EAAA,EAAA,EAAID,yBAAiB,CAAA,YAAA,EAAc,SAAO,IAAC,EAAA;AAAA;AAAA;AAAA,GAC3D;AAAA,EAEF,CAAC,WAAW,cAAc;AAC5B;;;;"}

package/cjs/shell-layout-templates/useShellLayout.js

@@ -1,23 +0,0 @@
-'use strict';
-
-var useFullHeightLeftPanel = require('./full-height-left-panel/useFullHeightLeftPanel.js');
-var useInlayLeftPanel = require('./inlay-left-panel/useInlayLeftPanel.js');
-var useLeftMainTabs = require('./left-main-tabs/useLeftMainTabs.js');
-var useSimpleContentPane = require('./simple-content-pane/useSimpleContentPane.js');
-
-const LayoutHook = {
-  "full-height": useFullHeightLeftPanel.useFullHeightLeftPanel,
-  inlay: useInlayLeftPanel.useInlayLeftPanel,
-  "left-main-tabs": useLeftMainTabs.useLeftMainTabs,
-  "simple-content-pane": useSimpleContentPane.useSimpleContentPane
-};
-const useShellLayout = ({
-  layoutTemplateId = "simple-content-pane",
-  ...props
-}) => {
-  const useLayoutHook = LayoutHook[layoutTemplateId];
-  return useLayoutHook(props);
-};
-
-exports.useShellLayout = useShellLayout;
-//# sourceMappingURL=useShellLayout.js.map

package/cjs/shell-layout-templates/useShellLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useShellLayout.js","sources":["../../../../packages/vuu-shell/src/shell-layout-templates/useShellLayout.ts"],"sourcesContent":["import { HTMLAttributes, ReactElement, ReactNode } from \"react\";\nimport { useFullHeightLeftPanel } from \"./full-height-left-panel/useFullHeightLeftPanel\";\nimport { useInlayLeftPanel } from \"./inlay-left-panel/useInlayLeftPanel\";\nimport { useLeftMainTabs } from \"./left-main-tabs/useLeftMainTabs\";\nimport { useSimpleContentPane } from \"./simple-content-pane/useSimpleContentPane\";\nimport { SidePanelProps as ShellSidePanelProps } from \"./side-panel\";\n\nconst LayoutHook = {\n  \"full-height\": useFullHeightLeftPanel,\n  inlay: useInlayLeftPanel,\n  \"left-main-tabs\": useLeftMainTabs,\n  \"simple-content-pane\": useSimpleContentPane,\n};\n\nexport type LayoutTemplateId = keyof typeof LayoutHook;\n\nexport type ShellLayoutTemplateProps = Omit<\n  ShellLayoutProps,\n  \"layoutTemplateId\"\n>;\n\nexport type ShellToolbarProps = {\n  children: ReactNode;\n  position?: \"left\";\n  width?: number;\n};\n\nexport type ShellLayoutTemplateHook = (\n  props: ShellLayoutTemplateProps,\n) => ReactElement;\n\n/**\n * The Shell Layout is the outermost 'chrome' of the appliciation,\n * enclosing the main content area. It will be rendered by one of\n * two available templates, determined by the layoutTemplateId,\n */\nexport interface ShellLayoutProps {\n  /**\n   * App Header will be rendered in position determined by layout-template\n   */\n  appHeader?: ReactNode;\n\n  /**\n   * HTML attributes that will be applied to root div.\n   */\n  htmlAttributes?: HTMLAttributes<HTMLDivElement>;\n  /**\n   * identifier for shell layout template to be used. Default template\n   * will be \"inlay\"\n   */\n  layoutTemplateId?: LayoutTemplateId;\n  /**\n   * If template renders SidePanel, these props will be provided\n   */\n  SidePanelProps?: ShellSidePanelProps;\n  /**\n   * If template renders Toolbar, these props will be provided\n   */\n  ToolbarProps?: ShellToolbarProps;\n}\n\n/**\n * This hook acts as a stub for the actual shell layout\n * template hooks. It will delegate to the appropriate shell\n * layout hook, based on the value of layoutTemplateId.\n */\nexport const useShellLayout = ({\n  layoutTemplateId = \"simple-content-pane\",\n  ...props\n}: ShellLayoutProps) => {\n  const useLayoutHook = LayoutHook[layoutTemplateId];\n  return useLayoutHook(props);\n};\n"],"names":["useFullHeightLeftPanel","useInlayLeftPanel","useLeftMainTabs","useSimpleContentPane"],"mappings":";;;;;;;AAOA,MAAM,UAAa,GAAA;AAAA,EACjB,aAAe,EAAAA,6CAAA;AAAA,EACf,KAAO,EAAAC,mCAAA;AAAA,EACP,gBAAkB,EAAAC,+BAAA;AAAA,EAClB,qBAAuB,EAAAC;AACzB,CAAA;AAsDO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,gBAAmB,GAAA,qBAAA;AAAA,EACnB,GAAG;AACL,CAAwB,KAAA;AACtB,EAAM,MAAA,aAAA,GAAgB,WAAW,gBAAgB,CAAA;AACjD,EAAA,OAAO,cAAc,KAAK,CAAA;AAC5B;;;;"}

package/cjs/shell.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var shellCss = ".vuuShell {\n  background-color: var(\n    --vuuShell-background,\n    var(--salt-container-primary-background)\n  );\n  height: var(--vuuShell-height, 100vh);\n  width: var(--vuuShell-width, 100vw);\n\n  .left-main-tabs {\n    --vuuOverflowContainer-width: 48px;\n  }\n}\n\n.vuu-workspace-tabs {\n  background: var(\n    --vuuWorkspace-background,\n    var(--salt-container-primary-background)\n  );\n}\n\n.vuuShell-palette {\n  --vuuView-border: none;\n  --vuuView-margin: 0;\n}\n\n.vuuShell-warningPlaceholder {\n  background-color: var(--salt-container-background-high);\n  height: 100%;\n}\n\n/* until we reinstat5e the toolbar */\n.vuuToolbarProxy {\n  background: var(--salt-container-primary-background);\n}\n\n.vuu-workspace-tabs > .vuuTabstrip > .vuuOverflowContainer-wrapContainer {\n  background: var(--vuuShell-background, var(--salt-container-primary-background));\n}\n\n.vuu-workspace-tabs {\n  --vuuTab-height: 28px;\n  border: solid 1px var(--salt-separable-primary-borderColor);\n  border-top: none !important;\n  border-radius: 6px;\n  height: 100%;\n  padding: 36px 8px 8px 8px;\n  position: relative;\n  width: 100%;\n}\n\n.vuu-workspace-tabs > .vuuTabstrip {\n  left: 0px;\n  padding-bottom: 7px;\n  position: absolute !important;\n  right: 0px;\n  top: 0;\n}\n\n.vuuShell-content {\n  padding: var(--vuuShell-content-padding, 8px);\n}\n";
-
-module.exports = shellCss;
-//# sourceMappingURL=shell.css.js.map

package/cjs/shell.css.js.map

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