@vuu-ui/vuu-ui-controls 3.0.0 → 3.1.0-beta.1

package/cjs/column-picker/ColumnPicker.js

@@ -1,128 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('@floating-ui/react');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var cx = require('clsx');
-var React = require('react');
-var IconButton = require('../icon-button/IconButton.js');
-var ColumnSearch = require('./ColumnSearch.js');
-var ColumnPicker$1 = require('./ColumnPicker.css.js');
-
-const classBase = "vuuColumnPicker";
-const FloatingColumnSearch = React.forwardRef(function FloatingColumnSearch2(props, ref) {
-  const { children, className, collapsed, open, ...rest } = props;
-  const { Component: FloatingComponent } = core.useFloatingComponent();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    FloatingComponent,
-    {
-      className: cx(
-        classBase,
-        {
-          [`${classBase}-collapsed`]: collapsed
-        },
-        className
-      ),
-      role: "listbox",
-      open,
-      ...rest,
-      ref,
-      children
-    }
-  );
-});
-const ColumnPicker = React.forwardRef(
-  function ColumnPicker2({
-    columns,
-    icon = "add",
-    iconSize,
-    onSelectionChange,
-    selected,
-    ...htmlAttributes
-  }, forwardedRef) {
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "vuu-column-picker",
-      css: ColumnPicker$1,
-      window: targetWindow
-    });
-    const [open, setOpen] = React.useState(false);
-    const listId = core.useIdMemo();
-    const { context, x, y, strategy, elements, floating, reference } = core.useFloatingUI({
-      open,
-      onOpenChange: setOpen,
-      placement: "bottom-start",
-      strategy: "fixed",
-      middleware: [
-        react.size({
-          apply({ rects, elements: elements2, availableHeight }) {
-            Object.assign(elements2.floating.style, {
-              minWidth: `${rects.reference.width}px`,
-              maxHeight: `max(calc(${availableHeight}px - var(--salt-spacing-100)), calc((var(--salt-size-base) + var(--salt-spacing-100)) * 5))`
-            });
-          }
-        }),
-        react.flip({ fallbackStrategy: "initialPlacement" })
-      ]
-    });
-    const { getReferenceProps, getFloatingProps } = react.useInteractions([
-      react.useDismiss(context),
-      react.useClick(context, { keyboardHandlers: false, toggle: false })
-    ]);
-    const handleButtonClick = () => {
-      setOpen((isOpen) => !isOpen);
-    };
-    const forkedRef = core.useForkRef(reference, forwardedRef);
-    const handleChange = () => {
-      console.log("handleChange");
-    };
-    const handleReorderColumns = () => {
-      console.log("handleMoveListItem");
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        IconButton.IconButton,
-        {
-          ...htmlAttributes,
-          ...getReferenceProps(),
-          icon,
-          size: iconSize,
-          onClick: handleButtonClick,
-          ref: forkedRef,
-          variant: "secondary"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FloatingColumnSearch,
-        {
-          ...getFloatingProps(),
-          open,
-          collapsed: !open,
-          id: listId,
-          left: x,
-          position: strategy,
-          ref: floating,
-          top: y,
-          width: elements.floating?.offsetWidth,
-          height: elements.floating?.offsetHeight,
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            ColumnSearch.ColumnSearch,
-            {
-              columns,
-              onChange: handleChange,
-              onReorderColumns: handleReorderColumns,
-              onSelectionChange,
-              selected,
-              style: { width: 220, height: 300 }
-            }
-          )
-        }
-      )
-    ] });
-  }
-);
-
-exports.ColumnPicker = ColumnPicker;
-//# sourceMappingURL=ColumnPicker.js.map

package/cjs/column-picker/ColumnPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnPicker.js","sources":["../../../../packages/vuu-ui-controls/src/column-picker/ColumnPicker.tsx"],"sourcesContent":["import {\n  flip,\n  size,\n  useClick,\n  useDismiss,\n  useInteractions,\n} from \"@floating-ui/react\";\nimport {\n  FloatingComponentProps,\n  useFloatingComponent,\n  useFloatingUI,\n  useForkRef,\n  useIdMemo,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport cx from \"clsx\";\nimport { forwardRef, useState } from \"react\";\nimport { IconButton, IconButtonProps } from \"../icon-button\";\nimport { ColumnSearch, ColumnSearchProps } from \"./ColumnSearch\";\n\nimport columnPickerCss from \"./ColumnPicker.css\";\n\nconst classBase = \"vuuColumnPicker\";\n\ninterface FloatingColumnSearchProps extends FloatingComponentProps {\n  collapsed?: boolean;\n}\n\nconst FloatingColumnSearch = forwardRef<\n  HTMLDivElement,\n  FloatingColumnSearchProps\n>(function FloatingColumnSearch(props, ref) {\n  const { children, className, collapsed, open, ...rest } = props;\n\n  const { Component: FloatingComponent } = useFloatingComponent();\n  return (\n    <FloatingComponent\n      className={cx(\n        classBase,\n        {\n          [`${classBase}-collapsed`]: collapsed,\n        },\n        className,\n      )}\n      role=\"listbox\"\n      open={open}\n      {...rest}\n      ref={ref}\n    >\n      {children}\n    </FloatingComponent>\n  );\n});\n\nexport interface ColumnPickerProps\n  extends Omit<IconButtonProps, \"icon\">,\n    Pick<ColumnSearchProps, \"columns\" | \"onSelectionChange\" | \"selected\"> {\n  icon?: string;\n  iconSize?: number;\n}\n\nexport const ColumnPicker = forwardRef<HTMLButtonElement, ColumnPickerProps>(\n  function ColumnPicker(\n    {\n      columns,\n      icon = \"add\",\n      iconSize,\n      onSelectionChange,\n      selected,\n      ...htmlAttributes\n    },\n    forwardedRef,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"vuu-column-picker\",\n      css: columnPickerCss,\n      window: targetWindow,\n    });\n\n    const [open, setOpen] = useState(false);\n\n    const listId = useIdMemo();\n    const { context, x, y, strategy, elements, floating, reference } =\n      useFloatingUI({\n        open,\n        onOpenChange: setOpen,\n        placement: \"bottom-start\",\n        strategy: \"fixed\",\n        middleware: [\n          size({\n            apply({ rects, elements, availableHeight }) {\n              Object.assign(elements.floating.style, {\n                minWidth: `${rects.reference.width}px`,\n                maxHeight: `max(calc(${availableHeight}px - var(--salt-spacing-100)), calc((var(--salt-size-base) + var(--salt-spacing-100)) * 5))`,\n              });\n            },\n          }),\n          flip({ fallbackStrategy: \"initialPlacement\" }),\n        ],\n      });\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n      useDismiss(context),\n      useClick(context, { keyboardHandlers: false, toggle: false }),\n    ]);\n\n    const handleButtonClick = () => {\n      setOpen((isOpen) => !isOpen);\n    };\n\n    const forkedRef = useForkRef<HTMLButtonElement>(reference, forwardedRef);\n\n    const handleChange = () => {\n      console.log(\"handleChange\");\n    };\n    const handleReorderColumns = () => {\n      console.log(\"handleMoveListItem\");\n    };\n\n    return (\n      <>\n        <IconButton\n          {...htmlAttributes}\n          {...getReferenceProps()}\n          icon={icon}\n          size={iconSize}\n          onClick={handleButtonClick}\n          ref={forkedRef}\n          variant=\"secondary\"\n        />\n        <FloatingColumnSearch\n          {...getFloatingProps()}\n          open={open}\n          collapsed={!open}\n          id={listId}\n          left={x}\n          position={strategy}\n          ref={floating}\n          top={y}\n          width={elements.floating?.offsetWidth}\n          height={elements.floating?.offsetHeight}\n        >\n          <ColumnSearch\n            columns={columns}\n            onChange={handleChange}\n            onReorderColumns={handleReorderColumns}\n            onSelectionChange={onSelectionChange}\n            selected={selected}\n            style={{ width: 220, height: 300 }}\n          />\n        </FloatingColumnSearch>\n      </>\n    );\n  },\n);\n"],"names":["forwardRef","FloatingColumnSearch","useFloatingComponent","jsx","ColumnPicker","useWindow","useComponentCssInjection","columnPickerCss","useState","useIdMemo","useFloatingUI","size","elements","flip","useInteractions","useDismiss","useClick","useForkRef","jsxs","Fragment","IconButton","ColumnSearch"],"mappings":"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"}

