@vuu-ui/vuu-shell 2.1.18 → 2.1.19-beta.2

package/esm/app-header/AppHeader.js

@@ -1,116 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Button } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { useLayoutOperation } from '@vuu-ui/vuu-layout';
-import { Toolbar } from '@vuu-ui/vuu-ui-controls';
-import cx from 'clsx';
-import { useRef, useCallback } from 'react';
-import { usePersistenceManager } from '../persistence-manager/PersistenceProvider.js';
-import '../persistence-manager/LocalPersistenceManager.js';
-import '../persistence-manager/StaticPersistenceManager.js';
-import { useNotifications, NotificationType } from '@vuu-ui/vuu-notifications';
-import { useLogout } from '../application-provider/ApplicationProvider.js';
-import appHeaderCss from './AppHeader.css.js';
-
-const classBase = "vuuAppHeader";
-const AppHeader = ({
-  className: classNameProp,
-  themeMode: _,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-app-header",
-    css: appHeaderCss,
-    window: targetWindow
-  });
-  const persistenceManager = usePersistenceManager();
-  const settingsButtonRef = useRef(null);
-  const className = cx(classBase, classNameProp);
-  const logout = useLogout();
-  const { showComponentInContextPanel } = useLayoutOperation();
-  const { showNotification } = useNotifications();
-  const handleReset = useCallback(() => {
-    persistenceManager?.clearUserSettings();
-    showNotification({
-      animationType: "slide-out",
-      renderPostRefresh: true,
-      type: NotificationType.Toast,
-      header: "Success",
-      content: "Settings cleared",
-      status: "success"
-    });
-    location.reload();
-  }, [persistenceManager, showNotification]);
-  const handleShowSettings = useCallback(() => {
-    showComponentInContextPanel(
-      {
-        type: "ApplicationSettings"
-      },
-      "Settings",
-      () => settingsButtonRef.current?.focus()
-    );
-  }, [showComponentInContextPanel]);
-  return /* @__PURE__ */ jsxs(
-    Toolbar,
-    {
-      alignItems: "end",
-      className,
-      role: "banner",
-      showSeparators: true,
-      ...htmlAttributes,
-      children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            className: `${classBase}-menuItem`,
-            appearance: "transparent",
-            sentiment: "neutral",
-            children: "Help"
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            appearance: "transparent",
-            className: `${classBase}-menuItem`,
-            onClick: handleReset,
-            sentiment: "neutral",
-            children: [
-              "Reset ",
-              /* @__PURE__ */ jsx("span", { "data-icon": "history" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            appearance: "transparent",
-            className: `${classBase}-menuItem`,
-            onClick: handleShowSettings,
-            ref: settingsButtonRef,
-            sentiment: "neutral",
-            children: [
-              "Settings ",
-              /* @__PURE__ */ jsx("span", { "data-icon": "settings" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            appearance: "transparent",
-            className: `${classBase}-menuItem`,
-            onClick: logout,
-            sentiment: "neutral",
-            children: "Log out"
-          }
-        )
-      ]
-    }
-  );
-};
-
-export { AppHeader };
-//# sourceMappingURL=AppHeader.js.map

package/esm/app-header/AppHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppHeader.js","sources":["../../../../packages/vuu-shell/src/app-header/AppHeader.tsx"],"sourcesContent":["import { Button } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useLayoutOperation } from \"@vuu-ui/vuu-layout\";\nimport { Toolbar } from \"@vuu-ui/vuu-ui-controls\";\nimport type { ThemeMode } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { HTMLAttributes, useCallback, useRef } from \"react\";\nimport { usePersistenceManager } from \"../persistence-manager\";\nimport { NotificationType, useNotifications } from \"@vuu-ui/vuu-notifications\";\nimport { useLogout } from \"../application-provider\";\n\nimport appHeaderCss from \"./AppHeader.css\";\n\nconst classBase = \"vuuAppHeader\";\nexport interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  themeMode?: ThemeMode;\n}\n\nexport const AppHeader = ({\n  className: classNameProp,\n  themeMode: _,\n  ...htmlAttributes\n}: AppHeaderProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-app-header\",\n    css: appHeaderCss,\n    window: targetWindow,\n  });\n\n  const persistenceManager = usePersistenceManager();\n  const settingsButtonRef = useRef<HTMLButtonElement>(null);\n\n  const className = cx(classBase, classNameProp);\n  const logout = useLogout();\n\n  const { showComponentInContextPanel } = useLayoutOperation();\n  const { showNotification } = useNotifications();\n\n  const handleReset = useCallback(() => {\n    persistenceManager?.clearUserSettings();\n    showNotification({\n      animationType: \"slide-out\",\n      renderPostRefresh: true,\n      type: NotificationType.Toast,\n      header: \"Success\",\n      content: \"Settings cleared\",\n      status: \"success\",\n    });\n    location.reload();\n  }, [persistenceManager, showNotification]);\n\n  const handleShowSettings = useCallback(() => {\n    showComponentInContextPanel(\n      {\n        type: \"ApplicationSettings\",\n      },\n      \"Settings\",\n      () => settingsButtonRef.current?.focus(),\n    );\n  }, [showComponentInContextPanel]);\n\n  return (\n    <Toolbar\n      alignItems=\"end\"\n      className={className}\n      role=\"banner\"\n      showSeparators\n      {...htmlAttributes}\n    >\n      <Button\n        className={`${classBase}-menuItem`}\n        appearance=\"transparent\"\n        sentiment=\"neutral\"\n      >\n        Help\n      </Button>\n      <Button\n        appearance=\"transparent\"\n        className={`${classBase}-menuItem`}\n        onClick={handleReset}\n        sentiment=\"neutral\"\n      >\n        Reset <span data-icon=\"history\" />\n      </Button>\n      <Button\n        appearance=\"transparent\"\n        className={`${classBase}-menuItem`}\n        onClick={handleShowSettings}\n        ref={settingsButtonRef}\n        sentiment=\"neutral\"\n      >\n        Settings <span data-icon=\"settings\" />\n      </Button>\n      <Button\n        appearance=\"transparent\"\n        className={`${classBase}-menuItem`}\n        onClick={logout}\n        sentiment=\"neutral\"\n      >\n        Log out\n      </Button>\n    </Toolbar>\n  );\n};\n"],"names":[],"mappings":"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"}

package/esm/application-provider/ApplicationContext.js

@@ -1,15 +0,0 @@
-import { createContext } from 'react';
-
-const Guest = {
-  username: "unknown"
-};
-const ApplicationContext = createContext({
-  onUserSettingChanged: (propertyName) => console.warn(
-    `Cannot change setting '${propertyName}'.
-Did you forget to declare an ApplicationProvider ?`
-  ),
-  user: Guest
-});
-
-export { ApplicationContext };
-//# sourceMappingURL=ApplicationContext.js.map

