@vuu-ui/vuu-shell 0.13.7 → 0.13.9

package/esm/user-settings/SettingsForm.js

@@ -1,162 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { VuuInput } from '@vuu-ui/vuu-ui-controls';
-import { getFieldName } from '@vuu-ui/vuu-utils';
-import { Switch, ToggleButtonGroup, ToggleButton, Dropdown, Option, FormField, FormFieldLabel } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import cx from 'clsx';
-import { useState, useCallback } from 'react';
-import settingsFormCss from './SettingsForm.css.js';
-
-const isOption = (value) => typeof value === "object" && "label" in value && "label" in value;
-const isBooleanProperty = (property) => property.type === "boolean";
-const isStringOrNumber = (value) => typeof value === "string" || typeof value === "number";
-const getValueAndLabel = (value) => isOption(value) ? [value.value, value.label] : [value, value];
-const defaultPropertyValue = {
-  boolean: false,
-  number: 0,
-  string: ""
-};
-const classBase = "vuuSettingsForm";
-function FormControl({
-  property,
-  changeHandler,
-  selectHandler,
-  inputHandler,
-  currentValue = property.defaultValue ?? defaultPropertyValue[property.type]
-}) {
-  const [value, setValue] = useState(currentValue);
-  if (isBooleanProperty(property)) {
-    const checked = typeof currentValue === "boolean" ? currentValue : property.defaultValue ?? false;
-    return /* @__PURE__ */ jsx(Switch, { checked, onChange: changeHandler });
-  }
-  if (Array.isArray(property.values)) {
-    if (property.values.length <= 2) {
-      return /* @__PURE__ */ jsx(
-        ToggleButtonGroup,
-        {
-          value: currentValue,
-          onChange: changeHandler,
-          children: property.values.map((valueOrOption) => {
-            const [value2, label] = getValueAndLabel(valueOrOption);
-            return /* @__PURE__ */ jsx(ToggleButton, { value: value2, children: label }, value2);
-          })
-        }
-      );
-    } else if (property.values.length > 2) {
-      return /* @__PURE__ */ jsx(
-        Dropdown,
-        {
-          value: currentValue,
-          onSelectionChange: selectHandler,
-          children: property.values.map((valueOrOption) => {
-            const [value2, label] = getValueAndLabel(valueOrOption);
-            return /* @__PURE__ */ jsx(
-              Option,
-              {
-                value: label,
-                "data-field": property.name
-              },
-              value2
-            );
-          })
-        }
-      );
-    }
-  } else {
-    const valid = isValidInput(currentValue, property.type);
-    const errorMessage = getTooltipContent(property.type, valid);
-    return /* @__PURE__ */ jsx(
-      VuuInput,
-      {
-        errorMessage,
-        onCommit: inputHandler,
-        onChange: (e) => setValue(e.target.value),
-        value
-      },
-      property.name
-    );
-  }
-  return null;
-}
-const isValidInput = (value, type) => {
-  if (value === "") {
-    return void 0;
-  }
-  if (type === "string") {
-    return "success";
-  } else if (type === "number") {
-    if (Number.isNaN(Number(value))) {
-      return "error";
-    }
-    return "success";
-  }
-};
-function getTooltipContent(type, valid) {
-  if (valid === "error") {
-    if (type === "number") {
-      return /* @__PURE__ */ jsx("p", { children: "Field is expecting a number" });
-    } else if (type === "string") {
-      return /* @__PURE__ */ jsx("p", { children: "Field is expecting a string" });
-    } else {
-      return /* @__PURE__ */ jsx("p", { children: "Please contact Admin for more information on expected type" });
-    }
-  } else {
-    return void 0;
-  }
-}
-const SettingsForm = ({
-  className,
-  settingsSchema,
-  settings,
-  onSettingChanged,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-settings-form",
-    css: settingsFormCss,
-    window: targetWindow
-  });
-  const changeHandler = useCallback(
-    (event) => {
-      const fieldName = getFieldName(event.target);
-      const { checked, value } = event.target;
-      onSettingChanged(fieldName, checked ?? value);
-    },
-    [onSettingChanged]
-  );
-  const selectHandler = useCallback(
-    (event, [selected]) => {
-      const fieldName = getFieldName(event.target);
-      onSettingChanged(fieldName, selected);
-    },
-    [onSettingChanged]
-  );
-  const inputHandler = useCallback(
-    (event) => {
-      const fieldName = getFieldName(event.target);
-      const { value } = event.target;
-      if (!Number.isNaN(Number(value)) && value != "") {
-        const numValue = Number(value);
-        onSettingChanged(fieldName, numValue);
-      } else {
-        onSettingChanged(fieldName, value);
-      }
-    },
-    [onSettingChanged]
-  );
-  return /* @__PURE__ */ jsx("div", { ...htmlAttributes, className: cx(classBase, className), children: settingsSchema.properties.map((property) => /* @__PURE__ */ jsxs(FormField, { "data-field": property.name, children: [
-    /* @__PURE__ */ jsx(FormFieldLabel, { children: property.label }),
-    FormControl({
-      property,
-      changeHandler,
-      selectHandler,
-      inputHandler,
-      currentValue: settings[property.name]
-    })
-  ] }, property.name)) });
-};
-
-export { FormControl, SettingsForm, isBooleanProperty, isOption, isStringOrNumber };
-//# sourceMappingURL=SettingsForm.js.map

