@vuu-ui/vuu-shell 0.7.1-debug → 0.7.1

package/esm/index.js

@@ -1,1074 +1,4 @@
-// src/connection-status/ConnectionStatusIcon.tsx
-import React, { useEffect, useState } from "react";
-import cx from "classnames";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var ConnectionStatusIcon = ({ connectionStatus, className, element = "span", ...props }) => {
-  const [classBase6, setClassBase] = useState("vuuConnectingStatus");
-  useEffect(() => {
-    switch (connectionStatus) {
-      case "connected":
-      case "reconnected":
-        setClassBase("vuuActiveStatus");
-        break;
-      case "connecting":
-        setClassBase("vuuConnectingStatus");
-        break;
-      case "disconnected":
-        setClassBase("vuuDisconnectedStatus");
-        break;
-      default:
-        break;
-    }
-  }, [connectionStatus]);
-  const statusIcon = React.createElement(
-    element,
-    {
-      ...props,
-      className: cx("vuuStatus vuuIcon", classBase6, className)
-    }
-  );
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "vuuStatus-container salt-theme", children: [
-    statusIcon,
-    /* @__PURE__ */ jsxs("div", { className: "vuuStatus-text", children: [
-      "Status: ",
-      connectionStatus.toUpperCase()
-    ] })
-  ] }) });
-};
-
-// src/density-switch/DensitySwitch.tsx
-import { Dropdown } from "@heswell/salt-lab";
-import { useCallback } from "react";
-import cx2 from "classnames";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var classBase = "vuuDensitySwitch";
-var densities = ["high", "medium", "low", "touch"];
-var DEFAULT_DENSITY = "high";
-var DensitySwitch = ({
-  className: classNameProp,
-  defaultDensity = DEFAULT_DENSITY,
-  onDensityChange
-}) => {
-  const handleSelectionChange = useCallback((_event, selectedItem) => {
-    onDensityChange(selectedItem);
-  }, [onDensityChange]);
-  const className = cx2(classBase, classNameProp);
-  return /* @__PURE__ */ jsx2(
-    Dropdown,
-    {
-      className,
-      source: densities,
-      defaultSelected: defaultDensity,
-      onSelectionChange: handleSelectionChange
-    }
-  );
-};
-
-// src/feature/Feature.tsx
-import React3, { Suspense, useEffect as useEffect2 } from "react";
-import { registerComponent } from "@vuu-ui/vuu-layout";
-
-// src/feature/ErrorBoundary.jsx
-import React2 from "react";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var ErrorBoundary = class extends React2.Component {
-  constructor(props) {
-    super(props);
-    this.state = { errorMessage: null };
-  }
-  static getDerivedStateFromError(error2) {
-    return { errorMessage: error2.message };
-  }
-  componentDidCatch(error2, errorInfo) {
-    console.log(error2, errorInfo);
-  }
-  render() {
-    if (this.state.errorMessage) {
-      return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-        /* @__PURE__ */ jsx3("h1", { children: "Something went wrong." }),
-        /* @__PURE__ */ jsx3("p", { children: this.state.errorMessage })
-      ] });
-    }
-    return this.props.children;
-  }
-};
-
-// src/feature/Loader.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var Loader = () => /* @__PURE__ */ jsx4("div", { className: "hwLoader", children: "loading" });
-
-// src/feature/Feature.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var componentsMap = /* @__PURE__ */ new Map();
-var useCachedFeature = (url) => {
-  useEffect2(
-    () => () => {
-      componentsMap.delete(url);
-    },
-    [url]
-  );
-  if (!componentsMap.has(url)) {
-    componentsMap.set(
-      url,
-      React3.lazy(() => import(
-        /* @vite-ignore */
-        url
-      ))
-    );
-  }
-  return componentsMap.get(url);
-};
-function RawFeature({
-  url,
-  css,
-  params,
-  ...props
-}) {
-  console.log("Feature render", { css, url, props });
-  useEffect2(() => {
-    console.log("%cFeature mount", "color: green;");
-    return () => {
-      console.log("%cFeature unmount", "color:red;");
-    };
-  }, []);
-  if (css) {
-    import(
-      /* @vite-ignore */
-      css
-    ).then(
-      (cssModule) => {
-        console.log("%cInject Styles", "color: blue;font-weight: bold");
-        document.adoptedStyleSheets = [
-          ...document.adoptedStyleSheets,
-          cssModule.default
-        ];
-      }
-    );
-  }
-  const LazyFeature = useCachedFeature(url);
-  return /* @__PURE__ */ jsx5(ErrorBoundary, { children: /* @__PURE__ */ jsx5(Suspense, { fallback: /* @__PURE__ */ jsx5(Loader, {}), children: /* @__PURE__ */ jsx5(LazyFeature, { ...props, ...params }) }) });
-}
-var Feature = React3.memo(RawFeature);
-Feature.displayName = "Feature";
-registerComponent("Feature", Feature, "view");
-
-// src/login/LoginPanel.tsx
-import { useState as useState2 } from "react";
-import { Button } from "@salt-ds/core";
-import { FormField, Input } from "@heswell/salt-lab";
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-var classBase2 = "vuuLoginPanel";
-var LoginPanel = ({ onSubmit }) => {
-  const [username, setUserName] = useState2("");
-  const [password, setPassword] = useState2("");
-  const login = () => {
-    onSubmit(username, password);
-  };
-  const handleUsername = (_event, value) => {
-    setUserName(value);
-  };
-  const handlePassword = (_event, value) => {
-    setPassword(value);
-  };
-  const dataIsValid = username.trim() !== "" && password.trim() !== "";
-  return /* @__PURE__ */ jsxs3("div", { className: classBase2, children: [
-    /* @__PURE__ */ jsx6(FormField, { label: "Username", style: { width: 200 }, children: /* @__PURE__ */ jsx6(Input, { value: username, id: "text-username", onChange: handleUsername }) }),
-    /* @__PURE__ */ jsx6(FormField, { label: "Password", style: { width: 200 }, children: /* @__PURE__ */ jsx6(
-      Input,
-      {
-        type: "password",
-        value: password,
-        id: "text-password",
-        onChange: handlePassword
-      }
-    ) }),
-    /* @__PURE__ */ jsx6(
-      Button,
-      {
-        className: `${classBase2}-login`,
-        disabled: !dataIsValid,
-        onClick: login,
-        variant: "cta",
-        children: "Login"
-      }
-    )
-  ] });
-};
-
-// src/login/login-utils.ts
-import { getCookieValue } from "@vuu-ui/vuu-utils";
-var getAuthDetailsFromCookies = () => {
-  const username = getCookieValue("vuu-username");
-  const token = getCookieValue("vuu-auth-token");
-  return [username, token];
-};
-var redirectToLogin = (loginUrl = "login.html") => {
-  window.location.href = loginUrl;
-};
-var logout = (loginUrl) => {
-  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);
-};
-
-// src/session-editing-form/SessionEditingForm.tsx
-import {
-  useCallback as useCallback2,
-  useEffect as useEffect3,
-  useMemo,
-  useRef,
-  useState as useState3
-} from "react";
-import cx3 from "classnames";
-import { useIdMemo } from "@salt-ds/core";
-import { Button as Button2 } from "@salt-ds/core";
-import {
-  isErrorResponse,
-  RemoteDataSource
-} from "@vuu-ui/vuu-data";
-import {
-  buildColumnMap,
-  isValidNumber,
-  shallowEquals
-} from "@vuu-ui/vuu-utils";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-var classBase3 = "vuuSessionEditingForm";
-var getField = (fields, name) => {
-  const field = fields.find((f) => f.name === name);
-  if (field) {
-    return field;
-  } else {
-    throw Error(`SessionEditingForm, no field '${name}' found`);
-  }
-};
-var getFieldNameAndValue = (evt) => {
-  const {
-    dataset: { field },
-    value
-  } = evt.target;
-  if (field === void 0) {
-    throw Error("SessionEditingForm, form field has no field name");
-  }
-  return [field, value];
-};
-var Status = {
-  uninitialised: 0,
-  unchanged: 1,
-  changed: 2,
-  invalid: 3
-};
-function getTypedValue(value, type, throwIfUndefined = false) {
-  switch (type) {
-    case "int":
-    case "long": {
-      const typedValue = parseInt(value, 10);
-      if (isValidNumber(typedValue)) {
-        return typedValue;
-      } else if (throwIfUndefined) {
-        throw Error("SessionEditingForm getTypedValue");
-      } else {
-        return void 0;
-      }
-    }
-    case "double": {
-      const typedValue = parseFloat(value);
-      if (isValidNumber(typedValue)) {
-        return typedValue;
-      }
-      return void 0;
-    }
-    case "boolean":
-      return value === "true" ? true : false;
-    default:
-      return value;
-  }
-}
-var getDataSource = (dataSource, schema) => {
-  if (dataSource) {
-    return dataSource;
-  } else if (schema) {
-    return new RemoteDataSource({
-      bufferSize: 0,
-      table: schema.table,
-      columns: schema.columns.map((col) => col.name)
-    });
-  } else {
-    throw Error(
-      "SessionEditingForm: either a DataSource or a TableSchema must be provided"
-    );
-  }
-};
-var SessionEditingForm = ({
-  className,
-  config: { fields, key: keyField },
-  dataSource: dataSourceProp,
-  id: idProp,
-  onClose,
-  schema,
-  ...htmlAttributes
-}) => {
-  const [values, setValues] = useState3();
-  const [errorMessage, setErrorMessage] = useState3("");
-  const formContentRef = useRef(null);
-  const initialDataRef = useRef();
-  const dataStatusRef = useRef(Status.uninitialised);
-  const dataSource = useMemo(() => {
-    const applyServerData = (data) => {
-      if (columnMap) {
-        const values2 = {};
-        for (const column of dataSource.columns) {
-          values2[column] = data[columnMap[column]];
-        }
-        if (dataStatusRef.current === Status.uninitialised) {
-          dataStatusRef.current = Status.unchanged;
-          initialDataRef.current = values2;
-        }
-        setValues(values2);
-      }
-    };
-    const ds = getDataSource(dataSourceProp, schema);
-    const columnMap = buildColumnMap(ds.columns);
-    ds.subscribe({ range: { from: 0, to: 5 } }, (message) => {
-      if (message.type === "viewport-update" && message.rows) {
-        if (dataStatusRef.current === Status.uninitialised) {
-          applyServerData(message.rows[0]);
-        } else {
-          console.log("what do we do with server updates");
-        }
-      }
-    });
-    return ds;
-  }, [dataSourceProp, schema]);
-  const id = useIdMemo(idProp);
-  const handleChange = useCallback2(
-    (evt) => {
-      const [field, value] = getFieldNameAndValue(evt);
-      const { type } = getField(fields, field);
-      const typedValue = getTypedValue(value, type);
-      setValues((values2 = {}) => {
-        const newValues = {
-          ...values2,
-          [field]: typedValue
-        };
-        const notUpdated = shallowEquals(newValues, initialDataRef.current);
-        dataStatusRef.current = notUpdated ? Status.unchanged : typedValue !== void 0 ? Status.changed : Status.invalid;
-        return newValues;
-      });
-    },
-    [fields]
-  );
-  const handleBlur = useCallback2(
-    (evt) => {
-      const [field, value] = getFieldNameAndValue(evt);
-      const { type } = getField(fields, field);
-      console.log("BLUR", {
-        keyField
-      });
-      const rowKey = values == null ? void 0 : values[keyField];
-      const typedValue = getTypedValue(value, type, true);
-      if (typeof rowKey === "string") {
-        dataSource.menuRpcCall({
-          rowKey,
-          field,
-          value: typedValue,
-          type: "VP_EDIT_CELL_RPC"
-        });
-      }
-    },
-    [dataSource, fields, keyField, values]
-  );
-  const handleSubmit = useCallback2(async () => {
-    const response = await dataSource.menuRpcCall({
-      type: "VP_EDIT_SUBMIT_FORM_RPC"
-    });
-    if (isErrorResponse(response)) {
-      setErrorMessage(response.error);
-    }
-  }, [dataSource]);
-  const handleKeyDown = useCallback2(
-    (evt) => {
-      if (evt.key === "Enter" && dataStatusRef.current === Status.changed) {
-        handleSubmit();
-      }
-    },
-    [handleSubmit]
-  );
-  const handleCancel = useCallback2(() => {
-    onClose();
-  }, [onClose]);
-  const getFormControl = (field) => {
-    var _a;
-    const value = String((_a = values == null ? void 0 : values[field.name]) != null ? _a : "");
-    if (field.readonly || field.name === keyField) {
-      return /* @__PURE__ */ jsx7("div", { className: `${classBase3}-fieldValue vuuReadOnly`, children: value });
-    } else {
-      return /* @__PURE__ */ jsx7(
-        "input",
-        {
-          className: `${classBase3}-fieldValue`,
-          "data-field": field.name,
-          onBlur: handleBlur,
-          onChange: handleChange,
-          type: "text",
-          value,
-          id: `${id}-input-${field.name}`
-        }
-      );
-    }
-  };
-  useEffect3(() => {
-    if (formContentRef.current) {
-      const firstInput = formContentRef.current.querySelector(
-        "input"
-      );
-      if (firstInput) {
-        setTimeout(() => {
-          firstInput.focus();
-          console.log("select item");
-          firstInput.select();
-        }, 100);
-      }
-    }
-  }, []);
-  const isDirty = dataStatusRef.current === Status.changed;
-  return /* @__PURE__ */ jsxs4("div", { ...htmlAttributes, className: cx3(classBase3, className), children: [
-    errorMessage ? /* @__PURE__ */ jsx7(
-      "div",
-      {
-        className: `${classBase3}-errorBanner`,
-        "data-icon": "error",
-        title: errorMessage,
-        children: "Error, edit(s) not saved"
-      }
-    ) : void 0,
-    /* @__PURE__ */ jsx7(
-      "div",
-      {
-        className: `${classBase3}-content`,
-        ref: formContentRef,
-        onKeyDown: handleKeyDown,
-        children: fields.map((field) => {
-          var _a;
-          return /* @__PURE__ */ jsxs4("div", { className: `${classBase3}-field`, children: [
-            /* @__PURE__ */ jsx7(
-              "label",
-              {
-                className: cx3(`${classBase3}-fieldLabel`, {
-                  [`${classBase3}-required`]: field.required
-                }),
-                htmlFor: `${id}-input-${field.name}`,
-                children: (_a = field == null ? void 0 : field.label) != null ? _a : field.description
-              }
-            ),
-            getFormControl(field)
-          ] }, field.name);
-        })
-      }
-    ),
-    /* @__PURE__ */ jsxs4("div", { className: `${classBase3}-buttonbar salt-theme salt-density-high`, children: [
-      /* @__PURE__ */ jsx7(
-        Button2,
-        {
-          type: "submit",
-          variant: "cta",
-          disabled: !isDirty,
-          onClick: handleSubmit,
-          children: "Submit"
-        }
-      ),
-      /* @__PURE__ */ jsx7(Button2, { variant: "secondary", onClick: handleCancel, children: "Cancel" })
-    ] })
-  ] });
-};
-
-// src/shell.tsx
-import { connectToServer } from "@vuu-ui/vuu-data";
-import cx6 from "classnames";
-import {
-  useCallback as useCallback7,
-  useEffect as useEffect6,
-  useRef as useRef2,
-  useState as useState6
-} from "react";
-
-// src/ShellContextProvider.tsx
-import { createContext, useContext } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var defaultConfig = {};
-var ShellContext = createContext(defaultConfig);
-var Provider = ({
-  children,
-  context,
-  inheritedContext
-}) => {
-  const mergedContext = {
-    ...inheritedContext,
-    ...context
-  };
-  return /* @__PURE__ */ jsx8(ShellContext.Provider, { value: mergedContext, children });
-};
-var ShellContextProvider = ({
-  children,
-  value
-}) => {
-  return /* @__PURE__ */ jsx8(ShellContext.Consumer, { children: (context) => /* @__PURE__ */ jsx8(Provider, { context: value, inheritedContext: context, children }) });
-};
-var useShellContext = () => {
-  return useContext(ShellContext);
-};
-
-// src/layout-config/use-layout-config.ts
-import { useCallback as useCallback3, useEffect as useEffect4, useState as useState4 } from "react";
-
-// src/layout-config/local-config.ts
-var loadLocalConfig = (saveUrl, user, id = "latest") => new Promise((resolve, reject) => {
-  console.log(
-    `load local config at ${saveUrl} for user ${user.username}, id ${id}`
-  );
-  const data = localStorage.getItem(saveUrl);
-  if (data) {
-    const layout = JSON.parse(data);
-    resolve(layout);
-  } else {
-    reject();
-  }
-});
-var saveLocalConfig = (saveUrl, user, data) => new Promise((resolve, reject) => {
-  try {
-    localStorage.setItem(saveUrl, JSON.stringify(data));
-    resolve(void 0);
-  } catch {
-    reject();
-  }
-});
-
-// src/layout-config/remote-config.ts
-var loadRemoteConfig = (saveUrl, user, id = "latest") => new Promise((resolve, reject) => {
-  fetch(`${saveUrl}/${user.username}/${id}`, {}).then((response) => {
-    if (response.ok) {
-      resolve(response.json());
-    } else {
-      reject(void 0);
-    }
-  }).catch(() => {
-    reject(void 0);
-  });
-});
-var saveRemoteConfig = (saveUrl, user, data) => new Promise((resolve, reject) => {
-  fetch(`${saveUrl}/${user.username}`, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json"
-    },
-    body: JSON.stringify(data)
-  }).then((response) => {
-    if (response.ok) {
-      resolve(void 0);
-    } else {
-      reject();
-    }
-  });
-});
-
-// src/layout-config/use-layout-config.ts
-var useLayoutConfig = ({
-  saveLocation,
-  saveUrl = "api/vui",
-  user,
-  defaultLayout
-}) => {
-  const [layout, _setLayout] = useState4(defaultLayout);
-  const usingRemote = saveLocation === "remote";
-  const loadConfig = usingRemote ? loadRemoteConfig : loadLocalConfig;
-  const saveConfig = usingRemote ? saveRemoteConfig : saveLocalConfig;
-  const setLayout = (layout2) => {
-    _setLayout(layout2);
-  };
-  const load = useCallback3(
-    async (id = "latest") => {
-      try {
-        const layout2 = await loadConfig(saveUrl, user, id);
-        setLayout(layout2);
-      } catch {
-        setLayout(defaultLayout);
-      }
-    },
-    [defaultLayout, loadConfig, saveUrl, user]
-  );
-  useEffect4(() => {
-    load();
-  }, [load]);
-  const saveData = useCallback3(
-    (data) => {
-      saveConfig(saveUrl, user, data);
-    },
-    [saveConfig, saveUrl, user]
-  );
-  const loadLayoutById = useCallback3(
-    (id) => {
-      load(id);
-    },
-    [load]
-  );
-  return [layout, saveData, loadLayoutById];
-};
-
-// src/shell.tsx
-import {
-  DockLayout,
-  DraggableLayout,
-  Drawer,
-  Flexbox,
-  LayoutProvider,
-  View
-} from "@vuu-ui/vuu-layout";
-
-// src/app-header/AppHeader.tsx
-import { useCallback as useCallback6 } from "react";
-
-// src/user-profile/UserProfile.tsx
-import { Button as Button4 } from "@salt-ds/core";
-import { DropdownBase } from "@heswell/salt-lab";
-import { UserSolidIcon } from "@salt-ds/icons";
-
-// src/user-profile/UserPanel.tsx
-import { formatDate } from "@vuu-ui/vuu-utils";
-import { List, ListItem } from "@heswell/salt-lab";
-import { Button as Button3 } from "@salt-ds/core";
-import { ExportIcon } from "@salt-ds/icons";
-import {
-  forwardRef,
-  useCallback as useCallback4,
-  useEffect as useEffect5,
-  useState as useState5
-} from "react";
-
-// src/get-layout-history.ts
-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");
-  });
-  return history;
-};
-
-// src/user-profile/UserPanel.tsx
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
-var byLastUpdate = ({ lastUpdate: l1 }, { lastUpdate: l2 }) => {
-  return l2 === l1 ? 0 : l2 < l1 ? -1 : 1;
-};
-var HistoryListItem = (props) => {
-  return /* @__PURE__ */ jsx9(ListItem, { ...props });
-};
-var UserPanel = forwardRef(function UserPanel2({ loginUrl, onNavigate, user, layoutId = "latest" }, forwardedRef) {
-  const [history, setHistory] = useState5([]);
-  useEffect5(() => {
-    async function getHistory() {
-      const history2 = await getLayoutHistory(user);
-      const sortedHistory = history2.filter((item) => item.id !== "latest").sort(byLastUpdate).map(({ id, lastUpdate }) => ({
-        lastUpdate,
-        id,
-        label: `Saved at ${formatDate(new Date(lastUpdate), "kk:mm:ss")}`
-      }));
-      console.log({ sortedHistory });
-      setHistory(sortedHistory);
-    }
-    getHistory();
-  }, [user]);
-  const handleHisorySelected = useCallback4(
-    (evt, selected2) => {
-      if (selected2) {
-        onNavigate(selected2.id);
-      }
-    },
-    [onNavigate]
-  );
-  const handleLogout = useCallback4(() => {
-    logout(loginUrl);
-  }, [loginUrl]);
-  const selected = history.length === 0 ? null : layoutId === "latest" ? history[0] : history.find((i) => i.id === layoutId);
-  return /* @__PURE__ */ jsxs5("div", { className: "vuuUserPanel", ref: forwardedRef, children: [
-    /* @__PURE__ */ jsx9(
-      List,
-      {
-        ListItem: HistoryListItem,
-        className: "vuuUserPanel-history",
-        onSelect: handleHisorySelected,
-        selected,
-        source: history
-      }
-    ),
-    /* @__PURE__ */ jsx9("div", { className: "vuuUserPanel-buttonBar", children: /* @__PURE__ */ jsxs5(Button3, { "aria-label": "logout", onClick: handleLogout, children: [
-      /* @__PURE__ */ jsx9(ExportIcon, {}),
-      " Logout"
-    ] }) })
-  ] });
-});
-
-// src/user-profile/UserProfile.tsx
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
-var UserProfile = ({
-  layoutId,
-  loginUrl,
-  onNavigate,
-  user
-}) => {
-  const handleNavigate = (id) => {
-    onNavigate(id);
-  };
-  return /* @__PURE__ */ jsxs6(DropdownBase, { className: "vuuUserProfile", placement: "bottom-end", children: [
-    /* @__PURE__ */ jsx10(Button4, { variant: "secondary", children: /* @__PURE__ */ jsx10(UserSolidIcon, {}) }),
-    /* @__PURE__ */ jsx10(
-      UserPanel,
-      {
-        layoutId,
-        loginUrl,
-        onNavigate: handleNavigate,
-        user
-      }
-    )
-  ] });
-};
-
-// src/theme-switch/ThemeSwitch.tsx
-import {
-  ToggleButton,
-  ToggleButtonGroup
-} from "@heswell/salt-lab";
-import cx4 from "classnames";
-import { useControlled } from "@salt-ds/core";
-import { useCallback as useCallback5 } from "react";
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
-var classBase4 = "vuuThemeSwitch";
-var modes = ["light", "dark"];
-var ThemeSwitch = ({
-  className: classNameProp,
-  defaultMode: defaultModeProp,
-  mode: modeProp,
-  onChange,
-  ...htmlAttributes
-}) => {
-  const [mode, setMode] = useControlled({
-    controlled: modeProp,
-    default: defaultModeProp != null ? defaultModeProp : "light",
-    name: "ThemeSwitch",
-    state: "mode"
-  });
-  const selectedIndex = modes.indexOf(mode);
-  const handleChangeSecondary = useCallback5(
-    (_evt, index) => {
-      const mode2 = modes[index];
-      setMode(mode2);
-      onChange(mode2);
-    },
-    [onChange, setMode]
-  );
-  const className = cx4(classBase4, classNameProp);
-  return /* @__PURE__ */ jsxs7(
-    ToggleButtonGroup,
-    {
-      className,
-      ...htmlAttributes,
-      onChange: handleChangeSecondary,
-      selectedIndex,
-      children: [
-        /* @__PURE__ */ jsx11(
-          ToggleButton,
-          {
-            "aria-label": "alert",
-            tooltipText: "Light Theme",
-            "data-icon": "light"
-          }
-        ),
-        /* @__PURE__ */ jsx11(
-          ToggleButton,
-          {
-            "aria-label": "home",
-            tooltipText: "Dark Theme",
-            "data-icon": "dark"
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/app-header/AppHeader.tsx
-import cx5 from "classnames";
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
-var classBase5 = "vuuAppHeader";
-var AppHeader = ({
-  className: classNameProp,
-  layoutId,
-  loginUrl,
-  onNavigate,
-  onSwitchTheme,
-  themeMode = "light",
-  user,
-  ...htmlAttributes
-}) => {
-  const className = cx5(classBase5, classNameProp);
-  const handleSwitchTheme = useCallback6(
-    (mode) => onSwitchTheme == null ? void 0 : onSwitchTheme(mode),
-    [onSwitchTheme]
-  );
-  return /* @__PURE__ */ jsxs8("header", { className, ...htmlAttributes, children: [
-    /* @__PURE__ */ jsx12(ThemeSwitch, { defaultMode: themeMode, onChange: handleSwitchTheme }),
-    /* @__PURE__ */ jsx12(
-      UserProfile,
-      {
-        layoutId,
-        loginUrl,
-        onNavigate,
-        user
-      }
-    )
-  ] });
-};
-
-// src/shell.tsx
-import { logger } from "@vuu-ui/vuu-utils";
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
-var { error } = logger("Shell");
-var warningLayout = {
-  type: "View",
-  props: {
-    style: { height: "calc(100% - 6px)" }
-  },
-  children: [
-    {
-      props: {
-        className: "vuuShell-warningPlaceholder"
-      },
-      type: "Placeholder"
-    }
-  ]
-};
-var Shell = ({
-  children,
-  className: classNameProp,
-  defaultLayout = warningLayout,
-  leftSidePanel,
-  loginUrl,
-  saveLocation = "remote",
-  saveUrl,
-  serverUrl,
-  user,
-  ...htmlAttributes
-}) => {
-  const rootRef = useRef2(null);
-  const paletteView = useRef2(null);
-  const [open, setOpen] = useState6(false);
-  const layoutId = useRef2("latest");
-  const [layout, saveLayoutConfig, loadLayoutById] = useLayoutConfig({
-    defaultLayout,
-    saveLocation,
-    user
-  });
-  const handleLayoutChange = useCallback7(
-    (layout2) => {
-      try {
-        saveLayoutConfig(layout2);
-      } catch {
-        error == null ? void 0 : error("Failed to save layout");
-      }
-    },
-    [saveLayoutConfig]
-  );
-  const handleSwitchTheme = useCallback7((mode) => {
-    if (rootRef.current) {
-      rootRef.current.dataset.mode = mode;
-    }
-  }, []);
-  const handleDrawerClick = (e) => {
-    var _a;
-    const target = e.target;
-    if (!((_a = paletteView.current) == null ? void 0 : _a.contains(target))) {
-      setOpen(!open);
-    }
-  };
-  const handleNavigate = useCallback7(
-    (id) => {
-      layoutId.current = id;
-      loadLayoutById(id);
-    },
-    [loadLayoutById]
-  );
-  useEffect6(() => {
-    if (serverUrl && user.token) {
-      connectToServer({
-        authToken: user.token,
-        url: serverUrl,
-        username: user.username
-      });
-    }
-  }, [serverUrl, user.token, user.username]);
-  const getDrawers = () => {
-    const drawers = [];
-    if (leftSidePanel) {
-      drawers.push(
-        /* @__PURE__ */ jsx13(
-          Drawer,
-          {
-            onClick: handleDrawerClick,
-            open,
-            position: "left",
-            inline: true,
-            peekaboo: true,
-            sizeOpen: 200,
-            toggleButton: "end",
-            children: /* @__PURE__ */ jsx13(
-              View,
-              {
-                className: "vuuShell-palette",
-                id: "vw-app-palette",
-                ref: paletteView,
-                style: { height: "100%" },
-                children: leftSidePanel
-              },
-              "app-palette"
-            )
-          },
-          "left-panel"
-        )
-      );
-    }
-    return drawers;
-  };
-  const className = cx6(
-    "vuuShell",
-    classNameProp,
-    "salt-theme",
-    "salt-density-high"
-  );
-  return (
-    // ShellContext TBD
-    /* @__PURE__ */ jsxs9(ShellContextProvider, { value: void 0, children: [
-      /* @__PURE__ */ jsx13(LayoutProvider, { layout, onLayoutChange: handleLayoutChange, children: /* @__PURE__ */ jsx13(
-        DraggableLayout,
-        {
-          className,
-          "data-mode": "light",
-          ref: rootRef,
-          ...htmlAttributes,
-          children: /* @__PURE__ */ jsxs9(
-            Flexbox,
-            {
-              className: "App",
-              style: { flexDirection: "column", height: "100%", width: "100%" },
-              children: [
-                /* @__PURE__ */ jsx13(
-                  AppHeader,
-                  {
-                    layoutId: layoutId.current,
-                    loginUrl,
-                    user,
-                    onNavigate: handleNavigate,
-                    onSwitchTheme: handleSwitchTheme
-                  }
-                ),
-                /* @__PURE__ */ jsx13(DockLayout, { style: { flex: 1 }, children: getDrawers().concat(
-                  /* @__PURE__ */ jsx13(
-                    DraggableLayout,
-                    {
-                      dropTarget: true,
-                      style: { width: "100%", height: "100%" }
-                    },
-                    "main-content"
-                  )
-                ) })
-              ]
-            }
-          )
-        }
-      ) }),
-      children
-    ] })
-  );
-};
-
-// src/theme-provider/ThemeProvider.tsx
-import {
-  createContext as createContext2,
-  isValidElement,
-  cloneElement,
-  useContext as useContext2
-} from "react";
-import cx7 from "classnames";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var DEFAULT_DENSITY2 = "medium";
-var DEFAULT_THEME = "salt-theme";
-var DEFAULT_THEME_MODE = "light";
-var ThemeContext = createContext2({
-  density: "high",
-  theme: "salt-theme",
-  themeMode: "light"
-});
-var createThemedChildren = (children, theme, themeMode, density) => {
-  var _a;
-  if (isValidElement(children)) {
-    return cloneElement(children, {
-      className: cx7(
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-        (_a = children.props) == null ? void 0 : _a.className,
-        theme,
-        `salt-density-${density}`
-      ),
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-expect-error
-      "data-mode": themeMode
-    });
-  } else {
-    console.warn(
-      `
+import Ue,{useEffect as Ie,useState as Be}from"react";import Ae from"classnames";import{Fragment as Oe,jsx as $e,jsxs as Q}from"react/jsx-runtime";var vo=({connectionStatus:e,className:t,element:o="span",...r})=>{let[s,a]=Be("vuuConnectingStatus");Ie(()=>{switch(e){case"connected":case"reconnected":a("vuuActiveStatus");break;case"connecting":a("vuuConnectingStatus");break;case"disconnected":a("vuuDisconnectedStatus");break;default:break}},[e]);let l=Ue.createElement(o,{...r,className:Ae("vuuStatus vuuIcon",s,t)});return $e(Oe,{children:Q("div",{className:"vuuStatus-container salt-theme",children:[l,Q("div",{className:"vuuStatus-text",children:["Status: ",e.toUpperCase()]})]})})};import{Dropdown as Je}from"@heswell/salt-lab";import{useCallback as _e}from"react";import qe from"classnames";import{jsx as Ye}from"react/jsx-runtime";var Ge="vuuDensitySwitch",ze=["high","medium","low","touch"],Ke="high",bo=({className:e,defaultDensity:t=Ke,onDensityChange:o})=>{let r=_e((a,l)=>{o(l)},[o]),s=qe(Ge,e);return Ye(Je,{className:s,source:ze,defaultSelected:t,onSelectionChange:r})};import j,{Suspense as je,useEffect as ee}from"react";import{registerComponent as et}from"@vuu-ui/vuu-layout";import We from"react";import{Fragment as Qe,jsx as X,jsxs as Xe}from"react/jsx-runtime";var H=class extends We.Component{constructor(t){super(t),this.state={errorMessage:null}}static getDerivedStateFromError(t){return{errorMessage:t.message}}componentDidCatch(t,o){console.log(t,o)}render(){return this.state.errorMessage?Xe(Qe,{children:[X("h1",{children:"Something went wrong."}),X("p",{children:this.state.errorMessage})]}):this.props.children}};import{jsx as Ze}from"react/jsx-runtime";var Z=()=>Ze("div",{className:"hwLoader",children:"loading"});import{jsx as F}from"react/jsx-runtime";var R=new Map,tt=e=>(ee(()=>()=>{R.delete(e)},[e]),R.has(e)||R.set(e,j.lazy(()=>import(e))),R.get(e));function ot({url:e,css:t,params:o,...r}){console.log("Feature render",{css:t,url:e,props:r}),ee(()=>(console.log("%cFeature mount","color: green;"),()=>{console.log("%cFeature unmount","color:red;")}),[]),t&&import(t).then(a=>{console.log("%cInject Styles","color: blue;font-weight: bold"),document.adoptedStyleSheets=[...document.adoptedStyleSheets,a.default]});let s=tt(e);return F(H,{children:F(je,{fallback:F(Z,{}),children:F(s,{...r,...o})})})}var te=j.memo(ot);te.displayName="Feature";et("Feature",te,"view");import{useState as oe}from"react";import{Button as rt}from"@salt-ds/core";import{FormField as re,Input as ne}from"@heswell/salt-lab";import{jsx as M,jsxs as nt}from"react/jsx-runtime";var se="vuuLoginPanel",jo=({onSubmit:e})=>{let[t,o]=oe(""),[r,s]=oe(""),a=()=>{e(t,r)},l=(m,u)=>{o(u)},c=(m,u)=>{s(u)},i=t.trim()!==""&&r.trim()!=="";return nt("div",{className:se,children:[M(re,{label:"Username",style:{width:200},children:M(ne,{value:t,id:"text-username",onChange:l})}),M(re,{label:"Password",style:{width:200},children:M(ne,{type:"password",value:r,id:"text-password",onChange:c})}),M(rt,{className:`${se}-login`,disabled:!i,onClick:a,variant:"cta",children:"Login"})]})};import{getCookieValue as ae}from"@vuu-ui/vuu-utils";var rr=()=>{let e=ae("vuu-username"),t=ae("vuu-auth-token");return[e,t]},st=(e="login.html")=>{window.location.href=e},ie=e=>{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",st(e)};import{useCallback as P,useEffect as at,useMemo as it,useRef as O,useState as le}from"react";import ue from"classnames";import{useIdMemo as lt}from"@salt-ds/core";import{Button as ce}from"@salt-ds/core";import{isErrorResponse as ut,RemoteDataSource as ct}from"@vuu-ui/vuu-data";import{buildColumnMap as mt,isValidNumber as me,shallowEquals as dt}from"@vuu-ui/vuu-utils";import{jsx as L,jsxs as $}from"react/jsx-runtime";var x="vuuSessionEditingForm",de=(e,t)=>{let o=e.find(r=>r.name===t);if(o)return o;throw Error(`SessionEditingForm, no field '${t}' found`)},pe=e=>{let{dataset:{field:t},value:o}=e.target;if(t===void 0)throw Error("SessionEditingForm, form field has no field name");return[t,o]},C={uninitialised:0,unchanged:1,changed:2,invalid:3};function fe(e,t,o=!1){switch(t){case"int":case"long":{let r=parseInt(e,10);if(me(r))return r;if(o)throw Error("SessionEditingForm getTypedValue");return}case"double":{let r=parseFloat(e);return me(r)?r:void 0}case"boolean":return e==="true";default:return e}}var pt=(e,t)=>{if(e)return e;if(t)return new ct({bufferSize:0,table:t.table,columns:t.columns.map(o=>o.name)});throw Error("SessionEditingForm: either a DataSource or a TableSchema must be provided")},Cr=({className:e,config:{fields:t,key:o},dataSource:r,id:s,onClose:a,schema:l,...c})=>{let[i,m]=le(),[u,g]=le(""),d=O(null),p=O(),h=O(C.uninitialised),v=it(()=>{let n=S=>{if(y){let T={};for(let D of v.columns)T[D]=S[y[D]];h.current===C.uninitialised&&(h.current=C.unchanged,p.current=T),m(T)}},f=pt(r,l),y=mt(f.columns);return f.subscribe({range:{from:0,to:5}},S=>{S.type==="viewport-update"&&S.rows&&(h.current===C.uninitialised?n(S.rows[0]):console.log("what do we do with server updates"))}),f},[r,l]),E=lt(s),N=P(n=>{let[f,y]=pe(n),{type:S}=de(t,f),T=fe(y,S);m((D={})=>{let W={...D,[f]:T},ke=dt(W,p.current);return h.current=ke?C.unchanged:T!==void 0?C.changed:C.invalid,W})},[t]),k=P(n=>{let[f,y]=pe(n),{type:S}=de(t,f);console.log("BLUR",{keyField:o});let T=i==null?void 0:i[o],D=fe(y,S,!0);typeof T=="string"&&v.menuRpcCall({rowKey:T,field:f,value:D,type:"VP_EDIT_CELL_RPC"})},[v,t,o,i]),b=P(async()=>{let n=await v.menuRpcCall({type:"VP_EDIT_SUBMIT_FORM_RPC"});ut(n)&&g(n.error)},[v]),U=P(n=>{n.key==="Enter"&&h.current===C.changed&&b()},[b]),I=P(()=>{a()},[a]),B=n=>{var y;let f=String((y=i==null?void 0:i[n.name])!=null?y:"");return n.readonly||n.name===o?L("div",{className:`${x}-fieldValue vuuReadOnly`,children:f}):L("input",{className:`${x}-fieldValue`,"data-field":n.name,onBlur:k,onChange:N,type:"text",value:f,id:`${E}-input-${n.name}`})};at(()=>{if(d.current){let n=d.current.querySelector("input");n&&setTimeout(()=>{n.focus(),console.log("select item"),n.select()},100)}},[]);let A=h.current===C.changed;return $("div",{...c,className:ue(x,e),children:[u?L("div",{className:`${x}-errorBanner`,"data-icon":"error",title:u,children:"Error, edit(s) not saved"}):void 0,L("div",{className:`${x}-content`,ref:d,onKeyDown:U,children:t.map(n=>{var f;return $("div",{className:`${x}-field`,children:[L("label",{className:ue(`${x}-fieldLabel`,{[`${x}-required`]:n.required}),htmlFor:`${E}-input-${n.name}`,children:(f=n==null?void 0:n.label)!=null?f:n.description}),B(n)]},n.name)})}),$("div",{className:`${x}-buttonbar salt-theme salt-density-high`,children:[L(ce,{type:"submit",variant:"cta",disabled:!A,onClick:b,children:"Submit"}),L(ce,{variant:"secondary",onClick:I,children:"Cancel"})]})]})};import{connectToServer as qt}from"@vuu-ui/vuu-data";import Gt from"classnames";import{useCallback as z,useEffect as zt,useRef as K,useState as Kt}from"react";import{createContext as ft,useContext as gt}from"react";import{jsx as J}from"react/jsx-runtime";var ht={},_=ft(ht),yt=({children:e,context:t,inheritedContext:o})=>{let r={...o,...t};return J(_.Provider,{value:r,children:e})},ge=({children:e,value:t})=>J(_.Consumer,{children:o=>J(yt,{context:t,inheritedContext:o,children:e})}),Nr=()=>gt(_);import{useCallback as q,useEffect as vt,useState as St}from"react";var he=(e,t,o="latest")=>new Promise((r,s)=>{console.log(`load local config at ${e} for user ${t.username}, id ${o}`);let a=localStorage.getItem(e);if(a){let l=JSON.parse(a);r(l)}else s()}),ye=(e,t,o)=>new Promise((r,s)=>{try{localStorage.setItem(e,JSON.stringify(o)),r(void 0)}catch{s()}});var ve=(e,t,o="latest")=>new Promise((r,s)=>{fetch(`${e}/${t.username}/${o}`,{}).then(a=>{a.ok?r(a.json()):s(void 0)}).catch(()=>{s(void 0)})}),Se=(e,t,o)=>new Promise((r,s)=>{fetch(`${e}/${t.username}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(o)}).then(a=>{a.ok?r(void 0):s()})});var Te=({saveLocation:e,saveUrl:t="api/vui",user:o,defaultLayout:r})=>{let[s,a]=St(r),l=e==="remote",c=l?ve:he,i=l?Se:ye,m=p=>{a(p)},u=q(async(p="latest")=>{try{let h=await c(t,o,p);m(h)}catch{m(r)}},[r,c,t,o]);vt(()=>{u()},[u]);let g=q(p=>{i(t,o,p)},[i,t,o]),d=q(p=>{u(p)},[u]);return[s,g,d]};import{DockLayout as Yt,DraggableLayout as Re,Drawer as Wt,Flexbox as Qt,LayoutProvider as Xt,View as Zt}from"@vuu-ui/vuu-layout";import{useCallback as Ot}from"react";import{Button as Nt}from"@salt-ds/core";import{DropdownBase as Ht}from"@heswell/salt-lab";import{UserSolidIcon as Rt}from"@salt-ds/icons";import{formatDate as Tt}from"@vuu-ui/vuu-utils";import{List as xt,ListItem as Ct}from"@heswell/salt-lab";import{Button as Lt}from"@salt-ds/core";import{ExportIcon as wt}from"@salt-ds/icons";import{forwardRef as Dt,useCallback as Ce,useEffect as Et,useState as bt}from"react";var xe=async e=>await fetch(`api/vui/${e.username}`,{}).then(o=>o.ok?o.json():null).catch(()=>{console.log("error getting history")});import{jsx as V,jsxs as Le}from"react/jsx-runtime";var Mt=({lastUpdate:e},{lastUpdate:t})=>t===e?0:t<e?-1:1,Pt=e=>V(Ct,{...e}),we=Dt(function({loginUrl:t,onNavigate:o,user:r,layoutId:s="latest"},a){let[l,c]=bt([]);Et(()=>{async function g(){let p=(await xe(r)).filter(h=>h.id!=="latest").sort(Mt).map(({id:h,lastUpdate:v})=>({lastUpdate:v,id:h,label:`Saved at ${Tt(new Date(v),"kk:mm:ss")}`}));console.log({sortedHistory:p}),c(p)}g()},[r]);let i=Ce((g,d)=>{d&&o(d.id)},[o]),m=Ce(()=>{ie(t)},[t]),u=l.length===0?null:s==="latest"?l[0]:l.find(g=>g.id===s);return Le("div",{className:"vuuUserPanel",ref:a,children:[V(xt,{ListItem:Pt,className:"vuuUserPanel-history",onSelect:i,selected:u,source:l}),V("div",{className:"vuuUserPanel-buttonBar",children:Le(Lt,{"aria-label":"logout",onClick:m,children:[V(wt,{})," Logout"]})})]})});import{jsx as G,jsxs as Ft}from"react/jsx-runtime";var De=({layoutId:e,loginUrl:t,onNavigate:o,user:r})=>Ft(Ht,{className:"vuuUserProfile",placement:"bottom-end",children:[G(Nt,{variant:"secondary",children:G(Rt,{})}),G(we,{layoutId:e,loginUrl:t,onNavigate:a=>{o(a)},user:r})]});import{ToggleButton as Ee,ToggleButtonGroup as Vt}from"@heswell/salt-lab";import kt from"classnames";import{useControlled as Ut}from"@salt-ds/core";import{useCallback as It}from"react";import{jsx as Me,jsxs as At}from"react/jsx-runtime";var Bt="vuuThemeSwitch",be=["light","dark"],Pe=({className:e,defaultMode:t,mode:o,onChange:r,...s})=>{let[a,l]=Ut({controlled:o,default:t!=null?t:"light",name:"ThemeSwitch",state:"mode"}),c=be.indexOf(a),i=It((u,g)=>{let d=be[g];l(d),r(d)},[r,l]),m=kt(Bt,e);return At(Vt,{className:m,...s,onChange:i,selectedIndex:c,children:[Me(Ee,{"aria-label":"alert",tooltipText:"Light Theme","data-icon":"light"}),Me(Ee,{"aria-label":"home",tooltipText:"Dark Theme","data-icon":"dark"})]})};import $t from"classnames";import{jsx as Ne,jsxs as _t}from"react/jsx-runtime";var Jt="vuuAppHeader",He=({className:e,layoutId:t,loginUrl:o,onNavigate:r,onSwitchTheme:s,themeMode:a="light",user:l,...c})=>{let i=$t(Jt,e),m=Ot(u=>s==null?void 0:s(u),[s]);return _t("header",{className:i,...c,children:[Ne(Pe,{defaultMode:a,onChange:m}),Ne(De,{layoutId:t,loginUrl:o,onNavigate:r,user:l})]})};import{logger as jt}from"@vuu-ui/vuu-utils";import{jsx as w,jsxs as Fe}from"react/jsx-runtime";var{error:Y}=jt("Shell"),eo={type:"View",props:{style:{height:"calc(100% - 6px)"}},children:[{props:{className:"vuuShell-warningPlaceholder"},type:"Placeholder"}]},os=({children:e,className:t,defaultLayout:o=eo,leftSidePanel:r,loginUrl:s,saveLocation:a="remote",saveUrl:l,serverUrl:c,user:i,...m})=>{let u=K(null),g=K(null),[d,p]=Kt(!1),h=K("latest"),[v,E,N]=Te({defaultLayout:o,saveLocation:a,user:i}),k=z(n=>{try{E(n)}catch{Y==null||Y("Failed to save layout")}},[E]),b=z(n=>{u.current&&(u.current.dataset.mode=n)},[]),U=n=>{var y;let f=n.target;(y=g.current)!=null&&y.contains(f)||p(!d)},I=z(n=>{h.current=n,N(n)},[N]);zt(()=>{c&&i.token&&qt({authToken:i.token,url:c,username:i.username})},[c,i.token,i.username]);let B=()=>{let n=[];return r&&n.push(w(Wt,{onClick:U,open:d,position:"left",inline:!0,peekaboo:!0,sizeOpen:200,toggleButton:"end",children:w(Zt,{className:"vuuShell-palette",id:"vw-app-palette",ref:g,style:{height:"100%"},children:r},"app-palette")},"left-panel")),n},A=Gt("vuuShell",t,"salt-theme","salt-density-high");return Fe(ge,{value:void 0,children:[w(Xt,{layout:v,onLayoutChange:k,children:w(Re,{className:A,"data-mode":"light",ref:u,...m,children:Fe(Qt,{className:"App",style:{flexDirection:"column",height:"100%",width:"100%"},children:[w(He,{layoutId:h.current,loginUrl:s,user:i,onNavigate:I,onSwitchTheme:b}),w(Yt,{style:{flex:1},children:B().concat(w(Re,{dropTarget:!0,style:{width:"100%",height:"100%"}},"main-content"))})]})})}),e]})};import{createContext as to,isValidElement as oo,cloneElement as ro,useContext as no}from"react";import so from"classnames";import{jsx as mo}from"react/jsx-runtime";var ao="medium",io="salt-theme",lo="light",Ve=to({density:"high",theme:"salt-theme",themeMode:"light"}),uo=(e,t,o,r)=>{var s;return oo(e)?ro(e,{className:so((s=e.props)==null?void 0:s.className,t,`salt-density-${r}`),"data-mode":o}):(console.warn(`
 ThemeProvider can only apply CSS classes for theming to a single nested child element of the ThemeProvider.
-          Wrap elements with a single container`
-    );
-    return children;
-  }
-};
-var ThemeProvider = ({
-  children,
-  theme: themeProp,
-  themeMode: themeModeProp,
-  density: densityProp
-}) => {
-  var _a, _b, _c;
-  const {
-    density: inheritedDensity,
-    themeMode: inheritedThemeMode,
-    theme: inheritedTheme
-  } = useContext2(ThemeContext);
-  const density = (_a = densityProp != null ? densityProp : inheritedDensity) != null ? _a : DEFAULT_DENSITY2;
-  const themeMode = (_b = themeModeProp != null ? themeModeProp : inheritedThemeMode) != null ? _b : DEFAULT_THEME_MODE;
-  const theme = (_c = themeProp != null ? themeProp : inheritedTheme) != null ? _c : DEFAULT_THEME;
-  const themedChildren = createThemedChildren(
-    children,
-    theme,
-    themeMode,
-    density
-  );
-  return /* @__PURE__ */ jsx14(ThemeContext.Provider, { value: { themeMode, density, theme }, children: themedChildren });
-};
-ThemeProvider.displayName = "ThemeProvider";
-export {
-  ConnectionStatusIcon,
-  DEFAULT_DENSITY2 as DEFAULT_DENSITY,
-  DEFAULT_THEME,
-  DEFAULT_THEME_MODE,
-  DensitySwitch,
-  Feature,
-  LoginPanel,
-  SessionEditingForm,
-  Shell,
-  ShellContextProvider,
-  ThemeContext,
-  ThemeProvider,
-  ThemeSwitch,
-  getAuthDetailsFromCookies,
-  logout,
-  redirectToLogin,
-  useShellContext
-};
+          Wrap elements with a single container`),e)},co=({children:e,theme:t,themeMode:o,density:r})=>{var g,d,p;let{density:s,themeMode:a,theme:l}=no(Ve),c=(g=r!=null?r:s)!=null?g:ao,i=(d=o!=null?o:a)!=null?d:lo,m=(p=t!=null?t:l)!=null?p:io,u=uo(e,m,i,c);return mo(Ve.Provider,{value:{themeMode:i,density:c,theme:m},children:u})};co.displayName="ThemeProvider";export{vo as ConnectionStatusIcon,ao as DEFAULT_DENSITY,io as DEFAULT_THEME,lo as DEFAULT_THEME_MODE,bo as DensitySwitch,te as Feature,jo as LoginPanel,Cr as SessionEditingForm,os as Shell,ge as ShellContextProvider,Ve as ThemeContext,co as ThemeProvider,Pe as ThemeSwitch,rr as getAuthDetailsFromCookies,ie as logout,st as redirectToLogin,Nr as useShellContext};
 //# sourceMappingURL=index.js.map