@vuu-ui/vuu-shell 0.5.4 → 0.5.5

package/esm/index.js.map

@@ -0,0 +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/index.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/user-profile/UserProfile.tsx", "../../../packages/vuu-shell/src/user-profile/UserPanel.tsx", "../../../packages/vuu-shell/src/get-layout-history.js", "../../../packages/vuu-shell/src/app-header/AppHeader.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", "export * from \"./feature\";\nexport * from \"./login\";\nexport * from \"@vuu-ui/vuu-layout/src/menu\";\nexport * from \"./shell\";\nexport * from \"./shellTypes\";\nexport * from \"./ShellContextProvider\";\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  FlexboxLayout as Flexbox,\n  LayoutProvider,\n  View,\n} from \"@vuu-ui/vuu-layout\";\n\nimport { AppHeader } from \"./app-header\";\n// import { AppPalette } from \"./app-palette\";\n\nimport { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport \"./shell.css\";\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,\n  defaultLayout = warningLayout,\n  leftSidePanel,\n  loginUrl,\n  serverUrl,\n  user,\n  ...htmlAttributes\n}: ShellProps) => {\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 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  return (\n    // ShellContext TBD\n    <ShellContextProvider value={undefined}>\n      <LayoutProvider layout={layout} onLayoutChange={handleLayoutChange}>\n        <DraggableLayout\n          className={cx(\"vuuShell\", className)}\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            />\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      // .then((data) => console.log(data));\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 { createContext, ReactElement, ReactNode, useContext } from \"react\";\n\nexport interface ShellContextProps {\n  handleRpcResponse?: (response: unknown) => void;\n}\n\nconst defaultConfig = {};\n\nconst ShellContext = createContext<ShellContextProps>(defaultConfig);\n\nexport interface ShellProviderProps {\n  children: ReactNode;\n  value: any;\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 React, { useCallback, useRef, useState } from \"react\";\nimport { 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\";\n\nexport const UserProfile = ({ layoutId, loginUrl, onNavigate, user }) => {\n  const [open, setOpen] = useState(false);\n  const openRef = useRef(false);\n  const buttonRef = useRef(null);\n\n  const toggle = useCallback(() => {\n    setOpen((isOpen) => {\n      return (openRef.current = !isOpen);\n    });\n    requestAnimationFrame(() => {\n      if (!openRef.current) {\n        requestAnimationFrame(() => {\n          buttonRef.current.focus();\n        });\n      }\n    });\n  }, []);\n\n  const handleNavigate = (id) => {\n    setOpen(false);\n    onNavigate(id);\n  };\n\n  return (\n    <div className=\"vuuUserProfile\">\n      <DropdownBase placement=\"bottom-end\" onCancel={toggle}>\n        <Button ref={buttonRef} variant=\"secondary\">\n          <UserSolidIcon />\n        </Button>\n        <UserPanel\n          layoutId={layoutId}\n          loginUrl={loginUrl}\n          onNavigate={handleNavigate}\n          user={user}\n        />\n      </DropdownBase>\n    </div>\n  );\n};\n", "import React, { forwardRef, useCallback, useEffect, useState } from \"react\";\nimport { formatDate } from \"@vuu-ui/vuu-utils\";\nimport { logout } from \"../login\";\nimport { getLayoutHistory } from \"../get-layout-history\";\nimport { ExportIcon } from \"@salt-ds/icons\";\nimport { Button } from \"@salt-ds/core\";\nimport { List, ListItem } from \"@heswell/salt-lab\";\n\nimport \"./UserPanel.css\";\n\nconst byLastUpdate = ({ lastUpdate: l1 }, { lastUpdate: l2 }) => {\n  return l2 === l1 ? 0 : l2 < l1 ? -1 : 1;\n};\n\nconst HistoryListItem = (props) => {\n  return <ListItem {...props} />;\n};\n\nexport const UserPanel = forwardRef(function UserPanel(\n  { loginUrl, onNavigate, user, layoutId = \"latest\" },\n  forwardedRef\n) {\n  const [history, setHistory] = useState([]);\n\n  useEffect(() => {\n    async function getHistory() {\n      const history = await getLayoutHistory(user);\n      console.log({ history });\n      const sortedHistory = history\n        .filter((item) => item.id !== \"latest\")\n        .sort(byLastUpdate)\n        .map(({ 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      ? []\n      : layoutId === \"latest\"\n      ? history[0]\n      : history.find((i) => i.id === layoutId);\n  console.log({ selected });\n\n  return (\n    <div className=\"vuuUserPanel\" ref={forwardedRef}>\n      <List\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", "export const getLayoutHistory = async (user) => {\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 { HTMLAttributes } from \"react\";\nimport { VuuUser } from \"../shell\";\nimport { UserProfile } from \"../user-profile\";\nimport \"./AppHeader.css\";\n\nexport interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n}\n\nexport const AppHeader = ({\n  layoutId,\n  loginUrl,\n  onNavigate,\n  user,\n  ...htmlAttributes\n}: AppHeaderProps) => {\n  return (\n    <header className=\"hwAppHeader\" {...htmlAttributes}>\n      {/* <ToggleButton onChange={toggleColorScheme}>\n              theme\n            </ToggleButton> */}\n      <UserProfile\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={onNavigate}\n        user={user}\n      />\n    </header>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "Suspense", "registerComponent", "React", "Fragment", "jsx", "jsxs", "ErrorBoundary", "props", "error", "errorInfo", "jsx", "Loader", "importCSS", "path", "container", "x", "jsx", "RawFeature", "url", "css", "params", "props", "importCSS", "styleSheet", "LazyFeature", "React", "ErrorBoundary", "Suspense", "Loader", "Feature", "registerComponent", "useState", "Button", "FormField", "Input", "jsx", "jsxs", "classBase", "LoginPanel", "onSubmit", "username", "setUserName", "useState", "password", "setPassword", "login", "handleUsername", "_event", "value", "handlePassword", "dataIsValid", "FormField", "Input", "Button", "getCookieValue", "name", "_a", "row", "getAuthDetailsFromCookies", "username", "token", "redirectToLogin", "loginUrl", "logout", "connectToServer", "useCallback", "useEffect", "useRef", "useState", "useCallback", "useEffect", "useState", "useLayoutConfig", "user", "defaultLayout", "layout", "_setLayout", "setLayout", "load", "id", "response", "saveData", "data", "loadLayoutById", "use_layout_config_default", "createContext", "useContext", "jsx", "defaultConfig", "ShellContext", "Provider", "children", "context", "inheritedContext", "mergedContext", "ShellContextProvider", "value", "useShellContext", "cx", "Chest", "DraggableLayout", "Drawer", "Flexbox", "LayoutProvider", "View", "useCallback", "useRef", "useState", "Button", "DropdownBase", "UserSolidIcon", "forwardRef", "useCallback", "useEffect", "useState", "formatDate", "getLayoutHistory", "user", "response", "ExportIcon", "Button", "List", "ListItem", "jsx", "jsxs", "byLastUpdate", "l1", "l2", "HistoryListItem", "props", "ListItem", "UserPanel", "forwardRef", "loginUrl", "onNavigate", "user", "layoutId", "forwardedRef", "history", "setHistory", "useState", "useEffect", "getHistory", "getLayoutHistory", "sortedHistory", "item", "id", "lastUpdate", "formatDate", "handleHisorySelected", "useCallback", "evt", "selected", "handleLogout", "logout", "i", "List", "Button", "ExportIcon", "jsx", "jsxs", "UserProfile", "layoutId", "loginUrl", "onNavigate", "user", "open", "setOpen", "useState", "openRef", "useRef", "buttonRef", "toggle", "useCallback", "isOpen", "DropdownBase", "Button", "UserSolidIcon", "UserPanel", "id", "jsx", "AppHeader", "layoutId", "loginUrl", "onNavigate", "user", "htmlAttributes", "UserProfile", "jsx", "jsxs", "warningLayout", "Shell", "children", "className", "defaultLayout", "leftSidePanel", "loginUrl", "serverUrl", "user", "htmlAttributes", "paletteView", "useRef", "open", "setOpen", "useState", "layoutId", "layout", "setLayoutConfig", "loadLayoutById", "use_layout_config_default", "handleLayoutChange", "useCallback", "handleDrawerClick", "e", "_a", "target", "handleNavigate", "id", "useEffect", "connectToServer", "getDrawers", "drawers", "Drawer", "View", "ShellContextProvider", "LayoutProvider", "DraggableLayout", "cx", "Flexbox", "AppHeader", "Chest"]
+}