package/esm/user-settings/SettingsForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingsForm.js","sources":["../../src/user-settings/SettingsForm.tsx"],"sourcesContent":["import { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport { VuuInput } from \"@vuu-ui/vuu-ui-controls\";\nimport { getFieldName, Settings } from \"@vuu-ui/vuu-utils\";\nimport {\n  Dropdown,\n  DropdownProps,\n  FormField,\n  FormFieldLabel,\n  Option,\n  Switch,\n  ToggleButton,\n  ToggleButtonGroup,\n  ToggleButtonGroupProps,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport {\n  FormEventHandler,\n  HTMLAttributes,\n  SyntheticEvent,\n  useCallback,\n  useState,\n} from \"react\";\n\nimport settingsFormCss from \"./SettingsForm.css\";\n\nexport interface SettingsSchema {\n  properties: SettingsProperty[];\n}\n\nexport type Option<T> = { label: string; value: T };\n\nexport const isOption = (\n  value: Option<number | string> | number | string,\n): value is Option<number | string> =>\n  typeof value === \"object\" && \"label\" in value && \"label\" in value;\n\nexport interface BaseProperty {\n  name: string;\n  label: string;\n}\n\nexport interface StringProperty extends BaseProperty {\n  values?: string[] | Option<string>[];\n  defaultValue?: string;\n  type: \"string\";\n}\nexport interface NumericProperty extends BaseProperty {\n  values?: number[] | Option<number>[];\n  defaultValue?: number;\n  type: \"number\";\n}\nexport interface BooleanProperty extends BaseProperty {\n  defaultValue?: boolean;\n  type: \"boolean\";\n}\n\nexport type SettingsProperty =\n  | StringProperty\n  | NumericProperty\n  | BooleanProperty;\n\nexport const isBooleanProperty = (\n  property: SettingsProperty,\n): property is BooleanProperty => property.type === \"boolean\";\n\nexport const isStringOrNumber = (value: unknown): value is string | number =>\n  typeof value === \"string\" || typeof value === \"number\";\n\nconst getValueAndLabel = (value: string | number | Option<string | number>) =>\n  isOption(value) ? [value.value, value.label] : [value, value];\n\nconst defaultPropertyValue: Record<\n  SettingsProperty[\"type\"],\n  VuuRowDataItemType\n> = {\n  boolean: false,\n  number: 0,\n  string: \"\",\n};\n\nconst classBase = \"vuuSettingsForm\";\n\n// Determine the form control type to be displayed\nexport function FormControl({\n  property,\n  changeHandler,\n  selectHandler,\n  inputHandler,\n  currentValue = property.defaultValue ?? defaultPropertyValue[property.type],\n}: {\n  property: SettingsProperty;\n  changeHandler: FormEventHandler;\n  selectHandler: DropdownProps[\"onSelectionChange\"];\n  inputHandler: FormEventHandler;\n  currentValue: VuuRowDataItemType;\n}) {\n  const [value, setValue] = useState(currentValue);\n  if (isBooleanProperty(property)) {\n    const checked =\n      typeof currentValue === \"boolean\"\n        ? currentValue\n        : (property.defaultValue ?? false);\n\n    return <Switch checked={checked} onChange={changeHandler}></Switch>;\n  }\n  // Toggle Box for 1 or 2 values\n  if (Array.isArray(property.values)) {\n    if (property.values.length <= 2) {\n      return (\n        <ToggleButtonGroup\n          value={currentValue as ToggleButtonGroupProps[\"value\"]}\n          onChange={changeHandler}\n        >\n          {property.values.map((valueOrOption) => {\n            const [value, label] = getValueAndLabel(valueOrOption);\n            return (\n              <ToggleButton key={value} value={value}>\n                {label}\n              </ToggleButton>\n            );\n          })}\n        </ToggleButtonGroup>\n      );\n    } else if (property.values.length > 2) {\n      return (\n        <Dropdown\n          value={currentValue as DropdownProps[\"value\"]}\n          onSelectionChange={selectHandler}\n        >\n          {property.values.map((valueOrOption) => {\n            const [value, label] = getValueAndLabel(valueOrOption);\n            return (\n              <Option\n                value={label}\n                key={value}\n                data-field={property.name}\n              ></Option>\n            );\n          })}\n        </Dropdown>\n      );\n    }\n  } else {\n    const valid = isValidInput(currentValue, property.type);\n    const errorMessage = getTooltipContent(property.type, valid);\n    return (\n      <VuuInput\n        errorMessage={errorMessage}\n        key={property.name}\n        onCommit={inputHandler}\n        onChange={(e) => setValue((e.target as HTMLInputElement).value)}\n        value={value as string}\n      />\n    );\n  }\n  return null;\n}\n\n//Validation logic for input boxes\nconst isValidInput = (value: unknown, type: unknown) => {\n  if (value === \"\") {\n    return undefined;\n  }\n  if (type === \"string\") {\n    return \"success\";\n  } else if (type === \"number\") {\n    if (Number.isNaN(Number(value))) {\n      return \"error\";\n    }\n    return \"success\";\n  }\n};\n\n//Function to Generate Tooltip Content\nfunction getTooltipContent(type: string, valid: string | undefined) {\n  if (valid === \"error\") {\n    if (type === \"number\") {\n      return <p>Field is expecting a number</p>;\n    } else if (type === \"string\") {\n      return <p>Field is expecting a string</p>;\n    } else {\n      return <p>Please contact Admin for more information on expected type</p>;\n    }\n  } else {\n    return undefined;\n  }\n}\n\nexport interface SettingsFormProps extends HTMLAttributes<HTMLDivElement> {\n  settingsSchema: SettingsSchema;\n  settings: Settings;\n  onSettingChanged: (\n    propertyName: string,\n    value: string | number | boolean,\n  ) => void;\n}\n\n// Generates application settings form component\nexport const SettingsForm = ({\n  className,\n  settingsSchema,\n  settings,\n  onSettingChanged,\n  ...htmlAttributes\n}: SettingsFormProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-settings-form\",\n    css: settingsFormCss,\n    window: targetWindow,\n  });\n\n  // Change Handler for toggle and switch buttons\n  const changeHandler = useCallback<FormEventHandler>(\n    (event) => {\n      const fieldName = getFieldName(event.target);\n      const { checked, value } = event.target as HTMLInputElement;\n      onSettingChanged(fieldName, checked ?? value);\n    },\n    [onSettingChanged],\n  );\n\n  // Change handler for selection form controls\n  const selectHandler = useCallback(\n    (event: SyntheticEvent, [selected]: string[]) => {\n      const fieldName = getFieldName(event.target);\n      onSettingChanged(fieldName, selected);\n    },\n    [onSettingChanged],\n  );\n\n  // Change Handler for input boxes\n  const inputHandler = useCallback<FormEventHandler>(\n    (event) => {\n      const fieldName = getFieldName(event.target);\n      const { value } = event.target as HTMLInputElement;\n      if (!Number.isNaN(Number(value)) && value != \"\") {\n        const numValue = Number(value);\n        onSettingChanged(fieldName, numValue);\n      } else {\n        onSettingChanged(fieldName, value);\n      }\n    },\n    [onSettingChanged],\n  );\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      {settingsSchema.properties.map((property) => (\n        <FormField data-field={property.name} key={property.name}>\n          <FormFieldLabel>{property.label}</FormFieldLabel>\n          {FormControl({\n            property,\n            changeHandler,\n            selectHandler,\n            inputHandler,\n            currentValue: settings[property.name],\n          })}\n        </FormField>\n      ))}\n    </div>\n  );\n};\n"],"names":["value"],"mappings":"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"}