package/cjs/column-picker/ColumnSearch.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var searchableListCss = ".vuuColumnSearch {\n  --vuuList-borderWidth: 0;\n  --vuuColumnListItem-border: none;\n  --vuuMeasuredContainer-flex: 1 1 1px;\n\n  background: var(--salt-container-primary-background);\n  border: solid 1px var(--salt-container-primary-borderColor);\n  border-radius: 4px;\n  height: 100%;\n  padding: 12px 4px 12px 12px;\n  display: flex;\n  flex-direction: column;\n\n  .vuuIcon {\n    display: none;\n  }\n  .saltSwitch {\n    display: none;\n  }\n  .vuuColumnList-header {\n    display: none;\n  }\n  .vuuColumnList-colHeadings {\n    display: none;\n  }\n  .vuuList-viewport {\n    padding-right: var(--salt-spacing-100);\n  }\n\n  .vuuColumnListItem {\n    padding-left: var(--salt-spacing-100);\n  }\n\n  ::-webkit-scrollbar {\n    width: 4px;\n    height: 4px;\n  }\n\n  ::-webkit-scrollbar-track {\n    background: transparent;\n    margin-top: 15px;\n    margin-bottom: 15px;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: 4px;\n    background: #d9d9d9;\n  }\n}\n\n.vuuColumnSearch-inputField {\n  --vuu-icon-size: 16px;\n  flex: 0 0 40px;\n  margin-right: 8px;\n}\n.vuuColumnSearch-list {\n  --vuuMeasuredContainer-flex: 1 1 1px;\n  background-color: var(--salt-container-primary-background);\n  flex: 1 1 auto;\n}\n\n.vuuColumnSearch .vuuTableCell {\n  padding: 0;\n}\n";
-
-module.exports = searchableListCss;
-//# sourceMappingURL=ColumnSearch.css.js.map

package/cjs/column-picker/ColumnSearch.css.js.map

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

package/cjs/column-picker/ColumnSearch.js