package/esm/application-provider/ApplicationContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApplicationContext.js","sources":["../../../../packages/vuu-shell/src/application-provider/ApplicationContext.tsx"],"sourcesContent":["import type { Settings, VuuUser } from \"@vuu-ui/vuu-utils\";\nimport { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport { createContext } from \"react\";\nimport { SettingsSchema } from \"../user-settings\";\n\nconst Guest: VuuUser = {\n  username: \"unknown\",\n};\n\nexport interface ApplicationContextProps {\n  onUserSettingChanged: (\n    propertyName: string,\n    value: VuuRowDataItemType,\n  ) => void;\n  logout?: () => void;\n  userSettings?: Settings;\n  userSettingsSchema?: SettingsSchema;\n  user: VuuUser;\n}\n\nexport const ApplicationContext = createContext<ApplicationContextProps>({\n  onUserSettingChanged: (propertyName: string) =>\n    console.warn(\n      `Cannot change setting '${propertyName}'.\\nDid you forget to declare an ApplicationProvider ?`,\n    ),\n  user: Guest,\n});\n"],"names":[],"mappings":";;AAKA,MAAM,KAAiB,GAAA;AAAA,EACrB,QAAU,EAAA;AACZ,CAAA;AAaO,MAAM,qBAAqB,aAAuC,CAAA;AAAA,EACvE,oBAAA,EAAsB,CAAC,YAAA,KACrB,OAAQ,CAAA,IAAA;AAAA,IACN,0BAA0B,YAAY,CAAA;AAAA,kDAAA;AAAA,GACxC;AAAA,EACF,IAAM,EAAA;AACR,CAAC;;;;"}

package/esm/application-provider/ApplicationProvider.js

@@ -1,96 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useTheme, useDensity, SaltProviderNext } from '@salt-ds/core';
-import { useContext, useState, useMemo, useCallback } from 'react';
-import { ApplicationContext } from './ApplicationContext.js';
-import { usePersistenceManager } from '../persistence-manager/PersistenceProvider.js';
-import '../persistence-manager/LocalPersistenceManager.js';
-import '../persistence-manager/StaticPersistenceManager.js';
-
-const accentPurple = "purple";
-const getThemeMode = (mode = "light", userSettings) => {
-  const themeMode = userSettings?.themeMode;
-  if (themeMode === "light" || themeMode === "dark") {
-    return themeMode;
-  }
-  return mode;
-};
-const ApplicationProvider = ({
-  children,
-  density: densityProp,
-  logout,
-  mode,
-  theme,
-  userSettingsSchema,
-  user
-}) => {
-  const { mode: inheritedMode, theme: inheritedTheme } = useTheme();
-  const density = useDensity(densityProp);
-  const persistenceManager = usePersistenceManager();
-  const context = useContext(ApplicationContext);
-  const [userSettings, setSettings] = useState();
-  useMemo(async () => {
-    if (persistenceManager) {
-      const userSettings2 = await persistenceManager.getUserSettings();
-      setSettings(userSettings2);
-    } else {
-      setSettings({});
-    }
-  }, [persistenceManager]);
-  const onUserSettingChanged = useCallback(
-    (propertyName, value) => {
-      setSettings((currentSettings) => {
-        const newSettings = { ...currentSettings, [propertyName]: value };
-        persistenceManager?.saveUserSettings(newSettings);
-        return newSettings;
-      });
-    },
-    [persistenceManager]
-  );
-  return userSettings ? /* @__PURE__ */ jsx(
-    ApplicationContext.Provider,
-    {
-      value: {
-        ...context,
-        logout,
-        onUserSettingChanged,
-        userSettings,
-        userSettingsSchema,
-        user: user ?? context.user
-      },
-      children: /* @__PURE__ */ jsx(
-        SaltProviderNext,
-        {
-          accent: accentPurple,
-          corner: "rounded",
-          theme: theme ?? inheritedTheme ?? "vuu-theme",
-          density,
-          mode: getThemeMode(mode ?? inheritedMode, userSettings),
-          children
-        }
-      )
-    }
-  ) : null;
-};
-const useApplicationUser = () => {
-  const { user } = useContext(ApplicationContext);
-  return user;
-};
-const useApplicationSettings = () => {
-  const { onUserSettingChanged, userSettings, userSettingsSchema } = useContext(ApplicationContext);
-  return {
-    onUserSettingChanged,
-    userSettings,
-    userSettingsSchema
-  };
-};
-const useUserSetting = () => {
-  const { userSettings } = useContext(ApplicationContext);
-  return userSettings;
-};
-const useLogout = () => {
-  const { logout } = useContext(ApplicationContext);
-  return logout;
-};
-
-export { ApplicationProvider, useApplicationSettings, useApplicationUser, useLogout, useUserSetting };
-//# sourceMappingURL=ApplicationProvider.js.map

package/esm/application-provider/ApplicationProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApplicationProvider.js","sources":["../../../../packages/vuu-shell/src/application-provider/ApplicationProvider.tsx"],"sourcesContent":["import { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  Accent,\n  Density,\n  Mode,\n  SaltProviderNext,\n  ThemeContextProps,\n  useDensity,\n  useTheme,\n} from \"@salt-ds/core\";\nimport {\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\nimport {\n  ApplicationContext,\n  ApplicationContextProps,\n} from \"./ApplicationContext\";\nimport { usePersistenceManager } from \"../persistence-manager\";\n\nexport interface ApplicationProviderProps\n  extends Partial<Pick<ThemeContextProps, \"theme\" | \"mode\">>,\n    Partial<Omit<ApplicationContextProps, \"userSettings\">> {\n  children: ReactNode;\n  density?: Density;\n}\n\nconst accentPurple = \"purple\" as Accent;\n\nconst getThemeMode = (\n  mode: Mode = \"light\",\n  userSettings?: Record<string, string | number | boolean>,\n) => {\n  const themeMode = userSettings?.themeMode;\n  if (themeMode === \"light\" || themeMode === \"dark\") {\n    return themeMode;\n  }\n  return mode;\n};\n\nexport const ApplicationProvider = ({\n  children,\n  density: densityProp,\n  logout,\n  mode,\n  theme,\n  userSettingsSchema: userSettingsSchema,\n  user,\n}: ApplicationProviderProps): ReactElement | null => {\n  const { mode: inheritedMode, theme: inheritedTheme } = useTheme();\n  const density = useDensity(densityProp);\n  const persistenceManager = usePersistenceManager();\n  const context = useContext(ApplicationContext);\n  const [userSettings, setSettings] =\n    useState<Record<string, string | number | boolean>>();\n\n  useMemo(async () => {\n    if (persistenceManager) {\n      const userSettings = await persistenceManager.getUserSettings();\n      setSettings(userSettings);\n    } else {\n      setSettings({});\n    }\n  }, [persistenceManager]);\n\n  const onUserSettingChanged = useCallback(\n    (propertyName: string, value: VuuRowDataItemType) => {\n      setSettings((currentSettings) => {\n        const newSettings = { ...currentSettings, [propertyName]: value };\n        persistenceManager?.saveUserSettings(newSettings);\n        return newSettings;\n      });\n    },\n    [persistenceManager],\n  );\n\n  return userSettings ? (\n    <ApplicationContext.Provider\n      value={{\n        ...context,\n        logout,\n        onUserSettingChanged,\n        userSettings,\n        userSettingsSchema,\n        user: user ?? context.user,\n      }}\n    >\n      <SaltProviderNext\n        accent={accentPurple}\n        corner=\"rounded\"\n        theme={theme ?? inheritedTheme ?? \"vuu-theme\"}\n        density={density}\n        mode={getThemeMode(mode ?? inheritedMode, userSettings)}\n      >\n        {children}\n      </SaltProviderNext>\n    </ApplicationContext.Provider>\n  ) : null;\n};\n\nexport const useApplicationUser = () => {\n  const { user } = useContext(ApplicationContext);\n  return user;\n};\n\n//Setter method (only used within the shell)\nexport const useApplicationSettings = () => {\n  const { onUserSettingChanged, userSettings, userSettingsSchema } =\n    useContext(ApplicationContext);\n  return {\n    onUserSettingChanged,\n    userSettings,\n    userSettingsSchema,\n  };\n};\n\n//Getter method (read only access to applicationSetting)\nexport const useUserSetting = () => {\n  const { userSettings } = useContext(ApplicationContext);\n  return userSettings;\n};\n\nexport const useLogout = () => {\n  const { logout } = useContext(ApplicationContext);\n  return logout;\n};\n"],"names":["userSettings"],"mappings":"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"}