package/esm/user-settings/UserSettingsPanel.css.js

@@ -1,4 +0,0 @@
-var userSettingsPanelCss = ".vuuUserSettingsPanel {\n  height: 100%;\n  overflow: auto;\n}\n";
-
-export { userSettingsPanelCss as default };
-//# sourceMappingURL=UserSettingsPanel.css.js.map

package/esm/user-settings/UserSettingsPanel.css.js.map

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

package/esm/user-settings/UserSettingsPanel.js

@@ -1,40 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { useApplicationSettings } from '../application-provider/ApplicationProvider.js';
-import { SettingsForm } from './SettingsForm.js';
-import cx from 'clsx';
-import userSettingsPanelCss from './UserSettingsPanel.css.js';
-
-const classBase = "vuuUserSettingsPanel";
-const UserSettingsPanel = ({
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-user-settings-panel",
-    css: userSettingsPanelCss,
-    window: targetWindow
-  });
-  const {
-    onUserSettingChanged,
-    userSettings = {},
-    userSettingsSchema
-  } = useApplicationSettings();
-  if (userSettingsSchema) {
-    return /* @__PURE__ */ jsx("div", { ...htmlAttributes, className: cx(classBase, "vuuScrollable"), children: /* @__PURE__ */ jsx(
-      SettingsForm,
-      {
-        settings: userSettings,
-        settingsSchema: userSettingsSchema,
-        onSettingChanged: onUserSettingChanged
-      }
-    ) });
-  } else {
-    console.log("no settingsSchema provided to UserSettingsPanel");
-    return null;
-  }
-};
-
-export { UserSettingsPanel };
-//# sourceMappingURL=UserSettingsPanel.js.map

package/esm/user-settings/UserSettingsPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserSettingsPanel.js","sources":["../../src/user-settings/UserSettingsPanel.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes } from \"react\";\nimport { useApplicationSettings } from \"../application-provider\";\nimport { SettingsForm } from \"./SettingsForm\";\nimport cx from \"clsx\";\n\nimport userSettingsPanelCss from \"./UserSettingsPanel.css\";\n\nexport type UserSettingsPanelProps = HTMLAttributes<HTMLDivElement>;\n\nconst classBase = \"vuuUserSettingsPanel\";\n\nexport const UserSettingsPanel = ({\n  ...htmlAttributes\n}: UserSettingsPanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-user-settings-panel\",\n    css: userSettingsPanelCss,\n    window: targetWindow,\n  });\n\n  const {\n    onUserSettingChanged,\n    userSettings = {},\n    userSettingsSchema,\n  } = useApplicationSettings();\n\n  // Without a schema, we can't render a form\n  // We could render a list of input boxes but lets require a schema for now.\n  if (userSettingsSchema) {\n    return (\n      <div {...htmlAttributes} className={cx(classBase, \"vuuScrollable\")}>\n        <SettingsForm\n          settings={userSettings}\n          settingsSchema={userSettingsSchema}\n          onSettingChanged={onUserSettingChanged}\n        />\n      </div>\n    );\n  } else {\n    console.log(\"no settingsSchema provided to UserSettingsPanel\");\n    return null;\n  }\n};\n"],"names":[],"mappings":";;;;;;;;AAWA,MAAM,SAAY,GAAA,sBAAA;AAEX,MAAM,oBAAoB,CAAC;AAAA,EAChC,GAAG;AACL,CAA8B,KAAA;AAC5B,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,yBAAA;AAAA,IACR,GAAK,EAAA,oBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,oBAAA;AAAA,IACA,eAAe,EAAC;AAAA,IAChB;AAAA,MACE,sBAAuB,EAAA;AAI3B,EAAA,IAAI,kBAAoB,EAAA;AACtB,IACE,uBAAA,GAAA,CAAC,SAAK,GAAG,cAAA,EAAgB,WAAW,EAAG,CAAA,SAAA,EAAW,eAAe,CAC/D,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAU,EAAA,YAAA;AAAA,QACV,cAAgB,EAAA,kBAAA;AAAA,QAChB,gBAAkB,EAAA;AAAA;AAAA,KAEtB,EAAA,CAAA;AAAA,GAEG,MAAA;AACL,IAAA,OAAA,CAAQ,IAAI,iDAAiD,CAAA;AAC7D,IAAO,OAAA,IAAA;AAAA;AAEX;;;;"}

