@vuu-ui/vuu-ui-controls 2.1.19-beta.2 → 2.1.19-beta.4

package/cjs/hover-overlay/HoverOverlay.js

@@ -0,0 +1,96 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var React = require('react');
+
+const HoverOverlay = ({
+  children,
+  open: openProp = false,
+  onOpenChange,
+  placement = "right",
+  trigger
+}) => {
+  const [open, _setOpen] = React.useState(openProp);
+  const isOpen = React.useRef(false);
+  const showHandle = React.useRef(void 0);
+  const hideHandle = React.useRef(void 0);
+  const setOpen = React.useCallback(
+    (open2) => {
+      if (open2 !== isOpen.current) {
+        isOpen.current = open2;
+        _setOpen(open2);
+        onOpenChange?.(open2);
+      }
+    },
+    [onOpenChange]
+  );
+  React.useEffect(() => {
+    if (openProp !== isOpen.current) {
+      setOpen(openProp);
+    }
+  }, [openProp, setOpen]);
+  const handleOverlayMouseEnter = React.useCallback(() => {
+    if (hideHandle.current) {
+      clearTimeout(hideHandle.current);
+      hideHandle.current = void 0;
+    }
+  }, []);
+  const handleOverlayMouseLeave = React.useCallback(() => {
+    hideHandle.current = setTimeout(() => {
+      setOpen(false);
+      hideHandle.current = void 0;
+    }, 300);
+  }, [setOpen]);
+  const handleMouseEnter = React.useCallback(() => {
+    showHandle.current = setTimeout(() => {
+      setOpen(true);
+      showHandle.current = void 0;
+    }, 400);
+    if (hideHandle.current) {
+      clearTimeout(hideHandle.current);
+      hideHandle.current = void 0;
+    }
+  }, [setOpen]);
+  const handleMouseLeave = React.useCallback(() => {
+    if (showHandle.current) {
+      clearTimeout(showHandle.current);
+      showHandle.current = void 0;
+    } else if (isOpen.current) {
+      hideHandle.current = setTimeout(() => {
+        setOpen(false);
+        hideHandle.current = void 0;
+      }, 300);
+    }
+  }, [setOpen]);
+  const handleClick = React.useCallback(() => {
+    if (showHandle.current) {
+      clearTimeout(showHandle.current);
+      showHandle.current = void 0;
+    } else if (isOpen.current) {
+      setOpen(false);
+    }
+  }, [setOpen]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.Overlay, { placement, onOpenChange, open, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(core.OverlayTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        onClick: handleClick,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        children: trigger
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(core.OverlayPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      core.OverlayPanelContent,
+      {
+        onMouseEnter: handleOverlayMouseEnter,
+        onMouseLeave: handleOverlayMouseLeave,
+        children
+      }
+    ) })
+  ] });
+};
+
+exports.HoverOverlay = HoverOverlay;
+//# sourceMappingURL=HoverOverlay.js.map