package/esm/feature/Feature.js

@@ -1,52 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { registerComponent, importCSS } from '@vuu-ui/vuu-utils';
-import React, { useEffect } from 'react';
-import { FeatureErrorBoundary } from './FeatureErrorBoundary.js';
-
-const componentsMap = /* @__PURE__ */ new Map();
-const useCachedFeature = (url) => {
-  useEffect(
-    () => () => {
-      componentsMap.delete(url);
-    },
-    [url]
-  );
-  if (!componentsMap.has(url)) {
-    componentsMap.set(
-      url,
-      React.lazy(() => import(
-        /* @vite-ignore */
-        url
-      ))
-    );
-  }
-  const lazyFeature = componentsMap.get(url);
-  if (!lazyFeature) {
-    throw Error(`Unable to load Lazy Feature at url ${url}`);
-  } else {
-    return lazyFeature;
-  }
-};
-function RawFeature({
-  url,
-  css,
-  ComponentProps: params,
-  ...props
-}) {
-  if (css) {
-    importCSS(css).then((styleSheet) => {
-      document.adoptedStyleSheets = [
-        ...document.adoptedStyleSheets,
-        styleSheet
-      ];
-    });
-  }
-  const LazyFeature = useCachedFeature(url);
-  return /* @__PURE__ */ jsx(FeatureErrorBoundary, { url, children: /* @__PURE__ */ jsx(LazyFeature, { ...props, ...params }) });
-}
-const Feature = React.memo(RawFeature);
-Feature.displayName = "Feature";
-registerComponent("Feature", Feature, "view");
-
-export { Feature };
-//# sourceMappingURL=Feature.js.map

package/esm/feature/Feature.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Feature.js","sources":["../../../../packages/vuu-shell/src/feature/Feature.tsx"],"sourcesContent":["import {\n  DynamicFeatureProps,\n  importCSS,\n  registerComponent,\n} from \"@vuu-ui/vuu-utils\";\nimport React, { useEffect } from \"react\";\nimport { FeatureErrorBoundary } from \"./FeatureErrorBoundary\";\n\n/**\n * Ensure we never lazy load the same component more than once\n */\nconst componentsMap = new Map<string, ReturnType<typeof React.lazy>>();\nconst useCachedFeature = (url: string) => {\n  useEffect(\n    () => () => {\n      componentsMap.delete(url);\n    },\n    [url],\n  );\n\n  if (!componentsMap.has(url)) {\n    componentsMap.set(\n      url,\n      React.lazy(() => import(/* @vite-ignore */ url)),\n    );\n  }\n\n  const lazyFeature = componentsMap.get(url);\n\n  if (!lazyFeature) {\n    throw Error(`Unable to load Lazy Feature at url ${url}`);\n  } else {\n    return lazyFeature;\n  }\n};\n\nfunction RawFeature<Params extends object | undefined>({\n  url,\n  css,\n  ComponentProps: params,\n  ...props\n}: DynamicFeatureProps<Params>) {\n  if (css) {\n    //   import(/* @vite-ignore */ css, { assert: { type: \"css\" } }).then(\n    //     (cssModule) => {\n    //       console.log(\"%cInject Styles\", \"color: blue;font-weight: bold\");\n    //       document.adoptedStyleSheets = [\n    //         ...document.adoptedStyleSheets,\n    //         cssModule.default,\n    //       ];\n    //     }\n    //   );\n    // Polyfill until cypress build supports import assertions\n    // Note: already fully supported in esbuild and vite\n    importCSS(css).then((styleSheet) => {\n      document.adoptedStyleSheets = [\n        ...document.adoptedStyleSheets,\n        styleSheet,\n      ];\n    });\n  }\n\n  const LazyFeature = useCachedFeature(url);\n  // Suspense has been removed here - caused components to render twice\n  return (\n    <FeatureErrorBoundary url={url}>\n      <LazyFeature {...props} {...params} />\n    </FeatureErrorBoundary>\n  );\n}\n\n/**\n  Feature is a wrapper around React Lazy Loading. It will load a component\n  from the given url. That url must resolve to a javascript bundle with a\n  single default export. That export must be a React component.\n */\nexport const Feature = React.memo(RawFeature);\nFeature.displayName = \"Feature\";\nregisterComponent(\"Feature\", Feature, \"view\");\n"],"names":[],"mappings":";;;;;AAWA,MAAM,aAAA,uBAAoB,GAA2C,EAAA;AACrE,MAAM,gBAAA,GAAmB,CAAC,GAAgB,KAAA;AACxC,EAAA,SAAA;AAAA,IACE,MAAM,MAAM;AACV,MAAA,aAAA,CAAc,OAAO,GAAG,CAAA;AAAA,KAC1B;AAAA,IACA,CAAC,GAAG;AAAA,GACN;AAEA,EAAA,IAAI,CAAC,aAAA,CAAc,GAAI,CAAA,GAAG,CAAG,EAAA;AAC3B,IAAc,aAAA,CAAA,GAAA;AAAA,MACZ,GAAA;AAAA,MACA,KAAA,CAAM,KAAK,MAAM;AAAA;AAAA,QAA0B;AAAA,OAAI;AAAA,KACjD;AAAA;AAGF,EAAM,MAAA,WAAA,GAAc,aAAc,CAAA,GAAA,CAAI,GAAG,CAAA;AAEzC,EAAA,IAAI,CAAC,WAAa,EAAA;AAChB,IAAM,MAAA,KAAA,CAAM,CAAsC,mCAAA,EAAA,GAAG,CAAE,CAAA,CAAA;AAAA,GAClD,MAAA;AACL,IAAO,OAAA,WAAA;AAAA;AAEX,CAAA;AAEA,SAAS,UAA8C,CAAA;AAAA,EACrD,GAAA;AAAA,EACA,GAAA;AAAA,EACA,cAAgB,EAAA,MAAA;AAAA,EAChB,GAAG;AACL,CAAgC,EAAA;AAC9B,EAAA,IAAI,GAAK,EAAA;AAYP,IAAA,SAAA,CAAU,GAAG,CAAA,CAAE,IAAK,CAAA,CAAC,UAAe,KAAA;AAClC,MAAA,QAAA,CAAS,kBAAqB,GAAA;AAAA,QAC5B,GAAG,QAAS,CAAA,kBAAA;AAAA,QACZ;AAAA,OACF;AAAA,KACD,CAAA;AAAA;AAGH,EAAM,MAAA,WAAA,GAAc,iBAAiB,GAAG,CAAA;AAExC,EACE,uBAAA,GAAA,CAAC,wBAAqB,GACpB,EAAA,QAAA,kBAAA,GAAA,CAAC,eAAa,GAAG,KAAA,EAAQ,GAAG,MAAA,EAAQ,CACtC,EAAA,CAAA;AAEJ;AAOa,MAAA,OAAA,GAAU,KAAM,CAAA,IAAA,CAAK,UAAU;AAC5C,OAAA,CAAQ,WAAc,GAAA,SAAA;AACtB,iBAAkB,CAAA,SAAA,EAAW,SAAS,MAAM,CAAA;;;;"}