package/index.css

@@ -1,78 +1,2 @@
-/* src/login/LoginPanel.css */
-.vuuLoginPanel {
-  --hwTextInput-border: solid 1px #ccc;
-  --hwTextInput-height: 28px;
-  --hwTextInput-padding: 0 12px;
-  --hwTextInput-width: 100%;
-  --login-row-height: 60px;
-  align-content: center;
-  align-items: center;
-  border: solid 1px lightgray;
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  justify-content: center;
-  justify-items: center;
-  margin: 0 auto;
-  padding: 48px 48px 24px 48px;
-  width: fit-content;
-}
-.vuuLoginPanel-login {
-  grid-column: 2/3;
-  align-self: end;
-  justify-self: end;
-}
-
-/* src/user-profile/UserPanel.css */
-.vuuUserPanel {
-  background-color: white;
-  display: flex;
-  flex-direction: column;
-  max-height: 400px;
-  padding: 12px;
-}
-vuuUserPanel-history {
-  flex: 1 1 auto;
-}
-.vuuUserPanel-buttonBar {
-  --saltButton-width: 100%;
-  align-items: flex-end;
-  border-top: 1px solid var(--surface3);
-  display: flex;
-  flex: 0 0 32px;
-  justify-content: flex-start;
-}
-.btn-logout {
-  --hwButton-icon-left: 12px;
-  --hwButton-padding: 0 6px 0 24px;
-  padding-left: 24px;
-}
-
-/* src/user-profile/UserProfile.css */
-.vuuUserProfile {
-  --svg-icon: var(--svg-user);
-}
-
-/* src/app-header/AppHeader.css */
-.hwAppHeader {
-  justify-content: flex-end;
-  display: flex;
-  height: 40px;
-  border-bottom: solid 1px #ccc;
-}
-
-/* src/shell.css */
-.vuuShell {
-  background-color: var(--salt-container-primary-background, ivory);
-  height: var(--vuuShell-height, 100vh);
-  width: var(--vuuShell-width, 100vw);
-}
-.vuuShell-palette {
-  --vuuView-border: none;
-  --vuuView-margin: 0;
-}
-.vuuShell-warningPlaceholder {
-  background-color: var(--salt-container-background-high);
-  height: 100%;
-}
+.vuuLoginPanel{--hwTextInput-border: solid 1px #ccc;--hwTextInput-height: 28px;--hwTextInput-padding: 0 12px;--hwTextInput-width: 100%;--login-row-height: 60px;align-content:center;align-items:center;border:solid 1px lightgray;display:flex;flex-direction:column;gap:24px;justify-content:center;justify-items:center;margin:0 auto;padding:48px 48px 24px;width:fit-content}.vuuLoginPanel-login{grid-column:2/3;align-self:end;justify-self:end}.vuuUserPanel{background-color:#fff;display:flex;flex-direction:column;max-height:400px;padding:12px}vuuUserPanel-history{flex:1 1 auto}.vuuUserPanel-buttonBar{--saltButton-width: 100%;align-items:flex-end;border-top:1px solid var(--surface3);display:flex;flex:0 0 32px;justify-content:flex-start}.btn-logout{--hwButton-icon-left: 12px;--hwButton-padding: 0 6px 0 24px;padding-left:24px}.vuuUserProfile{--svg-icon: var(--svg-user)}.hwAppHeader{justify-content:flex-end;display:flex;height:40px;border-bottom:solid 1px #ccc}.vuuShell{background-color:var(--salt-container-primary-background, ivory);height:var(--vuuShell-height, 100vh);width:var(--vuuShell-width, 100vw)}.vuuShell-palette{--vuuView-border: none;--vuuView-margin: 0}.vuuShell-warningPlaceholder{background-color:var(--salt-container-background-high);height:100%}
 /*# sourceMappingURL=index.css.map */

package/index.css.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../packages/vuu-shell/src/login/LoginPanel.css", "../../../packages/vuu-shell/src/user-profile/UserPanel.css", "../../../packages/vuu-shell/src/user-profile/UserProfile.css", "../../../packages/vuu-shell/src/app-header/AppHeader.css", "../../../packages/vuu-shell/src/shell.css"],
   "sourcesContent": [".vuuLoginPanel {\n  --hwTextInput-border: solid 1px #ccc;\n  --hwTextInput-height: 28px;\n  --hwTextInput-padding: 0 12px;\n  --hwTextInput-width: 100%;\n  --login-row-height: 60px;\n  align-content: center;\n  align-items: center;\n  border: solid 1px lightgray;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  justify-content: center;\n  justify-items: center;\n  margin: 0 auto;\n  padding: 48px 48px 24px 48px;\n  width: fit-content;\n}\n\n.vuuLoginPanel-login {\n  grid-column: 2/3;\n  align-self: end;\n  justify-self: end;\n}\n", ".vuuUserPanel {\n  background-color: white;\n  display: flex;\n  flex-direction: column;\n  max-height: 400px;\n  padding: 12px;\n}\n\nvuuUserPanel-history {\n  flex: 1 1 auto;\n}\n\n.vuuUserPanel-buttonBar {\n  --saltButton-width: 100%;\n  align-items: flex-end;\n  border-top: 1px solid var(--surface3);\n  display: flex;\n  flex: 0 0 32px;\n  justify-content: flex-start;\n}\n\n.btn-logout {\n  --hwButton-icon-left: 12px;\n  --hwButton-padding: 0 6px 0 24px;\n  padding-left: 24px;\n}\n", ".vuuUserProfile {\n  --svg-icon: var(--svg-user);\n}\n", ".hwAppHeader {\n  justify-content: flex-end;\n  display: flex;\n  height: 40px;\n  border-bottom: solid 1px #ccc;\n}\n", ".vuuShell {\n  background-color: var(--salt-container-primary-background, ivory);\n  height: var(--vuuShell-height, 100vh);\n  width: var(--vuuShell-width, 100vw);\n}\n\n.vuuShell-palette {\n  --vuuView-border: none;\n  --vuuView-margin: 0;\n}\n\n.vuuShell-warningPlaceholder {\n  background-color: var(--salt-container-background-high);\n  height: 100%;\n}\n"],
-  "mappings": ";AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;;;ACtBF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;;;ACxBF;AACE;AAAA;;;ACDF;AACE;AACA;AACA;AACA;AAAA;;;ACJF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;",
+  "mappings": "AAAA,eACE,qCACA,2BACA,8BACA,0BACA,yBACA,qBACA,mBACA,2BACA,aACA,sBACA,SACA,uBACA,qBAbF,qCAgBE,kBAGF,qBACE,gBACA,eACA,iBCtBF,cACE,sBACA,aACA,sBACA,iBAJF,aAQA,qBACE,cAGF,wBACE,yBACA,qBACA,qCACA,aACA,cACA,2BAGF,YACE,2BACA,iCACA,kBCxBF,gBACE,4BCDF,aACE,yBACA,aACA,YACA,6BCJF,UACE,iEACA,qCACA,mCAGF,kBACE,uBACA,oBAGF,6BACE,uDACA",
   "names": []
 }