@@ -1,82 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var cx = require('clsx');
-var React = require('react');
-var ColumnSearch$1 = require('./ColumnSearch.css.js');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-
-const classBase = "vuuColumnSearch";
-const searchIcon = /* @__PURE__ */ jsxRuntime.jsx("span", { "data-icon": "search" });
-const ColumnSearch = React.forwardRef(
-  function ColumnSearch2({
-    autoFocus = false,
-    className,
-    columns,
-    onChange,
-    onSelectionChange,
-    selected,
-    ...htmlAttributes
-  }, forwardedRef) {
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "vuu-column-picker",
-      css: ColumnSearch$1,
-      window: targetWindow
-    });
-    const selectedValues = React.useRef([]);
-    const searchCallbackRef = React.useCallback((el) => {
-      setTimeout(() => {
-        el?.querySelector("input")?.focus();
-      }, 100);
-    }, []);
-    const handleChange = React.useCallback(
-      (e) => {
-        const input = e.target;
-        const { columnName } = vuuUtils.queryClosest(
-          input,
-          "[data-column-name]",
-          true
-        ).dataset;
-        if (columnName) {
-          if (input.checked) {
-            selectedValues.current = selectedValues.current.concat(columnName);
-          } else {
-            selectedValues.current = selectedValues.current.filter(
-              (val) => val !== columnName
-            );
-          }
-          onSelectionChange?.(e, selectedValues.current);
-        }
-      },
-      [onSelectionChange]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ...htmlAttributes,
-        className: cx(classBase, className),
-        ref: forwardedRef,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-inputField`, children: /* @__PURE__ */ jsxRuntime.jsx(
-            core.Input,
-            {
-              startAdornment: searchIcon,
-              ref: autoFocus ? searchCallbackRef : null
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(core.ListBox, { children: columns.map((column) => /* @__PURE__ */ jsxRuntime.jsxs(core.Option, { "data-column-name": column, value: column, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(core.Checkbox, { onChange: handleChange }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: column })
-          ] }, column)) })
-        ]
-      }
-    );
-  }
-);
-
-exports.ColumnSearch = ColumnSearch;
-//# sourceMappingURL=ColumnSearch.js.map

package/cjs/column-picker/ColumnSearch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnSearch.js","sources":["../../../../packages/vuu-ui-controls/src/column-picker/ColumnSearch.tsx"],"sourcesContent":["import { Checkbox, Input, ListBoxProps } 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  RefCallback,\n  forwardRef,\n  useCallback,\n  useRef,\n} from \"react\";\nimport { ListBox, Option } from \"@salt-ds/core\";\n\nimport searchableListCss from \"./ColumnSearch.css\";\nimport { queryClosest } from \"@vuu-ui/vuu-utils\";\n\nconst classBase = \"vuuColumnSearch\";\n\nexport interface ColumnSearchProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Pick<ListBoxProps, \"onSelectionChange\" | \"selected\"> {\n  columns: string[];\n  onReorderColumns: (columns: string[]) => void;\n}\n\nconst searchIcon = <span data-icon=\"search\" />;\n\n/**\n * @deprecated\n *\n * use ColumnList instead\n */\nexport const ColumnSearch = forwardRef<HTMLDivElement, ColumnSearchProps>(\n  function ColumnSearch(\n    {\n      autoFocus = false,\n      className,\n      columns,\n      onChange,\n      onSelectionChange,\n      selected,\n      ...htmlAttributes\n    },\n    forwardedRef,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"vuu-column-picker\",\n      css: searchableListCss,\n      window: targetWindow,\n    });\n\n    const selectedValues = useRef<string[]>([]);\n\n    const searchCallbackRef = useCallback<RefCallback<HTMLElement>>((el) => {\n      setTimeout(() => {\n        el?.querySelector(\"input\")?.focus();\n      }, 100);\n    }, []);\n\n    const handleChange = useCallback<FormEventHandler<HTMLInputElement>>(\n      (e) => {\n        const input = e.target as HTMLInputElement;\n        const { columnName } = queryClosest(\n          input,\n          \"[data-column-name]\",\n          true,\n        ).dataset;\n        if (columnName) {\n          if (input.checked) {\n            selectedValues.current = selectedValues.current.concat(columnName);\n          } else {\n            selectedValues.current = selectedValues.current.filter(\n              (val) => val !== columnName,\n            );\n          }\n          onSelectionChange?.(e, selectedValues.current);\n        }\n      },\n      [onSelectionChange],\n    );\n\n    return (\n      <div\n        {...htmlAttributes}\n        className={cx(classBase, className)}\n        ref={forwardedRef}\n      >\n        <div className={`${classBase}-inputField`}>\n          <Input\n            // inputProps={{ onKeyDown }}\n            startAdornment={searchIcon}\n            ref={autoFocus ? searchCallbackRef : null}\n            // value={searchState.searchText}\n            // onChange={onChange}\n          />\n        </div>\n        <ListBox>\n          {columns.map((column) => (\n            <Option data-column-name={column} key={column} value={column}>\n              <Checkbox onChange={handleChange} />\n              <span>{column}</span>\n            </Option>\n          ))}\n        </ListBox>\n      </div>\n    );\n  },\n);\n"],"names":["jsx","forwardRef","ColumnSearch","useWindow","useComponentCssInjection","searchableListCss","useRef","useCallback","queryClosest","jsxs","Input","ListBox","Option","Checkbox"],"mappings":";;;;;;;;;;;AAiBA,MAAM,SAAY,GAAA,iBAAA;AASlB,MAAM,UAAa,mBAAAA,cAAA,CAAC,MAAK,EAAA,EAAA,WAAA,EAAU,QAAS,EAAA,CAAA;AAOrC,MAAM,YAAe,GAAAC,gBAAA;AAAA,EAC1B,SAASC,aACP,CAAA;AAAA,IACE,SAAY,GAAA,KAAA;AAAA,IACZ,SAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,YACA,EAAA;AACA,IAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,mBAAA;AAAA,MACR,GAAK,EAAAC,cAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAM,MAAA,cAAA,GAAiBC,YAAiB,CAAA,EAAE,CAAA;AAE1C,IAAM,MAAA,iBAAA,GAAoBC,iBAAsC,CAAA,CAAC,EAAO,KAAA;AACtE,MAAA,UAAA,CAAW,MAAM;AACf,QAAI,EAAA,EAAA,aAAA,CAAc,OAAO,CAAA,EAAG,KAAM,EAAA;AAAA,SACjC,GAAG,CAAA;AAAA,KACR,EAAG,EAAE,CAAA;AAEL,IAAA,MAAM,YAAe,GAAAA,iBAAA;AAAA,MACnB,CAAC,CAAM,KAAA;AACL,QAAA,MAAM,QAAQ,CAAE,CAAA,MAAA;AAChB,QAAM,MAAA,EAAE,YAAe,GAAAC,qBAAA;AAAA,UACrB,KAAA;AAAA,UACA,oBAAA;AAAA,UACA;AAAA,SACA,CAAA,OAAA;AACF,QAAA,IAAI,UAAY,EAAA;AACd,UAAA,IAAI,MAAM,OAAS,EAAA;AACjB,YAAA,cAAA,CAAe,OAAU,GAAA,cAAA,CAAe,OAAQ,CAAA,MAAA,CAAO,UAAU,CAAA;AAAA,WAC5D,MAAA;AACL,YAAe,cAAA,CAAA,OAAA,GAAU,eAAe,OAAQ,CAAA,MAAA;AAAA,cAC9C,CAAC,QAAQ,GAAQ,KAAA;AAAA,aACnB;AAAA;AAEF,UAAoB,iBAAA,GAAA,CAAA,EAAG,eAAe,OAAO,CAAA;AAAA;AAC/C,OACF;AAAA,MACA,CAAC,iBAAiB;AAAA,KACpB;AAEA,IACE,uBAAAC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACE,GAAG,cAAA;AAAA,QACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,QAClC,GAAK,EAAA,YAAA;AAAA,QAEL,QAAA,EAAA;AAAA,0BAAAT,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,CAC1B,WAAA,CAAA,EAAA,QAAA,kBAAAA,cAAA;AAAA,YAACU,UAAA;AAAA,YAAA;AAAA,cAEC,cAAgB,EAAA,UAAA;AAAA,cAChB,GAAA,EAAK,YAAY,iBAAoB,GAAA;AAAA;AAAA,WAIzC,EAAA,CAAA;AAAA,0BACAV,cAAA,CAACW,YACE,EAAA,EAAA,QAAA,EAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,MACZ,qBAAAF,eAAA,CAACG,WAAO,EAAA,EAAA,kBAAA,EAAkB,MAAqB,EAAA,KAAA,EAAO,MACpD,EAAA,QAAA,EAAA;AAAA,4BAACZ,cAAA,CAAAa,aAAA,EAAA,EAAS,UAAU,YAAc,EAAA,CAAA;AAAA,4BAClCb,cAAA,CAAC,UAAM,QAAO,EAAA,MAAA,EAAA;AAAA,WAFuB,EAAA,EAAA,MAGvC,CACD,CACH,EAAA;AAAA;AAAA;AAAA,KACF;AAAA;AAGN;;;;"}

package/cjs/common-hooks/selectionTypes.js

@@ -1,18 +0,0 @@
-'use strict';
-
-const isSingleSelection = (s) => s === void 0 || s === "default" || s === "deselectable";
-const isMultiSelection = (s) => s === "multiple" || s?.startsWith("extended") === true;
-const selectionIsDisallowed = (selection) => selection === "none";
-const allowMultipleSelection = (selectionStrategy, specialKey = false) => selectionStrategy === "multiple" || selectionStrategy === "multiple-special-key" && specialKey;
-const deselectionIsAllowed = (selection) => selection !== "none" && selection !== "default";
-const hasSelection = (selected) => selected !== void 0 && selected.length > 0;
-const getFirstSelectedItem = (selected) => selected[0];
-
-exports.allowMultipleSelection = allowMultipleSelection;
-exports.deselectionIsAllowed = deselectionIsAllowed;
-exports.getFirstSelectedItem = getFirstSelectedItem;
-exports.hasSelection = hasSelection;
-exports.isMultiSelection = isMultiSelection;
-exports.isSingleSelection = isSingleSelection;
-exports.selectionIsDisallowed = selectionIsDisallowed;
-//# sourceMappingURL=selectionTypes.js.map

package/cjs/common-hooks/selectionTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"selectionTypes.js","sources":["../../../../packages/vuu-ui-controls/src/common-hooks/selectionTypes.ts"],"sourcesContent":["import { MouseEventHandler, RefObject, SyntheticEvent } from \"react\";\n\nexport type SelectionDisallowed = \"none\";\nexport type SingleSelectionStrategy = \"default\" | \"deselectable\";\nexport type MultiSelectionStrategy =\n  | \"multiple\"\n  | \"extended\"\n  | \"extended-multi-range\";\n\n/**\n * SpecialKeyMultiple works as deselectable unless a special key\n * (default SHIFT) is also pressed, then it allows multiple selection.\n * Useful for column sorting, filters etc\n */\nexport type SpecialKeyMultipleSelection = \"multiple-special-key\";\n\nexport type SelectionStrategy =\n  | SelectionDisallowed\n  | SingleSelectionStrategy\n  | MultiSelectionStrategy;\n\nexport const isSingleSelection = (\n  s?: SelectionStrategy,\n): s is SingleSelectionStrategy =>\n  s === undefined || s === \"default\" || s === \"deselectable\";\n\nexport const isMultiSelection = (\n  s?: SelectionStrategy,\n): s is MultiSelectionStrategy =>\n  s === \"multiple\" || s?.startsWith(\"extended\") === true;\n\nexport type SelectHandler<Item = string> = (\n  event: SyntheticEvent,\n  selectedItem: Item,\n) => void;\n\nexport const selectionIsDisallowed = (\n  selection?: SelectionStrategy | SpecialKeyMultipleSelection,\n): selection is SelectionDisallowed => selection === \"none\";\n\nexport const allowMultipleSelection = (\n  selectionStrategy: SelectionStrategy | SpecialKeyMultipleSelection,\n  specialKey = false,\n) =>\n  selectionStrategy === \"multiple\" ||\n  (selectionStrategy === \"multiple-special-key\" && specialKey);\n\nexport const deselectionIsAllowed = (\n  selection?: SelectionStrategy | SpecialKeyMultipleSelection,\n): selection is \"deselectable\" | MultiSelectionStrategy =>\n  selection !== \"none\" && selection !== \"default\";\n\nexport const hasSelection = <Item = unknown>(selected?: Item[]) =>\n  selected !== undefined && selected.length > 0;\n\nexport const getFirstSelectedItem = <Item = unknown>(selected: Item[]) =>\n  selected[0];\n\ninterface SelectionProps {\n  defaultSelected?: string[];\n  onSelect?: SelectHandler;\n  onSelectionChange?: MultiSelectionHandler;\n  selected?: string[];\n  selectionStrategy?: SelectionStrategy;\n}\n\nexport interface ListHandlers {\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n  onKeyboardNavigation?: (\n    event: React.KeyboardEvent,\n    currentIndex: number,\n  ) => void;\n  onMouseMove?: (event: React.MouseEvent) => void;\n}\nexport interface SelectionHookProps extends SelectionProps {\n  containerRef: RefObject<HTMLElement | null>;\n  disableSelection?: boolean;\n  highlightedIndex: number;\n  itemQuery: string;\n  label?: string;\n  onClick?: MouseEventHandler;\n  selectionKeys?: string[];\n  tabToSelect?: boolean;\n}\n\nexport interface SelectionHookResult {\n  listHandlers: ListHandlers;\n  selected: string[];\n  setSelected: (selected: string[]) => void;\n}\n\n/**\n * evt is only null in the special case of a selection fired from a multi-select\n * host on tab or selection based on freeform text in combobox\n */\nexport type MultiSelectionHandler<Item = string> = (\n  event: SyntheticEvent | null,\n  selected: Item[],\n) => void;\n/**\n * evt is only null in the special case of freeform text in combobox\n */\nexport type SingleSelectionHandler<Item = string> = (\n  event: SyntheticEvent | null,\n  selected: Item,\n) => void;\n\nexport type SelectionType<\n  I,\n  S extends SelectionStrategy,\n> = S extends MultiSelectionStrategy ? I[] : I | null;\n\nexport interface ComponentSelectionProps<\n  Item = string,\n  S extends SelectionStrategy = \"default\",\n> {\n  defaultSelected?: S extends MultiSelectionStrategy ? Item[] : Item;\n  onSelect?: SelectHandler<Item>;\n  onSelectionChange?: S extends MultiSelectionStrategy\n    ? MultiSelectionHandler<Item>\n    : SingleSelectionHandler<Item>;\n  selected?: SelectionType<Item, S>;\n  selectionStrategy?: S;\n  /**\n   * The keyboard keys used to effect selection, defaults to SPACE and ENTER\n   * TODO maybe this belongs on the SelectionProps interface ?\n   */\n  selectionKeys?: string[];\n}\n"],"names":[],"mappings":";;AAqBO,MAAM,oBAAoB,CAC/B,CAAA,KAEA,MAAM,KAAa,CAAA,IAAA,CAAA,KAAM,aAAa,CAAM,KAAA;AAEjC,MAAA,gBAAA,GAAmB,CAC9B,CAEA,KAAA,CAAA,KAAM,cAAc,CAAG,EAAA,UAAA,CAAW,UAAU,CAAM,KAAA;AAOvC,MAAA,qBAAA,GAAwB,CACnC,SAAA,KACqC,SAAc,KAAA;AAExC,MAAA,sBAAA,GAAyB,CACpC,iBACA,EAAA,UAAA,GAAa,UAEb,iBAAsB,KAAA,UAAA,IACrB,sBAAsB,sBAA0B,IAAA;AAE5C,MAAM,oBAAuB,GAAA,CAClC,SAEA,KAAA,SAAA,KAAc,UAAU,SAAc,KAAA;AAEjC,MAAM,eAAe,CAAiB,QAAA,KAC3C,QAAa,KAAA,KAAA,CAAA,IAAa,SAAS,MAAS,GAAA;AAEvC,MAAM,oBAAuB,GAAA,CAAiB,QACnD,KAAA,QAAA,CAAS,CAAC;;;;;;;;;;"}

package/cjs/common-hooks/use-resize-observer.js

@@ -1,123 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-const WidthHeight = ["height", "width"];
-const WidthOnly = ["width"];
-const HeightOnly = ["height"];
-const observedMap = /* @__PURE__ */ new Map();
-const getTargetSize = (element, size, dimension) => {
-  switch (dimension) {
-    case "height":
-      return size.height;
-    case "clientHeight":
-      return element.clientHeight;
-    case "clientWidth":
-      return element.clientWidth;
-    case "contentHeight":
-      return size.contentHeight;
-    case "contentWidth":
-      return size.contentWidth;
-    case "scrollHeight":
-      return Math.ceil(element.scrollHeight);
-    case "scrollWidth":
-      return Math.ceil(element.scrollWidth);
-    case "width":
-      return size.width;
-    default:
-      return 0;
-  }
-};
-const resizeObserver = new ResizeObserver((entries) => {
-  for (const entry of entries) {
-    const { target, borderBoxSize, contentBoxSize } = entry;
-    const observedTarget = observedMap.get(target);
-    if (observedTarget) {
-      const [{ blockSize: height, inlineSize: width }] = borderBoxSize;
-      const [{ blockSize: contentHeight, inlineSize: contentWidth }] = contentBoxSize;
-      const { onResize, measurements } = observedTarget;
-      let sizeChanged = false;
-      for (const [dimension, size] of Object.entries(measurements)) {
-        const newSize = getTargetSize(
-          target,
-          { height, width, contentHeight, contentWidth },
-          dimension
-        );
-        if (newSize !== size) {
-          sizeChanged = true;
-          measurements[dimension] = newSize;
-        }
-      }
-      if (sizeChanged) {
-        onResize && onResize(measurements);
-      }
-    }
-  }
-});
-function useResizeObserver(ref, dimensions, onResize, reportInitialSize = false) {
-  const dimensionsRef = React.useRef(dimensions);
-  const target = ref.current;
-  const measure = React.useCallback((target2) => {
-    const { width, height } = target2.getBoundingClientRect();
-    const { clientWidth: contentWidth, clientHeight: contentHeight } = target2;
-    return dimensionsRef.current.reduce(
-      (map, dim) => {
-        map[dim] = getTargetSize(
-          target2,
-          { width, height, contentHeight, contentWidth },
-          dim
-        );
-        return map;
-      },
-      {}
-    );
-  }, []);
-  React.useLayoutEffect(() => {
-    async function registerObserver() {
-      observedMap.set(target, { measurements: {} });
-      await document.fonts.ready;
-      const observedTarget = observedMap.get(target);
-      if (observedTarget) {
-        const measurements = measure(target);
-        observedTarget.measurements = measurements;
-        resizeObserver.observe(target);
-        if (reportInitialSize) {
-          onResize(measurements);
-        }
-      } else {
-        console.log(
-          `%cuseResizeObserver an target expected to be under observation wa snot found. This warrants investigation`,
-          "font-weight:bold; color:red;"
-        );
-      }
-    }
-    if (target) {
-      if (observedMap.has(target)) ;
-      registerObserver();
-    }
-    return () => {
-      if (target && observedMap.has(target)) {
-        resizeObserver.unobserve(target);
-        observedMap.delete(target);
-      }
-    };
-  }, [measure, target]);
-  React.useEffect(() => {
-    const target2 = ref.current;
-    const record = observedMap.get(target2);
-    if (record) {
-      if (dimensionsRef.current !== dimensions) {
-        dimensionsRef.current = dimensions;
-        const measurements = measure(target2);
-        record.measurements = measurements;
-      }
-      record.onResize = onResize;
-    }
-  }, [dimensions, measure, ref, onResize]);
-}
-
-exports.HeightOnly = HeightOnly;
-exports.WidthHeight = WidthHeight;
-exports.WidthOnly = WidthOnly;
-exports.useResizeObserver = useResizeObserver;
-//# sourceMappingURL=use-resize-observer.js.map

package/cjs/common-hooks/use-resize-observer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-resize-observer.js","sources":["../../../../packages/vuu-ui-controls/src/common-hooks/use-resize-observer.ts"],"sourcesContent":["import {\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n} from \"react\";\n\nexport const WidthHeight = [\"height\", \"width\"];\nexport const WidthOnly = [\"width\"];\nexport const HeightOnly = [\"height\"];\n\nexport type measurements<T = string | number> = {\n  height?: T;\n  clientHeight?: number;\n  clientWidth?: number;\n  contentHeight?: number;\n  contentWidth?: number;\n  scrollHeight?: number;\n  scrollWidth?: number;\n  width?: T;\n};\ntype measuredDimension = keyof measurements<number>;\n\nexport type ResizeHandler = (measurements: measurements<number>) => void;\n\ntype observedDetails = {\n  onResize?: ResizeHandler;\n  measurements: measurements<number>;\n};\nconst observedMap = new Map<HTMLElement, observedDetails>();\n\nconst getTargetSize = (\n  element: HTMLElement,\n  size: {\n    height: number;\n    width: number;\n    contentHeight: number;\n    contentWidth: number;\n  },\n  dimension: measuredDimension\n): number => {\n  switch (dimension) {\n    case \"height\":\n      return size.height;\n    case \"clientHeight\":\n      return element.clientHeight;\n    case \"clientWidth\":\n      return element.clientWidth;\n    case \"contentHeight\":\n      return size.contentHeight;\n    case \"contentWidth\":\n      return size.contentWidth;\n    case \"scrollHeight\":\n      return Math.ceil(element.scrollHeight);\n    case \"scrollWidth\":\n      return Math.ceil(element.scrollWidth);\n    case \"width\":\n      return size.width;\n    default:\n      return 0;\n  }\n};\n\n// TODO should we make this create-on-demand\nconst resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n  for (const entry of entries) {\n    const { target, borderBoxSize, contentBoxSize } = entry;\n    const observedTarget = observedMap.get(target as HTMLElement);\n    if (observedTarget) {\n      const [{ blockSize: height, inlineSize: width }] = borderBoxSize;\n      const [{ blockSize: contentHeight, inlineSize: contentWidth }] =\n        contentBoxSize;\n      const { onResize, measurements } = observedTarget;\n      let sizeChanged = false;\n      for (const [dimension, size] of Object.entries(measurements)) {\n        const newSize = getTargetSize(\n          target as HTMLElement,\n          { height, width, contentHeight, contentWidth },\n          dimension as measuredDimension\n        );\n\n        if (newSize !== size) {\n          sizeChanged = true;\n          measurements[dimension as measuredDimension] = newSize;\n        }\n      }\n      if (sizeChanged) {\n        // TODO only return measured sizes\n        onResize && onResize(measurements);\n      }\n    }\n  }\n});\n\n// TODO use an optional lag (default to false) to ask to fire onResize\n// with initial size\nexport function useResizeObserver(\n  ref: RefObject<Element | HTMLElement | null>,\n  dimensions: string[],\n  onResize: ResizeHandler,\n  reportInitialSize = false\n) {\n  const dimensionsRef = useRef(dimensions);\n  const target = ref.current as HTMLElement;\n\n  const measure = useCallback((target: HTMLElement): measurements<number> => {\n    const { width, height } = target.getBoundingClientRect();\n    const { clientWidth: contentWidth, clientHeight: contentHeight } = target;\n    return dimensionsRef.current.reduce(\n      (map: { [key: string]: number }, dim) => {\n        map[dim] = getTargetSize(\n          target,\n          { width, height, contentHeight, contentWidth },\n          dim as measuredDimension\n        );\n        return map;\n      },\n      {}\n    );\n  }, []);\n\n  // TODO use ref to store resizeHandler here\n  // resize handler registered with REsizeObserver will never change\n  // use ref to store user onResize callback here\n  // resizeHandler will call user callback.current\n\n  // Keep this effect separate in case user inadvertently passes different\n  // dimensions or callback instance each time - we only ever want to\n  // initiate new observation when ref changes.\n  useLayoutEffect(() => {\n    // const target = ref.current as HTMLElement;\n    async function registerObserver() {\n      // Create the map entry immediately. useEffect may fire below\n      // before fonts are ready and attempt to update entry\n      observedMap.set(target, { measurements: {} as measurements<number> });\n      await document.fonts.ready;\n      const observedTarget = observedMap.get(target);\n      if (observedTarget) {\n        const measurements = measure(target);\n        observedTarget.measurements = measurements;\n        resizeObserver.observe(target);\n        if (reportInitialSize) {\n          onResize(measurements);\n        }\n      } else {\n        console.log(\n          `%cuseResizeObserver an target expected to be under observation wa snot found. This warrants investigation`,\n          \"font-weight:bold; color:red;\"\n        );\n      }\n    }\n\n    if (target) {\n      // TODO might we want multiple callers to attach a listener to the same element ?\n      if (observedMap.has(target)) {\n        // console.log(\n        //   \"useResizeObserver attemping to observe same element twice\",\n        //   { target }\n        // );\n        // throw Error(\n        //   \"useResizeObserver attemping to observe same element twice\"\n        // );\n      }\n      // TODO set a pending entry on map\n      registerObserver();\n    }\n    return () => {\n      if (target && observedMap.has(target)) {\n        resizeObserver.unobserve(target);\n        observedMap.delete(target);\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [measure, target]);\n\n  useEffect(() => {\n    const target = ref.current as HTMLElement;\n    const record = observedMap.get(target);\n    if (record) {\n      if (dimensionsRef.current !== dimensions) {\n        dimensionsRef.current = dimensions;\n        const measurements = measure(target);\n        record.measurements = measurements;\n      }\n      // Might not have changed, but no harm ...\n      record.onResize = onResize;\n    }\n  }, [dimensions, measure, ref, onResize]);\n}\n"],"names":["useRef","useCallback","target","useLayoutEffect","useEffect"],"mappings":";;;;AAQa,MAAA,WAAA,GAAc,CAAC,QAAA,EAAU,OAAO;AAChC,MAAA,SAAA,GAAY,CAAC,OAAO;AACpB,MAAA,UAAA,GAAa,CAAC,QAAQ;AAoBnC,MAAM,WAAA,uBAAkB,GAAkC,EAAA;AAE1D,MAAM,aAAgB,GAAA,CACpB,OACA,EAAA,IAAA,EAMA,SACW,KAAA;AACX,EAAA,QAAQ,SAAW;AAAA,IACjB,KAAK,QAAA;AACH,MAAA,OAAO,IAAK,CAAA,MAAA;AAAA,IACd,KAAK,cAAA;AACH,MAAA,OAAO,OAAQ,CAAA,YAAA;AAAA,IACjB,KAAK,aAAA;AACH,MAAA,OAAO,OAAQ,CAAA,WAAA;AAAA,IACjB,KAAK,eAAA;AACH,MAAA,OAAO,IAAK,CAAA,aAAA;AAAA,IACd,KAAK,cAAA;AACH,MAAA,OAAO,IAAK,CAAA,YAAA;AAAA,IACd,KAAK,cAAA;AACH,MAAO,OAAA,IAAA,CAAK,IAAK,CAAA,OAAA,CAAQ,YAAY,CAAA;AAAA,IACvC,KAAK,aAAA;AACH,MAAO,OAAA,IAAA,CAAK,IAAK,CAAA,OAAA,CAAQ,WAAW,CAAA;AAAA,IACtC,KAAK,OAAA;AACH,MAAA,OAAO,IAAK,CAAA,KAAA;AAAA,IACd;AACE,MAAO,OAAA,CAAA;AAAA;AAEb,CAAA;AAGA,MAAM,cAAiB,GAAA,IAAI,cAAe,CAAA,CAAC,OAAmC,KAAA;AAC5E,EAAA,KAAA,MAAW,SAAS,OAAS,EAAA;AAC3B,IAAA,MAAM,EAAE,MAAA,EAAQ,aAAe,EAAA,cAAA,EAAmB,GAAA,KAAA;AAClD,IAAM,MAAA,cAAA,GAAiB,WAAY,CAAA,GAAA,CAAI,MAAqB,CAAA;AAC5D,IAAA,IAAI,cAAgB,EAAA;AAClB,MAAA,MAAM,CAAC,EAAE,SAAA,EAAW,QAAQ,UAAY,EAAA,KAAA,EAAO,CAAI,GAAA,aAAA;AACnD,MAAA,MAAM,CAAC,EAAE,SAAA,EAAW,eAAe,UAAY,EAAA,YAAA,EAAc,CAC3D,GAAA,cAAA;AACF,MAAM,MAAA,EAAE,QAAU,EAAA,YAAA,EAAiB,GAAA,cAAA;AACnC,MAAA,IAAI,WAAc,GAAA,KAAA;AAClB,MAAA,KAAA,MAAW,CAAC,SAAW,EAAA,IAAI,KAAK,MAAO,CAAA,OAAA,CAAQ,YAAY,CAAG,EAAA;AAC5D,QAAA,MAAM,OAAU,GAAA,aAAA;AAAA,UACd,MAAA;AAAA,UACA,EAAE,MAAA,EAAQ,KAAO,EAAA,aAAA,EAAe,YAAa,EAAA;AAAA,UAC7C;AAAA,SACF;AAEA,QAAA,IAAI,YAAY,IAAM,EAAA;AACpB,UAAc,WAAA,GAAA,IAAA;AACd,UAAA,YAAA,CAAa,SAA8B,CAAI,GAAA,OAAA;AAAA;AACjD;AAEF,MAAA,IAAI,WAAa,EAAA;AAEf,QAAA,QAAA,IAAY,SAAS,YAAY,CAAA;AAAA;AACnC;AACF;AAEJ,CAAC,CAAA;AAIM,SAAS,iBACd,CAAA,GAAA,EACA,UACA,EAAA,QAAA,EACA,oBAAoB,KACpB,EAAA;AACA,EAAM,MAAA,aAAA,GAAgBA,aAAO,UAAU,CAAA;AACvC,EAAA,MAAM,SAAS,GAAI,CAAA,OAAA;AAEnB,EAAM,MAAA,OAAA,GAAUC,iBAAY,CAAA,CAACC,OAA8C,KAAA;AACzE,IAAA,MAAM,EAAE,KAAA,EAAO,MAAO,EAAA,GAAIA,QAAO,qBAAsB,EAAA;AACvD,IAAA,MAAM,EAAE,WAAA,EAAa,YAAc,EAAA,YAAA,EAAc,eAAkBA,GAAAA,OAAAA;AACnE,IAAA,OAAO,cAAc,OAAQ,CAAA,MAAA;AAAA,MAC3B,CAAC,KAAgC,GAAQ,KAAA;AACvC,QAAA,GAAA,CAAI,GAAG,CAAI,GAAA,aAAA;AAAA,UACTA,OAAAA;AAAA,UACA,EAAE,KAAA,EAAO,MAAQ,EAAA,aAAA,EAAe,YAAa,EAAA;AAAA,UAC7C;AAAA,SACF;AACA,QAAO,OAAA,GAAA;AAAA,OACT;AAAA,MACA;AAAC,KACH;AAAA,GACF,EAAG,EAAE,CAAA;AAUL,EAAAC,qBAAA,CAAgB,MAAM;AAEpB,IAAA,eAAe,gBAAmB,GAAA;AAGhC,MAAA,WAAA,CAAY,IAAI,MAAQ,EAAA,EAAE,YAAc,EAAA,IAA4B,CAAA;AACpE,MAAA,MAAM,SAAS,KAAM,CAAA,KAAA;AACrB,MAAM,MAAA,cAAA,GAAiB,WAAY,CAAA,GAAA,CAAI,MAAM,CAAA;AAC7C,MAAA,IAAI,cAAgB,EAAA;AAClB,QAAM,MAAA,YAAA,GAAe,QAAQ,MAAM,CAAA;AACnC,QAAA,cAAA,CAAe,YAAe,GAAA,YAAA;AAC9B,QAAA,cAAA,CAAe,QAAQ,MAAM,CAAA;AAC7B,QAAA,IAAI,iBAAmB,EAAA;AACrB,UAAA,QAAA,CAAS,YAAY,CAAA;AAAA;AACvB,OACK,MAAA;AACL,QAAQ,OAAA,CAAA,GAAA;AAAA,UACN,CAAA,yGAAA,CAAA;AAAA,UACA;AAAA,SACF;AAAA;AACF;AAGF,IAAA,IAAI,MAAQ,EAAA;AAEV,MAAI,IAAA,WAAA,CAAY,GAAI,CAAA,MAAM,CAAG,EAAA;AAU7B,MAAiB,gBAAA,EAAA;AAAA;AAEnB,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,MAAU,IAAA,WAAA,CAAY,GAAI,CAAA,MAAM,CAAG,EAAA;AACrC,QAAA,cAAA,CAAe,UAAU,MAAM,CAAA;AAC/B,QAAA,WAAA,CAAY,OAAO,MAAM,CAAA;AAAA;AAC3B,KACF;AAAA,GAEC,EAAA,CAAC,OAAS,EAAA,MAAM,CAAC,CAAA;AAEpB,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAMF,UAAS,GAAI,CAAA,OAAA;AACnB,IAAM,MAAA,MAAA,GAAS,WAAY,CAAA,GAAA,CAAIA,OAAM,CAAA;AACrC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAI,IAAA,aAAA,CAAc,YAAY,UAAY,EAAA;AACxC,QAAA,aAAA,CAAc,OAAU,GAAA,UAAA;AACxB,QAAM,MAAA,YAAA,GAAe,QAAQA,OAAM,CAAA;AACnC,QAAA,MAAA,CAAO,YAAe,GAAA,YAAA;AAAA;AAGxB,MAAA,MAAA,CAAO,QAAW,GAAA,QAAA;AAAA;AACpB,KACC,CAAC,UAAA,EAAY,OAAS,EAAA,GAAA,EAAK,QAAQ,CAAC,CAAA;AACzC;;;;;;;"}

package/cjs/common-hooks/useControlled.js

@@ -1,58 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function useControlled({
-  controlled,
-  default: defaultProp,
-  name,
-  state = "value"
-}) {
-  const { current: isControlled } = React.useRef(controlled !== void 0);
-  const [valueState, setValue] = React.useState(defaultProp);
-  const value = controlled !== void 0 ? controlled : valueState;
-  const { current: defaultValue } = React.useRef(defaultProp);
-  React.useEffect(() => {
-    if (process.env.NODE_ENV !== "production") {
-      if (isControlled !== (controlled !== void 0)) {
-        console.error(
-          [
-            `Salt: A component is changing the ${isControlled ? "" : "un"}controlled ${state} state of ${name} to be ${isControlled ? "un" : ""}controlled.`,
-            "Elements should not switch from uncontrolled to controlled (or vice versa).",
-            `Decide between using a controlled or uncontrolled ${name} element for the lifetime of the component.`,
-            "The nature of the state is determined during the first render, it's considered controlled if the value is not `undefined`.",
-            "More info: https://fb.me/react-controlled-components"
-          ].join("\n")
-        );
-      }
-    }
-    return void 0;
-  }, [state, name, controlled]);
-  React.useEffect(() => {
-    if (process.env.NODE_ENV !== "production") {
-      if (!isControlled && defaultValue !== defaultProp) {
-        console.error(
-          [
-            `Salt: A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. To suppress this warning opt to use a controlled ${name}.`
-          ].join("\n")
-        );
-      }
-    }
-    return void 0;
-  }, [JSON.stringify(defaultProp, ignoreReactElements)]);
-  const setValueIfUncontrolled = React.useCallback(
-    (newValue) => {
-      if (!isControlled) {
-        setValue(newValue);
-      }
-    },
-    [isControlled]
-  );
-  return [value, setValueIfUncontrolled, isControlled];
-}
-function ignoreReactElements(key, value) {
-  return React.isValidElement(value) ? null : value;
-}
-
-exports.useControlled = useControlled;
-//# sourceMappingURL=useControlled.js.map

package/cjs/common-hooks/useControlled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useControlled.js","sources":["../../../../packages/vuu-ui-controls/src/common-hooks/useControlled.ts"],"sourcesContent":["import {\n  Dispatch,\n  isValidElement,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport interface UseControlledProps<T> {\n  /**\n   * Holds the component value when it's controlled.\n   */\n  controlled?: T;\n  /**\n   * The default value when uncontrolled.\n   */\n  default: T;\n  /**\n   * The component name displayed in warnings.\n   */\n  name: string;\n  /**\n   * The name of the state variable displayed in warnings.\n   */\n  state?: string;\n}\n\n/**\n * Copied from MUI (v5) useControlled hook with one additional returned value\n * @see https://github.com/mui-org/material-ui/blob/0979e6a54ba47c278d1f535953c0520a86349811/packages/material-ui-utils/src/useControlled.js\n */\nexport function useControlled<S>({\n  controlled,\n  default: defaultProp,\n  name,\n  state = \"value\",\n}: UseControlledProps<S>): [S, Dispatch<SetStateAction<S>>, boolean] {\n  const { current: isControlled } = useRef(controlled !== undefined);\n  const [valueState, setValue] = useState<S>(defaultProp);\n  const value = controlled !== undefined ? controlled : valueState;\n  const { current: defaultValue } = useRef(defaultProp);\n\n  // console.log(\n  //   `%cuseControlled ${name} ${state}`,\n  //   `color: ${isControlled ? \"blue\" : \"black\"};font-weight: bold;`,\n  //   {\n  //     controlled,\n  //     defaultProp,\n  //   }\n  // );\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      if (isControlled !== (controlled !== undefined)) {\n        console.error(\n          [\n            `Salt: A component is changing the ${\n              isControlled ? \"\" : \"un\"\n            }controlled ${state} state of ${name} to be ${\n              isControlled ? \"un\" : \"\"\n            }controlled.`,\n            \"Elements should not switch from uncontrolled to controlled (or vice versa).\",\n            `Decide between using a controlled or uncontrolled ${name} ` +\n              \"element for the lifetime of the component.\",\n            \"The nature of the state is determined during the first render, it's considered controlled if the value is not `undefined`.\",\n            \"More info: https://fb.me/react-controlled-components\",\n          ].join(\"\\n\")\n        );\n      }\n    }\n    return undefined;\n    /* eslint-disable-next-line react-hooks/exhaustive-deps */\n  }, [state, name, controlled]);\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      if (!isControlled && defaultValue !== defaultProp) {\n        console.error(\n          [\n            `Salt: A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. ` +\n              `To suppress this warning opt to use a controlled ${name}.`,\n          ].join(\"\\n\")\n        );\n      }\n    }\n    return undefined;\n    /* eslint-disable-next-line react-hooks/exhaustive-deps */\n  }, [JSON.stringify(defaultProp, ignoreReactElements)]);\n\n  const setValueIfUncontrolled: Dispatch<SetStateAction<S>> = useCallback(\n    (newValue) => {\n      if (!isControlled) {\n        setValue(newValue);\n      }\n    },\n    [isControlled]\n  );\n\n  return [value, setValueIfUncontrolled, isControlled];\n}\n\n// Ignore ReactElements in JSON, they contain circular refs\nfunction ignoreReactElements<T>(key: string, value: T): T | null {\n  return isValidElement(value) ? null : value;\n}\n"],"names":["useRef","useState","useEffect","useCallback","isValidElement"],"mappings":";;;;AAiCO,SAAS,aAAiB,CAAA;AAAA,EAC/B,UAAA;AAAA,EACA,OAAS,EAAA,WAAA;AAAA,EACT,IAAA;AAAA,EACA,KAAQ,GAAA;AACV,CAAqE,EAAA;AACnE,EAAA,MAAM,EAAE,OAAS,EAAA,YAAA,EAAiB,GAAAA,YAAA,CAAO,eAAe,KAAS,CAAA,CAAA;AACjE,EAAA,MAAM,CAAC,UAAA,EAAY,QAAQ,CAAA,GAAIC,eAAY,WAAW,CAAA;AACtD,EAAM,MAAA,KAAA,GAAQ,UAAe,KAAA,KAAA,CAAA,GAAY,UAAa,GAAA,UAAA;AACtD,EAAA,MAAM,EAAE,OAAA,EAAS,YAAa,EAAA,GAAID,aAAO,WAAW,CAAA;AAWpD,EAAAE,eAAA,CAAU,MAAM;AACd,IAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,MAAI,IAAA,YAAA,MAAkB,eAAe,KAAY,CAAA,CAAA,EAAA;AAC/C,QAAQ,OAAA,CAAA,KAAA;AAAA,UACN;AAAA,YACE,CAAA,kCAAA,EACE,YAAe,GAAA,EAAA,GAAK,IACtB,CAAA,WAAA,EAAc,KAAK,CAAA,UAAA,EAAa,IAAI,CAAA,OAAA,EAClC,YAAe,GAAA,IAAA,GAAO,EACxB,CAAA,WAAA,CAAA;AAAA,YACA,6EAAA;AAAA,YACA,qDAAqD,IAAI,CAAA,2CAAA,CAAA;AAAA,YAEzD,4HAAA;AAAA,YACA;AAAA,WACF,CAAE,KAAK,IAAI;AAAA,SACb;AAAA;AACF;AAEF,IAAO,OAAA,KAAA,CAAA;AAAA,GAEN,EAAA,CAAC,KAAO,EAAA,IAAA,EAAM,UAAU,CAAC,CAAA;AAE5B,EAAAA,eAAA,CAAU,MAAM;AACd,IAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,MAAI,IAAA,CAAC,YAAgB,IAAA,YAAA,KAAiB,WAAa,EAAA;AACjD,QAAQ,OAAA,CAAA,KAAA;AAAA,UACN;AAAA,YACE,CAA6C,0CAAA,EAAA,KAAK,CAA6B,0BAAA,EAAA,IAAI,8EAC7B,IAAI,CAAA,CAAA;AAAA,WAC5D,CAAE,KAAK,IAAI;AAAA,SACb;AAAA;AACF;AAEF,IAAO,OAAA,KAAA,CAAA;AAAA,KAEN,CAAC,IAAA,CAAK,UAAU,WAAa,EAAA,mBAAmB,CAAC,CAAC,CAAA;AAErD,EAAA,MAAM,sBAAsD,GAAAC,iBAAA;AAAA,IAC1D,CAAC,QAAa,KAAA;AACZ,MAAA,IAAI,CAAC,YAAc,EAAA;AACjB,QAAA,QAAA,CAAS,QAAQ,CAAA;AAAA;AACnB,KACF;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AAEA,EAAO,OAAA,CAAC,KAAO,EAAA,sBAAA,EAAwB,YAAY,CAAA;AACrD;AAGA,SAAS,mBAAA,CAAuB,KAAa,KAAoB,EAAA;AAC/D,EAAO,OAAAC,oBAAA,CAAe,KAAK,CAAA,GAAI,IAAO,GAAA,KAAA;AACxC;;;;"}