package/esm/feature/FeatureErrorBoundary.js

@@ -1,28 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import React from 'react';
-
-class FeatureErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { errorMessage: null };
-  }
-  static getDerivedStateFromError(error) {
-    return { errorMessage: error.message };
-  }
-  componentDidCatch(error, errorInfo) {
-    console.log(`error creating component at ${this.props.url}`);
-    console.log(error, errorInfo);
-  }
-  render() {
-    if (this.state.errorMessage) {
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("h1", { children: "An error occured while creating component." }),
-        /* @__PURE__ */ jsx("p", { children: this.state.errorMessage })
-      ] });
-    }
-    return this.props.children;
-  }
-}
-
-export { FeatureErrorBoundary };
-//# sourceMappingURL=FeatureErrorBoundary.js.map

package/esm/feature/FeatureErrorBoundary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeatureErrorBoundary.js","sources":["../../../../packages/vuu-shell/src/feature/FeatureErrorBoundary.tsx"],"sourcesContent":["import { DynamicFeatureProps } from \"@vuu-ui/vuu-utils\";\nimport React, { ErrorInfo, ReactNode } from \"react\";\n\nexport interface FeatureErrorBoundaryProps extends DynamicFeatureProps {\n  children: ReactNode;\n}\n\nexport class FeatureErrorBoundary extends React.Component<\n  FeatureErrorBoundaryProps,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  any\n> {\n  constructor(props: FeatureErrorBoundaryProps) {\n    super(props);\n    this.state = { errorMessage: null };\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    // Update state so the next render will show the fallback UI.\n    return { errorMessage: error.message };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    // You can also log the error to an error reporting service\n    console.log(`error creating component at ${this.props.url}`);\n    console.log(error, errorInfo);\n  }\n\n  render() {\n    if (this.state.errorMessage) {\n      return (\n        <>\n          <h1>An error occured while creating component.</h1>\n          <p>{this.state.errorMessage}</p>\n        </>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n"],"names":[],"mappings":";;;AAOa,MAAA,oBAAA,SAA6B,MAAM,SAI9C,CAAA;AAAA,EACA,YAAY,KAAkC,EAAA;AAC5C,IAAA,KAAA,CAAM,KAAK,CAAA;AACX,IAAK,IAAA,CAAA,KAAA,GAAQ,EAAE,YAAA,EAAc,IAAK,EAAA;AAAA;AACpC,EAEA,OAAO,yBAAyB,KAAc,EAAA;AAE5C,IAAO,OAAA,EAAE,YAAc,EAAA,KAAA,CAAM,OAAQ,EAAA;AAAA;AACvC,EAEA,iBAAA,CAAkB,OAAc,SAAsB,EAAA;AAEpD,IAAA,OAAA,CAAQ,GAAI,CAAA,CAAA,4BAAA,EAA+B,IAAK,CAAA,KAAA,CAAM,GAAG,CAAE,CAAA,CAAA;AAC3D,IAAQ,OAAA,CAAA,GAAA,CAAI,OAAO,SAAS,CAAA;AAAA;AAC9B,EAEA,MAAS,GAAA;AACP,IAAI,IAAA,IAAA,CAAK,MAAM,YAAc,EAAA;AAC3B,MAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAG,QAA0C,EAAA,4CAAA,EAAA,CAAA;AAAA,wBAC7C,GAAA,CAAA,GAAA,EAAA,EAAG,QAAK,EAAA,IAAA,CAAA,KAAA,CAAM,YAAa,EAAA;AAAA,OAC9B,EAAA,CAAA;AAAA;AAIJ,IAAA,OAAO,KAAK,KAAM,CAAA,QAAA;AAAA;AAEtB;;;;"}

package/esm/feature-and-layout-provider/FeatureAndLayoutProvider.js

@@ -1,56 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { getCustomAndTableFeatures } from '@vuu-ui/vuu-utils';
-import { createContext, useMemo, useContext } from 'react';
-import { useVuuTables } from '@vuu-ui/vuu-data-react';
-
-const NO_FEATURES = [];
-const NO_STATICFEATURES = [];
-const NO_SYSTEMLAYOUTS = [];
-const NO_FEATURES_VUU = {
-  dynamicFeatures: NO_FEATURES,
-  tableFeatures: NO_FEATURES
-};
-const FeatureContext = createContext({
-  dynamicFeatures: NO_FEATURES,
-  tableFeatures: NO_FEATURES,
-  staticFeatures: NO_STATICFEATURES
-});
-const LayoutContext = createContext({
-  systemLayouts: NO_SYSTEMLAYOUTS
-});
-const FeatureAndLayoutProvider = ({
-  children,
-  dynamicFeatures: dynamicFeaturesProp = [],
-  staticFeatures,
-  systemLayouts
-}) => {
-  const tableSchemas = useVuuTables();
-  const { dynamicFeatures, tableFeatures } = useMemo(
-    () => tableSchemas ? getCustomAndTableFeatures(dynamicFeaturesProp, tableSchemas) : NO_FEATURES_VUU,
-    [dynamicFeaturesProp, tableSchemas]
-  );
-  return /* @__PURE__ */ jsx(
-    FeatureContext.Provider,
-    {
-      value: {
-        dynamicFeatures,
-        tableFeatures,
-        staticFeatures
-      },
-      children: /* @__PURE__ */ jsx(
-        LayoutContext.Provider,
-        {
-          value: {
-            systemLayouts
-          },
-          children
-        }
-      )
-    }
-  );
-};
-const useFeatures = () => useContext(FeatureContext);
-const useLayouts = () => useContext(LayoutContext);
-
-export { FeatureAndLayoutProvider, useFeatures, useLayouts };
-//# sourceMappingURL=FeatureAndLayoutProvider.js.map