package/cjs/hover-overlay/HoverOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverOverlay.js","sources":["../../../../packages/vuu-ui-controls/src/hover-overlay/HoverOverlay.tsx"],"sourcesContent":["import {\n  Overlay,\n  OverlayPanel,\n  OverlayPanelContent,\n  OverlayProps,\n  OverlayTrigger,\n} from \"@salt-ds/core\";\nimport { ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\n\nexport interface HoverOverlayProps\n  extends Pick<OverlayProps, \"placement\" | \"onOpenChange\"> {\n  children: ReactNode;\n  open?: boolean;\n  trigger: ReactNode;\n}\n\nexport const HoverOverlay = ({\n  children,\n  open: openProp = false,\n  onOpenChange,\n  placement = \"right\",\n  trigger,\n}: HoverOverlayProps) => {\n  const [open, _setOpen] = useState(openProp);\n  const isOpen = useRef(false);\n  const showHandle = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const hideHandle = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n  const setOpen = useCallback(\n    (open: boolean) => {\n      if (open !== isOpen.current) {\n        isOpen.current = open;\n        _setOpen(open);\n        onOpenChange?.(open);\n      }\n    },\n    [onOpenChange],\n  );\n\n  useEffect(() => {\n    if (openProp !== isOpen.current) {\n      setOpen(openProp);\n    }\n  }, [openProp, setOpen]);\n\n  const handleOverlayMouseEnter = useCallback(() => {\n    if (hideHandle.current) {\n      clearTimeout(hideHandle.current);\n      hideHandle.current = undefined;\n    }\n  }, []);\n\n  const handleOverlayMouseLeave = useCallback(() => {\n    hideHandle.current = setTimeout(() => {\n      setOpen(false);\n      hideHandle.current = undefined;\n    }, 300);\n  }, [setOpen]);\n\n  const handleMouseEnter = useCallback(() => {\n    showHandle.current = setTimeout(() => {\n      setOpen(true);\n      showHandle.current = undefined;\n    }, 400);\n    if (hideHandle.current) {\n      clearTimeout(hideHandle.current);\n      hideHandle.current = undefined;\n    }\n  }, [setOpen]);\n\n  const handleMouseLeave = useCallback(() => {\n    if (showHandle.current) {\n      clearTimeout(showHandle.current);\n      showHandle.current = undefined;\n    } else if (isOpen.current) {\n      hideHandle.current = setTimeout(() => {\n        setOpen(false);\n        hideHandle.current = undefined;\n      }, 300);\n    }\n  }, [setOpen]);\n\n  const handleClick = useCallback(() => {\n    if (showHandle.current) {\n      clearTimeout(showHandle.current);\n      showHandle.current = undefined;\n    } else if (isOpen.current) {\n      setOpen(false);\n    }\n  }, [setOpen]);\n\n  return (\n    <Overlay placement={placement} onOpenChange={onOpenChange} open={open}>\n      <OverlayTrigger>\n        <div\n          onClick={handleClick}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          {trigger}\n        </div>\n      </OverlayTrigger>\n      <OverlayPanel>\n        <OverlayPanelContent\n          onMouseEnter={handleOverlayMouseEnter}\n          onMouseLeave={handleOverlayMouseLeave}\n        >\n          {children}\n        </OverlayPanelContent>\n      </OverlayPanel>\n    </Overlay>\n  );\n};\n"],"names":["useState","useRef","useCallback","open","useEffect","jsxs","Overlay","jsx","OverlayTrigger","OverlayPanel","OverlayPanelContent"],"mappings":"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"}

package/cjs/icon-button/Icon.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var iconCss = ".vuuIcon {\n    --vuu-icon-left: 0;\n}";
+
+module.exports = iconCss;
+//# sourceMappingURL=Icon.css.js.map

package/cjs/icon-button/Icon.css.js.map

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

package/cjs/icon-button/Icon.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('clsx');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var Icon$1 = require('./Icon.css.js');
+
+const classBase = "vuuIcon";
+const Icon = ({
+  className,
+  name,
+  size,
+  style: styleProp,
+  ...htmlAttributes
+}) => {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-icon",
+    css: Icon$1,
+    window: targetWindow
+  });
+  const style = typeof size === "number" ? { ...styleProp, "--vuu-icon-size": `${size}px` } : styleProp;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ...htmlAttributes,
+      className: cx(classBase, className),
+      "data-icon": name,
+      role: "img",
+      style
+    }
+  );
+};
+
+exports.Icon = Icon;
+//# sourceMappingURL=Icon.js.map

package/cjs/icon-button/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../packages/vuu-ui-controls/src/icon-button/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from \"react\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport iconCss from \"./Icon.css\";\n\nconst classBase = \"vuuIcon\";\n\nexport interface IconProps extends HTMLAttributes<HTMLSpanElement> {\n  name: string;\n  size?: number;\n}\n\nexport const Icon = ({\n  className,\n  name,\n  size,\n  style: styleProp,\n  ...htmlAttributes\n}: IconProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-icon\",\n    css: iconCss,\n    window: targetWindow,\n  });\n\n  const style =\n    typeof size === \"number\"\n      ? { ...styleProp, \"--vuu-icon-size\": `${size}px` }\n      : styleProp;\n  return (\n    <span\n      {...htmlAttributes}\n      className={cx(classBase, className)}\n      data-icon={name}\n      role=\"img\"\n      style={style}\n    />\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","iconCss","jsx"],"mappings":";;;;;;;;AAOA,MAAM,SAAY,GAAA,SAAA;AAOX,MAAM,OAAO,CAAC;AAAA,EACnB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAO,EAAA,SAAA;AAAA,EACP,GAAG;AACL,CAAiB,KAAA;AACf,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,UAAA;AAAA,IACR,GAAK,EAAAC,MAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,KAAA,GACJ,OAAO,IAAA,KAAS,QACZ,GAAA,EAAE,GAAG,SAAA,EAAW,iBAAmB,EAAA,CAAA,EAAG,IAAI,CAAA,EAAA,CAAA,EAC1C,GAAA,SAAA;AACN,EACE,uBAAAC,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,WAAW,EAAA,IAAA;AAAA,MACX,IAAK,EAAA,KAAA;AAAA,MACL;AAAA;AAAA,GACF;AAEJ;;;;"}