package/cjs/context-panel-provider/ContextPanelProvider.js

@@ -1,99 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var vuuLayout = require('@vuu-ui/vuu-layout');
-var core = require('@salt-ds/core');
-
-const UndefinedShowContextPanel = () => {
-  console.warn(
-    "[ContextPanelContext] no implementation for showContextPanel, you need to add a ContextPanelProvider"
-  );
-};
-const ContextPanelContext = React.createContext({
-  showContextPanel: UndefinedShowContextPanel
-});
-const ContextPanelProvider = ({
-  children,
-  hideContextPanel: hideContextPanelProp,
-  showContextPanel: showContextPanelProp
-}) => {
-  const {
-    hideContextPanel: inheritedHideContextPanel,
-    showContextPanel: inheritedShowContextPanel
-  } = React.useContext(ContextPanelContext);
-  const { showComponentInContextPanel } = vuuLayout.useLayoutOperation();
-  const [dialog, setDialog] = React.useState(null);
-  const handleOpenChange = React.useCallback((isOpen) => {
-    if (!isOpen) {
-      setDialog(null);
-    }
-  }, []);
-  const hideContextPanel = hideContextPanelProp ?? inheritedHideContextPanel;
-  const showContextPanel = React.useCallback(
-    (elementOrComponentType, title, props) => {
-      if (showContextPanelProp) {
-        showContextPanelProp(elementOrComponentType, title, props);
-      } else if (inheritedShowContextPanel !== UndefinedShowContextPanel) {
-        inheritedShowContextPanel(elementOrComponentType, title, props);
-      } else if (!vuuLayout.isUnconfiguredProperty(showComponentInContextPanel)) {
-        const component = typeof elementOrComponentType === "string" ? { type: elementOrComponentType, props } : elementOrComponentType;
-        showComponentInContextPanel(component, title);
-      } else if (typeof elementOrComponentType === "string") {
-        const component = typeof elementOrComponentType === "string" ? vuuLayout.layoutFromJson(
-          {
-            type: elementOrComponentType,
-            props
-          },
-          ""
-        ) : elementOrComponentType;
-        setDialog(
-          /* @__PURE__ */ jsxRuntime.jsxs(core.Dialog, { open: true, onOpenChange: handleOpenChange, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              core.DialogCloseButton,
-              {
-                appearance: "transparent",
-                "data-embedded": true,
-                "data-icon": "close",
-                onClick: () => setDialog(null),
-                sentiment: "neutral"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(core.DialogHeader, { header: title }),
-            /* @__PURE__ */ jsxRuntime.jsx(core.DialogContent, { children: component })
-          ] })
-        );
-      }
-    },
-    [
-      handleOpenChange,
-      inheritedShowContextPanel,
-      showComponentInContextPanel,
-      showContextPanelProp
-    ]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ContextPanelContext.Provider,
-    {
-      value: { hideContextPanel, showContextPanel },
-      children: [
-        children,
-        dialog
-      ]
-    }
-  );
-};
-function useContextPanel() {
-  const { showContextPanel } = React.useContext(ContextPanelContext);
-  return showContextPanel;
-}
-function useHideContextPanel() {
-  const { hideContextPanel } = React.useContext(ContextPanelContext);
-  return hideContextPanel;
-}
-
-exports.ContextPanelContext = ContextPanelContext;
-exports.ContextPanelProvider = ContextPanelProvider;
-exports.useContextPanel = useContextPanel;
-exports.useHideContextPanel = useHideContextPanel;
-//# sourceMappingURL=ContextPanelProvider.js.map