package/package.json

@@ -1,29 +1,26 @@
 {
   "name": "@vuu-ui/vuu-shell",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "description": "VUU UI Shell",
   "author": "heswell",
   "license": "Apache-2.0",
-  "scripts": {
-    "build": "node ../../scripts/run-build.mjs"
-  },
   "peerDependencies": {
     "@salt-ds/core": "1.0.0",
     "@salt-ds/icons": "1.0.0",
     "@heswell/salt-lab": "1.0.0-alpha.0",
-    "@vuu-ui/vuu-data": "0.5.4",
-    "@vuu-ui/vuu-layout": "0.5.4",
-    "@vuu-ui/vuu-utils": "0.5.4",
+    "@vuu-ui/vuu-data": "0.5.5",
+    "@vuu-ui/vuu-layout": "0.5.5",
+    "@vuu-ui/ui-controls": "0.5.5",
+    "@vuu-ui/vuu-utils": "0.5.5",
     "classnames": "^2.2.6",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
   "files": [
-    "index.js",
+    "cjs",
+    "esm",
     "index.css",
-    "index.js.map",
-    "index.css.map",
-    "/src"
+    "index.css.map"
   ],
   "module": "esm/index.js",
   "main": "cjs/index.js"

package/src/ShellContextProvider.tsx

@@ -1,54 +0,0 @@
-import { createContext, ReactElement, ReactNode, useContext } from "react";
-
-export interface ShellContextProps {
-  handleRpcResponse?: (response: unknown) => void;
-}
-
-const defaultConfig = {};
-
-const ShellContext = createContext<ShellContextProps>(defaultConfig);
-
-export interface ShellProviderProps {
-  children: ReactNode;
-  value: any;
-}
-
-const Provider = ({
-  children,
-  context,
-  inheritedContext,
-}: {
-  children: ReactNode;
-  context?: ShellContextProps;
-  inheritedContext?: ShellContextProps;
-}) => {
-  // TODO functions provided at multiple levels must be merged
-  const mergedContext = {
-    ...inheritedContext,
-    ...context,
-  };
-  return (
-    <ShellContext.Provider value={mergedContext}>
-      {children}
-    </ShellContext.Provider>
-  );
-};
-
-export const ShellContextProvider = ({
-  children,
-  value,
-}: ShellProviderProps): ReactElement => {
-  return (
-    <ShellContext.Consumer>
-      {(context) => (
-        <Provider context={value} inheritedContext={context}>
-          {children}
-        </Provider>
-      )}
-    </ShellContext.Consumer>
-  );
-};
-
-export const useShellContext = () => {
-  return useContext(ShellContext);
-};

package/src/app-header/AppHeader.css

@@ -1,6 +0,0 @@
-.hwAppHeader {
-  justify-content: flex-end;
-  display: flex;
-  height: 40px;
-  border-bottom: solid 1px #ccc;
-}

package/src/app-header/AppHeader.tsx

@@ -1,33 +0,0 @@
-import { HTMLAttributes } from "react";
-import { VuuUser } from "../shell";
-import { UserProfile } from "../user-profile";
-import "./AppHeader.css";
-
-export interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {
-  layoutId: string;
-  loginUrl?: string;
-  onNavigate: (id: string) => void;
-  user: VuuUser;
-}
-
-export const AppHeader = ({
-  layoutId,
-  loginUrl,
-  onNavigate,
-  user,
-  ...htmlAttributes
-}: AppHeaderProps) => {
-  return (
-    <header className="hwAppHeader" {...htmlAttributes}>
-      {/* <ToggleButton onChange={toggleColorScheme}>
-              theme
-            </ToggleButton> */}
-      <UserProfile
-        layoutId={layoutId}
-        loginUrl={loginUrl}
-        onNavigate={onNavigate}
-        user={user}
-      />
-    </header>
-  );
-};

package/src/app-header/index.ts

@@ -1 +0,0 @@
-export * from './AppHeader';

package/src/app-palette/AppPalette.tsx

@@ -1,56 +0,0 @@
-import React from "react";
-import cx from "classnames";
-import {
-  ComponentRegistry,
-  isRegistered,
-  Palette,
-  PaletteItem,
-} from "@vuu-ui/vuu-layout";
-
-const getPaletteItems = (config) => {
-  const paletteItems = [];
-
-  config.forEach((configItem) => {
-    const { label, items = [] } = configItem;
-    paletteItems.push(
-      <div key={label} data-header>
-        {label}
-      </div>
-    );
-    items.forEach((paletteItem, i) => {
-      const { component, type, props, ...args } = paletteItem;
-      if (component) {
-        paletteItems.push(
-          <PaletteItem {...args} key={i}>
-            {component}
-          </PaletteItem>
-        );
-      } else if (type && isRegistered(type)) {
-        const Component = ComponentRegistry[type];
-        paletteItems.push(
-          <PaletteItem {...args} key={i}>
-            {React.createElement(Component, {
-              ...props,
-              key: i,
-            })}
-          </PaletteItem>
-        );
-      }
-    });
-  });
-
-  return paletteItems;
-};
-
-export const AppPalette = ({ className, config, ...props }) => {
-  return (
-    <Palette
-      className={cx("TableList", className)}
-      orientation="vertical"
-      collapsibleHeaders
-      {...props}
-    >
-      {getPaletteItems(config)}
-    </Palette>
-  );
-};

package/src/app-palette/index.ts

@@ -1 +0,0 @@
-export * from './AppPalette';

package/src/feature/ErrorBoundary.jsx

@@ -1,31 +0,0 @@
-import React from 'react';
-// TODO
-export class ErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { errorMessage: null };
-  }
-
-  static getDerivedStateFromError(error) {
-    // Update state so the next render will show the fallback UI.
-    return { errorMessage: error.message };
-  }
-
-  componentDidCatch(error, errorInfo) {
-    // You can also log the error to an error reporting service
-    console.log(error, errorInfo);
-  }
-
-  render() {
-    if (this.state.errorMessage) {
-      return (
-        <>
-          <h1>Something went wrong.</h1>
-          <p>{this.state.errorMessage}</p>
-        </>
-      );
-    }
-
-    return this.props.children;
-  }
-}