package/cjs/icon-button/IconButton.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var iconButtonCss = ".vuuIconButton.saltButton {\n  --saltButton-padding: 0;\n  --saltButton-minWidth: var(--salt-size-base);\n  width: var(--saltButton-width, calc(var(--salt-size-base) + var(--salt-size-fixed-400)));\n}\n";
+
+module.exports = iconButtonCss;
+//# sourceMappingURL=IconButton.css.js.map

package/cjs/icon-button/IconButton.css.js.map

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

package/cjs/icon-button/IconButton.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('clsx');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var Icon = require('./Icon.js');
+var React = require('react');
+var IconButton$1 = require('./IconButton.css.js');
+
+const classBase = "vuuIconButton";
+const IconButton = React.forwardRef(
+  function IconButton2({ "aria-label": ariaLabel, className, icon, size, ...buttonProps }, ref) {
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "vuu-icon-button",
+      css: IconButton$1,
+      window: targetWindow
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(core.Button, { ...buttonProps, className: cx(classBase, className), ref, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { "aria-label": ariaLabel, name: icon, size }) });
+  }
+);
+
+exports.IconButton = IconButton;
+//# sourceMappingURL=IconButton.js.map

package/cjs/icon-button/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../../../packages/vuu-ui-controls/src/icon-button/IconButton.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport { Button, ButtonProps } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { Icon } from \"./Icon\";\nimport { forwardRef } from \"react\";\n\nimport iconButtonCss from \"./IconButton.css\";\n\nconst classBase = \"vuuIconButton\";\n\nexport interface IconButtonProps extends Omit<ButtonProps, \"children\"> {\n  icon: string;\n  size?: number;\n}\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  function IconButton(\n    { \"aria-label\": ariaLabel, className, icon, size, ...buttonProps },\n    ref\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"vuu-icon-button\",\n      css: iconButtonCss,\n      window: targetWindow,\n    });\n\n    return (\n      <Button {...buttonProps} className={cx(classBase, className)} ref={ref}>\n        <Icon aria-label={ariaLabel} name={icon} size={size} />\n      </Button>\n    );\n  }\n);\n"],"names":["forwardRef","IconButton","useWindow","useComponentCssInjection","iconButtonCss","Button","Icon"],"mappings":";;;;;;;;;;;AASA,MAAM,SAAY,GAAA,eAAA;AAOX,MAAM,UAAa,GAAAA,gBAAA;AAAA,EACxB,SAASC,WACP,CAAA,EAAE,YAAc,EAAA,SAAA,EAAW,SAAW,EAAA,IAAA,EAAM,IAAM,EAAA,GAAG,WAAY,EAAA,EACjE,GACA,EAAA;AACA,IAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,iBAAA;AAAA,MACR,GAAK,EAAAC,YAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAA,sCACGC,WAAQ,EAAA,EAAA,GAAG,WAAa,EAAA,SAAA,EAAW,GAAG,SAAW,EAAA,SAAS,CAAG,EAAA,GAAA,EAC5D,yCAACC,SAAK,EAAA,EAAA,YAAA,EAAY,WAAW,IAAM,EAAA,IAAA,EAAM,MAAY,CACvD,EAAA,CAAA;AAAA;AAGN;;;;"}

package/cjs/icon-button/ToggleIconButton.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var toggleIconCss = ".vuuToggleIconButton {\n  &.saltButton {\n    &:active {\n      --saltButton-background-active: transparent;\n    }\n    &:hover {\n      --saltButton-background-hover: transparent;\n    }\n    .vuuIcon {\n      --vuu-icon-height: 18px;\n      --vuu-icon-left: -3px;\n      --vuu-icon-width: 18px;\n      &:after {\n        transition: transform 0.1s linear;\n      }\n      &[data-icon=\"triangle-down\"]:after {\n        --vuu-icon-left: -1px;\n        --vuu-icon-top: -3px;\n      }\n    }\n    border: none;\n    border-radius: 0;\n    height: 18px;\n    left: 0;\n    min-width: 18px;\n    padding: 0;\n    width: 18px;\n  }\n}\n\n.vuuTableGroupCell:hover {\n  .vuuToggleIconButton {\n    .vuuIcon:after {\n      --vuu-icon-color: var(--salt-palette-interact-cta-background-hover);\n    }\n  }\n}\n";
+
+module.exports = toggleIconCss;
+//# sourceMappingURL=ToggleIconButton.css.js.map

package/cjs/icon-button/ToggleIconButton.css.js.map

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

