@vuu-ui/vuu-shell 0.6.13-debug → 0.6.14-debug

package/cjs/index.js

@@ -151,13 +151,10 @@ var LoginPanel = ({ onSubmit }) => {
 };
 
 // src/login/login-utils.ts
-var getCookieValue = (name) => {
-  var _a;
-  return (_a = document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))) == null ? void 0 : _a.split("=")[1];
-};
+var import_vuu_utils = require("@vuu-ui/vuu-utils");
 var getAuthDetailsFromCookies = () => {
-  const username = getCookieValue("vuu-username");
-  const token = getCookieValue("vuu-auth-token");
+  const username = (0, import_vuu_utils.getCookieValue)("vuu-username");
+  const token = (0, import_vuu_utils.getCookieValue)("vuu-auth-token");
   return [username, token];
 };
 var redirectToLogin = (loginUrl = "/login.html") => {
@@ -256,7 +253,7 @@ var import_salt_lab3 = require("@heswell/salt-lab");
 var import_icons2 = require("@salt-ds/icons");
 
 // src/user-profile/UserPanel.tsx
-var import_vuu_utils = require("@vuu-ui/vuu-utils");
+var import_vuu_utils2 = require("@vuu-ui/vuu-utils");
 var import_salt_lab2 = require("@heswell/salt-lab");
 var import_core2 = require("@salt-ds/core");
 var import_icons = require("@salt-ds/icons");
@@ -267,7 +264,7 @@ var getLayoutHistory = async (user) => {
   const history = await fetch(`api/vui/${user.username}`, {}).then((response) => {
     return response.ok ? response.json() : null;
   }).catch(() => {
-    console.log(`error getting history`);
+    console.log("error getting history");
   });
   return history;
 };
@@ -288,7 +285,7 @@ var UserPanel = (0, import_react6.forwardRef)(function UserPanel2({ loginUrl, on
       const sortedHistory = history2.filter((item) => item.id !== "latest").sort(byLastUpdate).map(({ id, lastUpdate }) => ({
         lastUpdate,
         id,
-        label: `Saved at ${(0, import_vuu_utils.formatDate)(new Date(lastUpdate), "kk:mm:ss")}`
+        label: `Saved at ${(0, import_vuu_utils2.formatDate)(new Date(lastUpdate), "kk:mm:ss")}`
       }));
       console.log({ sortedHistory });
       setHistory(sortedHistory);

package/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/vuu-shell/src/index.ts", "../../../packages/vuu-shell/src/feature/Feature.tsx", "../../../packages/vuu-shell/src/feature/ErrorBoundary.jsx", "../../../packages/vuu-shell/src/feature/Loader.tsx", "../../../packages/vuu-shell/src/feature/css-module-loader.ts", "../../../packages/vuu-shell/src/login/LoginPanel.tsx", "../../../packages/vuu-shell/src/login/login-utils.ts", "../../../packages/vuu-shell/src/shell.tsx", "../../../packages/vuu-shell/src/use-layout-config.js", "../../../packages/vuu-shell/src/ShellContextProvider.tsx", "../../../packages/vuu-shell/src/app-header/AppHeader.tsx", "../../../packages/vuu-shell/src/user-profile/UserProfile.tsx", "../../../packages/vuu-shell/src/user-profile/UserPanel.tsx", "../../../packages/vuu-shell/src/get-layout-history.ts", "../../../packages/vuu-shell/src/theme-switch/ThemeSwitch.tsx"],
-  "sourcesContent": ["export * from \"./feature\";\nexport * from \"./login\";\nexport * from \"./shell\";\nexport * from \"./shellTypes\";\nexport * from \"./ShellContextProvider\";\nexport * from \"./theme-switch\";\n", "import React, { Suspense } from \"react\";\nimport { registerComponent } from \"@vuu-ui/vuu-layout\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\nimport { Loader } from \"./Loader\";\nimport { importCSS } from \"./css-module-loader\";\n\nexport interface FeatureProps<Params extends object | undefined = undefined> {\n  height?: number;\n  url: string;\n  css?: string;\n  width?: number;\n  params: Params;\n}\n\n// const RawFeature = <Params extends object | undefined>({\nfunction RawFeature<Params extends object | undefined>({\n  url,\n  css,\n  params,\n  ...props\n}: FeatureProps<Params>) {\n  if (css) {\n    // import(/* @vite-ignore */ css, { assert: { type: \"css\" } }).then(\n    //   (cssModule) => {\n    //     document.adoptedStyleSheets = [\n    //       ...document.adoptedStyleSheets,\n    //       cssModule.default,\n    //     ];\n    //   }\n    // );\n    // Polyfill until vite build supports import assertions\n    // Note: already fully supported in esbuild, so vite dev\n    importCSS(css).then((styleSheet) => {\n      document.adoptedStyleSheets = [\n        ...document.adoptedStyleSheets,\n        styleSheet,\n      ];\n    });\n  }\n  const LazyFeature = React.lazy(() => import(/* @vite-ignore */ url));\n  return (\n    <ErrorBoundary>\n      <Suspense fallback={<Loader />}>\n        <LazyFeature {...props} {...params} />\n      </Suspense>\n    </ErrorBoundary>\n  );\n}\n\nexport const Feature = React.memo(RawFeature);\nFeature.displayName = \"Feature\";\nregisterComponent(\"Feature\", Feature, \"view\");\n", "import React from 'react';\n// TODO\nexport class ErrorBoundary extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = { errorMessage: null };\n  }\n\n  static getDerivedStateFromError(error) {\n    // Update state so the next render will show the fallback UI.\n    return { errorMessage: error.message };\n  }\n\n  componentDidCatch(error, errorInfo) {\n    // You can also log the error to an error reporting service\n    console.log(error, errorInfo);\n  }\n\n  render() {\n    if (this.state.errorMessage) {\n      return (\n        <>\n          <h1>Something went wrong.</h1>\n          <p>{this.state.errorMessage}</p>\n        </>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n", "// TODO\nexport const Loader = () => <div className=\"hwLoader\">loading</div>;\n", "export const importCSS = async (path: string) => {\n  const container = new CSSStyleSheet();\n  return fetch(path)\n    .then((x) => x.text())\n    .then((x) => container.replace(x));\n};\n", "import { ChangeEvent, HTMLAttributes, useState } from \"react\";\nimport { Button } from \"@salt-ds/core\";\nimport { FormField, Input } from \"@heswell/salt-lab\";\n\nimport \"./LoginPanel.css\";\n\nconst classBase = \"vuuLoginPanel\";\n\nexport interface LoginPanelProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onSubmit\"> {\n  onSubmit: (username: string, password: string) => void;\n}\n\nexport const LoginPanel = ({ onSubmit }: LoginPanelProps) => {\n  const [username, setUserName] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n\n  const login = () => {\n    onSubmit(username, password);\n  };\n\n  const handleUsername = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setUserName(value);\n  };\n\n  const handlePassword = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setPassword(value);\n  };\n\n  const dataIsValid = username.trim() !== \"\" && password.trim() !== \"\";\n\n  return (\n    <div className={classBase}>\n      <FormField label=\"Username\" style={{ width: 200 }}>\n        <Input value={username} id=\"text-username\" onChange={handleUsername} />\n      </FormField>\n\n      <FormField label=\"Password\" style={{ width: 200 }}>\n        <Input\n          type=\"password\"\n          value={password}\n          id=\"text-password\"\n          onChange={handlePassword}\n        />\n      </FormField>\n\n      <Button\n        className={`${classBase}-login`}\n        disabled={!dataIsValid}\n        onClick={login}\n        variant=\"cta\"\n      >\n        Login\n      </Button>\n    </div>\n  );\n};\n", "const getCookieValue = (name: string) =>\n  document.cookie\n    .split(\"; \")\n    .find((row) => row.startsWith(`${name}=`))\n    ?.split(\"=\")[1];\n\nexport const getAuthDetailsFromCookies = () => {\n  const username = getCookieValue(\"vuu-username\");\n  const token = getCookieValue(\"vuu-auth-token\");\n  return [username, token];\n};\n\nexport const redirectToLogin = (loginUrl = \"/login.html\") => {\n  window.location.href = loginUrl;\n};\n\nexport const logout = (loginUrl?: string) => {\n  document.cookie = \"vuu-username= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  document.cookie = \"vuu-auth-token= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  redirectToLogin(loginUrl);\n};\n", "import { connectToServer } from \"@vuu-ui/vuu-data\";\nimport {\n  HTMLAttributes,\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport useLayoutConfig from \"./use-layout-config\";\nimport { ShellContextProvider } from \"./ShellContextProvider\";\nimport cx from \"classnames\";\n\nimport {\n  Chest,\n  DraggableLayout,\n  Drawer,\n  Flexbox,\n  LayoutProvider,\n  View,\n} from \"@vuu-ui/vuu-layout\";\n\nimport { AppHeader } from \"./app-header\";\n\nimport { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport \"./shell.css\";\nimport { ThemeMode } from \"./theme-switch\";\n\nexport type VuuUser = {\n  username: string;\n  token: string;\n};\n\nconst warningLayout = {\n  type: \"View\",\n  props: {\n    style: { height: \"calc(100% - 6px)\" },\n  },\n  children: [\n    {\n      props: {\n        className: \"vuuShell-warningPlaceholder\",\n      },\n      type: \"Placeholder\",\n    },\n  ],\n};\n\nexport interface ShellProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  defaultLayout?: LayoutJSON;\n  leftSidePanel?: ReactElement;\n  loginUrl?: string;\n  // paletteConfig: any;\n  serverUrl?: string;\n  user: VuuUser;\n}\n\nexport const Shell = ({\n  children,\n  className: classNameProp,\n  defaultLayout = warningLayout,\n  leftSidePanel,\n  loginUrl,\n  serverUrl,\n  user,\n  ...htmlAttributes\n}: ShellProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [density] = useState<\"high\" | \"medium\" | \"low\" | \"touch\">(\"high\");\n  const paletteView = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const layoutId = useRef(\"latest\");\n\n  const [layout, setLayoutConfig, loadLayoutById] = useLayoutConfig(\n    user,\n    defaultLayout\n  );\n\n  const handleLayoutChange = useCallback(\n    (layout) => {\n      setLayoutConfig(layout);\n    },\n    [setLayoutConfig]\n  );\n\n  const handleSwitchTheme = useCallback((mode: ThemeMode) => {\n    if (rootRef.current) {\n      rootRef.current.dataset.mode = mode;\n    }\n  }, []);\n\n  const handleDrawerClick = (e: MouseEvent<HTMLElement>) => {\n    const target = e.target as HTMLElement;\n    if (!paletteView.current?.contains(target)) {\n      setOpen(!open);\n    }\n  };\n\n  const handleNavigate = useCallback(\n    (id) => {\n      layoutId.current = id;\n      loadLayoutById(id);\n    },\n    [loadLayoutById]\n  );\n\n  useEffect(() => {\n    if (serverUrl && user.token) {\n      connectToServer(serverUrl, user.token);\n    }\n  }, [serverUrl, user.token]);\n\n  const getDrawers = () => {\n    const drawers: ReactElement[] = [];\n    if (leftSidePanel) {\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\n    return drawers;\n  };\n\n  const className = cx(\n    \"vuuShell\",\n    classNameProp,\n    \"salt-theme\",\n    `salt-density-${density}`\n  );\n\n  return (\n    // ShellContext TBD\n    <ShellContextProvider value={undefined}>\n      <LayoutProvider layout={layout} onLayoutChange={handleLayoutChange}>\n        <DraggableLayout\n          className={className}\n          data-mode=\"light\"\n          ref={rootRef}\n          {...htmlAttributes}\n        >\n          <Flexbox\n            className=\"App\"\n            style={{ flexDirection: \"column\", height: \"100%\", width: \"100%\" }}\n          >\n            <AppHeader\n              layoutId={layoutId.current}\n              loginUrl={loginUrl}\n              user={user}\n              onNavigate={handleNavigate}\n              onSwitchTheme={handleSwitchTheme}\n            />\n            <Chest style={{ flex: 1 }}>\n              {getDrawers().concat(\n                <DraggableLayout\n                  dropTarget\n                  key=\"main-content\"\n                  style={{ width: \"100%\", height: \"100%\" }}\n                />\n              )}\n            </Chest>\n          </Flexbox>\n        </DraggableLayout>\n      </LayoutProvider>\n      {children}\n    </ShellContextProvider>\n  );\n};\n", "import { useCallback, useEffect, useState } from \"react\";\n\nconst useLayoutConfig = (user, defaultLayout) => {\n  const [layout, _setLayout] = useState(defaultLayout);\n\n  const setLayout = (layout) => {\n    _setLayout(layout);\n  };\n\n  const load = useCallback(\n    async (id = \"latest\") => {\n      fetch(`api/vui/${user.username}/${id}`, {})\n        .then((response) => {\n          return response.ok ? response.json() : defaultLayout;\n        })\n        .then(setLayout)\n        .catch(() => {\n          // TODO we should set a layout with a warning here\n          setLayout(defaultLayout);\n        });\n    },\n    [defaultLayout, user.username]\n  );\n\n  useEffect(() => {\n    load();\n  }, [load]);\n\n  const saveData = useCallback(\n    (data) => {\n      fetch(`api/vui/${user.username}`, {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(data),\n      }).then((response) => {\n        return response.ok ? response.json() : defaultLayout;\n      });\n    },\n    [defaultLayout, user]\n  );\n\n  const loadLayoutById = useCallback(\n    (id) => {\n      load(id);\n    },\n    [load]\n  );\n\n  return [layout, saveData, loadLayoutById];\n};\n\nexport default useLayoutConfig;\n", "import { MenuRpcResponse } from \"@vuu-ui/vuu-data\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-datagrid-types\";\nimport { createContext, ReactElement, ReactNode, useContext } from \"react\";\n\nexport interface ShellContextProps {\n  getDefaultColumnConfig?: (\n    tableName: string,\n    columnName: string\n  ) => Partial<ColumnDescriptor>;\n  handleRpcResponse?: (response?: MenuRpcResponse) => void;\n}\n\nconst defaultConfig = {};\n\nconst ShellContext = createContext<ShellContextProps>(defaultConfig);\n\nexport interface ShellProviderProps {\n  children: ReactNode;\n  value?: ShellContextProps;\n}\n\nconst Provider = ({\n  children,\n  context,\n  inheritedContext,\n}: {\n  children: ReactNode;\n  context?: ShellContextProps;\n  inheritedContext?: ShellContextProps;\n}) => {\n  // TODO functions provided at multiple levels must be merged\n  const mergedContext = {\n    ...inheritedContext,\n    ...context,\n  };\n  return (\n    <ShellContext.Provider value={mergedContext}>\n      {children}\n    </ShellContext.Provider>\n  );\n};\n\nexport const ShellContextProvider = ({\n  children,\n  value,\n}: ShellProviderProps): ReactElement => {\n  return (\n    <ShellContext.Consumer>\n      {(context) => (\n        <Provider context={value} inheritedContext={context}>\n          {children}\n        </Provider>\n      )}\n    </ShellContext.Consumer>\n  );\n};\n\nexport const useShellContext = () => {\n  return useContext(ShellContext);\n};\n", "import { HTMLAttributes, useCallback } from \"react\";\nimport { VuuUser } from \"../shell\";\nimport { UserProfile } from \"../user-profile\";\nimport { ThemeMode, ThemeSwitch } from \"../theme-switch\";\nimport cx from \"classnames\";\n\nimport \"./AppHeader.css\";\n\nconst classBase = \"vuuAppHeader\";\nexport interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  onSwitchTheme?: (mode: ThemeMode) => void;\n  themeMode?: ThemeMode;\n  user: VuuUser;\n}\n\nexport const AppHeader = ({\n  className: classNameProp,\n  layoutId,\n  loginUrl,\n  onNavigate,\n  onSwitchTheme,\n  themeMode = \"light\",\n  user,\n  ...htmlAttributes\n}: AppHeaderProps) => {\n  const className = cx(classBase, classNameProp, \"salt-density-medium\");\n  const handleSwitchTheme = useCallback(\n    (mode: ThemeMode) => onSwitchTheme?.(mode),\n    [onSwitchTheme]\n  );\n  return (\n    <header className={className} {...htmlAttributes}>\n      <ThemeSwitch defaultMode={themeMode} onChange={handleSwitchTheme} />\n      <UserProfile\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={onNavigate}\n        user={user}\n      />\n    </header>\n  );\n};\n", "import { Button } from \"@salt-ds/core\";\nimport { DropdownBase } from \"@heswell/salt-lab\";\nimport { UserSolidIcon } from \"@salt-ds/icons\";\nimport { UserPanel } from \"./UserPanel\";\n\nimport \"./UserProfile.css\";\nimport { VuuUser } from \"../shell\";\n\nexport interface UserProfileProps {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n}\n\nexport const UserProfile = ({\n  layoutId,\n  loginUrl,\n  onNavigate,\n  user,\n}: UserProfileProps) => {\n  const handleNavigate = (id: string) => {\n    onNavigate(id);\n  };\n\n  return (\n    <DropdownBase className=\"vuuUserProfile\" placement=\"bottom-end\">\n      <Button variant=\"secondary\">\n        <UserSolidIcon />\n      </Button>\n      <UserPanel\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={handleNavigate}\n        user={user}\n      />\n    </DropdownBase>\n  );\n};\n", "import { formatDate } from \"@vuu-ui/vuu-utils\";\nimport { List, ListItem, ListItemProps } from \"@heswell/salt-lab\";\nimport { Button } from \"@salt-ds/core\";\nimport { ExportIcon } from \"@salt-ds/icons\";\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { getLayoutHistory, LayoutHistoryItem } from \"../get-layout-history\";\nimport { logout } from \"../login\";\nimport { VuuUser } from \"../shell\";\n\nimport \"./UserPanel.css\";\n\nconst byLastUpdate = (\n  { lastUpdate: l1 }: LayoutHistoryItem,\n  { lastUpdate: l2 }: LayoutHistoryItem\n) => {\n  return l2 === l1 ? 0 : l2 < l1 ? -1 : 1;\n};\n\ntype HistoryEntry = {\n  id: string;\n  label: string;\n  lastUpdate: number;\n};\n\nconst HistoryListItem = (props: ListItemProps<HistoryEntry>) => {\n  return <ListItem {...props} />;\n};\n\nexport interface UserPanelProps extends HTMLAttributes<HTMLDivElement> {\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n  layoutId: string;\n}\n\nexport const UserPanel = forwardRef(function UserPanel(\n  { loginUrl, onNavigate, user, layoutId = \"latest\" }: UserPanelProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const [history, setHistory] = useState<HistoryEntry[]>([]);\n\n  useEffect(() => {\n    async function getHistory() {\n      const history = await getLayoutHistory(user);\n      const sortedHistory = history\n        .filter((item) => item.id !== \"latest\")\n        .sort(byLastUpdate)\n        .map<HistoryEntry>(({ id, lastUpdate }) => ({\n          lastUpdate,\n          id,\n          label: `Saved at ${formatDate(new Date(lastUpdate), \"kk:mm:ss\")}`,\n        }));\n      console.log({ sortedHistory });\n      setHistory(sortedHistory);\n    }\n\n    getHistory();\n  }, [user]);\n\n  const handleHisorySelected = useCallback(\n    (evt, selected) => {\n      if (selected) {\n        onNavigate(selected.id);\n      }\n    },\n    [onNavigate]\n  );\n\n  const handleLogout = useCallback(() => {\n    logout(loginUrl);\n  }, [loginUrl]);\n\n  const selected =\n    history.length === 0\n      ? null\n      : layoutId === \"latest\"\n      ? history[0]\n      : history.find((i) => i.id === layoutId);\n\n  return (\n    <div className=\"vuuUserPanel\" ref={forwardedRef}>\n      <List<HistoryEntry>\n        ListItem={HistoryListItem}\n        className=\"vuuUserPanel-history\"\n        onSelect={handleHisorySelected}\n        selected={selected}\n        source={history}\n      />\n      <div className=\"vuuUserPanel-buttonBar\">\n        <Button aria-label=\"logout\" onClick={handleLogout}>\n          <ExportIcon /> Logout\n        </Button>\n      </div>\n    </div>\n  );\n});\n", "import { VuuUser } from \"./shell\";\n\nexport interface LayoutHistoryItem {\n  user: string;\n  id: string;\n  uniqueId: string;\n  lastUpdate: number;\n}\n\nexport const getLayoutHistory = async (\n  user: VuuUser\n): Promise<LayoutHistoryItem[]> => {\n  const history = await fetch(`api/vui/${user.username}`, {})\n    .then((response) => {\n      return response.ok ? response.json() : null;\n    })\n    .catch(() => {\n      // TODO we should set a layout with a warning here\n      console.log(`error getting history`);\n    });\n\n  return history;\n};\n", "import {\n  ToggleButton,\n  ToggleButtonGroup,\n  ToggleButtonGroupChangeEventHandler,\n} from \"@heswell/salt-lab\";\nimport cx from \"classnames\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { HTMLAttributes, useCallback } from \"react\";\n\nimport \"./ThemeSwitch.css\";\n\nconst classBase = \"vuuThemeSwitch\";\n\nexport type ThemeMode = \"light\" | \"dark\";\n\nexport interface ThemeSwitchProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  defaultMode?: ThemeMode;\n  mode?: ThemeMode;\n  onChange: (mode: ThemeMode) => void;\n}\n\nconst modes: ThemeMode[] = [\"light\", \"dark\"];\n\nexport const ThemeSwitch = ({\n  className: classNameProp,\n  defaultMode: defaultModeProp,\n  mode: modeProp,\n  onChange,\n  ...htmlAttributes\n}: ThemeSwitchProps) => {\n  const [mode, setMode] = useControlled<ThemeMode>({\n    controlled: modeProp,\n    default: defaultModeProp ?? \"light\",\n    name: \"ThemeSwitch\",\n    state: \"mode\",\n  });\n\n  const selectedIndex = modes.indexOf(mode);\n\n  const handleChangeSecondary: ToggleButtonGroupChangeEventHandler =\n    useCallback(\n      (_evt, index) => {\n        const mode = modes[index];\n        setMode(mode);\n        onChange(mode);\n      },\n      [onChange, setMode]\n    );\n  const className = cx(classBase, classNameProp);\n  return (\n    <ToggleButtonGroup\n      className={className}\n      {...htmlAttributes}\n      onChange={handleChangeSecondary}\n      selectedIndex={selectedIndex}\n    >\n      <ToggleButton\n        aria-label=\"alert\"\n        tooltipText=\"Light Theme\"\n        data-icon=\"light\"\n      />\n      <ToggleButton\n        aria-label=\"home\"\n        tooltipText=\"Dark Theme\"\n        data-icon=\"dark\"\n      />\n    </ToggleButtonGroup>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["import_react", "React", "import_jsx_runtime", "import_jsx_runtime", "React", "import_react", "import_jsx_runtime", "import_react", "import_react", "layout", "import_react", "import_jsx_runtime", "import_classnames", "import_vuu_layout", "import_react", "import_core", "import_salt_lab", "import_icons", "import_salt_lab", "import_core", "import_react", "import_jsx_runtime", "UserPanel", "history", "selected", "import_jsx_runtime", "import_salt_lab", "import_core", "import_react", "import_jsx_runtime", "classBase", "mode", "cx", "import_classnames", "import_jsx_runtime", "classBase", "cx", "import_jsx_runtime", "layout", "cx"]
+  "sourcesContent": ["export * from \"./feature\";\nexport * from \"./login\";\nexport * from \"./shell\";\nexport * from \"./shellTypes\";\nexport * from \"./ShellContextProvider\";\nexport * from \"./theme-switch\";\n", "import React, { Suspense } from \"react\";\nimport { registerComponent } from \"@vuu-ui/vuu-layout\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\nimport { Loader } from \"./Loader\";\nimport { importCSS } from \"./css-module-loader\";\n\nexport interface FeatureProps<Params extends object | undefined = undefined> {\n  height?: number;\n  url: string;\n  css?: string;\n  width?: number;\n  params: Params;\n}\n\n// const RawFeature = <Params extends object | undefined>({\nfunction RawFeature<Params extends object | undefined>({\n  url,\n  css,\n  params,\n  ...props\n}: FeatureProps<Params>) {\n  if (css) {\n    // import(/* @vite-ignore */ css, { assert: { type: \"css\" } }).then(\n    //   (cssModule) => {\n    //     document.adoptedStyleSheets = [\n    //       ...document.adoptedStyleSheets,\n    //       cssModule.default,\n    //     ];\n    //   }\n    // );\n    // Polyfill until vite build supports import assertions\n    // Note: already fully supported in esbuild, so vite dev\n    importCSS(css).then((styleSheet) => {\n      document.adoptedStyleSheets = [\n        ...document.adoptedStyleSheets,\n        styleSheet,\n      ];\n    });\n  }\n  const LazyFeature = React.lazy(() => import(/* @vite-ignore */ url));\n  return (\n    <ErrorBoundary>\n      <Suspense fallback={<Loader />}>\n        <LazyFeature {...props} {...params} />\n      </Suspense>\n    </ErrorBoundary>\n  );\n}\n\nexport const Feature = React.memo(RawFeature);\nFeature.displayName = \"Feature\";\nregisterComponent(\"Feature\", Feature, \"view\");\n", "import React from 'react';\n// TODO\nexport class ErrorBoundary extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = { errorMessage: null };\n  }\n\n  static getDerivedStateFromError(error) {\n    // Update state so the next render will show the fallback UI.\n    return { errorMessage: error.message };\n  }\n\n  componentDidCatch(error, errorInfo) {\n    // You can also log the error to an error reporting service\n    console.log(error, errorInfo);\n  }\n\n  render() {\n    if (this.state.errorMessage) {\n      return (\n        <>\n          <h1>Something went wrong.</h1>\n          <p>{this.state.errorMessage}</p>\n        </>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n", "// TODO\nexport const Loader = () => <div className=\"hwLoader\">loading</div>;\n", "export const importCSS = async (path: string) => {\n  const container = new CSSStyleSheet();\n  return fetch(path)\n    .then((x) => x.text())\n    .then((x) => container.replace(x));\n};\n", "import { ChangeEvent, HTMLAttributes, useState } from \"react\";\nimport { Button } from \"@salt-ds/core\";\nimport { FormField, Input } from \"@heswell/salt-lab\";\n\nimport \"./LoginPanel.css\";\n\nconst classBase = \"vuuLoginPanel\";\n\nexport interface LoginPanelProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onSubmit\"> {\n  onSubmit: (username: string, password: string) => void;\n}\n\nexport const LoginPanel = ({ onSubmit }: LoginPanelProps) => {\n  const [username, setUserName] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n\n  const login = () => {\n    onSubmit(username, password);\n  };\n\n  const handleUsername = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setUserName(value);\n  };\n\n  const handlePassword = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setPassword(value);\n  };\n\n  const dataIsValid = username.trim() !== \"\" && password.trim() !== \"\";\n\n  return (\n    <div className={classBase}>\n      <FormField label=\"Username\" style={{ width: 200 }}>\n        <Input value={username} id=\"text-username\" onChange={handleUsername} />\n      </FormField>\n\n      <FormField label=\"Password\" style={{ width: 200 }}>\n        <Input\n          type=\"password\"\n          value={password}\n          id=\"text-password\"\n          onChange={handlePassword}\n        />\n      </FormField>\n\n      <Button\n        className={`${classBase}-login`}\n        disabled={!dataIsValid}\n        onClick={login}\n        variant=\"cta\"\n      >\n        Login\n      </Button>\n    </div>\n  );\n};\n", "import { getCookieValue } from \"@vuu-ui/vuu-utils\";\n\nexport const getAuthDetailsFromCookies = () => {\n  const username = getCookieValue(\"vuu-username\");\n  const token = getCookieValue(\"vuu-auth-token\");\n  return [username, token];\n};\n\nexport const redirectToLogin = (loginUrl = \"/login.html\") => {\n  window.location.href = loginUrl;\n};\n\nexport const logout = (loginUrl?: string) => {\n  document.cookie = \"vuu-username= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  document.cookie = \"vuu-auth-token= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  redirectToLogin(loginUrl);\n};\n", "import { connectToServer } from \"@vuu-ui/vuu-data\";\nimport {\n  HTMLAttributes,\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport useLayoutConfig from \"./use-layout-config\";\nimport { ShellContextProvider } from \"./ShellContextProvider\";\nimport cx from \"classnames\";\n\nimport {\n  Chest,\n  DraggableLayout,\n  Drawer,\n  Flexbox,\n  LayoutProvider,\n  View,\n} from \"@vuu-ui/vuu-layout\";\n\nimport { AppHeader } from \"./app-header\";\n\nimport { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport \"./shell.css\";\nimport { ThemeMode } from \"./theme-switch\";\n\nexport type VuuUser = {\n  username: string;\n  token: string;\n};\n\nconst warningLayout = {\n  type: \"View\",\n  props: {\n    style: { height: \"calc(100% - 6px)\" },\n  },\n  children: [\n    {\n      props: {\n        className: \"vuuShell-warningPlaceholder\",\n      },\n      type: \"Placeholder\",\n    },\n  ],\n};\n\nexport interface ShellProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  defaultLayout?: LayoutJSON;\n  leftSidePanel?: ReactElement;\n  loginUrl?: string;\n  // paletteConfig: any;\n  serverUrl?: string;\n  user: VuuUser;\n}\n\nexport const Shell = ({\n  children,\n  className: classNameProp,\n  defaultLayout = warningLayout,\n  leftSidePanel,\n  loginUrl,\n  serverUrl,\n  user,\n  ...htmlAttributes\n}: ShellProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [density] = useState<\"high\" | \"medium\" | \"low\" | \"touch\">(\"high\");\n  const paletteView = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const layoutId = useRef(\"latest\");\n\n  const [layout, setLayoutConfig, loadLayoutById] = useLayoutConfig(\n    user,\n    defaultLayout\n  );\n\n  const handleLayoutChange = useCallback(\n    (layout) => {\n      setLayoutConfig(layout);\n    },\n    [setLayoutConfig]\n  );\n\n  const handleSwitchTheme = useCallback((mode: ThemeMode) => {\n    if (rootRef.current) {\n      rootRef.current.dataset.mode = mode;\n    }\n  }, []);\n\n  const handleDrawerClick = (e: MouseEvent<HTMLElement>) => {\n    const target = e.target as HTMLElement;\n    if (!paletteView.current?.contains(target)) {\n      setOpen(!open);\n    }\n  };\n\n  const handleNavigate = useCallback(\n    (id) => {\n      layoutId.current = id;\n      loadLayoutById(id);\n    },\n    [loadLayoutById]\n  );\n\n  useEffect(() => {\n    if (serverUrl && user.token) {\n      connectToServer(serverUrl, user.token);\n    }\n  }, [serverUrl, user.token]);\n\n  const getDrawers = () => {\n    const drawers: ReactElement[] = [];\n    if (leftSidePanel) {\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\n    return drawers;\n  };\n\n  const className = cx(\n    \"vuuShell\",\n    classNameProp,\n    \"salt-theme\",\n    `salt-density-${density}`\n  );\n\n  return (\n    // ShellContext TBD\n    <ShellContextProvider value={undefined}>\n      <LayoutProvider layout={layout} onLayoutChange={handleLayoutChange}>\n        <DraggableLayout\n          className={className}\n          data-mode=\"light\"\n          ref={rootRef}\n          {...htmlAttributes}\n        >\n          <Flexbox\n            className=\"App\"\n            style={{ flexDirection: \"column\", height: \"100%\", width: \"100%\" }}\n          >\n            <AppHeader\n              layoutId={layoutId.current}\n              loginUrl={loginUrl}\n              user={user}\n              onNavigate={handleNavigate}\n              onSwitchTheme={handleSwitchTheme}\n            />\n            <Chest style={{ flex: 1 }}>\n              {getDrawers().concat(\n                <DraggableLayout\n                  dropTarget\n                  key=\"main-content\"\n                  style={{ width: \"100%\", height: \"100%\" }}\n                />\n              )}\n            </Chest>\n          </Flexbox>\n        </DraggableLayout>\n      </LayoutProvider>\n      {children}\n    </ShellContextProvider>\n  );\n};\n", "import { useCallback, useEffect, useState } from \"react\";\n\nconst useLayoutConfig = (user, defaultLayout) => {\n  const [layout, _setLayout] = useState(defaultLayout);\n\n  const setLayout = (layout) => {\n    _setLayout(layout);\n  };\n\n  const load = useCallback(\n    async (id = \"latest\") => {\n      fetch(`api/vui/${user.username}/${id}`, {})\n        .then((response) => {\n          return response.ok ? response.json() : defaultLayout;\n        })\n        .then(setLayout)\n        .catch(() => {\n          // TODO we should set a layout with a warning here\n          setLayout(defaultLayout);\n        });\n    },\n    [defaultLayout, user.username]\n  );\n\n  useEffect(() => {\n    load();\n  }, [load]);\n\n  const saveData = useCallback(\n    (data) => {\n      fetch(`api/vui/${user.username}`, {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(data),\n      }).then((response) => {\n        return response.ok ? response.json() : defaultLayout;\n      });\n    },\n    [defaultLayout, user]\n  );\n\n  const loadLayoutById = useCallback(\n    (id) => {\n      load(id);\n    },\n    [load]\n  );\n\n  return [layout, saveData, loadLayoutById];\n};\n\nexport default useLayoutConfig;\n", "import { MenuRpcResponse } from \"@vuu-ui/vuu-data\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-datagrid-types\";\nimport { createContext, ReactElement, ReactNode, useContext } from \"react\";\n\nexport interface ShellContextProps {\n  getDefaultColumnConfig?: (\n    tableName: string,\n    columnName: string\n  ) => Partial<ColumnDescriptor>;\n  handleRpcResponse?: (response?: MenuRpcResponse) => void;\n}\n\nconst defaultConfig = {};\n\nconst ShellContext = createContext<ShellContextProps>(defaultConfig);\n\nexport interface ShellProviderProps {\n  children: ReactNode;\n  value?: ShellContextProps;\n}\n\nconst Provider = ({\n  children,\n  context,\n  inheritedContext,\n}: {\n  children: ReactNode;\n  context?: ShellContextProps;\n  inheritedContext?: ShellContextProps;\n}) => {\n  // TODO functions provided at multiple levels must be merged\n  const mergedContext = {\n    ...inheritedContext,\n    ...context,\n  };\n  return (\n    <ShellContext.Provider value={mergedContext}>\n      {children}\n    </ShellContext.Provider>\n  );\n};\n\nexport const ShellContextProvider = ({\n  children,\n  value,\n}: ShellProviderProps): ReactElement => {\n  return (\n    <ShellContext.Consumer>\n      {(context) => (\n        <Provider context={value} inheritedContext={context}>\n          {children}\n        </Provider>\n      )}\n    </ShellContext.Consumer>\n  );\n};\n\nexport const useShellContext = () => {\n  return useContext(ShellContext);\n};\n", "import { HTMLAttributes, useCallback } from \"react\";\nimport { VuuUser } from \"../shell\";\nimport { UserProfile } from \"../user-profile\";\nimport { ThemeMode, ThemeSwitch } from \"../theme-switch\";\nimport cx from \"classnames\";\n\nimport \"./AppHeader.css\";\n\nconst classBase = \"vuuAppHeader\";\nexport interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  onSwitchTheme?: (mode: ThemeMode) => void;\n  themeMode?: ThemeMode;\n  user: VuuUser;\n}\n\nexport const AppHeader = ({\n  className: classNameProp,\n  layoutId,\n  loginUrl,\n  onNavigate,\n  onSwitchTheme,\n  themeMode = \"light\",\n  user,\n  ...htmlAttributes\n}: AppHeaderProps) => {\n  const className = cx(classBase, classNameProp, \"salt-density-medium\");\n  const handleSwitchTheme = useCallback(\n    (mode: ThemeMode) => onSwitchTheme?.(mode),\n    [onSwitchTheme]\n  );\n  return (\n    <header className={className} {...htmlAttributes}>\n      <ThemeSwitch defaultMode={themeMode} onChange={handleSwitchTheme} />\n      <UserProfile\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={onNavigate}\n        user={user}\n      />\n    </header>\n  );\n};\n", "import { Button } from \"@salt-ds/core\";\nimport { DropdownBase } from \"@heswell/salt-lab\";\nimport { UserSolidIcon } from \"@salt-ds/icons\";\nimport { UserPanel } from \"./UserPanel\";\n\nimport \"./UserProfile.css\";\nimport { VuuUser } from \"../shell\";\n\nexport interface UserProfileProps {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n}\n\nexport const UserProfile = ({\n  layoutId,\n  loginUrl,\n  onNavigate,\n  user,\n}: UserProfileProps) => {\n  const handleNavigate = (id: string) => {\n    onNavigate(id);\n  };\n\n  return (\n    <DropdownBase className=\"vuuUserProfile\" placement=\"bottom-end\">\n      <Button variant=\"secondary\">\n        <UserSolidIcon />\n      </Button>\n      <UserPanel\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={handleNavigate}\n        user={user}\n      />\n    </DropdownBase>\n  );\n};\n", "import { formatDate } from \"@vuu-ui/vuu-utils\";\nimport { List, ListItem, ListItemProps } from \"@heswell/salt-lab\";\nimport { Button } from \"@salt-ds/core\";\nimport { ExportIcon } from \"@salt-ds/icons\";\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { getLayoutHistory, LayoutHistoryItem } from \"../get-layout-history\";\nimport { logout } from \"../login\";\nimport { VuuUser } from \"../shell\";\n\nimport \"./UserPanel.css\";\n\nconst byLastUpdate = (\n  { lastUpdate: l1 }: LayoutHistoryItem,\n  { lastUpdate: l2 }: LayoutHistoryItem\n) => {\n  return l2 === l1 ? 0 : l2 < l1 ? -1 : 1;\n};\n\ntype HistoryEntry = {\n  id: string;\n  label: string;\n  lastUpdate: number;\n};\n\nconst HistoryListItem = (props: ListItemProps<HistoryEntry>) => {\n  return <ListItem {...props} />;\n};\n\nexport interface UserPanelProps extends HTMLAttributes<HTMLDivElement> {\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n  layoutId: string;\n}\n\nexport const UserPanel = forwardRef(function UserPanel(\n  { loginUrl, onNavigate, user, layoutId = \"latest\" }: UserPanelProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const [history, setHistory] = useState<HistoryEntry[]>([]);\n\n  useEffect(() => {\n    async function getHistory() {\n      const history = await getLayoutHistory(user);\n      const sortedHistory = history\n        .filter((item) => item.id !== \"latest\")\n        .sort(byLastUpdate)\n        .map<HistoryEntry>(({ id, lastUpdate }) => ({\n          lastUpdate,\n          id,\n          label: `Saved at ${formatDate(new Date(lastUpdate), \"kk:mm:ss\")}`,\n        }));\n      console.log({ sortedHistory });\n      setHistory(sortedHistory);\n    }\n\n    getHistory();\n  }, [user]);\n\n  const handleHisorySelected = useCallback(\n    (evt, selected) => {\n      if (selected) {\n        onNavigate(selected.id);\n      }\n    },\n    [onNavigate]\n  );\n\n  const handleLogout = useCallback(() => {\n    logout(loginUrl);\n  }, [loginUrl]);\n\n  const selected =\n    history.length === 0\n      ? null\n      : layoutId === \"latest\"\n      ? history[0]\n      : history.find((i) => i.id === layoutId);\n\n  return (\n    <div className=\"vuuUserPanel\" ref={forwardedRef}>\n      <List<HistoryEntry>\n        ListItem={HistoryListItem}\n        className=\"vuuUserPanel-history\"\n        onSelect={handleHisorySelected}\n        selected={selected}\n        source={history}\n      />\n      <div className=\"vuuUserPanel-buttonBar\">\n        <Button aria-label=\"logout\" onClick={handleLogout}>\n          <ExportIcon /> Logout\n        </Button>\n      </div>\n    </div>\n  );\n});\n", "import { VuuUser } from \"./shell\";\n\nexport interface LayoutHistoryItem {\n  user: string;\n  id: string;\n  uniqueId: string;\n  lastUpdate: number;\n}\n\nexport const getLayoutHistory = async (\n  user: VuuUser\n): Promise<LayoutHistoryItem[]> => {\n  const history = await fetch(`api/vui/${user.username}`, {})\n    .then((response) => {\n      return response.ok ? response.json() : null;\n    })\n    .catch(() => {\n      // TODO we should set a layout with a warning here\n      console.log(\"error getting history\");\n    });\n\n  return history;\n};\n", "import {\n  ToggleButton,\n  ToggleButtonGroup,\n  ToggleButtonGroupChangeEventHandler,\n} from \"@heswell/salt-lab\";\nimport cx from \"classnames\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { HTMLAttributes, useCallback } from \"react\";\n\nimport \"./ThemeSwitch.css\";\n\nconst classBase = \"vuuThemeSwitch\";\n\nexport type ThemeMode = \"light\" | \"dark\";\n\nexport interface ThemeSwitchProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  defaultMode?: ThemeMode;\n  mode?: ThemeMode;\n  onChange: (mode: ThemeMode) => void;\n}\n\nconst modes: ThemeMode[] = [\"light\", \"dark\"];\n\nexport const ThemeSwitch = ({\n  className: classNameProp,\n  defaultMode: defaultModeProp,\n  mode: modeProp,\n  onChange,\n  ...htmlAttributes\n}: ThemeSwitchProps) => {\n  const [mode, setMode] = useControlled<ThemeMode>({\n    controlled: modeProp,\n    default: defaultModeProp ?? \"light\",\n    name: \"ThemeSwitch\",\n    state: \"mode\",\n  });\n\n  const selectedIndex = modes.indexOf(mode);\n\n  const handleChangeSecondary: ToggleButtonGroupChangeEventHandler =\n    useCallback(\n      (_evt, index) => {\n        const mode = modes[index];\n        setMode(mode);\n        onChange(mode);\n      },\n      [onChange, setMode]\n    );\n  const className = cx(classBase, classNameProp);\n  return (\n    <ToggleButtonGroup\n      className={className}\n      {...htmlAttributes}\n      onChange={handleChangeSecondary}\n      selectedIndex={selectedIndex}\n    >\n      <ToggleButton\n        aria-label=\"alert\"\n        tooltipText=\"Light Theme\"\n        data-icon=\"light\"\n      />\n      <ToggleButton\n        aria-label=\"home\"\n        tooltipText=\"Dark Theme\"\n        data-icon=\"dark\"\n      />\n    </ToggleButtonGroup>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["import_react", "React", "import_jsx_runtime", "import_jsx_runtime", "React", "import_react", "import_jsx_runtime", "import_react", "import_react", "layout", "import_react", "import_jsx_runtime", "import_classnames", "import_vuu_layout", "import_react", "import_core", "import_salt_lab", "import_icons", "import_vuu_utils", "import_salt_lab", "import_core", "import_react", "import_jsx_runtime", "UserPanel", "history", "selected", "import_jsx_runtime", "import_salt_lab", "import_core", "import_react", "import_jsx_runtime", "classBase", "mode", "cx", "import_classnames", "import_jsx_runtime", "classBase", "cx", "import_jsx_runtime", "layout", "cx"]
 }

package/esm/index.js

@@ -107,10 +107,7 @@ var LoginPanel = ({ onSubmit }) => {
 };
 
 // src/login/login-utils.ts
-var getCookieValue = (name) => {
-  var _a;
-  return (_a = document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))) == null ? void 0 : _a.split("=")[1];
-};
+import { getCookieValue } from "@vuu-ui/vuu-utils";
 var getAuthDetailsFromCookies = () => {
   const username = getCookieValue("vuu-username");
   const token = getCookieValue("vuu-auth-token");
@@ -240,7 +237,7 @@ var getLayoutHistory = async (user) => {
   const history = await fetch(`api/vui/${user.username}`, {}).then((response) => {
     return response.ok ? response.json() : null;
   }).catch(() => {
-    console.log(`error getting history`);
+    console.log("error getting history");
   });
   return history;
 };

package/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/vuu-shell/src/feature/Feature.tsx", "../../../packages/vuu-shell/src/feature/ErrorBoundary.jsx", "../../../packages/vuu-shell/src/feature/Loader.tsx", "../../../packages/vuu-shell/src/feature/css-module-loader.ts", "../../../packages/vuu-shell/src/login/LoginPanel.tsx", "../../../packages/vuu-shell/src/login/login-utils.ts", "../../../packages/vuu-shell/src/shell.tsx", "../../../packages/vuu-shell/src/use-layout-config.js", "../../../packages/vuu-shell/src/ShellContextProvider.tsx", "../../../packages/vuu-shell/src/app-header/AppHeader.tsx", "../../../packages/vuu-shell/src/user-profile/UserProfile.tsx", "../../../packages/vuu-shell/src/user-profile/UserPanel.tsx", "../../../packages/vuu-shell/src/get-layout-history.ts", "../../../packages/vuu-shell/src/theme-switch/ThemeSwitch.tsx"],
-  "sourcesContent": ["import React, { Suspense } from \"react\";\nimport { registerComponent } from \"@vuu-ui/vuu-layout\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\nimport { Loader } from \"./Loader\";\nimport { importCSS } from \"./css-module-loader\";\n\nexport interface FeatureProps<Params extends object | undefined = undefined> {\n  height?: number;\n  url: string;\n  css?: string;\n  width?: number;\n  params: Params;\n}\n\n// const RawFeature = <Params extends object | undefined>({\nfunction RawFeature<Params extends object | undefined>({\n  url,\n  css,\n  params,\n  ...props\n}: FeatureProps<Params>) {\n  if (css) {\n    // import(/* @vite-ignore */ css, { assert: { type: \"css\" } }).then(\n    //   (cssModule) => {\n    //     document.adoptedStyleSheets = [\n    //       ...document.adoptedStyleSheets,\n    //       cssModule.default,\n    //     ];\n    //   }\n    // );\n    // Polyfill until vite build supports import assertions\n    // Note: already fully supported in esbuild, so vite dev\n    importCSS(css).then((styleSheet) => {\n      document.adoptedStyleSheets = [\n        ...document.adoptedStyleSheets,\n        styleSheet,\n      ];\n    });\n  }\n  const LazyFeature = React.lazy(() => import(/* @vite-ignore */ url));\n  return (\n    <ErrorBoundary>\n      <Suspense fallback={<Loader />}>\n        <LazyFeature {...props} {...params} />\n      </Suspense>\n    </ErrorBoundary>\n  );\n}\n\nexport const Feature = React.memo(RawFeature);\nFeature.displayName = \"Feature\";\nregisterComponent(\"Feature\", Feature, \"view\");\n", "import React from 'react';\n// TODO\nexport class ErrorBoundary extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = { errorMessage: null };\n  }\n\n  static getDerivedStateFromError(error) {\n    // Update state so the next render will show the fallback UI.\n    return { errorMessage: error.message };\n  }\n\n  componentDidCatch(error, errorInfo) {\n    // You can also log the error to an error reporting service\n    console.log(error, errorInfo);\n  }\n\n  render() {\n    if (this.state.errorMessage) {\n      return (\n        <>\n          <h1>Something went wrong.</h1>\n          <p>{this.state.errorMessage}</p>\n        </>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n", "// TODO\nexport const Loader = () => <div className=\"hwLoader\">loading</div>;\n", "export const importCSS = async (path: string) => {\n  const container = new CSSStyleSheet();\n  return fetch(path)\n    .then((x) => x.text())\n    .then((x) => container.replace(x));\n};\n", "import { ChangeEvent, HTMLAttributes, useState } from \"react\";\nimport { Button } from \"@salt-ds/core\";\nimport { FormField, Input } from \"@heswell/salt-lab\";\n\nimport \"./LoginPanel.css\";\n\nconst classBase = \"vuuLoginPanel\";\n\nexport interface LoginPanelProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onSubmit\"> {\n  onSubmit: (username: string, password: string) => void;\n}\n\nexport const LoginPanel = ({ onSubmit }: LoginPanelProps) => {\n  const [username, setUserName] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n\n  const login = () => {\n    onSubmit(username, password);\n  };\n\n  const handleUsername = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setUserName(value);\n  };\n\n  const handlePassword = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setPassword(value);\n  };\n\n  const dataIsValid = username.trim() !== \"\" && password.trim() !== \"\";\n\n  return (\n    <div className={classBase}>\n      <FormField label=\"Username\" style={{ width: 200 }}>\n        <Input value={username} id=\"text-username\" onChange={handleUsername} />\n      </FormField>\n\n      <FormField label=\"Password\" style={{ width: 200 }}>\n        <Input\n          type=\"password\"\n          value={password}\n          id=\"text-password\"\n          onChange={handlePassword}\n        />\n      </FormField>\n\n      <Button\n        className={`${classBase}-login`}\n        disabled={!dataIsValid}\n        onClick={login}\n        variant=\"cta\"\n      >\n        Login\n      </Button>\n    </div>\n  );\n};\n", "const getCookieValue = (name: string) =>\n  document.cookie\n    .split(\"; \")\n    .find((row) => row.startsWith(`${name}=`))\n    ?.split(\"=\")[1];\n\nexport const getAuthDetailsFromCookies = () => {\n  const username = getCookieValue(\"vuu-username\");\n  const token = getCookieValue(\"vuu-auth-token\");\n  return [username, token];\n};\n\nexport const redirectToLogin = (loginUrl = \"/login.html\") => {\n  window.location.href = loginUrl;\n};\n\nexport const logout = (loginUrl?: string) => {\n  document.cookie = \"vuu-username= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  document.cookie = \"vuu-auth-token= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  redirectToLogin(loginUrl);\n};\n", "import { connectToServer } from \"@vuu-ui/vuu-data\";\nimport {\n  HTMLAttributes,\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport useLayoutConfig from \"./use-layout-config\";\nimport { ShellContextProvider } from \"./ShellContextProvider\";\nimport cx from \"classnames\";\n\nimport {\n  Chest,\n  DraggableLayout,\n  Drawer,\n  Flexbox,\n  LayoutProvider,\n  View,\n} from \"@vuu-ui/vuu-layout\";\n\nimport { AppHeader } from \"./app-header\";\n\nimport { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport \"./shell.css\";\nimport { ThemeMode } from \"./theme-switch\";\n\nexport type VuuUser = {\n  username: string;\n  token: string;\n};\n\nconst warningLayout = {\n  type: \"View\",\n  props: {\n    style: { height: \"calc(100% - 6px)\" },\n  },\n  children: [\n    {\n      props: {\n        className: \"vuuShell-warningPlaceholder\",\n      },\n      type: \"Placeholder\",\n    },\n  ],\n};\n\nexport interface ShellProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  defaultLayout?: LayoutJSON;\n  leftSidePanel?: ReactElement;\n  loginUrl?: string;\n  // paletteConfig: any;\n  serverUrl?: string;\n  user: VuuUser;\n}\n\nexport const Shell = ({\n  children,\n  className: classNameProp,\n  defaultLayout = warningLayout,\n  leftSidePanel,\n  loginUrl,\n  serverUrl,\n  user,\n  ...htmlAttributes\n}: ShellProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [density] = useState<\"high\" | \"medium\" | \"low\" | \"touch\">(\"high\");\n  const paletteView = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const layoutId = useRef(\"latest\");\n\n  const [layout, setLayoutConfig, loadLayoutById] = useLayoutConfig(\n    user,\n    defaultLayout\n  );\n\n  const handleLayoutChange = useCallback(\n    (layout) => {\n      setLayoutConfig(layout);\n    },\n    [setLayoutConfig]\n  );\n\n  const handleSwitchTheme = useCallback((mode: ThemeMode) => {\n    if (rootRef.current) {\n      rootRef.current.dataset.mode = mode;\n    }\n  }, []);\n\n  const handleDrawerClick = (e: MouseEvent<HTMLElement>) => {\n    const target = e.target as HTMLElement;\n    if (!paletteView.current?.contains(target)) {\n      setOpen(!open);\n    }\n  };\n\n  const handleNavigate = useCallback(\n    (id) => {\n      layoutId.current = id;\n      loadLayoutById(id);\n    },\n    [loadLayoutById]\n  );\n\n  useEffect(() => {\n    if (serverUrl && user.token) {\n      connectToServer(serverUrl, user.token);\n    }\n  }, [serverUrl, user.token]);\n\n  const getDrawers = () => {\n    const drawers: ReactElement[] = [];\n    if (leftSidePanel) {\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\n    return drawers;\n  };\n\n  const className = cx(\n    \"vuuShell\",\n    classNameProp,\n    \"salt-theme\",\n    `salt-density-${density}`\n  );\n\n  return (\n    // ShellContext TBD\n    <ShellContextProvider value={undefined}>\n      <LayoutProvider layout={layout} onLayoutChange={handleLayoutChange}>\n        <DraggableLayout\n          className={className}\n          data-mode=\"light\"\n          ref={rootRef}\n          {...htmlAttributes}\n        >\n          <Flexbox\n            className=\"App\"\n            style={{ flexDirection: \"column\", height: \"100%\", width: \"100%\" }}\n          >\n            <AppHeader\n              layoutId={layoutId.current}\n              loginUrl={loginUrl}\n              user={user}\n              onNavigate={handleNavigate}\n              onSwitchTheme={handleSwitchTheme}\n            />\n            <Chest style={{ flex: 1 }}>\n              {getDrawers().concat(\n                <DraggableLayout\n                  dropTarget\n                  key=\"main-content\"\n                  style={{ width: \"100%\", height: \"100%\" }}\n                />\n              )}\n            </Chest>\n          </Flexbox>\n        </DraggableLayout>\n      </LayoutProvider>\n      {children}\n    </ShellContextProvider>\n  );\n};\n", "import { useCallback, useEffect, useState } from \"react\";\n\nconst useLayoutConfig = (user, defaultLayout) => {\n  const [layout, _setLayout] = useState(defaultLayout);\n\n  const setLayout = (layout) => {\n    _setLayout(layout);\n  };\n\n  const load = useCallback(\n    async (id = \"latest\") => {\n      fetch(`api/vui/${user.username}/${id}`, {})\n        .then((response) => {\n          return response.ok ? response.json() : defaultLayout;\n        })\n        .then(setLayout)\n        .catch(() => {\n          // TODO we should set a layout with a warning here\n          setLayout(defaultLayout);\n        });\n    },\n    [defaultLayout, user.username]\n  );\n\n  useEffect(() => {\n    load();\n  }, [load]);\n\n  const saveData = useCallback(\n    (data) => {\n      fetch(`api/vui/${user.username}`, {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(data),\n      }).then((response) => {\n        return response.ok ? response.json() : defaultLayout;\n      });\n    },\n    [defaultLayout, user]\n  );\n\n  const loadLayoutById = useCallback(\n    (id) => {\n      load(id);\n    },\n    [load]\n  );\n\n  return [layout, saveData, loadLayoutById];\n};\n\nexport default useLayoutConfig;\n", "import { MenuRpcResponse } from \"@vuu-ui/vuu-data\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-datagrid-types\";\nimport { createContext, ReactElement, ReactNode, useContext } from \"react\";\n\nexport interface ShellContextProps {\n  getDefaultColumnConfig?: (\n    tableName: string,\n    columnName: string\n  ) => Partial<ColumnDescriptor>;\n  handleRpcResponse?: (response?: MenuRpcResponse) => void;\n}\n\nconst defaultConfig = {};\n\nconst ShellContext = createContext<ShellContextProps>(defaultConfig);\n\nexport interface ShellProviderProps {\n  children: ReactNode;\n  value?: ShellContextProps;\n}\n\nconst Provider = ({\n  children,\n  context,\n  inheritedContext,\n}: {\n  children: ReactNode;\n  context?: ShellContextProps;\n  inheritedContext?: ShellContextProps;\n}) => {\n  // TODO functions provided at multiple levels must be merged\n  const mergedContext = {\n    ...inheritedContext,\n    ...context,\n  };\n  return (\n    <ShellContext.Provider value={mergedContext}>\n      {children}\n    </ShellContext.Provider>\n  );\n};\n\nexport const ShellContextProvider = ({\n  children,\n  value,\n}: ShellProviderProps): ReactElement => {\n  return (\n    <ShellContext.Consumer>\n      {(context) => (\n        <Provider context={value} inheritedContext={context}>\n          {children}\n        </Provider>\n      )}\n    </ShellContext.Consumer>\n  );\n};\n\nexport const useShellContext = () => {\n  return useContext(ShellContext);\n};\n", "import { HTMLAttributes, useCallback } from \"react\";\nimport { VuuUser } from \"../shell\";\nimport { UserProfile } from \"../user-profile\";\nimport { ThemeMode, ThemeSwitch } from \"../theme-switch\";\nimport cx from \"classnames\";\n\nimport \"./AppHeader.css\";\n\nconst classBase = \"vuuAppHeader\";\nexport interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  onSwitchTheme?: (mode: ThemeMode) => void;\n  themeMode?: ThemeMode;\n  user: VuuUser;\n}\n\nexport const AppHeader = ({\n  className: classNameProp,\n  layoutId,\n  loginUrl,\n  onNavigate,\n  onSwitchTheme,\n  themeMode = \"light\",\n  user,\n  ...htmlAttributes\n}: AppHeaderProps) => {\n  const className = cx(classBase, classNameProp, \"salt-density-medium\");\n  const handleSwitchTheme = useCallback(\n    (mode: ThemeMode) => onSwitchTheme?.(mode),\n    [onSwitchTheme]\n  );\n  return (\n    <header className={className} {...htmlAttributes}>\n      <ThemeSwitch defaultMode={themeMode} onChange={handleSwitchTheme} />\n      <UserProfile\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={onNavigate}\n        user={user}\n      />\n    </header>\n  );\n};\n", "import { Button } from \"@salt-ds/core\";\nimport { DropdownBase } from \"@heswell/salt-lab\";\nimport { UserSolidIcon } from \"@salt-ds/icons\";\nimport { UserPanel } from \"./UserPanel\";\n\nimport \"./UserProfile.css\";\nimport { VuuUser } from \"../shell\";\n\nexport interface UserProfileProps {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n}\n\nexport const UserProfile = ({\n  layoutId,\n  loginUrl,\n  onNavigate,\n  user,\n}: UserProfileProps) => {\n  const handleNavigate = (id: string) => {\n    onNavigate(id);\n  };\n\n  return (\n    <DropdownBase className=\"vuuUserProfile\" placement=\"bottom-end\">\n      <Button variant=\"secondary\">\n        <UserSolidIcon />\n      </Button>\n      <UserPanel\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={handleNavigate}\n        user={user}\n      />\n    </DropdownBase>\n  );\n};\n", "import { formatDate } from \"@vuu-ui/vuu-utils\";\nimport { List, ListItem, ListItemProps } from \"@heswell/salt-lab\";\nimport { Button } from \"@salt-ds/core\";\nimport { ExportIcon } from \"@salt-ds/icons\";\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { getLayoutHistory, LayoutHistoryItem } from \"../get-layout-history\";\nimport { logout } from \"../login\";\nimport { VuuUser } from \"../shell\";\n\nimport \"./UserPanel.css\";\n\nconst byLastUpdate = (\n  { lastUpdate: l1 }: LayoutHistoryItem,\n  { lastUpdate: l2 }: LayoutHistoryItem\n) => {\n  return l2 === l1 ? 0 : l2 < l1 ? -1 : 1;\n};\n\ntype HistoryEntry = {\n  id: string;\n  label: string;\n  lastUpdate: number;\n};\n\nconst HistoryListItem = (props: ListItemProps<HistoryEntry>) => {\n  return <ListItem {...props} />;\n};\n\nexport interface UserPanelProps extends HTMLAttributes<HTMLDivElement> {\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n  layoutId: string;\n}\n\nexport const UserPanel = forwardRef(function UserPanel(\n  { loginUrl, onNavigate, user, layoutId = \"latest\" }: UserPanelProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const [history, setHistory] = useState<HistoryEntry[]>([]);\n\n  useEffect(() => {\n    async function getHistory() {\n      const history = await getLayoutHistory(user);\n      const sortedHistory = history\n        .filter((item) => item.id !== \"latest\")\n        .sort(byLastUpdate)\n        .map<HistoryEntry>(({ id, lastUpdate }) => ({\n          lastUpdate,\n          id,\n          label: `Saved at ${formatDate(new Date(lastUpdate), \"kk:mm:ss\")}`,\n        }));\n      console.log({ sortedHistory });\n      setHistory(sortedHistory);\n    }\n\n    getHistory();\n  }, [user]);\n\n  const handleHisorySelected = useCallback(\n    (evt, selected) => {\n      if (selected) {\n        onNavigate(selected.id);\n      }\n    },\n    [onNavigate]\n  );\n\n  const handleLogout = useCallback(() => {\n    logout(loginUrl);\n  }, [loginUrl]);\n\n  const selected =\n    history.length === 0\n      ? null\n      : layoutId === \"latest\"\n      ? history[0]\n      : history.find((i) => i.id === layoutId);\n\n  return (\n    <div className=\"vuuUserPanel\" ref={forwardedRef}>\n      <List<HistoryEntry>\n        ListItem={HistoryListItem}\n        className=\"vuuUserPanel-history\"\n        onSelect={handleHisorySelected}\n        selected={selected}\n        source={history}\n      />\n      <div className=\"vuuUserPanel-buttonBar\">\n        <Button aria-label=\"logout\" onClick={handleLogout}>\n          <ExportIcon /> Logout\n        </Button>\n      </div>\n    </div>\n  );\n});\n", "import { VuuUser } from \"./shell\";\n\nexport interface LayoutHistoryItem {\n  user: string;\n  id: string;\n  uniqueId: string;\n  lastUpdate: number;\n}\n\nexport const getLayoutHistory = async (\n  user: VuuUser\n): Promise<LayoutHistoryItem[]> => {\n  const history = await fetch(`api/vui/${user.username}`, {})\n    .then((response) => {\n      return response.ok ? response.json() : null;\n    })\n    .catch(() => {\n      // TODO we should set a layout with a warning here\n      console.log(`error getting history`);\n    });\n\n  return history;\n};\n", "import {\n  ToggleButton,\n  ToggleButtonGroup,\n  ToggleButtonGroupChangeEventHandler,\n} from \"@heswell/salt-lab\";\nimport cx from \"classnames\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { HTMLAttributes, useCallback } from \"react\";\n\nimport \"./ThemeSwitch.css\";\n\nconst classBase = \"vuuThemeSwitch\";\n\nexport type ThemeMode = \"light\" | \"dark\";\n\nexport interface ThemeSwitchProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  defaultMode?: ThemeMode;\n  mode?: ThemeMode;\n  onChange: (mode: ThemeMode) => void;\n}\n\nconst modes: ThemeMode[] = [\"light\", \"dark\"];\n\nexport const ThemeSwitch = ({\n  className: classNameProp,\n  defaultMode: defaultModeProp,\n  mode: modeProp,\n  onChange,\n  ...htmlAttributes\n}: ThemeSwitchProps) => {\n  const [mode, setMode] = useControlled<ThemeMode>({\n    controlled: modeProp,\n    default: defaultModeProp ?? \"light\",\n    name: \"ThemeSwitch\",\n    state: \"mode\",\n  });\n\n  const selectedIndex = modes.indexOf(mode);\n\n  const handleChangeSecondary: ToggleButtonGroupChangeEventHandler =\n    useCallback(\n      (_evt, index) => {\n        const mode = modes[index];\n        setMode(mode);\n        onChange(mode);\n      },\n      [onChange, setMode]\n    );\n  const className = cx(classBase, classNameProp);\n  return (\n    <ToggleButtonGroup\n      className={className}\n      {...htmlAttributes}\n      onChange={handleChangeSecondary}\n      selectedIndex={selectedIndex}\n    >\n      <ToggleButton\n        aria-label=\"alert\"\n        tooltipText=\"Light Theme\"\n        data-icon=\"light\"\n      />\n      <ToggleButton\n        aria-label=\"home\"\n        tooltipText=\"Dark Theme\"\n        data-icon=\"dark\"\n      />\n    </ToggleButtonGroup>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { Suspense } from \"react\";\nimport { registerComponent } from \"@vuu-ui/vuu-layout\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\nimport { Loader } from \"./Loader\";\nimport { importCSS } from \"./css-module-loader\";\n\nexport interface FeatureProps<Params extends object | undefined = undefined> {\n  height?: number;\n  url: string;\n  css?: string;\n  width?: number;\n  params: Params;\n}\n\n// const RawFeature = <Params extends object | undefined>({\nfunction RawFeature<Params extends object | undefined>({\n  url,\n  css,\n  params,\n  ...props\n}: FeatureProps<Params>) {\n  if (css) {\n    // import(/* @vite-ignore */ css, { assert: { type: \"css\" } }).then(\n    //   (cssModule) => {\n    //     document.adoptedStyleSheets = [\n    //       ...document.adoptedStyleSheets,\n    //       cssModule.default,\n    //     ];\n    //   }\n    // );\n    // Polyfill until vite build supports import assertions\n    // Note: already fully supported in esbuild, so vite dev\n    importCSS(css).then((styleSheet) => {\n      document.adoptedStyleSheets = [\n        ...document.adoptedStyleSheets,\n        styleSheet,\n      ];\n    });\n  }\n  const LazyFeature = React.lazy(() => import(/* @vite-ignore */ url));\n  return (\n    <ErrorBoundary>\n      <Suspense fallback={<Loader />}>\n        <LazyFeature {...props} {...params} />\n      </Suspense>\n    </ErrorBoundary>\n  );\n}\n\nexport const Feature = React.memo(RawFeature);\nFeature.displayName = \"Feature\";\nregisterComponent(\"Feature\", Feature, \"view\");\n", "import React from 'react';\n// TODO\nexport class ErrorBoundary extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = { errorMessage: null };\n  }\n\n  static getDerivedStateFromError(error) {\n    // Update state so the next render will show the fallback UI.\n    return { errorMessage: error.message };\n  }\n\n  componentDidCatch(error, errorInfo) {\n    // You can also log the error to an error reporting service\n    console.log(error, errorInfo);\n  }\n\n  render() {\n    if (this.state.errorMessage) {\n      return (\n        <>\n          <h1>Something went wrong.</h1>\n          <p>{this.state.errorMessage}</p>\n        </>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n", "// TODO\nexport const Loader = () => <div className=\"hwLoader\">loading</div>;\n", "export const importCSS = async (path: string) => {\n  const container = new CSSStyleSheet();\n  return fetch(path)\n    .then((x) => x.text())\n    .then((x) => container.replace(x));\n};\n", "import { ChangeEvent, HTMLAttributes, useState } from \"react\";\nimport { Button } from \"@salt-ds/core\";\nimport { FormField, Input } from \"@heswell/salt-lab\";\n\nimport \"./LoginPanel.css\";\n\nconst classBase = \"vuuLoginPanel\";\n\nexport interface LoginPanelProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onSubmit\"> {\n  onSubmit: (username: string, password: string) => void;\n}\n\nexport const LoginPanel = ({ onSubmit }: LoginPanelProps) => {\n  const [username, setUserName] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n\n  const login = () => {\n    onSubmit(username, password);\n  };\n\n  const handleUsername = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setUserName(value);\n  };\n\n  const handlePassword = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setPassword(value);\n  };\n\n  const dataIsValid = username.trim() !== \"\" && password.trim() !== \"\";\n\n  return (\n    <div className={classBase}>\n      <FormField label=\"Username\" style={{ width: 200 }}>\n        <Input value={username} id=\"text-username\" onChange={handleUsername} />\n      </FormField>\n\n      <FormField label=\"Password\" style={{ width: 200 }}>\n        <Input\n          type=\"password\"\n          value={password}\n          id=\"text-password\"\n          onChange={handlePassword}\n        />\n      </FormField>\n\n      <Button\n        className={`${classBase}-login`}\n        disabled={!dataIsValid}\n        onClick={login}\n        variant=\"cta\"\n      >\n        Login\n      </Button>\n    </div>\n  );\n};\n", "import { getCookieValue } from \"@vuu-ui/vuu-utils\";\n\nexport const getAuthDetailsFromCookies = () => {\n  const username = getCookieValue(\"vuu-username\");\n  const token = getCookieValue(\"vuu-auth-token\");\n  return [username, token];\n};\n\nexport const redirectToLogin = (loginUrl = \"/login.html\") => {\n  window.location.href = loginUrl;\n};\n\nexport const logout = (loginUrl?: string) => {\n  document.cookie = \"vuu-username= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  document.cookie = \"vuu-auth-token= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  redirectToLogin(loginUrl);\n};\n", "import { connectToServer } from \"@vuu-ui/vuu-data\";\nimport {\n  HTMLAttributes,\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport useLayoutConfig from \"./use-layout-config\";\nimport { ShellContextProvider } from \"./ShellContextProvider\";\nimport cx from \"classnames\";\n\nimport {\n  Chest,\n  DraggableLayout,\n  Drawer,\n  Flexbox,\n  LayoutProvider,\n  View,\n} from \"@vuu-ui/vuu-layout\";\n\nimport { AppHeader } from \"./app-header\";\n\nimport { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport \"./shell.css\";\nimport { ThemeMode } from \"./theme-switch\";\n\nexport type VuuUser = {\n  username: string;\n  token: string;\n};\n\nconst warningLayout = {\n  type: \"View\",\n  props: {\n    style: { height: \"calc(100% - 6px)\" },\n  },\n  children: [\n    {\n      props: {\n        className: \"vuuShell-warningPlaceholder\",\n      },\n      type: \"Placeholder\",\n    },\n  ],\n};\n\nexport interface ShellProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  defaultLayout?: LayoutJSON;\n  leftSidePanel?: ReactElement;\n  loginUrl?: string;\n  // paletteConfig: any;\n  serverUrl?: string;\n  user: VuuUser;\n}\n\nexport const Shell = ({\n  children,\n  className: classNameProp,\n  defaultLayout = warningLayout,\n  leftSidePanel,\n  loginUrl,\n  serverUrl,\n  user,\n  ...htmlAttributes\n}: ShellProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [density] = useState<\"high\" | \"medium\" | \"low\" | \"touch\">(\"high\");\n  const paletteView = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const layoutId = useRef(\"latest\");\n\n  const [layout, setLayoutConfig, loadLayoutById] = useLayoutConfig(\n    user,\n    defaultLayout\n  );\n\n  const handleLayoutChange = useCallback(\n    (layout) => {\n      setLayoutConfig(layout);\n    },\n    [setLayoutConfig]\n  );\n\n  const handleSwitchTheme = useCallback((mode: ThemeMode) => {\n    if (rootRef.current) {\n      rootRef.current.dataset.mode = mode;\n    }\n  }, []);\n\n  const handleDrawerClick = (e: MouseEvent<HTMLElement>) => {\n    const target = e.target as HTMLElement;\n    if (!paletteView.current?.contains(target)) {\n      setOpen(!open);\n    }\n  };\n\n  const handleNavigate = useCallback(\n    (id) => {\n      layoutId.current = id;\n      loadLayoutById(id);\n    },\n    [loadLayoutById]\n  );\n\n  useEffect(() => {\n    if (serverUrl && user.token) {\n      connectToServer(serverUrl, user.token);\n    }\n  }, [serverUrl, user.token]);\n\n  const getDrawers = () => {\n    const drawers: ReactElement[] = [];\n    if (leftSidePanel) {\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\n    return drawers;\n  };\n\n  const className = cx(\n    \"vuuShell\",\n    classNameProp,\n    \"salt-theme\",\n    `salt-density-${density}`\n  );\n\n  return (\n    // ShellContext TBD\n    <ShellContextProvider value={undefined}>\n      <LayoutProvider layout={layout} onLayoutChange={handleLayoutChange}>\n        <DraggableLayout\n          className={className}\n          data-mode=\"light\"\n          ref={rootRef}\n          {...htmlAttributes}\n        >\n          <Flexbox\n            className=\"App\"\n            style={{ flexDirection: \"column\", height: \"100%\", width: \"100%\" }}\n          >\n            <AppHeader\n              layoutId={layoutId.current}\n              loginUrl={loginUrl}\n              user={user}\n              onNavigate={handleNavigate}\n              onSwitchTheme={handleSwitchTheme}\n            />\n            <Chest style={{ flex: 1 }}>\n              {getDrawers().concat(\n                <DraggableLayout\n                  dropTarget\n                  key=\"main-content\"\n                  style={{ width: \"100%\", height: \"100%\" }}\n                />\n              )}\n            </Chest>\n          </Flexbox>\n        </DraggableLayout>\n      </LayoutProvider>\n      {children}\n    </ShellContextProvider>\n  );\n};\n", "import { useCallback, useEffect, useState } from \"react\";\n\nconst useLayoutConfig = (user, defaultLayout) => {\n  const [layout, _setLayout] = useState(defaultLayout);\n\n  const setLayout = (layout) => {\n    _setLayout(layout);\n  };\n\n  const load = useCallback(\n    async (id = \"latest\") => {\n      fetch(`api/vui/${user.username}/${id}`, {})\n        .then((response) => {\n          return response.ok ? response.json() : defaultLayout;\n        })\n        .then(setLayout)\n        .catch(() => {\n          // TODO we should set a layout with a warning here\n          setLayout(defaultLayout);\n        });\n    },\n    [defaultLayout, user.username]\n  );\n\n  useEffect(() => {\n    load();\n  }, [load]);\n\n  const saveData = useCallback(\n    (data) => {\n      fetch(`api/vui/${user.username}`, {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(data),\n      }).then((response) => {\n        return response.ok ? response.json() : defaultLayout;\n      });\n    },\n    [defaultLayout, user]\n  );\n\n  const loadLayoutById = useCallback(\n    (id) => {\n      load(id);\n    },\n    [load]\n  );\n\n  return [layout, saveData, loadLayoutById];\n};\n\nexport default useLayoutConfig;\n", "import { MenuRpcResponse } from \"@vuu-ui/vuu-data\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-datagrid-types\";\nimport { createContext, ReactElement, ReactNode, useContext } from \"react\";\n\nexport interface ShellContextProps {\n  getDefaultColumnConfig?: (\n    tableName: string,\n    columnName: string\n  ) => Partial<ColumnDescriptor>;\n  handleRpcResponse?: (response?: MenuRpcResponse) => void;\n}\n\nconst defaultConfig = {};\n\nconst ShellContext = createContext<ShellContextProps>(defaultConfig);\n\nexport interface ShellProviderProps {\n  children: ReactNode;\n  value?: ShellContextProps;\n}\n\nconst Provider = ({\n  children,\n  context,\n  inheritedContext,\n}: {\n  children: ReactNode;\n  context?: ShellContextProps;\n  inheritedContext?: ShellContextProps;\n}) => {\n  // TODO functions provided at multiple levels must be merged\n  const mergedContext = {\n    ...inheritedContext,\n    ...context,\n  };\n  return (\n    <ShellContext.Provider value={mergedContext}>\n      {children}\n    </ShellContext.Provider>\n  );\n};\n\nexport const ShellContextProvider = ({\n  children,\n  value,\n}: ShellProviderProps): ReactElement => {\n  return (\n    <ShellContext.Consumer>\n      {(context) => (\n        <Provider context={value} inheritedContext={context}>\n          {children}\n        </Provider>\n      )}\n    </ShellContext.Consumer>\n  );\n};\n\nexport const useShellContext = () => {\n  return useContext(ShellContext);\n};\n", "import { HTMLAttributes, useCallback } from \"react\";\nimport { VuuUser } from \"../shell\";\nimport { UserProfile } from \"../user-profile\";\nimport { ThemeMode, ThemeSwitch } from \"../theme-switch\";\nimport cx from \"classnames\";\n\nimport \"./AppHeader.css\";\n\nconst classBase = \"vuuAppHeader\";\nexport interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  onSwitchTheme?: (mode: ThemeMode) => void;\n  themeMode?: ThemeMode;\n  user: VuuUser;\n}\n\nexport const AppHeader = ({\n  className: classNameProp,\n  layoutId,\n  loginUrl,\n  onNavigate,\n  onSwitchTheme,\n  themeMode = \"light\",\n  user,\n  ...htmlAttributes\n}: AppHeaderProps) => {\n  const className = cx(classBase, classNameProp, \"salt-density-medium\");\n  const handleSwitchTheme = useCallback(\n    (mode: ThemeMode) => onSwitchTheme?.(mode),\n    [onSwitchTheme]\n  );\n  return (\n    <header className={className} {...htmlAttributes}>\n      <ThemeSwitch defaultMode={themeMode} onChange={handleSwitchTheme} />\n      <UserProfile\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={onNavigate}\n        user={user}\n      />\n    </header>\n  );\n};\n", "import { Button } from \"@salt-ds/core\";\nimport { DropdownBase } from \"@heswell/salt-lab\";\nimport { UserSolidIcon } from \"@salt-ds/icons\";\nimport { UserPanel } from \"./UserPanel\";\n\nimport \"./UserProfile.css\";\nimport { VuuUser } from \"../shell\";\n\nexport interface UserProfileProps {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n}\n\nexport const UserProfile = ({\n  layoutId,\n  loginUrl,\n  onNavigate,\n  user,\n}: UserProfileProps) => {\n  const handleNavigate = (id: string) => {\n    onNavigate(id);\n  };\n\n  return (\n    <DropdownBase className=\"vuuUserProfile\" placement=\"bottom-end\">\n      <Button variant=\"secondary\">\n        <UserSolidIcon />\n      </Button>\n      <UserPanel\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={handleNavigate}\n        user={user}\n      />\n    </DropdownBase>\n  );\n};\n", "import { formatDate } from \"@vuu-ui/vuu-utils\";\nimport { List, ListItem, ListItemProps } from \"@heswell/salt-lab\";\nimport { Button } from \"@salt-ds/core\";\nimport { ExportIcon } from \"@salt-ds/icons\";\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { getLayoutHistory, LayoutHistoryItem } from \"../get-layout-history\";\nimport { logout } from \"../login\";\nimport { VuuUser } from \"../shell\";\n\nimport \"./UserPanel.css\";\n\nconst byLastUpdate = (\n  { lastUpdate: l1 }: LayoutHistoryItem,\n  { lastUpdate: l2 }: LayoutHistoryItem\n) => {\n  return l2 === l1 ? 0 : l2 < l1 ? -1 : 1;\n};\n\ntype HistoryEntry = {\n  id: string;\n  label: string;\n  lastUpdate: number;\n};\n\nconst HistoryListItem = (props: ListItemProps<HistoryEntry>) => {\n  return <ListItem {...props} />;\n};\n\nexport interface UserPanelProps extends HTMLAttributes<HTMLDivElement> {\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n  layoutId: string;\n}\n\nexport const UserPanel = forwardRef(function UserPanel(\n  { loginUrl, onNavigate, user, layoutId = \"latest\" }: UserPanelProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const [history, setHistory] = useState<HistoryEntry[]>([]);\n\n  useEffect(() => {\n    async function getHistory() {\n      const history = await getLayoutHistory(user);\n      const sortedHistory = history\n        .filter((item) => item.id !== \"latest\")\n        .sort(byLastUpdate)\n        .map<HistoryEntry>(({ id, lastUpdate }) => ({\n          lastUpdate,\n          id,\n          label: `Saved at ${formatDate(new Date(lastUpdate), \"kk:mm:ss\")}`,\n        }));\n      console.log({ sortedHistory });\n      setHistory(sortedHistory);\n    }\n\n    getHistory();\n  }, [user]);\n\n  const handleHisorySelected = useCallback(\n    (evt, selected) => {\n      if (selected) {\n        onNavigate(selected.id);\n      }\n    },\n    [onNavigate]\n  );\n\n  const handleLogout = useCallback(() => {\n    logout(loginUrl);\n  }, [loginUrl]);\n\n  const selected =\n    history.length === 0\n      ? null\n      : layoutId === \"latest\"\n      ? history[0]\n      : history.find((i) => i.id === layoutId);\n\n  return (\n    <div className=\"vuuUserPanel\" ref={forwardedRef}>\n      <List<HistoryEntry>\n        ListItem={HistoryListItem}\n        className=\"vuuUserPanel-history\"\n        onSelect={handleHisorySelected}\n        selected={selected}\n        source={history}\n      />\n      <div className=\"vuuUserPanel-buttonBar\">\n        <Button aria-label=\"logout\" onClick={handleLogout}>\n          <ExportIcon /> Logout\n        </Button>\n      </div>\n    </div>\n  );\n});\n", "import { VuuUser } from \"./shell\";\n\nexport interface LayoutHistoryItem {\n  user: string;\n  id: string;\n  uniqueId: string;\n  lastUpdate: number;\n}\n\nexport const getLayoutHistory = async (\n  user: VuuUser\n): Promise<LayoutHistoryItem[]> => {\n  const history = await fetch(`api/vui/${user.username}`, {})\n    .then((response) => {\n      return response.ok ? response.json() : null;\n    })\n    .catch(() => {\n      // TODO we should set a layout with a warning here\n      console.log(\"error getting history\");\n    });\n\n  return history;\n};\n", "import {\n  ToggleButton,\n  ToggleButtonGroup,\n  ToggleButtonGroupChangeEventHandler,\n} from \"@heswell/salt-lab\";\nimport cx from \"classnames\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { HTMLAttributes, useCallback } from \"react\";\n\nimport \"./ThemeSwitch.css\";\n\nconst classBase = \"vuuThemeSwitch\";\n\nexport type ThemeMode = \"light\" | \"dark\";\n\nexport interface ThemeSwitchProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  defaultMode?: ThemeMode;\n  mode?: ThemeMode;\n  onChange: (mode: ThemeMode) => void;\n}\n\nconst modes: ThemeMode[] = [\"light\", \"dark\"];\n\nexport const ThemeSwitch = ({\n  className: classNameProp,\n  defaultMode: defaultModeProp,\n  mode: modeProp,\n  onChange,\n  ...htmlAttributes\n}: ThemeSwitchProps) => {\n  const [mode, setMode] = useControlled<ThemeMode>({\n    controlled: modeProp,\n    default: defaultModeProp ?? \"light\",\n    name: \"ThemeSwitch\",\n    state: \"mode\",\n  });\n\n  const selectedIndex = modes.indexOf(mode);\n\n  const handleChangeSecondary: ToggleButtonGroupChangeEventHandler =\n    useCallback(\n      (_evt, index) => {\n        const mode = modes[index];\n        setMode(mode);\n        onChange(mode);\n      },\n      [onChange, setMode]\n    );\n  const className = cx(classBase, classNameProp);\n  return (\n    <ToggleButtonGroup\n      className={className}\n      {...htmlAttributes}\n      onChange={handleChangeSecondary}\n      selectedIndex={selectedIndex}\n    >\n      <ToggleButton\n        aria-label=\"alert\"\n        tooltipText=\"Light Theme\"\n        data-icon=\"light\"\n      />\n      <ToggleButton\n        aria-label=\"home\"\n        tooltipText=\"Dark Theme\"\n        data-icon=\"dark\"\n      />\n    </ToggleButtonGroup>\n  );\n};\n"],
+  "mappings": "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",
   "names": ["React", "jsx", "jsx", "React", "jsx", "jsxs", "useCallback", "useEffect", "useState", "useState", "layout", "jsx", "cx", "useCallback", "Button", "Button", "useCallback", "useEffect", "useState", "jsx", "jsxs", "UserPanel", "useState", "useEffect", "history", "useCallback", "selected", "Button", "jsx", "jsxs", "Button", "useCallback", "jsx", "jsxs", "classBase", "useCallback", "mode", "cx", "jsx", "jsxs", "classBase", "cx", "useCallback", "jsx", "jsxs", "useState", "useCallback", "layout", "useEffect", "cx"]
 }

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@vuu-ui/vuu-shell",
-  "version": "0.6.13-debug",
+  "version": "0.6.14-debug",
   "description": "VUU UI Shell",
   "author": "heswell",
   "license": "Apache-2.0",
   "peerDependencies": {
-    "@salt-ds/core": "1.0.0",
-    "@salt-ds/icons": "1.0.0",
-    "@heswell/salt-lab": "1.0.0-alpha.0-vuu.1",
-    "@vuu-ui/vuu-data": "0.6.13-debug",
-    "@vuu-ui/vuu-layout": "0.6.13-debug",
-    "@vuu-ui/vuu-utils": "0.6.13-debug",
+    "@salt-ds/core": "1.2.0",
+    "@salt-ds/icons": "1.1.0",
+    "@heswell/salt-lab": "1.0.0-alpha.2",
+    "@vuu-ui/vuu-data": "0.6.14-debug",
+    "@vuu-ui/vuu-layout": "0.6.14-debug",
+    "@vuu-ui/vuu-utils": "0.6.14-debug",
     "classnames": "^2.2.6",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"

package/types/login/login-utils.d.ts

@@ -1,3 +1,3 @@
-export declare const getAuthDetailsFromCookies: () => (string | undefined)[];
+export declare const getAuthDetailsFromCookies: () => (string | number | undefined)[];
 export declare const redirectToLogin: (loginUrl?: string) => void;
 export declare const logout: (loginUrl?: string) => void;