package/src/feature/Feature.tsx

@@ -1,52 +0,0 @@
-import React, { Suspense } from "react";
-import { registerComponent } from "@vuu-ui/vuu-layout";
-import { ErrorBoundary } from "./ErrorBoundary";
-import { Loader } from "./Loader";
-import { importCSS } from "./css-module-loader";
-
-export interface FeatureProps<Params extends object | undefined = undefined> {
-  height?: number;
-  url: string;
-  css?: string;
-  width?: number;
-  params: Params;
-}
-
-// const RawFeature = <Params extends object | undefined>({
-function RawFeature<Params extends object | undefined>({
-  url,
-  css,
-  params,
-  ...props
-}: FeatureProps<Params>) {
-  if (css) {
-    // import(/* @vite-ignore */ css, { assert: { type: "css" } }).then(
-    //   (cssModule) => {
-    //     document.adoptedStyleSheets = [
-    //       ...document.adoptedStyleSheets,
-    //       cssModule.default,
-    //     ];
-    //   }
-    // );
-    // Polyfill until vite build supports import assertions
-    // Note: already fully supported in esbuild, so vite dev
-    importCSS(css).then((styleSheet) => {
-      document.adoptedStyleSheets = [
-        ...document.adoptedStyleSheets,
-        styleSheet,
-      ];
-    });
-  }
-  const LazyFeature = React.lazy(() => import(/* @vite-ignore */ url));
-  return (
-    <ErrorBoundary>
-      <Suspense fallback={<Loader />}>
-        <LazyFeature {...props} {...params} />
-      </Suspense>
-    </ErrorBoundary>
-  );
-}
-
-export const Feature = React.memo(RawFeature);
-Feature.displayName = "Feature";
-registerComponent("Feature", Feature, "view");