package/cjs/icon-button/ToggleIconButton.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var cx = require('clsx');
+var IconButton = require('./IconButton.js');
+var ToggleIconButton$1 = require('./ToggleIconButton.css.js');
+
+const classBase = "vuuToggleIconButton";
+const ToggleIconButton = ({
+  className,
+  isExpanded,
+  size = 7,
+  ...props
+}) => {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-toggle-icon-button",
+    css: ToggleIconButton$1,
+    window: targetWindow
+  });
+  const icon = isExpanded ? "triangle-down" : "triangle-right";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    IconButton.IconButton,
+    {
+      ...props,
+      appearance: "transparent",
+      className: cx(classBase, className),
+      "data-embedded": true,
+      icon,
+      sentiment: "neutral",
+      size
+    }
+  );
+};
+
+exports.ToggleIconButton = ToggleIconButton;
+//# sourceMappingURL=ToggleIconButton.js.map

package/cjs/icon-button/ToggleIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleIconButton.js","sources":["../../../../packages/vuu-ui-controls/src/icon-button/ToggleIconButton.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { IconButton, IconButtonProps } from \"./IconButton\";\n\nimport toggleIconCss from \"./ToggleIconButton.css\";\n\nconst classBase = \"vuuToggleIconButton\";\n\nexport interface ToggleIconButtonProps extends Omit<IconButtonProps, \"icon\"> {\n  isExpanded: boolean;\n}\n\nexport const ToggleIconButton = ({\n  className,\n  isExpanded,\n  size = 7,\n  ...props\n}: ToggleIconButtonProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-toggle-icon-button\",\n    css: toggleIconCss,\n    window: targetWindow,\n  });\n\n  const icon = isExpanded ? \"triangle-down\" : \"triangle-right\";\n  return (\n    <IconButton\n      {...props}\n      appearance=\"transparent\"\n      className={cx(classBase, className)}\n      data-embedded\n      icon={icon}\n      sentiment=\"neutral\"\n      size={size}\n    />\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","toggleIconCss","jsx","IconButton"],"mappings":";;;;;;;;;AAOA,MAAM,SAAY,GAAA,qBAAA;AAMX,MAAM,mBAAmB,CAAC;AAAA,EAC/B,SAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAO,GAAA,CAAA;AAAA,EACP,GAAG;AACL,CAA6B,KAAA;AAC3B,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAC,kBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,IAAA,GAAO,aAAa,eAAkB,GAAA,gBAAA;AAC5C,EACE,uBAAAC,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,UAAW,EAAA,aAAA;AAAA,MACX,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,eAAa,EAAA,IAAA;AAAA,MACb,IAAA;AAAA,MACA,SAAU,EAAA,SAAA;AAAA,MACV;AAAA;AAAA,GACF;AAEJ;;;;"}

package/cjs/index.js