package/esm/workspace-management/LayoutList.css.js

@@ -1,4 +0,0 @@
-var layoutListCss = ".vuuLayoutList {\n  --vuuMeasuredContainer-flex: 1 1 1px;\n  --vuuList-borderStyle: none;\n  --vuuListItem-separator-color: transparent;\n\n  background: var(\n    --vuuLayoutList-background,\n    var(--salt-container-primary-background)\n  );\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: 0 var(--vuuLayoutList-padding, 0);\n\n  .vuuListItem {\n    border-bottom: none;\n    justify-content: space-between;\n  }\n}\n\n.vuuLayoutList-header {\n  align-items: center;\n  display: flex;\n  flex: 0 0 48px;\n  font-weight: 700;\n  line-height: 2;\n}\n\n.vuuLayoutList-content {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  font-size: 12px;\n  font-weight: 700;\n  overflow: auto;\n}\n\n.vuuLayoutList-group {\n  --vuuMeasuredContainer-flex: 0 0 auto;\n\n  display: flex;\n  flex-direction: column;\n\n  .vuuLayoutList-groupHeader {\n    flex: 0 0 32px;\n    padding: 8px 0;\n  }\n\n  .vuuPalette {\n    flex: 1 1 auto;\n    height: auto;\n  }\n}\n\n.vuuLayoutList-group:first-child {\n  margin-top: 12px;\n}\n\n.vuuLayoutList-group + .vuuLayoutList-group {\n  margin-top: 24px;\n}\n\n/* .vuuLayoutList-groupName {\n  display: flex;\n  padding-top: 24px;\n  width: var(--vuuLayoutList-width);\n  font-feature-settings: \"ss02\" on, \"ss01\" on, \"salt\" on, \"liga\" off;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 200%;\n  letter-spacing: 0.48px;\n  text-transform: uppercase;\n} */\n\n.vuuLayoutList-screenshot {\n  width: 60px;\n  height: 45.6px;\n  border: 1px solid #d6d7da;\n}\n\n.vuuLayoutList-layoutDetails {\n  color: var(--light-text-secondary, #606477);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 150%;\n}\n";
-
-export { layoutListCss as default };
-//# sourceMappingURL=LayoutList.css.js.map

package/esm/workspace-management/LayoutList.css.js.map

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

package/esm/workspace-management/LayoutList.js

@@ -1,114 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useCallback, createElement, useMemo } from 'react';
-import { IconButton } from '@vuu-ui/vuu-ui-controls';
-import { ListBox, Option } from '@salt-ds/core';
-import { VuuShellLocation } from '@vuu-ui/vuu-utils';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import cx from 'clsx';
-import { LayoutTile } from './LayoutTile.js';
-import { useWorkspace } from './WorkspaceProvider.js';
-import { useLayouts } from '../feature-and-layout-provider/FeatureAndLayoutProvider.js';
-import { useLayoutProviderDispatch, layoutFromJson } from '@vuu-ui/vuu-layout';
-import layoutListCss from './LayoutList.css.js';
-
-const classBase = "vuuLayoutList";
-const NO_SELECTION = [];
-const LayoutList = ({
-  className,
-  title,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-layout-list",
-    css: layoutListCss,
-    window: targetWindow
-  });
-  const { layoutMetadata, loadLayoutById } = useWorkspace();
-  const { systemLayouts } = useLayouts();
-  const handleLoadLayout = useCallback(
-    (layoutId) => {
-      if (layoutId) {
-        loadLayoutById(layoutId);
-      }
-    },
-    [loadLayoutById]
-  );
-  const dispatch = useLayoutProviderDispatch();
-  const handleLoadSysLayout = (layoutId, layoutJSON) => {
-    if (layoutJSON) {
-      dispatch({
-        type: "add",
-        path: `#${VuuShellLocation.Workspace}`,
-        component: layoutFromJson(layoutJSON, "0")
-      });
-    } else {
-      throw Error("layoutJSON is required for system layouts");
-    }
-  };
-  const layoutsByGroup = layoutMetadata.reduce((acc, cur) => {
-    if (acc[cur.group]) {
-      return {
-        ...acc,
-        [cur.group]: [...acc[cur.group], cur]
-      };
-    }
-    return {
-      ...acc,
-      [cur.group]: [cur]
-    };
-  }, {});
-  let sysContent = [];
-  if (systemLayouts) {
-    sysContent = [
-      /* @__PURE__ */ jsxs("div", { className: `${classBase}-group`, children: [
-        /* @__PURE__ */ jsx("div", { className: `${classBase}-groupHeader`, children: "System Layout" }),
-        /* @__PURE__ */ jsx(ListBox, { selected: NO_SELECTION, children: systemLayouts.map((layout) => /* @__PURE__ */ jsx(Option, { value: layout, children: /* @__PURE__ */ createElement(
-          LayoutTile,
-          {
-            ...htmlAttributes,
-            key: layout.id,
-            metadata: layout,
-            onLoadLayout: handleLoadSysLayout
-          }
-        ) }, layout.id)) })
-      ] }, 0)
-    ];
-  }
-  const content = useMemo(() => {
-    return Object.entries(layoutsByGroup).map(
-      ([heading, layoutMetadata2], index) => /* @__PURE__ */ jsxs("div", { className: `${classBase}-group`, children: [
-        /* @__PURE__ */ jsx("div", { className: `${classBase}-groupHeader`, children: heading }),
-        /* @__PURE__ */ jsx(ListBox, { selected: NO_SELECTION, children: layoutMetadata2.map((layout) => /* @__PURE__ */ jsxs(Option, { value: layout, children: [
-          /* @__PURE__ */ createElement(
-            LayoutTile,
-            {
-              ...htmlAttributes,
-              key: layout.id,
-              metadata: layout,
-              onLoadLayout: handleLoadLayout
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              className: `${classBase}-menu`,
-              "data-embedded": true,
-              icon: "more-vert",
-              appearance: "transparent",
-              sentiment: "neutral"
-            }
-          )
-        ] }, layout.id)) })
-      ] }, index)
-    );
-  }, [handleLoadLayout, htmlAttributes, layoutsByGroup]);
-  return /* @__PURE__ */ jsxs("div", { ...htmlAttributes, className: cx(classBase, "vuuScrollable"), children: [
-    /* @__PURE__ */ jsx("div", { className: `${classBase}-header`, children: title }),
-    /* @__PURE__ */ jsx("div", { className: `${classBase}-content`, children: [sysContent, ...content] })
-  ] });
-};
-
-export { LayoutList };
-//# sourceMappingURL=LayoutList.js.map