package/cjs/context-panel-provider/ContextPanelProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextPanelProvider.js","sources":["../../../../packages/vuu-ui-controls/src/context-panel-provider/ContextPanelProvider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useContext,\n  useState,\n} from \"react\";\nimport {\n  isUnconfiguredProperty,\n  layoutFromJson,\n  useLayoutOperation,\n} from \"@vuu-ui/vuu-layout\";\nimport { LayoutJSON } from \"@vuu-ui/vuu-utils\";\nimport {\n  Dialog,\n  DialogCloseButton,\n  DialogContent,\n  DialogHeader,\n} from \"@salt-ds/core\";\n\n/**\n * If component is a string, the component will be read from the\n * comoponent registry. In that case, componentProps can be used\n * to pass props to the component.\n */\nexport type ShowContextPanel = (\n  component: string | ReactElement,\n  title: string,\n  componentProps?: unknown,\n) => void;\n\nexport interface ContextPanelProps {\n  hideContextPanel?: () => void;\n  showContextPanel: ShowContextPanel;\n}\n\nconst UndefinedShowContextPanel = () => {\n  console.warn(\n    \"[ContextPanelContext] no implementation for showContextPanel, you need to add a ContextPanelProvider\",\n  );\n};\n\nexport const ContextPanelContext = createContext<ContextPanelProps>({\n  showContextPanel: UndefinedShowContextPanel,\n});\n\nexport const ContextPanelProvider = ({\n  children,\n  hideContextPanel: hideContextPanelProp,\n  showContextPanel: showContextPanelProp,\n}: Partial<ContextPanelProps> & {\n  children: ReactNode;\n}) => {\n  const {\n    hideContextPanel: inheritedHideContextPanel,\n    showContextPanel: inheritedShowContextPanel,\n  } = useContext(ContextPanelContext);\n  const { showComponentInContextPanel } = useLayoutOperation();\n  const [dialog, setDialog] = useState<ReactElement | null>(null);\n\n  const handleOpenChange = useCallback((isOpen: boolean) => {\n    if (!isOpen) {\n      setDialog(null);\n    }\n  }, []);\n\n  const hideContextPanel = hideContextPanelProp ?? inheritedHideContextPanel;\n\n  const showContextPanel = useCallback<ShowContextPanel>(\n    (elementOrComponentType, title, props) => {\n      if (showContextPanelProp) {\n        showContextPanelProp(elementOrComponentType, title, props);\n      } else if (inheritedShowContextPanel !== UndefinedShowContextPanel) {\n        inheritedShowContextPanel(elementOrComponentType, title, props);\n      } else if (!isUnconfiguredProperty(showComponentInContextPanel)) {\n        const component =\n          typeof elementOrComponentType === \"string\"\n            ? ({ type: elementOrComponentType, props } as LayoutJSON)\n            : elementOrComponentType;\n        showComponentInContextPanel(component, title);\n      } else if (typeof elementOrComponentType === \"string\") {\n        const component =\n          typeof elementOrComponentType === \"string\"\n            ? layoutFromJson(\n                {\n                  type: elementOrComponentType,\n                  props,\n                } as LayoutJSON,\n                \"\",\n              )\n            : elementOrComponentType;\n\n        setDialog(\n          <Dialog open={true} onOpenChange={handleOpenChange}>\n            <DialogCloseButton\n              appearance=\"transparent\"\n              data-embedded\n              data-icon=\"close\"\n              onClick={() => setDialog(null)}\n              sentiment=\"neutral\"\n            />\n            <DialogHeader header={title} />\n            <DialogContent>{component}</DialogContent>\n          </Dialog>,\n        );\n      }\n    },\n    [\n      handleOpenChange,\n      inheritedShowContextPanel,\n      showComponentInContextPanel,\n      showContextPanelProp,\n    ],\n  );\n\n  return (\n    <ContextPanelContext.Provider\n      value={{ hideContextPanel, showContextPanel }}\n    >\n      {children}\n      {dialog}\n    </ContextPanelContext.Provider>\n  );\n};\n\nexport function useContextPanel() {\n  const { showContextPanel } = useContext(ContextPanelContext);\n  return showContextPanel;\n}\n\nexport function useHideContextPanel() {\n  const { hideContextPanel } = useContext(ContextPanelContext);\n  return hideContextPanel;\n}\n"],"names":["createContext","useContext","useLayoutOperation","useState","useCallback","isUnconfiguredProperty","layoutFromJson","jsxs","Dialog","jsx","DialogCloseButton","DialogHeader","DialogContent"],"mappings":"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"}