@@ -0,0 +1,170 @@
+'use strict';
+
+var Calendar = require('./calendar/Calendar.js');
+var useCalendarDay = require('./calendar/useCalendarDay.js');
+var useCalendar = require('./calendar/useCalendar.js');
+var useSelection = require('./calendar/useSelection.js');
+var ColumnPicker = require('./column-picker/ColumnPicker.js');
+var ColumnSearch = require('./column-picker/ColumnSearch.js');
+var useControlled = require('./common-hooks/useControlled.js');
+var useResizeObserver = require('./common-hooks/use-resize-observer.js');
+var selectionTypes = require('./common-hooks/selectionTypes.js');
+var ContextPanelProvider = require('./context-panel-provider/ContextPanelProvider.js');
+var CycleStateButton = require('./cycle-state-button/CycleStateButton.js');
+var DateInput = require('./date-input/DateInput.js');
+var DatePicker = require('./date-picker/DatePicker.js');
+var dragDropTypes = require('./drag-drop/dragDropTypes.js');
+var DragDropProvider = require('./drag-drop/DragDropProvider.js');
+var DragDropState = require('./drag-drop/DragDropState.js');
+var useDragDrop = require('./drag-drop/useDragDrop.js');
+var dropTargetUtils = require('./drag-drop/drop-target-utils.js');
+var useGlobalDragDrop = require('./drag-drop/useGlobalDragDrop.js');
+var useEditableText = require('./editable/useEditableText.js');
+var EditableLabel = require('./editable-label/EditableLabel.js');
+var ExpandoInput = require('./expando-input/ExpandoInput.js');
+var HoverOverlay = require('./hover-overlay/HoverOverlay.js');
+var Icon = require('./icon-button/Icon.js');
+var IconButton = require('./icon-button/IconButton.js');
+var ToggleIconButton = require('./icon-button/ToggleIconButton.js');
+var TablePicker = require('./instrument-picker/TablePicker.js');
+var MeasuredContainer = require('./measured-container/MeasuredContainer.js');
+var useMeasuredContainer = require('./measured-container/useMeasuredContainer.js');
+var ModalProvider = require('./modal-provider/ModalProvider.js');
+var OverflowContainer = require('./overflow-container/OverflowContainer.js');
+var overflowUtils = require('./overflow-container/overflow-utils.js');
+var PriceTicker = require('./price-ticker/PriceTicker.js');
+var Prompt = require('./prompt/Prompt.js');
+var SortableList = require('./sortable-list/SortableList.js');
+var SplitButton = require('./split-button/SplitButton.js');
+var SplitStateButton = require('./split-button/SplitStateButton.js');
+var TableSearch = require('./table-search/TableSearch.js');
+var TabNext = require('./tabs-next/TabNext.js');
+var TabListNext = require('./tabs-next/TabListNext.js');
+var TabsNext = require('./tabs-next/TabsNext.js');
+var TabNextPanel = require('./tabs-next/TabNextPanel.js');
+var TabBar = require('./tabs-next/TabBar.js');
+var TabNextTrigger = require('./tabs-next/TabNextTrigger.js');
+var TabNextAction = require('./tabs-next/TabNextAction.js');
+var Tabstrip = require('./tabstrip/Tabstrip.js');
+var Tab = require('./tabstrip/Tab.js');
+var tabstripDomUtils = require('./tabstrip/tabstrip-dom-utils.js');
+var TimeInput = require('./time-input/TimeInput.js');
+var Toolbar = require('./toolbar/Toolbar.js');
+var escapeRegExp = require('./utils/escapeRegExp.js');
+var isOverflowElement = require('./utils/isOverflowElement.js');
+var isPlainObject = require('./utils/isPlainObject.js');
+var forwardCallbackProps = require('./utils/forwardCallbackProps.js');
+var VuuDatePicker = require('./vuu-date-picker/VuuDatePicker.js');
+var VuuInput = require('./vuu-input/VuuInput.js');
+var VuuTimePicker = require('./vuu-time-picker/VuuTimePicker.js');
+var VuuTypeaheadInput = require('./vuu-typeahead-input/VuuTypeaheadInput.js');
+
+
+
+exports.Calendar = Calendar.Calendar;
+exports.useCalendarDay = useCalendarDay.useCalendarDay;
+exports.useCalendar = useCalendar.useCalendar;
+exports.isRangeOrOffsetSelectionValue = useSelection.isRangeOrOffsetSelectionValue;
+exports.isRangeOrOffsetSelectionWithStartDate = useSelection.isRangeOrOffsetSelectionWithStartDate;
+exports.useSelectionCalendar = useSelection.useSelectionCalendar;
+exports.useSelectionDay = useSelection.useSelectionDay;
+exports.ColumnPicker = ColumnPicker.ColumnPicker;
+exports.ColumnSearch = ColumnSearch.ColumnSearch;
+exports.useControlled = useControlled.useControlled;
+exports.HeightOnly = useResizeObserver.HeightOnly;
+exports.WidthHeight = useResizeObserver.WidthHeight;
+exports.WidthOnly = useResizeObserver.WidthOnly;
+exports.useResizeObserver = useResizeObserver.useResizeObserver;
+exports.allowMultipleSelection = selectionTypes.allowMultipleSelection;
+exports.deselectionIsAllowed = selectionTypes.deselectionIsAllowed;
+exports.getFirstSelectedItem = selectionTypes.getFirstSelectedItem;
+exports.hasSelection = selectionTypes.hasSelection;
+exports.isMultiSelection = selectionTypes.isMultiSelection;
+exports.isSingleSelection = selectionTypes.isSingleSelection;
+exports.selectionIsDisallowed = selectionTypes.selectionIsDisallowed;
+exports.ContextPanelProvider = ContextPanelProvider.ContextPanelProvider;
+exports.useContextPanel = ContextPanelProvider.useContextPanel;
+exports.useHideContextPanel = ContextPanelProvider.useHideContextPanel;
+exports.CycleStateButton = CycleStateButton.CycleStateButton;
+exports.DateInput = DateInput.DateInput;
+exports.DatePicker = DatePicker.DatePicker;
+exports.BWD = dragDropTypes.BWD;
+exports.FWD = dragDropTypes.FWD;
+exports.DragDropProvider = DragDropProvider.DragDropProvider;
+exports.useDragDropProvider = DragDropProvider.useDragDropProvider;
+exports.DragDropState = DragDropState.DragDropState;
+exports.useDragDrop = useDragDrop.useDragDrop;
+exports.NOT_HIDDEN = dropTargetUtils.NOT_HIDDEN;
+exports.NOT_OVERFLOWED = dropTargetUtils.NOT_OVERFLOWED;
+exports.cloneElement = dropTargetUtils.cloneElement;
+exports.constrainRect = dropTargetUtils.constrainRect;
+exports.dimensions = dropTargetUtils.dimensions;
+exports.dropTargetsDebugString = dropTargetUtils.dropTargetsDebugString;
+exports.getIndexOfDraggedItem = dropTargetUtils.getIndexOfDraggedItem;
+exports.getItemById = dropTargetUtils.getItemById;
+exports.getItemParentContainer = dropTargetUtils.getItemParentContainer;
+exports.getNextDropTarget = dropTargetUtils.getNextDropTarget;
+exports.getScrollableContainer = dropTargetUtils.getScrollableContainer;
+exports.isContainerScrollable = dropTargetUtils.isContainerScrollable;
+exports.measureDropTargets = dropTargetUtils.measureDropTargets;
+exports.measureElementSizeAndPosition = dropTargetUtils.measureElementSizeAndPosition;
+exports.mutateDropTargetsSwitchDropTargetPosition = dropTargetUtils.mutateDropTargetsSwitchDropTargetPosition;
+exports.removeDraggedItem = dropTargetUtils.removeDraggedItem;
+exports.useGlobalDragDrop = useGlobalDragDrop.useGlobalDragDrop;
+exports.useEditableText = useEditableText.useEditableText;
+exports.EditableLabel = EditableLabel.EditableLabel;
+exports.NullEditAPI = EditableLabel.NullEditAPI;
+exports.ExpandoInput = ExpandoInput.ExpandoInput;
+exports.HoverOverlay = HoverOverlay.HoverOverlay;
+exports.Icon = Icon.Icon;
+exports.IconButton = IconButton.IconButton;
+exports.ToggleIconButton = ToggleIconButton.ToggleIconButton;
+exports.TablePicker = TablePicker.TablePicker;
+exports.MeasuredContainer = MeasuredContainer.MeasuredContainer;
+exports.reduceSizeHeight = useMeasuredContainer.reduceSizeHeight;
+exports.useMeasuredContainer = useMeasuredContainer.useMeasuredContainer;
+exports.ModalProvider = ModalProvider.ModalProvider;
+exports.useModal = ModalProvider.useModal;
+exports.OverflowContainer = OverflowContainer.OverflowContainer;
+exports.NO_WRAPPED_ITEMS = overflowUtils.NO_WRAPPED_ITEMS;
+exports.applyOverflowClassToWrappedItems = overflowUtils.applyOverflowClassToWrappedItems;
+exports.correctForWrappedHighPriorityItems = overflowUtils.correctForWrappedHighPriorityItems;
+exports.correctForWrappedOverflowIndicator = overflowUtils.correctForWrappedOverflowIndicator;
+exports.getElementsMarkedAsWrapped = overflowUtils.getElementsMarkedAsWrapped;
+exports.getNonWrappedAndWrappedItems = overflowUtils.getNonWrappedAndWrappedItems;
+exports.highPriorityItemsHaveWrappedButShouldNotHave = overflowUtils.highPriorityItemsHaveWrappedButShouldNotHave;
+exports.markElementAsWrapped = overflowUtils.markElementAsWrapped;
+exports.overflowIndicatorHasWrappedButShouldNotHave = overflowUtils.overflowIndicatorHasWrappedButShouldNotHave;
+exports.removeOverflowIndicatorIfNoLongerNeeded = overflowUtils.removeOverflowIndicatorIfNoLongerNeeded;
+exports.sortByScreenOrder = overflowUtils.sortByScreenOrder;
+exports.switchWrappedItemIntoView = overflowUtils.switchWrappedItemIntoView;
+exports.unmarkItemsWhichAreNoLongerWrapped = overflowUtils.unmarkItemsWhichAreNoLongerWrapped;
+exports.PriceTicker = PriceTicker.PriceTicker;
+exports.Prompt = Prompt.Prompt;
+exports.SortableList = SortableList.SortableList;
+exports.SortableOption = SortableList.SortableOption;
+exports.SplitButton = SplitButton.SplitButton;
+exports.SplitStateButton = SplitStateButton.SplitStateButton;
+exports.TableSearch = TableSearch.TableSearch;
+exports.TabNext = TabNext.TabNext;
+exports.TabListNext = TabListNext.TabListNext;
+exports.TabsNext = TabsNext.TabsNext;
+exports.TabNextPanel = TabNextPanel.TabNextPanel;
+exports.TabBar = TabBar.TabBar;
+exports.TabNextTrigger = TabNextTrigger.TabNextTrigger;
+exports.TabNextAction = TabNextAction.TabNextAction;
+exports.Tabstrip = Tabstrip.Tabstrip;
+exports.Tab = Tab.Tab;
+exports.getIndexOfEditedItem = tabstripDomUtils.getIndexOfEditedItem;
+exports.getIndexOfSelectedTab = tabstripDomUtils.getIndexOfSelectedTab;
+exports.TimeInput = TimeInput.TimeInput;
+exports.Toolbar = Toolbar.Toolbar;
+exports.escapeRegExp = escapeRegExp.escapeRegExp;
+exports.isOverflowElement = isOverflowElement.isOverflowElement;
+exports.isPlainObject = isPlainObject.isPlainObject;
+exports.forwardCallbackProps = forwardCallbackProps.forwardCallbackProps;
+exports.VuuDatePicker = VuuDatePicker.VuuDatePicker;
+exports.VuuInput = VuuInput.VuuInput;
+exports.VuuTimePicker = VuuTimePicker.VuuTimePicker;
+exports.VuuTypeaheadInput = VuuTypeaheadInput.VuuTypeaheadInput;
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

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