package/src/feature/Loader.tsx

@@ -1,2 +0,0 @@
-// TODO
-export const Loader = () => <div className="hwLoader">loading</div>;

package/src/feature/css-module-loader.ts

@@ -1,6 +0,0 @@
-export const importCSS = async (path: string) => {
-  const container = new CSSStyleSheet();
-  return fetch(path)
-    .then((x) => x.text())
-    .then((x) => container.replace(x));
-};

package/src/feature/index.ts

@@ -1 +0,0 @@
-export * from './Feature';

package/src/get-layout-history.js

@@ -1,12 +0,0 @@
-export const getLayoutHistory = async (user) => {
-  const history = await fetch(`api/vui/${user.username}`, {})
-    .then((response) => {
-      return response.ok ? response.json() : null;
-    })
-    .catch(() => {
-      // TODO we should set a layout with a warning here
-      console.log(`error getting history`);
-    });
-
-  return history;
-};

package/src/index.ts

@@ -1,6 +0,0 @@
-export * from "./feature";
-export * from "./login";
-export * from "@vuu-ui/vuu-layout/src/menu";
-export * from "./shell";
-export * from "./shellTypes";
-export * from "./ShellContextProvider";

package/src/login/LoginPanel.css

@@ -1,24 +0,0 @@
-.vuuLoginPanel {
-  --hwTextInput-border: solid 1px #ccc;
-  --hwTextInput-height: 28px;
-  --hwTextInput-padding: 0 12px;
-  --hwTextInput-width: 100%;
-  --login-row-height: 60px;
-  align-content: center;
-  align-items: center;
-  border: solid 1px lightgray;
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  justify-content: center;
-  justify-items: center;
-  margin: 0 auto;
-  padding: 48px 48px 24px 48px;
-  width: fit-content;
-}
-
-.vuuLoginPanel-login {
-  grid-column: 2/3;
-  align-self: end;
-  justify-self: end;
-}