package/esm/workspace-management/LayoutList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutList.js","sources":["../../src/workspace-management/LayoutList.tsx"],"sourcesContent":["import { IconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { ListBox, Option } from \"@salt-ds/core\";\nimport {\n  LayoutJSON,\n  LayoutMetadata,\n  VuuShellLocation,\n} from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { HTMLAttributes, ReactElement, useCallback, useMemo } from \"react\";\nimport { LayoutTile } from \"./LayoutTile\";\nimport { useWorkspace } from \"./WorkspaceProvider\";\nimport { useLayouts } from \"../feature-and-layout-provider\";\nimport { layoutFromJson, useLayoutProviderDispatch } from \"@vuu-ui/vuu-layout\";\n\nimport layoutListCss from \"./LayoutList.css\";\n\ntype LayoutGroups = {\n  [groupName: string]: LayoutMetadata[];\n};\n\nconst classBase = \"vuuLayoutList\";\n\nconst NO_SELECTION: never[] = [];\n\nexport const LayoutList = ({\n  className,\n  title,\n  ...htmlAttributes\n}: HTMLAttributes<HTMLDivElement>) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-layout-list\",\n    css: layoutListCss,\n    window: targetWindow,\n  });\n\n  const { layoutMetadata, loadLayoutById } = useWorkspace();\n  const { systemLayouts } = useLayouts();\n\n  const handleLoadLayout = useCallback(\n    (layoutId?: string) => {\n      if (layoutId) {\n        loadLayoutById(layoutId);\n      }\n    },\n    [loadLayoutById],\n  );\n\n  const dispatch = useLayoutProviderDispatch();\n  const handleLoadSysLayout = (layoutId?: string, layoutJSON?: LayoutJSON) => {\n    if (layoutJSON) {\n      dispatch({\n        type: \"add\",\n        path: `#${VuuShellLocation.Workspace}`,\n        component: layoutFromJson(layoutJSON, \"0\"),\n      });\n    } else {\n      throw Error(\"layoutJSON is required for system layouts\");\n    }\n  };\n\n  const layoutsByGroup = layoutMetadata.reduce((acc: LayoutGroups, cur) => {\n    if (acc[cur.group]) {\n      return {\n        ...acc,\n        [cur.group]: [...acc[cur.group], cur],\n      };\n    }\n    return {\n      ...acc,\n      [cur.group]: [cur],\n    };\n  }, {});\n\n  let sysContent: ReactElement[] = [];\n  if (systemLayouts) {\n    sysContent = [\n      <div className={`${classBase}-group`} key={0}>\n        <div className={`${classBase}-groupHeader`}>System Layout</div>\n        <ListBox selected={NO_SELECTION}>\n          {systemLayouts.map((layout) => (\n            <Option value={layout} key={layout.id}>\n              <LayoutTile\n                {...htmlAttributes}\n                key={layout.id}\n                metadata={layout}\n                onLoadLayout={handleLoadSysLayout}\n              />\n            </Option>\n          ))}\n        </ListBox>\n      </div>,\n    ];\n  }\n\n  const content = useMemo<ReactElement[]>(() => {\n    return Object.entries(layoutsByGroup).map(\n      ([heading, layoutMetadata], index) => (\n        <div className={`${classBase}-group`} key={index}>\n          <div className={`${classBase}-groupHeader`}>{heading}</div>\n          <ListBox selected={NO_SELECTION}>\n            {layoutMetadata.map((layout) => (\n              <Option value={layout} key={layout.id}>\n                <LayoutTile\n                  {...htmlAttributes}\n                  key={layout.id}\n                  metadata={layout}\n                  onLoadLayout={handleLoadLayout}\n                />\n                <IconButton\n                  className={`${classBase}-menu`}\n                  data-embedded\n                  icon=\"more-vert\"\n                  appearance=\"transparent\"\n                  sentiment=\"neutral\"\n                />\n              </Option>\n            ))}\n          </ListBox>\n        </div>\n      ),\n    );\n  }, [handleLoadLayout, htmlAttributes, layoutsByGroup]);\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, \"vuuScrollable\")}>\n      <div className={`${classBase}-header`}>{title}</div>\n      <div className={`${classBase}-content`}>{[sysContent, ...content]}</div>\n    </div>\n  );\n};\n"],"names":["layoutMetadata"],"mappings":"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"}

package/esm/workspace-management/LayoutTile.css.js