package/cjs/instrument-picker/TablePicker.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var tablePickerCss = ".vuuTablePicker {\n  border-radius: 6px;\n  height: var(--salt-size-base);\n  padding: 1px;\n  box-sizing: content-box;\n}\n\n.vuuTablePicker-floating-table {\n  border: solid 1px var(--salt-container-secondary-borderColor);\n  border-radius: 4px;\n  overflow: auto;\n  padding: var(--salt-spacing-100) 0;\n  z-index: var(--salt-zIndex-popout);\n}\n\n[data-floating-ui-portal] [data-floating-ui-portal] .vuuTablePicker-floating-table {\n  z-index: calc(var(--salt-zIndex-modal) + var(--salt-zIndex-popout));\n}\n";
+
+module.exports = tablePickerCss;
+//# sourceMappingURL=TablePicker.css.js.map

package/cjs/instrument-picker/TablePicker.css.js.map

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

package/cjs/instrument-picker/TablePicker.js

@@ -0,0 +1,130 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var vuuTable = require('@vuu-ui/vuu-table');
+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 TablePicker$1 = require('./TablePicker.css.js');
+var useTablePicker = require('./useTablePicker.js');
+
+const classBase = "vuuTablePicker";
+const FloatingTable = React.forwardRef(
+  function FloatingTable2({ children, className, collapsed, open, ...props }, forwardedRef) {
+    const { Component: FloatingComponent } = core.useFloatingComponent();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      FloatingComponent,
+      {
+        className: cx(
+          `${classBase}-floating-table`,
+          {
+            [`${classBase}-collapsed`]: collapsed
+          },
+          className
+        ),
+        role: "listbox",
+        open,
+        ...props,
+        ref: forwardedRef,
+        children
+      }
+    );
+  }
+);
+const TablePicker = ({
+  TableProps,
+  onSelect,
+  rowToString,
+  schema,
+  searchColumns,
+  ...htmlAttributes
+}) => {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-table-picker",
+    css: TablePicker$1,
+    window: targetWindow
+  });
+  const tableId = core.useIdMemo();
+  const {
+    containerRef,
+    dataSource,
+    highlightedIndex,
+    floatingUIProps: { x, y, strategy, floating, reference },
+    inputProps,
+    interactionPropGetters: { getFloatingProps, getReferenceProps },
+    onKeyDown,
+    open,
+    tableConfig,
+    tableHandlers,
+    tableRef,
+    value,
+    width
+  } = useTablePicker.useTablePicker({
+    TableProps,
+    rowToString,
+    onSelect,
+    schema,
+    searchColumns
+  });
+  const endAdornment = React.useMemo(
+    () => /* @__PURE__ */ jsxRuntime.jsx(
+      IconButton.IconButton,
+      {
+        ...getReferenceProps(),
+        appearance: "transparent",
+        "data-embedded": true,
+        ref: reference,
+        icon: "chevron-down",
+        onKeyDown,
+        sentiment: "neutral"
+      }
+    ),
+    [getReferenceProps, onKeyDown, reference]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlAttributes, className: classBase, ref: containerRef, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      core.Input,
+      {
+        ...inputProps,
+        bordered: true,
+        endAdornment,
+        value
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      FloatingTable,
+      {
+        ...getFloatingProps(),
+        collapsed: !open,
+        id: tableId,
+        open,
+        left: x + 3,
+        position: strategy,
+        ref: floating,
+        top: y + 3,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          vuuTable.Table,
+          {
+            ...tableHandlers,
+            config: tableConfig,
+            dataSource,
+            highlightedIndex,
+            maxViewportRowLimit: 10,
+            navigationStyle: "row",
+            ref: tableRef,
+            selectionModel: "single",
+            showColumnHeaders: false,
+            width: width - 3
+          }
+        )
+      }
+    )
+  ] });
+};
+
+exports.TablePicker = TablePicker;
+//# sourceMappingURL=TablePicker.js.map