package/src/login/LoginPanel.tsx

@@ -1,63 +0,0 @@
-import { ChangeEvent, HTMLAttributes, useState } from "react";
-import { Button } from "@salt-ds/core";
-import { FormField, Input } from "@heswell/salt-lab";
-
-import "./LoginPanel.css";
-
-const classBase = "vuuLoginPanel";
-
-export interface LoginPanelProps
-  extends Omit<HTMLAttributes<HTMLDivElement>, "onSubmit"> {
-  onSubmit: (username: string, password: string) => void;
-}
-
-export const LoginPanel = ({ onSubmit }: LoginPanelProps) => {
-  const [username, setUserName] = useState("");
-  const [password, setPassword] = useState("");
-
-  const login = () => {
-    onSubmit(username, password);
-  };
-
-  const handleUsername = (
-    _event: ChangeEvent<HTMLInputElement>,
-    value: string
-  ) => {
-    setUserName(value);
-  };
-
-  const handlePassword = (
-    _event: ChangeEvent<HTMLInputElement>,
-    value: string
-  ) => {
-    setPassword(value);
-  };
-
-  const dataIsValid = username.trim() !== "" && password.trim() !== "";
-
-  return (
-    <div className={classBase}>
-      <FormField label="Username" style={{ width: 200 }}>
-        <Input value={username} id="text-username" onChange={handleUsername} />
-      </FormField>
-
-      <FormField label="Password" style={{ width: 200 }}>
-        <Input
-          type="password"
-          value={password}
-          id="text-password"
-          onChange={handlePassword}
-        />
-      </FormField>
-
-      <Button
-        className={`${classBase}-login`}
-        disabled={!dataIsValid}
-        onClick={login}
-        variant="cta"
-      >
-        Login
-      </Button>
-    </div>
-  );
-};