package/esm/feature-and-layout-provider/FeatureAndLayoutProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeatureAndLayoutProvider.js","sources":["../../../../packages/vuu-shell/src/feature-and-layout-provider/FeatureAndLayoutProvider.tsx"],"sourcesContent":["import {\n  DynamicFeatureDescriptor,\n  DynamicFeatureProps,\n  FilterTableFeatureProps,\n  StaticFeatureDescriptor,\n  SystemLayoutMetadata,\n  getCustomAndTableFeatures,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  ReactElement,\n  ReactNode,\n  createContext,\n  useContext,\n  useMemo,\n} from \"react\";\nimport { useVuuTables } from \"@vuu-ui/vuu-data-react\";\n\nexport interface FeatureContextProps {\n  dynamicFeatures?: DynamicFeatureProps[];\n  tableFeatures?: DynamicFeatureProps<FilterTableFeatureProps>[];\n  staticFeatures?: StaticFeatureDescriptor[];\n}\n\nexport interface LayoutContextProps {\n  systemLayouts?: SystemLayoutMetadata[];\n}\n\nconst NO_FEATURES: DynamicFeatureDescriptor[] = [];\nconst NO_STATICFEATURES: StaticFeatureDescriptor[] = [];\nconst NO_SYSTEMLAYOUTS: SystemLayoutMetadata[] = [];\n\nconst NO_FEATURES_VUU = {\n  dynamicFeatures: NO_FEATURES,\n  tableFeatures: NO_FEATURES,\n};\n\nconst FeatureContext = createContext<FeatureContextProps>({\n  dynamicFeatures: NO_FEATURES,\n  tableFeatures: NO_FEATURES,\n  staticFeatures: NO_STATICFEATURES,\n});\n\nconst LayoutContext = createContext<LayoutContextProps>({\n  systemLayouts: NO_SYSTEMLAYOUTS,\n});\n\nexport interface FeatureAndLayoutProviderProps\n  extends Partial<FeatureContextProps> {\n  children: ReactNode;\n  dynamicFeatures?: DynamicFeatureDescriptor[];\n  staticFeatures?: StaticFeatureDescriptor[];\n  systemLayouts?: SystemLayoutMetadata[];\n}\n\nexport const FeatureAndLayoutProvider = ({\n  children,\n  dynamicFeatures: dynamicFeaturesProp = [],\n  staticFeatures,\n  systemLayouts,\n}: FeatureAndLayoutProviderProps): ReactElement => {\n  const tableSchemas = useVuuTables();\n\n  const { dynamicFeatures, tableFeatures } = useMemo<{\n    dynamicFeatures: DynamicFeatureProps[];\n    tableFeatures: DynamicFeatureProps<FilterTableFeatureProps>[];\n  }>(\n    () =>\n      tableSchemas\n        ? getCustomAndTableFeatures(dynamicFeaturesProp, tableSchemas)\n        : NO_FEATURES_VUU,\n    [dynamicFeaturesProp, tableSchemas],\n  );\n\n  return (\n    <FeatureContext.Provider\n      value={{\n        dynamicFeatures,\n        tableFeatures,\n        staticFeatures,\n      }}\n    >\n      <LayoutContext.Provider\n        value={{\n          systemLayouts,\n        }}\n      >\n        {children}\n      </LayoutContext.Provider>\n    </FeatureContext.Provider>\n  );\n};\n\nexport const useFeatures = () => useContext(FeatureContext);\nexport const useLayouts = () => useContext(LayoutContext);\n"],"names":[],"mappings":";;;;;AA2BA,MAAM,cAA0C,EAAC;AACjD,MAAM,oBAA+C,EAAC;AACtD,MAAM,mBAA2C,EAAC;AAElD,MAAM,eAAkB,GAAA;AAAA,EACtB,eAAiB,EAAA,WAAA;AAAA,EACjB,aAAe,EAAA;AACjB,CAAA;AAEA,MAAM,iBAAiB,aAAmC,CAAA;AAAA,EACxD,eAAiB,EAAA,WAAA;AAAA,EACjB,aAAe,EAAA,WAAA;AAAA,EACf,cAAgB,EAAA;AAClB,CAAC,CAAA;AAED,MAAM,gBAAgB,aAAkC,CAAA;AAAA,EACtD,aAAe,EAAA;AACjB,CAAC,CAAA;AAUM,MAAM,2BAA2B,CAAC;AAAA,EACvC,QAAA;AAAA,EACA,eAAA,EAAiB,sBAAsB,EAAC;AAAA,EACxC,cAAA;AAAA,EACA;AACF,CAAmD,KAAA;AACjD,EAAA,MAAM,eAAe,YAAa,EAAA;AAElC,EAAM,MAAA,EAAE,eAAiB,EAAA,aAAA,EAAkB,GAAA,OAAA;AAAA,IAIzC,MACE,YAAA,GACI,yBAA0B,CAAA,mBAAA,EAAqB,YAAY,CAC3D,GAAA,eAAA;AAAA,IACN,CAAC,qBAAqB,YAAY;AAAA,GACpC;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,cAAe,CAAA,QAAA;AAAA,IAAf;AAAA,MACC,KAAO,EAAA;AAAA,QACL,eAAA;AAAA,QACA,aAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,aAAc,CAAA,QAAA;AAAA,QAAd;AAAA,UACC,KAAO,EAAA;AAAA,YACL;AAAA,WACF;AAAA,UAEC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;AAEa,MAAA,WAAA,GAAc,MAAM,UAAA,CAAW,cAAc;AAC7C,MAAA,UAAA,GAAa,MAAM,UAAA,CAAW,aAAa;;;;"}

package/esm/feature-list/FeatureList.css.js

@@ -1,4 +0,0 @@
-var featureListCss = ".vuuFeatureList {\n  --vuuListItem-padding: var(--salt-spacing-200);\n  background: var(\n    --vuuFeatureList-background,\n    var(--salt-container-primary-background)\n  );\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: 0 var(--vuuFeatureList-padding, 0);\n}\n\n.vuuFeatureList-header {\n  align-items: center;\n  display: flex;\n  flex: 0 0 48px;\n  font-weight: 700;\n  line-height: 2;\n}\n\n.vuuFeatureList-content {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  font-size: 12px;\n  font-weight: 700;\n  overflow: auto;\n}\n\n.vuuFeatureList-standalone {\n  margin-top: 24px;\n}\n\n.vuuFeatureList-group {\n  --vuuMeasuredContainer-flex: 0 0 auto;\n\n  display: flex;\n  flex-direction: column;\n\n  .vuuFeatureList-groupHeader {\n    flex: 0 0 32px;\n    padding: 8px 0;\n  }\n\n  .vuuPalette {\n    flex: 1 1 auto;\n    height: auto;\n  }\n}\n\n.vuuFeatureList-group:first-child {\n  margin-top: 12px;\n}\n\n.vuuFeatureList-group + .vuuFeatureList-group {\n  margin-top: 24px;\n}\n\n.vuuFeatureList-itemName {\n  font-weight: 700;\n}\n";
-
-export { featureListCss as default };
-//# sourceMappingURL=FeatureList.css.js.map

package/esm/feature-list/FeatureList.css.js.map

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

package/esm/feature-list/FeatureList.js