@@ -1,4 +0,0 @@
-var layoutTileCss = ".vuuLayoutTile-layoutTile {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 0px;\n  flex: 1 1 auto;\n  cursor: pointer;\n}\n\n.vuuLayoutTile-layoutName {\n  font-weight: 600;\n  text-transform: uppercase;\n}\n\n.vuuLayoutTile-screenshot {\n  width: 60px;\n  height: 45.6px;\n  border: 1px solid #d6d7da;\n}\n\n.vuuLayoutTile-layoutDetails {\n  color: var(--salt-content-secondary-foreground);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 150%;\n}\n";
-
-export { layoutTileCss as default };
-//# sourceMappingURL=LayoutTile.css.js.map

package/esm/workspace-management/LayoutTile.css.js.map

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

package/esm/workspace-management/LayoutTile.js

@@ -1,39 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { createElement } from 'react';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import layoutTileCss from './LayoutTile.css.js';
-
-const classBase = "vuuLayoutTile";
-const LayoutTile = ({
-  metadata,
-  onLoadLayout,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-layout-tile",
-    css: layoutTileCss,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ createElement(
-    "div",
-    {
-      ...htmlAttributes,
-      className: `${classBase}-layoutTile`,
-      key: metadata?.id,
-      onClick: () => onLoadLayout(
-        metadata?.id,
-        metadata.layoutJSON
-      )
-    },
-    /* @__PURE__ */ jsx("img", { className: `${classBase}-screenshot`, src: metadata?.screenshot }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("div", { className: `${classBase}-layoutName`, children: metadata?.name }),
-      /* @__PURE__ */ jsx("div", { className: `${classBase}-layoutDetails`, children: /* @__PURE__ */ jsx("div", { children: `${metadata?.created}` }) })
-    ] })
-  );
-};
-
-export { LayoutTile };
-//# sourceMappingURL=LayoutTile.js.map

package/esm/workspace-management/LayoutTile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutTile.js","sources":["../../src/workspace-management/LayoutTile.tsx"],"sourcesContent":["import {\n  LayoutJSON,\n  LayoutMetadata,\n  SystemLayoutMetadata,\n} from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes } from \"react\";\n\nimport layoutTileCss from \"./LayoutTile.css\";\n\nconst classBase = \"vuuLayoutTile\";\n\nexport interface LayoutTileProps extends HTMLAttributes<HTMLDivElement> {\n  metadata: LayoutMetadata | SystemLayoutMetadata;\n  onLoadLayout: (layoutId?: string, layoutJSON?: LayoutJSON) => void;\n}\n\nexport const LayoutTile = ({\n  metadata,\n  onLoadLayout,\n  ...htmlAttributes\n}: LayoutTileProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-layout-tile\",\n    css: layoutTileCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      {...htmlAttributes}\n      className={`${classBase}-layoutTile`}\n      key={metadata?.id}\n      onClick={() =>\n        onLoadLayout(\n          metadata?.id,\n          (metadata as SystemLayoutMetadata).layoutJSON,\n        )\n      }\n    >\n      <img className={`${classBase}-screenshot`} src={metadata?.screenshot} />\n      <div>\n        <div className={`${classBase}-layoutName`}>{metadata?.name}</div>\n        <div className={`${classBase}-layoutDetails`}>\n          <div>{`${metadata?.created}`}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAWA,MAAM,SAAY,GAAA,eAAA;AAOX,MAAM,aAAa,CAAC;AAAA,EACzB,QAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAG;AACL,CAAuB,KAAA;AACrB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAA,aAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,GAAG,SAAS,CAAA,WAAA,CAAA;AAAA,MACvB,KAAK,QAAU,EAAA,EAAA;AAAA,MACf,SAAS,MACP,YAAA;AAAA,QACE,QAAU,EAAA,EAAA;AAAA,QACT,QAAkC,CAAA;AAAA;AACrC,KAAA;AAAA,oBAGF,GAAA,CAAC,SAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAe,WAAA,CAAA,EAAA,GAAA,EAAK,UAAU,UAAY,EAAA,CAAA;AAAA,yBACrE,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAA,WAAA,CAAA,EAAgB,oBAAU,IAAK,EAAA,CAAA;AAAA,sBAC1D,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAA,cAAA,CAAA,EAC1B,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAK,QAAG,EAAA,CAAA,EAAA,QAAA,EAAU,OAAO,CAAA,CAAA,EAAG,CAC/B,EAAA;AAAA,KACF,EAAA;AAAA,GACF;AAEJ;;;;"}

package/esm/workspace-management/SaveLayoutPanel.css.js