package/src/login/index.ts

@@ -1,2 +0,0 @@
-export * from './LoginPanel';
-export * from './login-utils';

package/src/login/login-utils.ts

@@ -1,21 +0,0 @@
-const getCookieValue = (name: string) =>
-  document.cookie
-    .split("; ")
-    .find((row) => row.startsWith(`${name}=`))
-    ?.split("=")[1];
-
-export const getAuthDetailsFromCookies = () => {
-  const username = getCookieValue("vuu-username");
-  const token = getCookieValue("vuu-auth-token");
-  return [username, token];
-};
-
-export const redirectToLogin = (loginUrl = "/login.html") => {
-  window.location.href = loginUrl;
-};
-
-export const logout = (loginUrl?: string) => {
-  document.cookie = "vuu-username= ; expires = Thu, 01 Jan 1970 00:00:00 GMT";
-  document.cookie = "vuu-auth-token= ; expires = Thu, 01 Jan 1970 00:00:00 GMT";
-  redirectToLogin(loginUrl);
-};

package/src/shell.css

@@ -1,15 +0,0 @@
-.vuuShell {
-  background-color: var(--salt-container-primary-background, ivory);
-  height: var(--vuuShell-height, 100vh);
-  width: var(--vuuShell-width, 100vw);
-}
-
-.vuuShell-palette {
-  --vuuView-border: none;
-  --vuuView-margin: 0;
-}
-
-.vuuShell-warningPlaceholder {
-  background-color: var(--salt-container-background-high);
-  height: 100%;
-}