@@ -1,107 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { PaletteItem, Palette } from '@vuu-ui/vuu-layout';
-import { Icon } from '@vuu-ui/vuu-ui-controls';
-import { isStaticFeatures, featureFromJson } from '@vuu-ui/vuu-utils';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import cx from 'clsx';
-import { useMemo } from 'react';
-import { Feature } from '../feature/Feature.js';
-import featureListCss from './FeatureList.css.js';
-
-const classBase = "vuuFeatureList";
-const FeatureList = ({
-  features,
-  title = "VUU TABLES",
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-feature-list",
-    css: featureListCss,
-    window: targetWindow
-  });
-  const content = useMemo(() => {
-    if (isStaticFeatures(features)) {
-      return features.map(({ label, type }, idx) => {
-        return /* @__PURE__ */ jsxs(
-          PaletteItem,
-          {
-            ViewProps: {
-              closeable: true,
-              header: true,
-              resize: "defer",
-              resizeable: true
-            },
-            component: featureFromJson({ type }),
-            value: label,
-            children: [
-              /* @__PURE__ */ jsx(Icon, { name: "draggable", size: 18 }),
-              /* @__PURE__ */ jsx("span", { className: `${classBase}-itemName`, children: label })
-            ]
-          },
-          idx
-        );
-      });
-    }
-    if (Array.isArray(features)) {
-      return [
-        /* @__PURE__ */ jsx("div", { className: `${classBase}-standalone`, children: /* @__PURE__ */ jsx(Palette, { orientation: "vertical", children: features.map(({ ViewProps, ...featureProps }, i) => /* @__PURE__ */ jsxs(
-          PaletteItem,
-          {
-            ViewProps: {
-              closeable: true,
-              header: true,
-              resize: "defer",
-              resizeable: true,
-              title: featureProps.title,
-              ...ViewProps
-            },
-            component: /* @__PURE__ */ jsx(Feature, { ...featureProps }),
-            value: featureProps.title,
-            children: [
-              /* @__PURE__ */ jsx(Icon, { name: "draggable", size: 18 }),
-              /* @__PURE__ */ jsx("span", { className: `${classBase}-itemName`, children: featureProps.title })
-            ]
-          },
-          i
-        )) }, "0") }, 0)
-      ];
-    } else {
-      return Object.entries(features).map(([heading, featureList], index) => /* @__PURE__ */ jsxs("div", { className: `${classBase}-group`, children: [
-        /* @__PURE__ */ jsx("div", { className: `${classBase}-groupHeader`, children: heading }),
-        /* @__PURE__ */ jsx(Palette, { orientation: "vertical", children: featureList.map(
-          ({ ViewProps, ...featureProps }, i) => {
-            return /* @__PURE__ */ jsxs(
-              PaletteItem,
-              {
-                ViewProps: {
-                  closeable: true,
-                  header: true,
-                  resize: "defer",
-                  resizeable: true,
-                  title: featureProps.title,
-                  ...ViewProps
-                },
-                component: /* @__PURE__ */ jsx(Feature, { ...featureProps }),
-                value: featureProps.title,
-                children: [
-                  /* @__PURE__ */ jsx(Icon, { name: "draggable", size: 18 }),
-                  /* @__PURE__ */ jsx("span", { className: `${classBase}-itemName`, children: featureProps.title })
-                ]
-              },
-              i
-            );
-          }
-        ) })
-      ] }, index));
-    }
-  }, [features]);
-  return /* @__PURE__ */ jsxs("div", { ...htmlAttributes, className: cx(classBase, "vuuScrollable"), children: [
-    /* @__PURE__ */ jsx("div", { className: `${classBase}-header`, children: title }),
-    /* @__PURE__ */ jsx("div", { className: `${classBase}-content`, children: content })
-  ] });
-};
-
-export { FeatureList };
-//# sourceMappingURL=FeatureList.js.map

package/esm/feature-list/FeatureList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeatureList.js","sources":["../../../../packages/vuu-shell/src/feature-list/FeatureList.tsx"],"sourcesContent":["import { Palette, PaletteItem } from \"@vuu-ui/vuu-layout\";\nimport { Icon } from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  DynamicFeatureProps,\n  StaticFeatureDescriptor,\n  featureFromJson,\n  isStaticFeatures,\n} from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { HTMLAttributes, Key, ReactElement, useMemo } from \"react\";\nimport { Feature } from \"../feature/Feature\";\n\nimport featureListCss from \"./FeatureList.css\";\n\nconst classBase = \"vuuFeatureList\";\n\nexport type GroupedFeatureProps<P extends object | undefined = object> = Record<\n  string,\n  DynamicFeatureProps<P>[]\n>;\n\nexport interface FeatureListProps extends HTMLAttributes<HTMLDivElement> {\n  features:\n    | DynamicFeatureProps[]\n    | GroupedFeatureProps\n    | StaticFeatureDescriptor[];\n}\n\nexport const FeatureList = ({\n  features,\n  title = \"VUU TABLES\",\n  ...htmlAttributes\n}: FeatureListProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-feature-list\",\n    css: featureListCss,\n    window: targetWindow,\n  });\n\n  const content = useMemo<ReactElement[]>(() => {\n    if (isStaticFeatures(features)) {\n      return features.map(({ label, type }, idx) => {\n        return (\n          <PaletteItem\n            ViewProps={{\n              closeable: true,\n              header: true,\n              resize: \"defer\",\n              resizeable: true,\n            }}\n            component={featureFromJson({ type })}\n            key={idx}\n            value={label}\n          >\n            <Icon name=\"draggable\" size={18} />\n            <span className={`${classBase}-itemName`}>{label}</span>\n          </PaletteItem>\n        );\n      });\n    }\n    if (Array.isArray(features)) {\n      return [\n        <div className={`${classBase}-standalone`} key={0}>\n          <Palette key=\"0\" orientation=\"vertical\">\n            {features.map(({ ViewProps, ...featureProps }, i) => (\n              <PaletteItem\n                ViewProps={{\n                  closeable: true,\n                  header: true,\n                  resize: \"defer\",\n                  resizeable: true,\n                  title: featureProps.title,\n                  ...ViewProps,\n                }}\n                component={<Feature {...featureProps} />}\n                key={i}\n                value={featureProps.title}\n              >\n                <Icon name=\"draggable\" size={18} />\n                <span className={`${classBase}-itemName`}>\n                  {featureProps.title}\n                </span>\n              </PaletteItem>\n            ))}\n          </Palette>\n        </div>,\n      ];\n    } else {\n      return Object.entries(features).map(([heading, featureList], index) => (\n        <div className={`${classBase}-group`} key={index}>\n          <div className={`${classBase}-groupHeader`}>{heading}</div>\n          <Palette orientation=\"vertical\">\n            {featureList.map(\n              (\n                { ViewProps, ...featureProps }: DynamicFeatureProps<object>,\n                i: Key,\n              ) => {\n                return (\n                  <PaletteItem\n                    ViewProps={{\n                      closeable: true,\n                      header: true,\n                      resize: \"defer\",\n                      resizeable: true,\n                      title: featureProps.title,\n                      ...ViewProps,\n                    }}\n                    component={<Feature {...featureProps} />}\n                    key={i}\n                    value={featureProps.title}\n                  >\n                    <Icon name=\"draggable\" size={18} />\n                    <span className={`${classBase}-itemName`}>\n                      {featureProps.title}\n                    </span>\n                  </PaletteItem>\n                );\n              },\n            )}\n          </Palette>\n        </div>\n      ));\n    }\n  }, [features]);\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, \"vuuScrollable\")}>\n      <div className={`${classBase}-header`}>{title}</div>\n      <div className={`${classBase}-content`}>{content}</div>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/esm/index.js