package/cjs/instrument-picker/TablePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePicker.js","sources":["../../../../packages/vuu-ui-controls/src/instrument-picker/TablePicker.tsx"],"sourcesContent":["import type { TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport { Table, type TableProps } from \"@vuu-ui/vuu-table\";\nimport {\n  Input,\n  useFloatingComponent,\n  useIdMemo,\n  type FloatingComponentProps,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { forwardRef, useMemo, type HTMLAttributes } from \"react\";\nimport { IconButton } from \"../icon-button\";\nimport tablePickerCss from \"./TablePicker.css\";\nimport { useTablePicker } from \"./useTablePicker\";\nimport { DataRow } from \"@vuu-ui/vuu-table-types\";\n\nconst classBase = \"vuuTablePicker\";\n\ninterface FloatingTableProps extends FloatingComponentProps {\n  collapsed?: boolean;\n}\n\nexport interface TablePickerProps\n  extends Omit<HTMLAttributes<HTMLElement>, \"onSelect\">,\n    Pick<TableProps, \"onSelect\"> {\n  TableProps?: Pick<TableProps, \"config\">;\n  rowToString?: (dataRow: DataRow) => string;\n  schema: TableSchema;\n  searchColumns?: string[];\n}\n\nconst FloatingTable = forwardRef<HTMLDivElement, FloatingTableProps>(\n  function FloatingTable(\n    { children, className, collapsed, open, ...props },\n    forwardedRef,\n  ) {\n    const { Component: FloatingComponent } = useFloatingComponent();\n    return (\n      <FloatingComponent\n        className={cx(\n          `${classBase}-floating-table`,\n          {\n            [`${classBase}-collapsed`]: collapsed,\n          },\n          className,\n        )}\n        role=\"listbox\"\n        open={open}\n        {...props}\n        ref={forwardedRef}\n      >\n        {children}\n      </FloatingComponent>\n    );\n  },\n);\n\nexport const TablePicker = ({\n  TableProps,\n  onSelect,\n  rowToString,\n  schema,\n  searchColumns,\n  ...htmlAttributes\n}: TablePickerProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-table-picker\",\n    css: tablePickerCss,\n    window: targetWindow,\n  });\n\n  const tableId = useIdMemo();\n\n  const {\n    containerRef,\n    dataSource,\n    highlightedIndex,\n    floatingUIProps: { x, y, strategy, floating, reference },\n    inputProps,\n    interactionPropGetters: { getFloatingProps, getReferenceProps },\n    onKeyDown,\n    open,\n    tableConfig,\n    tableHandlers,\n    tableRef,\n    value,\n    width,\n  } = useTablePicker({\n    TableProps,\n    rowToString,\n    onSelect,\n    schema,\n    searchColumns,\n  });\n\n  const endAdornment = useMemo(\n    () => (\n      <IconButton\n        {...getReferenceProps()}\n        appearance=\"transparent\"\n        data-embedded\n        ref={reference}\n        icon=\"chevron-down\"\n        onKeyDown={onKeyDown}\n        sentiment=\"neutral\"\n      />\n    ),\n    [getReferenceProps, onKeyDown, reference],\n  );\n\n  return (\n    <div {...htmlAttributes} className={classBase} ref={containerRef}>\n      <Input\n        {...inputProps}\n        bordered\n        endAdornment={endAdornment}\n        value={value}\n      />\n      <FloatingTable\n        {...getFloatingProps()}\n        collapsed={!open}\n        id={tableId}\n        open={open}\n        left={x + 3}\n        position={strategy}\n        ref={floating}\n        top={y + 3}\n      >\n        <Table\n          {...tableHandlers}\n          config={tableConfig}\n          dataSource={dataSource}\n          highlightedIndex={highlightedIndex}\n          maxViewportRowLimit={10}\n          navigationStyle=\"row\"\n          ref={tableRef}\n          selectionModel=\"single\"\n          showColumnHeaders={false}\n          width={width - 3}\n        />\n      </FloatingTable>\n    </div>\n  );\n};\n"],"names":["forwardRef","FloatingTable","useFloatingComponent","jsx","useWindow","useComponentCssInjection","tablePickerCss","useIdMemo","useTablePicker","useMemo","IconButton","Input","Table"],"mappings":"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"}