@vuu-ui/vuu-ui-controls 0.13.2 → 0.13.3

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

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.js","sources":["../../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.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","sources":["../../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.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleIconButton.js","sources":["../../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  variant = \"secondary\",\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      className={cx(classBase, className)}\n      icon={icon}\n      size={size}\n      variant={variant}\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,OAAU,GAAA,WAAA;AAAA,EACV,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,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,IAAA;AAAA,MACA,IAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/cjs/index.js

@@ -1,232 +0,0 @@
-'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 collectionProvider = require('./common-hooks/collectionProvider.js');
-var itemToString = require('./common-hooks/itemToString.js');
-var useCollectionItems = require('./common-hooks/useCollectionItems.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 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 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 TableSearch = require('./table-search/TableSearch.js');
-var keyUtils = require('./list/common-hooks/keyUtils.js');
-var useCollapsibleGroups = require('./list/common-hooks/useCollapsibleGroups.js');
-var listDomUtils = require('./list/common-hooks/list-dom-utils.js');
-var useImperativeScrollingAPI = require('./list/common-hooks/useImperativeScrollingAPI.js');
-var useKeyboardNavigation = require('./list/common-hooks/useKeyboardNavigation.js');
-var useSelection$1 = require('./common-hooks/useSelection.js');
-var useTypeahead = require('./list/common-hooks/useTypeahead.js');
-var useViewportTracking = require('./list/common-hooks/useViewportTracking.js');
-var collectionItemUtils = require('./list/common-hooks/utils/collection-item-utils.js');
-var filterUtils = require('./list/common-hooks/utils/filter-utils.js');
-var isSelected = require('./list/common-hooks/utils/isSelected.js');
-var Highlighter = require('./list/Highlighter.js');
-var ListItem = require('./list/ListItem.js');
-var List = require('./list/List.js');
-var ListItemHeader = require('./list/ListItemHeader.js');
-var ListItemGroup = require('./list/ListItemGroup.js');
-var useList = require('./list/useList.js');
-var RadioIcon = require('./list/RadioIcon.js');
-var MeasuredContainer = require('./measured-container/MeasuredContainer.js');
-var useMeasuredContainer = require('./measured-container/useMeasuredContainer.js');
-var OverflowContainer = require('./overflow-container/OverflowContainer.js');
-var overflowUtils = require('./overflow-container/overflow-utils.js');
-var PriceTicker = require('./price-ticker/PriceTicker.js');
-var SplitButton = require('./split-button/SplitButton.js');
-var SplitStateButton = require('./split-button/SplitStateButton.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 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 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.CollectionContext = collectionProvider.CollectionContext;
-exports.CollectionProvider = collectionProvider.CollectionProvider;
-exports.useCollection = collectionProvider.useCollection;
-exports.itemToString = itemToString.itemToString;
-exports.useCollectionItems = useCollectionItems.useCollectionItems;
-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.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.Icon = Icon.Icon;
-exports.IconButton = IconButton.IconButton;
-exports.ToggleIconButton = ToggleIconButton.ToggleIconButton;
-exports.TablePicker = TablePicker.TablePicker;
-exports.TableSearch = TableSearch.TableSearch;
-exports.ArrowDown = keyUtils.ArrowDown;
-exports.ArrowLeft = keyUtils.ArrowLeft;
-exports.ArrowRight = keyUtils.ArrowRight;
-exports.ArrowUp = keyUtils.ArrowUp;
-exports.End = keyUtils.End;
-exports.Enter = keyUtils.Enter;
-exports.Escape = keyUtils.Escape;
-exports.Home = keyUtils.Home;
-exports.PageDown = keyUtils.PageDown;
-exports.PageUp = keyUtils.PageUp;
-exports.Space = keyUtils.Space;
-exports.isCharacterKey = keyUtils.isCharacterKey;
-exports.isNavigationKey = keyUtils.isNavigationKey;
-exports.useCollapsibleGroups = useCollapsibleGroups.useCollapsibleGroups;
-exports.closestListItemId = listDomUtils.closestListItemId;
-exports.closestListItemIndex = listDomUtils.closestListItemIndex;
-exports.listItemElement = listDomUtils.listItemElement;
-exports.listItemId = listDomUtils.listItemId;
-exports.listItemIndex = listDomUtils.listItemIndex;
-exports.useImperativeScrollingAPI = useImperativeScrollingAPI.useImperativeScrollingAPI;
-exports.LIST_FOCUS_VISIBLE = useKeyboardNavigation.LIST_FOCUS_VISIBLE;
-exports.useKeyboardNavigation = useKeyboardNavigation.useKeyboardNavigation;
-exports.CHECKBOX = useSelection$1.CHECKBOX;
-exports.GROUP_SELECTION_CASCADE = useSelection$1.GROUP_SELECTION_CASCADE;
-exports.GROUP_SELECTION_NONE = useSelection$1.GROUP_SELECTION_NONE;
-exports.GROUP_SELECTION_SINGLE = useSelection$1.GROUP_SELECTION_SINGLE;
-exports.groupSelectionEnabled = useSelection$1.groupSelectionEnabled;
-exports.useSelection = useSelection$1.useSelection;
-exports.useTypeahead = useTypeahead.useTypeahead;
-exports.useViewportTracking = useViewportTracking.useViewportTracking;
-exports.childIsGroup = collectionItemUtils.childIsGroup;
-exports.childItems = collectionItemUtils.childItems;
-exports.countChildItems = collectionItemUtils.countChildItems;
-exports.getChildLabel = collectionItemUtils.getChildLabel;
-exports.getChildNodes = collectionItemUtils.getChildNodes;
-exports.isDisabled = collectionItemUtils.isDisabled;
-exports.isFocusable = collectionItemUtils.isFocusable;
-exports.isGroupNode = collectionItemUtils.isGroupNode;
-exports.isHeader = collectionItemUtils.isHeader;
-exports.isParentPath = collectionItemUtils.isParentPath;
-exports.replaceCollectionItem = collectionItemUtils.replaceCollectionItem;
-exports.sourceItemHasProp = collectionItemUtils.sourceItemHasProp;
-exports.sourceItems = collectionItemUtils.sourceItems;
-exports.getDefaultFilter = filterUtils.getDefaultFilter;
-exports.getDefaultFilterRegex = filterUtils.getDefaultFilterRegex;
-exports.isSelected = isSelected.isSelected;
-exports.Highlighter = Highlighter.Highlighter;
-exports.ListItem = ListItem.ListItem;
-exports.ListItemProxy = ListItem.ListItemProxy;
-exports.List = List.List;
-exports.ListItemHeader = ListItemHeader.ListItemHeader;
-exports.ListItemGroup = ListItemGroup.ListItemGroup;
-exports.useList = useList.useList;
-exports.RadioIcon = RadioIcon.RadioIcon;
-exports.MeasuredContainer = MeasuredContainer.MeasuredContainer;
-exports.reduceSizeHeight = useMeasuredContainer.reduceSizeHeight;
-exports.useMeasuredContainer = useMeasuredContainer.useMeasuredContainer;
-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.SplitButton = SplitButton.SplitButton;
-exports.SplitStateButton = SplitStateButton.SplitStateButton;
-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.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.VuuTypeaheadInput = VuuTypeaheadInput.VuuTypeaheadInput;
-//# sourceMappingURL=index.js.map

package/cjs/index.js.map

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"TablePicker.js","sources":["../../src/instrument-picker/TablePicker.tsx"],"sourcesContent":["import type { DataSourceRowObject, 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\";\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?: (row: DataSourceRowObject) => 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        data-embedded\n        ref={reference}\n        icon=\"chevron-down\"\n        onKeyDown={onKeyDown}\n        variant=\"secondary\"\n      />\n    ),\n    [getReferenceProps, onKeyDown, reference],\n  );\n\n  return (\n    <div {...htmlAttributes} className={classBase} ref={containerRef}>\n      <Input {...inputProps} endAdornment={endAdornment} value={value} />\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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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTablePicker.js","sources":["../../src/instrument-picker/useTablePicker.ts"],"sourcesContent":["import {\n  flip,\n  size,\n  useClick,\n  useDismiss,\n  useInteractions,\n} from \"@floating-ui/react\";\nimport { useFloatingUI } from \"@salt-ds/core\";\nimport {\n  ChangeEvent,\n  KeyboardEventHandler,\n  RefCallback,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { DataSourceRowObject } from \"@vuu-ui/vuu-data-types\";\nimport type {\n  TableConfig,\n  TableRowSelectHandler,\n} from \"@vuu-ui/vuu-table-types\";\nimport { isStringColumn, toColumnName, useData } from \"@vuu-ui/vuu-utils\";\nimport type { TablePickerProps } from \"./TablePicker\";\nimport {\n  isNavigationKey,\n  isRowSelectionKey,\n  useControlledTableNavigation,\n} from \"@vuu-ui/vuu-table\";\n\nexport interface TablePickerHookProps\n  extends Pick<\n    TablePickerProps,\n    \"TableProps\" | \"onSelect\" | \"rowToString\" | \"schema\" | \"searchColumns\"\n  > {\n  defaultIsOpen?: boolean;\n  isOpen?: boolean;\n}\n\nconst defaultRowToString = (row: DataSourceRowObject) =>\n  Object.values(row.data).join(\" \");\n\nexport const useTablePicker = ({\n  TableProps,\n  onSelect,\n  rowToString = defaultRowToString,\n  schema,\n  searchColumns = schema.columns.filter(isStringColumn).map(toColumnName),\n}: TablePickerHookProps) => {\n  const { VuuDataSource } = useData();\n  const [value, setValue] = useState(\"\");\n  const [open, setOpen] = useState(false);\n\n  const widthRef = useRef(-1);\n\n  const tableColumns = TableProps?.config.columns;\n\n  const containerRef = useCallback<RefCallback<HTMLDivElement>>((el) => {\n    widthRef.current = el?.clientWidth ?? -1;\n  }, []);\n\n  const dataSource = useMemo(() => {\n    const columns = tableColumns ?? schema.columns;\n\n    return new VuuDataSource({\n      columns: columns.map((c) => c.name),\n      table: schema.table,\n    });\n  }, [tableColumns, VuuDataSource, schema]);\n\n  const navigation = useControlledTableNavigation(-1, dataSource.size);\n\n  const baseFilterPattern = useMemo(\n    // TODO make this contains once server supports it\n    () => searchColumns.map((col) => `${col} starts \"__VALUE__\"`).join(\" or \"),\n    [searchColumns],\n  );\n\n  // const handleOpenChange = useCallback<OpenChangeHandler>(\n  //   (open, closeReason) => {\n  //     setIsOpen(open);\n  //     onOpenChange?.(open, closeReason);\n  //   },\n  //   [onOpenChange, setIsOpen],\n  // );\n\n  const { context, elements, ...floatingUIProps } = useFloatingUI({\n    open,\n    onOpenChange: setOpen,\n    placement: \"bottom-end\",\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 interactionPropGetters = useInteractions([\n    useDismiss(context),\n    useClick(context, { keyboardHandlers: false, toggle: false }),\n  ]);\n\n  const handleInputChange = useCallback(\n    (evt: ChangeEvent<HTMLInputElement>) => {\n      const { value } = evt.target;\n      setValue(value);\n\n      console.log(`input changed ${value}`);\n\n      if (value && value.trim().length) {\n        const filter = baseFilterPattern.replaceAll(\"__VALUE__\", value);\n        dataSource.filter = {\n          filter,\n        };\n      } else {\n        dataSource.filter = {\n          filter: \"\",\n        };\n      }\n    },\n    [baseFilterPattern, dataSource],\n  );\n\n  const handleSelectRow = useCallback<TableRowSelectHandler>(\n    (row) => {\n      const value = row === null ? \"\" : rowToString(row);\n      setValue(value);\n      onSelect?.(row);\n      // TODO do we need to include a reason ?\n      requestAnimationFrame(() => {\n        setOpen(false);\n      });\n    },\n    [onSelect, rowToString],\n  );\n\n  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLElement>>(\n    (evt) => {\n      if (open) {\n        if (isNavigationKey(evt.key, \"row\") || isRowSelectionKey(evt.key)) {\n          navigation.onKeyDown(evt);\n        }\n      } else {\n        if (evt.key === \"ArrowDown\" || evt.key === \"Enter\") {\n          setOpen(true);\n        }\n      }\n    },\n    [navigation, open],\n  );\n\n  const inputProps = {\n    inputProps: {\n      autoComplete: \"off\",\n      onKeyDown: handleKeyDown,\n    },\n    onChange: handleInputChange,\n  };\n  const tableHandlers = {\n    onSelect: handleSelectRow,\n  };\n\n  const tableConfig = useMemo<TableConfig>(() => {\n    const config = TableProps?.config;\n    if (config) {\n      const {\n        columns = schema.columns,\n        columnLayout = \"fit\",\n        ...rest\n      } = config;\n      return {\n        columns,\n        columnLayout,\n        ...rest,\n      };\n    } else {\n      return {\n        columnLayout: \"fit\",\n        columns: schema.columns,\n      };\n    }\n  }, [TableProps, schema]);\n\n  return {\n    containerRef,\n    dataSource,\n    highlightedIndex: navigation.highlightedIndexRef.current,\n    floatingUIProps,\n    inputProps,\n    interactionPropGetters,\n    onKeyDown: handleKeyDown,\n    open,\n    tableConfig,\n    tableHandlers,\n    tableRef: navigation.tableRef,\n    value,\n    width: widthRef.current,\n  };\n};\n"],"names":["isStringColumn","toColumnName","useData","useState","useRef","useCallback","useMemo","useControlledTableNavigation","useFloatingUI","size","elements","flip","useInteractions","useDismiss","useClick","value","isNavigationKey","isRowSelectionKey"],"mappings":"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"}

package/cjs/list/Highlighter.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var highlighterCss = ".saltHighlighter-highlight {\n  font-weight: var(--salt-text-fontWeight-strong); /* TODO: Check with design */\n}\n";
-
-module.exports = highlighterCss;
-//# sourceMappingURL=Highlighter.css.js.map

package/cjs/list/Highlighter.css.js.map

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

package/cjs/list/Highlighter.js

@@ -1,36 +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 escapeRegExp = require('../utils/escapeRegExp.js');
-var Highlighter$1 = require('./Highlighter.css.js');
-
-const withBaseName = core.makePrefixer("saltHighlighter");
-const Highlighter = (props) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-highlighter",
-    css: Highlighter$1,
-    window: targetWindow
-  });
-  const { matchPattern, text = "" } = props;
-  const matchRegex = typeof matchPattern === "string" ? new RegExp(`(${escapeRegExp.escapeRegExp(matchPattern)})`, "gi") : matchPattern;
-  if (matchRegex === void 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: text });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { children: text.split(matchRegex).map(
-    (part, index) => part.match(matchRegex) ? /* @__PURE__ */ jsxRuntime.jsx(
-      "strong",
-      {
-        className: withBaseName("highlight"),
-        children: part
-      },
-      `${index}-${part}`
-    ) : part
-  ) });
-};
-
-exports.Highlighter = Highlighter;
-//# sourceMappingURL=Highlighter.js.map