@@ -1,25 +0,0 @@
-export { ApplicationProvider, useApplicationSettings, useApplicationUser, useLogout, useUserSetting } from './application-provider/ApplicationProvider.js';
-export { AppHeader } from './app-header/AppHeader.js';
-export { Feature } from './feature/Feature.js';
-export { FeatureAndLayoutProvider, useFeatures, useLayouts } from './feature-and-layout-provider/FeatureAndLayoutProvider.js';
-export { LeftNav } from './left-nav/LeftNav.js';
-export { LoginPanel } from './login/LoginPanel.js';
-export { PersistenceContext, PersistenceProvider, usePersistenceManager } from './persistence-manager/PersistenceProvider.js';
-export { LocalPersistenceManager } from './persistence-manager/LocalPersistenceManager.js';
-export { RemotePersistenceManager } from './persistence-manager/RemotePersistenceManager.js';
-export { StaticPersistenceManager } from './persistence-manager/StaticPersistenceManager.js';
-export { Shell } from './shell.js';
-export { ContextPanel } from './shell-layout-templates/context-panel/ContextPanel.js';
-export { useShellLayout } from './shell-layout-templates/useShellLayout.js';
-export { SidePanel } from './shell-layout-templates/side-panel/SidePanel.js';
-export { ShellContextProvider } from './ShellContextProvider.js';
-export { FeatureList } from './feature-list/FeatureList.js';
-export { ThemeSwitch } from './theme-switch/ThemeSwitch.js';
-export { UserSettingsPanel } from './user-settings/UserSettingsPanel.js';
-export { FormControl, SettingsForm, isBooleanProperty, isOption, isStringOrNumber } from './user-settings/SettingsForm.js';
-export { SaveLayoutPanel } from './workspace-management/SaveLayoutPanel.js';
-export { LayoutList } from './workspace-management/LayoutList.js';
-export { WorkspaceProvider, useWorkspace } from './workspace-management/WorkspaceProvider.js';
-export { defaultWorkspaceJSON, getStackWorkspaceJSON, getWorkspaceWithLayoutJSON, loadingJSON, warningLayout } from './workspace-management/defaultWorkspaceJSON.js';
-export { useWorkspaceContextMenuItems } from './workspace-management/useWorkspaceContextMenuItems.js';
-//# sourceMappingURL=index.js.map

package/esm/index.js.map

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

package/esm/left-nav/LeftNav.css.js