@@ -1,4 +0,0 @@
-var saveLayoutPanelCss = ".vuuSaveLayoutPanel {\n  --salt-selectable-foreground-hover: #6d18bdc3;\n  --salt-selectable-foreground-selected: #6d18bd;\n  --salt-selectable-borderColor-selected: #6d18bd;\n  --saltInputLegacy-fontSize: 12px;\n  --salt-text-label-fontSize: 10px;\n  --saltFormFieldLegacy-label-paddingLeft: 0;\n  --saltFormField-label-fontWeight: 400;\n  --saltText-color: var(--text-secondary-foreground, #606477);\n\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n\n  .saltFormField {\n    border: solid 1px var(--salt-editable-borderColor);\n    padding: var(--salt-spacing-50) var(--salt-spacing-200);\n  }\n\n  .saltComboBox {\n    .saltPillInput-endAdornmentContainer {\n      .saltButton {\n        border: none;\n        width: 18px;\n        transform: rotate(90deg);\n      }\n      .saltButton:after {\n        content: \"\";\n        background-color: var(--salt-content-secondary-foreground);\n        left: auto;\n        height: 20px;\n        mask: var(--vuu-svg-triangle-right) center center/20px 20px;\n        mask-repeat: no-repeat;\n        position: absolute;\n        top: var(--vuu-icon-top, auto);\n        transform: var(--vuu-icon-transform, none);\n        width: 20px;\n      }\n    }\n    .saltPillInput-activationIndicator {\n      display: none;\n    }\n  }\n}\n\n.spinner {\n  width: 100px;\n  height: 100px;\n  background-image: var(--svg-spinner);\n}\n\n.vuuSaveLayoutPanel-panelContent {\n  display: grid;\n  gap: 32px;\n  margin-top: var(--salt-spacing-200);\n}\n\n.vuuSaveLayoutPanel-inputText {\n  border: none;\n  color: var(--light-text-primary, #15171b);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  padding-left: 4px;\n  width: 100%;\n  outline: none;\n}\n\n.vuuSaveLayoutPanel-settingsGroup {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-end;\n  gap: 10px;\n  width: 100%;\n  line-height: 16px;\n}\n\n.vuuSaveLayoutPanel-screenshotContainer {\n  display: flex;\n  width: 304px;\n  height: 208px;\n  padding: 11px 15.5px;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid #e8e8e8;\n  background: var(--dark-text-primary, #fff);\n}\n\n.vuuSaveLayoutPanel-screenshot {\n  background: lightgray 50% / cover no-repeat;\n  width: 273px;\n  height: 186px;\n}\n\n.vuuSaveLayoutPanel-buttonsContainer {\n  display: flex;\n  justify-content: flex-end;\n  align-items: flex-start;\n  align-self: stretch;\n  padding-top: 24px;\n  gap: 8px;\n}\n\n.vuuSaveLayoutPanel-cancelButton,\n.vuuSaveLayoutPanel-saveButton {\n  display: flex;\n  height: fit-content;\n  padding: 4px 8px;\n  align-items: flex-start;\n  gap: 8px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 133.333%;\n  letter-spacing: 0.48px;\n  text-transform: uppercase;\n}\n";
-
-export { saveLayoutPanelCss as default };
-//# sourceMappingURL=SaveLayoutPanel.css.js.map

package/esm/workspace-management/SaveLayoutPanel.css.js.map

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

package/esm/workspace-management/SaveLayoutPanel.js