package/cjs/list/Highlighter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Highlighter.js","sources":["../../src/list/Highlighter.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ReactElement } from \"react\";\nimport { escapeRegExp } from \"../utils\";\n\nimport highlighterCss from \"./Highlighter.css\";\n\nconst withBaseName = makePrefixer(\"saltHighlighter\");\n\nexport interface HighlighterProps {\n  matchPattern?: RegExp | string;\n  text?: string;\n}\n\nexport const Highlighter = (\n  props: HighlighterProps\n): ReactElement<HighlighterProps> => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-highlighter\",\n    css: highlighterCss,\n    window: targetWindow,\n  });\n\n  const { matchPattern, text = \"\" } = props;\n\n  const matchRegex =\n    typeof matchPattern === \"string\"\n      ? new RegExp(`(${escapeRegExp(matchPattern)})`, \"gi\")\n      : matchPattern;\n\n  if (matchRegex === undefined) {\n    return <>{text}</>;\n  }\n  return (\n    <span>\n      {text.split(matchRegex).map((part, index) =>\n        part.match(matchRegex) ? (\n          <strong\n            className={withBaseName(\"highlight\")}\n            key={`${index}-${part}`}\n          >\n            {part}\n          </strong>\n        ) : (\n          part\n        )\n      )}\n    </span>\n  );\n};\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","highlighterCss","escapeRegExp","jsx"],"mappings":";;;;;;;;;AAQA,MAAM,YAAA,GAAeA,kBAAa,iBAAiB,CAAA;AAOtC,MAAA,WAAA,GAAc,CACzB,KACmC,KAAA;AACnC,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,aAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,YAAA,EAAc,IAAO,GAAA,EAAA,EAAO,GAAA,KAAA;AAEpC,EAAA,MAAM,UACJ,GAAA,OAAO,YAAiB,KAAA,QAAA,GACpB,IAAI,MAAA,CAAO,CAAI,CAAA,EAAAC,yBAAA,CAAa,YAAY,CAAC,CAAK,CAAA,CAAA,EAAA,IAAI,CAClD,GAAA,YAAA;AAEN,EAAA,IAAI,eAAe,KAAW,CAAA,EAAA;AAC5B,IAAA,6DAAU,QAAK,EAAA,IAAA,EAAA,CAAA;AAAA;AAEjB,EAAA,uBACGC,cAAA,CAAA,MAAA,EAAA,EACE,QAAK,EAAA,IAAA,CAAA,KAAA,CAAM,UAAU,CAAE,CAAA,GAAA;AAAA,IAAI,CAAC,IAAM,EAAA,KAAA,KACjC,IAAK,CAAA,KAAA,CAAM,UAAU,CACnB,mBAAAA,cAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,QAGlC,QAAA,EAAA;AAAA,OAAA;AAAA,MAFI,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,IAAI,CAAA;AAAA,KAKvB,GAAA;AAAA,GAGN,EAAA,CAAA;AAEJ;;;;"}