@@ -1,4 +0,0 @@
-var leftNavCss = ".vuuLeftNav {\n  --vuuOverflowContainer-height: auto;\n  --vuuFeatureList-padding: 195px 32px 16px 24px;\n  --salt-navigable-fontWeight-active: 700;\n  --vuuTab-background-selected: rgba(255, 255, 255, 0.1);\n  --vuuTab-hover-background: rgba(255, 255, 255, 0.1);\n  --vuuTab-before-content: none;\n  --vuuTab-borderRadius: 6px;\n  --vuuTab-height: 40px;\n  --vuuTabstrip-fontWeight: 700;\n  --vuuTabstrip-width: 100%;\n  --svg-demo: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M11.3333 11C11.52 11 11.6667 10.8533 11.6667 10.6667C11.6667 10.48 11.52 10.3333 11.3333 10.3333C11.1467 10.3333 11 10.48 11 10.6667C11 10.8533 11.1467 11 11.3333 11Z\"/><path d=\"M5.99999 8.66667C6.36818 8.66667 6.66666 8.36819 6.66666 8C6.66666 7.63181 6.36818 7.33334 5.99999 7.33334C5.63181 7.33334 5.33333 7.63181 5.33333 8C5.33333 8.36819 5.63181 8.66667 5.99999 8.66667Z\"/><path d=\"M8.66667 6C9.03486 6 9.33333 5.70152 9.33333 5.33333C9.33333 4.96514 9.03486 4.66667 8.66667 4.66667C8.29848 4.66667 8 4.96514 8 5.33333C8 5.70152 8.29848 6 8.66667 6Z\"/><path d=\"M8.66667 11.3333C9.03486 11.3333 9.33333 11.0349 9.33333 10.6667C9.33333 10.2985 9.03486 10 8.66667 10C8.29848 10 8 10.2985 8 10.6667C8 11.0349 8.29848 11.3333 8.66667 11.3333Z\"/><path d=\"M11.3333 8.33333C11.52 8.33333 11.6667 8.18666 11.6667 8C11.6667 7.81333 11.52 7.66666 11.3333 7.66666C11.1467 7.66666 11 7.81333 11 8C11 8.18666 11.1467 8.33333 11.3333 8.33333Z\"/><path d=\"M8.66667 8.66667C9.03486 8.66667 9.33333 8.36819 9.33333 8C9.33333 7.63181 9.03486 7.33334 8.66667 7.33334C8.29848 7.33334 8 7.63181 8 8C8 8.36819 8.29848 8.66667 8.66667 8.66667Z\"/><path d=\"M2 2H14V3.33333H2V2Z\"/><path d=\"M3.33333 6.33333C3.88561 6.33333 4.33333 5.88562 4.33333 5.33333C4.33333 4.78105 3.88561 4.33333 3.33333 4.33333C2.78104 4.33333 2.33333 4.78105 2.33333 5.33333C2.33333 5.88562 2.78104 6.33333 3.33333 6.33333Z\"/><path d=\"M3.33333 9C3.88561 9 4.33333 8.55228 4.33333 8C4.33333 7.44772 3.88561 7 3.33333 7C2.78104 7 2.33333 7.44772 2.33333 8C2.33333 8.55228 2.78104 9 3.33333 9Z\"/><path d=\"M3.33333 11.6667C3.88561 11.6667 4.33333 11.2189 4.33333 10.6667C4.33333 10.1144 3.88561 9.66666 3.33333 9.66666C2.78104 9.66666 2.33333 10.1144 2.33333 10.6667C2.33333 11.2189 2.78104 11.6667 3.33333 11.6667Z\"/><path d=\"M11.3333 5.66667C11.52 5.66667 11.6667 5.52 11.6667 5.33333C11.6667 5.14667 11.52 5 11.3333 5C11.1467 5 11 5.14667 11 5.33333C11 5.52 11.1467 5.66667 11.3333 5.66667Z\"/><path d=\"M5.99999 11.3333C6.36818 11.3333 6.66666 11.0349 6.66666 10.6667C6.66666 10.2985 6.36818 10 5.99999 10C5.63181 10 5.33333 10.2985 5.33333 10.6667C5.33333 11.0349 5.63181 11.3333 5.99999 11.3333Z\"/><path d=\"M5.99999 6C6.36818 6 6.66666 5.70152 6.66666 5.33333C6.66666 4.96514 6.36818 4.66667 5.99999 4.66667C5.63181 4.66667 5.33333 4.96514 5.33333 5.33333C5.33333 5.70152 5.63181 6 5.99999 6Z\"/><path d=\"M2 12.6667H14V14H2V12.6667Z\"/></svg>');\n  --svg-features: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M15.3333 12.6667H14L14 3.33334H15.3333L15.3333 12.6667ZM12.6667 12.6667H11.3333L11.3333 3.33334H12.6667L12.6667 12.6667ZM1.33333 12.6667L9.33333 12.6667C9.69999 12.6667 9.99999 12.3667 9.99999 12V4.00001C9.99999 3.63334 9.69999 3.33334 9.33333 3.33334L1.33333 3.33334C0.966661 3.33334 0.666661 3.63334 0.666661 4.00001L0.666661 12C0.666661 12.3667 0.966661 12.6667 1.33333 12.6667ZM1.99999 4.66667L8.66666 4.66667V11.3333L1.99999 11.3333L1.99999 4.66667Z\"/></svg>');\n  --svg-tables: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M2 6H4.66667V3.33334H3.33333C2.6 3.33334 2 3.93334 2 4.66667V6ZM2 9.33334H4.66667V6.66667H2V9.33334ZM5.33333 9.33334H8V6.66667H5.33333V9.33334ZM8.66667 9.33334H11.3333V6.66667H8.66667V9.33334ZM5.33333 6H8V3.33334H5.33333V6ZM8.66667 3.33334V6H11.3333V3.33334H8.66667ZM12 9.33334H14.6667V6.66667H12V9.33334ZM3.33333 12.6667H4.66667V10H2V11.3333C2 12.0667 2.6 12.6667 3.33333 12.6667ZM5.33333 12.6667H8V10H5.33333V12.6667ZM8.66667 12.6667H11.3333V10H8.66667V12.6667ZM12 12.6667H13.3333C14.0667 12.6667 14.6667 12.0667 14.6667 11.3333V10H12V12.6667ZM12 3.33334V6H14.6667V4.66667C14.6667 3.93334 14.0667 3.33334 13.3333 3.33334H12Z\"/></svg>');\n  --svg-layouts: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M15.3333 10H14V11.3333H15.3333V10ZM15.3333 12.6667H14V14H15.3333V12.6667ZM15.3333 7.33333H14V8.66667H15.3333V7.33333ZM10 2H8.66667V3.33333H10V2ZM15.3333 4.66667H14V6H15.3333V4.66667ZM0.666672 14H7.33334V10H0.666672V14ZM2.00001 4.66667H0.666672V6H2.00001V4.66667ZM10 12.6667H8.66667V14H10V12.6667ZM12.6667 2H11.3333V3.33333H12.6667V2ZM15.3333 2H14V3.33333H15.3333V2ZM12.6667 12.6667H11.3333V14H12.6667V12.6667ZM2.00001 7.33333H0.666672V8.66667H2.00001V7.33333ZM7.33334 2H6.00001V3.33333H7.33334V2ZM4.66667 2H3.33334V3.33333H4.66667V2ZM2.00001 2H0.666672V3.33333H2.00001V2Z\"/></svg>');\n  --vuu-light-text-primary: #15171b;\n\n  --menu-level-2-width: 0px;\n\n  box-shadow: 3px 4px 4px 0 rgba(0, 0, 0, 0.15);\n  display: flex;\n  height: calc(100% - 4px);\n  margin-bottom: 4px;\n  overflow: hidden;\n  position: relative;\n  transition: width 0.2s ease-out;\n  z-index: 0;\n  /* width: calc(var(--menu-width) + var(--menu-level-2-width)); */\n  /* width: 100%; */\n}\n\n.vuuLeftNav-menu-full {\n  --menu-width: var(--nav-menu-expanded-width);\n}\n\n.vuuLeftNav-menu-icons {\n  --menu-width: var(--nav-menu-collapsed-width);\n}\n\n.vuuLeftNav-menu-icons-content {\n  --menu-width: var(--nav-menu-collapsed-width);\n  --menu-level-2-width: var(--nav-menu-content-width);\n}\n\n.vuuLeftNav-menu-full-content {\n  --menu-width: var(--nav-menu-expanded-width);\n  --menu-level-2-width: var(--nav-menu-content-width);\n}\n\n.vuuLeftNav-menu-icons-content .vuuLeftNav-menu-secondary,\n.vuuLeftNav-menu-full-content .vuuLeftNav-menu-secondary {\n  display: flex;\n}\n\n.vuuLeftNav-menu-primary {\n  background-color: #2a015f;\n  container-type: inline-size;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: 32px 16px;\n  transition: flex-basis ease-out 0.2s;\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: var(--menu-width);\n}\n\n.vuuLeftNav-menu-secondary {\n  flex: 1 1 auto;\n  display: none;\n  /* position: absolute; */\n  top: 0;\n  right: 0;\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: var(--nav-menu-content-width, 240px);\n  z-index: -1;\n\n  .vuuTabs-tabPanel {\n    background: var(--salt-container-primary-background);\n    height: 100%;\n    padding: 34px 32px 8px 24px;\n  }\n}\n\n.vuuLeftNav .vuuTabstrip {\n  margin-top: 102px;\n}\n\n.vuuLeftNav .vuuTab {\n  --vuuTab-focusVisible-color: pink;\n  --vuu-icon-color: white;\n  --vuu-icon-left: 12px;\n  --vuu-icon-size: 16px;\n  border-left: solid 4px transparent;\n  padding: 0 0 0 48px;\n}\n\n.vuuLeftNav .vuuTab-selected {\n  --vuu-icon-color: var(--salt-navigable-indicator-active);\n  border-left: solid 4px var(--salt-navigable-indicator-active);\n}\n\n.vuuLeftNav-logo {\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: center;\n}\n\n.vuuLeftNav-main {\n  flex: 1 1 auto;\n}\n\n.vuuLeftNav-menu {\n  color: white;\n  margin-top: 102px;\n  padding: 0;\n}\n\n.vuuLeftNav [data-icon=\"demo\"] {\n  --vuu-icon-svg: var(--svg-demo);\n}\n\n.vuuLeftNav [data-icon=\"tables\"] {\n  --vuu-icon-svg: var(--svg-tables);\n}\n\n.vuuLeftNav [data-icon=\"features\"] {\n  --vuu-icon-svg: var(--svg-features);\n}\n\n.vuuLeftNav [data-icon=\"layouts\"] {\n  --vuu-icon-svg: var(--svg-layouts);\n}\n\n@container (max-width: 100px) {\n  .vuuTab {\n    /* --vuu-icon-left: 12px !important; */\n    --vuuTab-padding: 0 0 0 42px;\n  }\n\n  .vuuTab-main {\n    display: none !important;\n  }\n}\n\n.vuuLeftNav-buttonBar {\n  align-items: center;\n  display: flex;\n  flex: 0 0 100px;\n  justify-content: center;\n}\n\n.vuuLeftNav-toggleButton {\n  --vuu-icon-color: var(--vuu-light-text-primary);\n  --vuu-icon-left: 11px;\n  --vuu-icon-top: 10px;\n  --vuu-icon-size: 16px;\n  background-color: var(--salt-navigable-indicator-active);\n  border-width: 0;\n  border-radius: 18px;\n  height: 36px;\n  position: relative;\n  width: 36px;\n}\n\n.vuuLeftNav-toggleButton-open {\n  --vuu-icon-left: 9px;\n}\n\n.vuuLeftNav-drawer {\n  display: flex;\n  padding: 0 0 0 24px;\n  flex-direction: column;\n  align-items: flex-start;\n  flex-shrink: 0;\n  align-self: stretch;\n  background: #fff;\n  box-shadow: 3px 4px 4px 0 rgba(0, 0, 0, 0.15);\n  height: 100%;\n}\n";
-
-export { leftNavCss as default };
-//# sourceMappingURL=LeftNav.css.js.map

package/esm/left-nav/LeftNav.css.js.map

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