@@ -1,127 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Text, FormField, FormFieldLabel, ComboBox, Option, Input, Button } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { useState, useEffect, useMemo, useCallback } from 'react';
-import '@vuu-ui/vuu-ui-controls';
-import 'clsx';
-import { getAuthDetailsFromCookies } from '../login/login-utils.js';
-import { takeScreenshot } from './screenshot-utils.js';
-import saveLayoutPanelCss from './SaveLayoutPanel.css.js';
-
-const classBase = "vuuSaveLayoutPanel";
-const groups = ["Group 1", "Group 2", "Group 3", "Group 4", "Group 5"];
-const SaveLayoutPanel = (props) => {
-  const { defaultTitle = "", onCancel, onSave, componentId } = props;
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-save-layout-panel",
-    css: saveLayoutPanelCss,
-    window: targetWindow
-  });
-  const [layoutName, setLayoutName] = useState(defaultTitle);
-  const [group, setGroup] = useState("");
-  const [screenshot, setScreenshot] = useState();
-  const [screenshotErrorMessage, setScreenshotErrorMessage] = useState();
-  const [username] = getAuthDetailsFromCookies();
-  useEffect(() => {
-    if (componentId) {
-      takeScreenshot(document.getElementById(componentId)).then((screenshot2) => {
-        setScreenshot(screenshot2);
-      }).catch((error) => {
-        setScreenshotErrorMessage(error.message);
-      });
-    }
-  }, [componentId]);
-  const handleSubmit = () => {
-    onSave({
-      name: layoutName,
-      group,
-      screenshot: screenshot ?? "",
-      user: username
-    });
-  };
-  const screenshotContent = useMemo(() => {
-    if (screenshot) {
-      return /* @__PURE__ */ jsx(
-        "img",
-        {
-          className: `${classBase}-screenshot`,
-          src: screenshot,
-          alt: "screenshot of current layout"
-        }
-      );
-    }
-    if (screenshotErrorMessage) {
-      return /* @__PURE__ */ jsx(Text, { children: screenshotErrorMessage });
-    }
-    return /* @__PURE__ */ jsx("div", { className: "spinner" });
-  }, [screenshot, screenshotErrorMessage]);
-  const handleSelectionChange = useCallback(
-    (e, [selectedValue]) => {
-      if (e.key === "Tab" && !selectedValue.toLowerCase().startsWith(group.toLowerCase())) ; else {
-        setGroup(selectedValue || "");
-      }
-    },
-    [group]
-  );
-  const handleChange = useCallback((e) => {
-    setGroup(e.target.value);
-  }, []);
-  return /* @__PURE__ */ jsxs("div", { className: `${classBase}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: `${classBase}-panelContent`, children: [
-      /* @__PURE__ */ jsxs(FormField, { children: [
-        /* @__PURE__ */ jsx(FormFieldLabel, { children: "Group" }),
-        /* @__PURE__ */ jsx(
-          ComboBox,
-          {
-            "data-embedded": true,
-            inputProps: {
-              autoComplete: "off",
-              className: `${classBase}-inputText`,
-              placeholder: "Select Group or Enter New Name"
-              // onChange: (event: ChangeEvent<HTMLInputElement>) =>
-              //   setGroup(event.target.value),
-            },
-            onChange: handleChange,
-            onSelectionChange: handleSelectionChange,
-            value: group,
-            children: groups.map((group2, i) => /* @__PURE__ */ jsx(Option, { value: group2 }, i))
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(FormField, { children: [
-        /* @__PURE__ */ jsx(FormFieldLabel, { children: "Layout Name" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            "data-embedded": true,
-            inputProps: {
-              className: `${classBase}-inputText`,
-              placeholder: "Enter Layout Name"
-            },
-            onChange: (event) => setLayoutName(event.target.value),
-            value: layoutName
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: `${classBase}-screenshotContainer`, children: screenshotContent })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: `${classBase}-buttonsContainer`, children: [
-      /* @__PURE__ */ jsx(Button, { className: `${classBase}-cancelButton`, onClick: onCancel, children: "Cancel" }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          className: `${classBase}-saveButton`,
-          onClick: handleSubmit,
-          disabled: layoutName === "" || group === "",
-          variant: "cta",
-          children: "Save"
-        }
-      )
-    ] })
-  ] });
-};
-
-export { SaveLayoutPanel };
-//# sourceMappingURL=SaveLayoutPanel.js.map

package/esm/workspace-management/SaveLayoutPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SaveLayoutPanel.js","sources":["../../src/workspace-management/SaveLayoutPanel.tsx"],"sourcesContent":["import { LayoutMetadataDto } from \"@vuu-ui/vuu-utils\";\nimport {\n  Button,\n  ComboBox,\n  FormField,\n  FormFieldLabel,\n  Input,\n  Option,\n  Text,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  ChangeEvent,\n  SyntheticEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { getAuthDetailsFromCookies } from \"../login\";\nimport { takeScreenshot } from \"./screenshot-utils\";\n\nimport saveLayoutPanelCss from \"./SaveLayoutPanel.css\";\n\nconst classBase = \"vuuSaveLayoutPanel\";\n\nconst groups = [\"Group 1\", \"Group 2\", \"Group 3\", \"Group 4\", \"Group 5\"];\n\ntype SaveLayoutPanelProps = {\n  componentId?: string;\n  defaultTitle?: string;\n  onCancel: () => void;\n  onSave: (layoutMetadata: LayoutMetadataDto) => void;\n};\n\nexport const SaveLayoutPanel = (props: SaveLayoutPanelProps) => {\n  const { defaultTitle = \"\", onCancel, onSave, componentId } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-save-layout-panel\",\n    css: saveLayoutPanelCss,\n    window: targetWindow,\n  });\n\n  const [layoutName, setLayoutName] = useState<string>(defaultTitle);\n  const [group, setGroup] = useState<string>(\"\");\n  const [screenshot, setScreenshot] = useState<string | undefined>();\n  const [screenshotErrorMessage, setScreenshotErrorMessage] = useState<\n    string | undefined\n  >();\n  const [username] = getAuthDetailsFromCookies();\n\n  useEffect(() => {\n    if (componentId) {\n      takeScreenshot(document.getElementById(componentId) as HTMLElement)\n        .then((screenshot) => {\n          setScreenshot(screenshot);\n        })\n        .catch((error: Error) => {\n          setScreenshotErrorMessage(error.message);\n        });\n    }\n  }, [componentId]);\n\n  const handleSubmit = () => {\n    onSave({\n      name: layoutName,\n      group,\n      screenshot: screenshot ?? \"\",\n      user: username,\n    });\n  };\n\n  const screenshotContent = useMemo(() => {\n    if (screenshot) {\n      return (\n        <img\n          className={`${classBase}-screenshot`}\n          src={screenshot}\n          alt=\"screenshot of current layout\"\n        />\n      );\n    }\n    if (screenshotErrorMessage) {\n      return <Text>{screenshotErrorMessage}</Text>;\n    }\n    return <div className=\"spinner\" />;\n  }, [screenshot, screenshotErrorMessage]);\n\n  const handleSelectionChange = useCallback(\n    (e: SyntheticEvent | KeyboardEvent, [selectedValue]: string[]) => {\n      if (\n        (e as KeyboardEvent).key === \"Tab\" &&\n        !selectedValue.toLowerCase().startsWith(group.toLowerCase())\n      ) {\n        // ignore. The ComboBox forces selection of a value from the list on Tab\n      } else {\n        setGroup(selectedValue || \"\");\n      }\n    },\n    [group],\n  );\n\n  const handleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n    setGroup(e.target.value);\n  }, []);\n\n  return (\n    <div className={`${classBase}`}>\n      <div className={`${classBase}-panelContent`}>\n        <FormField>\n          <FormFieldLabel>Group</FormFieldLabel>\n          <ComboBox\n            data-embedded\n            inputProps={{\n              autoComplete: \"off\",\n              className: `${classBase}-inputText`,\n              placeholder: \"Select Group or Enter New Name\",\n              // onChange: (event: ChangeEvent<HTMLInputElement>) =>\n              //   setGroup(event.target.value),\n            }}\n            onChange={handleChange}\n            onSelectionChange={handleSelectionChange}\n            value={group}\n          >\n            {groups.map((group, i) => (\n              <Option key={i} value={group} />\n            ))}\n          </ComboBox>\n        </FormField>\n        <FormField>\n          <FormFieldLabel>Layout Name</FormFieldLabel>\n          <Input\n            data-embedded\n            inputProps={{\n              className: `${classBase}-inputText`,\n              placeholder: \"Enter Layout Name\",\n            }}\n            onChange={(event: ChangeEvent<HTMLInputElement>) =>\n              setLayoutName(event.target.value)\n            }\n            value={layoutName}\n          />\n        </FormField>\n        <div className={`${classBase}-screenshotContainer`}>\n          {screenshotContent}\n        </div>\n      </div>\n      <div className={`${classBase}-buttonsContainer`}>\n        <Button className={`${classBase}-cancelButton`} onClick={onCancel}>\n          Cancel\n        </Button>\n        <Button\n          className={`${classBase}-saveButton`}\n          onClick={handleSubmit}\n          disabled={layoutName === \"\" || group === \"\"}\n          variant=\"cta\"\n        >\n          Save\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["screenshot","group"],"mappings":"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"}