package/cjs/list/List.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var listCss = ".vuuList {\n  --list-background: var(--salt-container-primary-background);\n  --list-borderStyle: var(\n    --vuuList-borderStyle,\n    var(--salt-container-borderStyle)\n  );\n  --list-borderWidth: var(--salt-size-border);\n  --list-height: auto;\n  --list-item-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  --list-item-gap: 0px;\n  --list-maxHeight: 100%;\n  --vuuDraggable-display: block;\n  --vuuDraggable-spacer-height: 0;\n  --vuuDraggable-spacer-width: 100%;\n  --vuuDraggable-transitionProp: height;\n  --vuuMeasuredContainer-height: var(--computed-list-height);\n\n  background: var(--list-background);\n  border: var(--list-borderStyle) var(--list-borderWidth)\n    var(--salt-container-primary-borderColor);\n  height: var(--saltList-height, var(--list-height));\n  max-height: var(--list-maxHeight);\n  outline: none;\n  position: relative;\n  user-select: none;\n  width: var(--saltList-width, auto);\n  padding: 0 1px;\n}\n\n.vuuDraggable-list-item {\n  --vuuList-item-background: var(--salt-selectable-background-hover);\n}\n\n.vuuList-contentSized {\n  box-sizing: content-box;\n}\n\n.vuuList-borderless {\n  --list-borderStyle: none;\n}\n\n/* virtualised list */\n.vuuList-viewport {\n  height: var(--computed-list-height, var(--measured-px-height));\n  overflow: auto;\n}\n\n.vuuListHeader {\n  --saltList-item-background: var(--list-item-header-background);\n  color: var(--list-item-header-color);\n  font-weight: 600;\n}\n\n.vuuListHeader[data-sticky=\"true\"] {\n  --saltList-item-background: var(--list-background);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.vuuList-collapsible .vuuListItemHeader:after {\n  border-width: var(--checkbox-borderWidth);\n  border-color: var(--checkbox-borderColor);\n  content: var(--list-item-header-twisty-content);\n  -webkit-mask: var(--list-svg-chevron-down) center center/12px 12px no-repeat;\n  mask: var(--list-svg-chevron-down) center center/12px 12px no-repeat;\n  background: var(--list-item-header-twisty-color);\n  height: 12px;\n  left: var(--list-item-header-twisty-left);\n  right: var(--list-item-header-twisty-right);\n  margin-top: -8px;\n  position: absolute;\n  top: var(--list-item-header-twisty-top);\n  transition: transform 0.3s;\n  width: 12px;\n}\n.vuuListItemHeader[aria-expanded=\"false\"]:after {\n  transform: rotate(-90deg);\n}\n\n/* Selection */\n\n.vuuList-scrollingContentContainer {\n  box-sizing: inherit;\n  position: relative;\n}\n\n.vuuList-virtualized .vuuListItem {\n  line-height: 30px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  will-change: transform;\n}\n.vuuList.saltFocusVisible:after {\n  inset: 2px;\n}\n";
-
-module.exports = listCss;
-//# sourceMappingURL=List.css.js.map

package/cjs/list/List.css.js.map

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