@vuu-ui/vuu-ui-controls 0.0.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +201 -0
- package/README.md +0 -0
- package/cjs/calendar/Calendar.css.js +6 -0
- package/cjs/calendar/Calendar.css.js.map +1 -0
- package/cjs/calendar/Calendar.js +74 -0
- package/cjs/calendar/Calendar.js.map +1 -0
- package/cjs/calendar/internal/CalendarCarousel.css.js +6 -0
- package/cjs/calendar/internal/CalendarCarousel.css.js.map +1 -0
- package/cjs/calendar/internal/CalendarCarousel.js +97 -0
- package/cjs/calendar/internal/CalendarCarousel.js.map +1 -0
- package/cjs/calendar/internal/CalendarContext.js +19 -0
- package/cjs/calendar/internal/CalendarContext.js.map +1 -0
- package/cjs/calendar/internal/CalendarDay.css.js +6 -0
- package/cjs/calendar/internal/CalendarDay.css.js.map +1 -0
- package/cjs/calendar/internal/CalendarDay.js +83 -0
- package/cjs/calendar/internal/CalendarDay.js.map +1 -0
- package/cjs/calendar/internal/CalendarMonth.css.js +6 -0
- package/cjs/calendar/internal/CalendarMonth.css.js.map +1 -0
- package/cjs/calendar/internal/CalendarMonth.js +73 -0
- package/cjs/calendar/internal/CalendarMonth.js.map +1 -0
- package/cjs/calendar/internal/CalendarNavigation.css.js +6 -0
- package/cjs/calendar/internal/CalendarNavigation.css.js.map +1 -0
- package/cjs/calendar/internal/CalendarNavigation.js +250 -0
- package/cjs/calendar/internal/CalendarNavigation.js.map +1 -0
- package/cjs/calendar/internal/CalendarWeekHeader.css.js +6 -0
- package/cjs/calendar/internal/CalendarWeekHeader.css.js.map +1 -0
- package/cjs/calendar/internal/CalendarWeekHeader.js +43 -0
- package/cjs/calendar/internal/CalendarWeekHeader.js.map +1 -0
- package/cjs/calendar/internal/useFocusManagement.js +63 -0
- package/cjs/calendar/internal/useFocusManagement.js.map +1 -0
- package/cjs/calendar/internal/utils.js +63 -0
- package/cjs/calendar/internal/utils.js.map +1 -0
- package/cjs/calendar/useCalendar.js +131 -0
- package/cjs/calendar/useCalendar.js.map +1 -0
- package/cjs/calendar/useCalendarDay.js +70 -0
- package/cjs/calendar/useCalendarDay.js.map +1 -0
- package/cjs/calendar/useSelection.js +242 -0
- package/cjs/calendar/useSelection.js.map +1 -0
- package/cjs/combo-box/ComboBox.js +191 -0
- package/cjs/combo-box/ComboBox.js.map +1 -0
- package/cjs/combo-box/useCombobox.js +358 -0
- package/cjs/combo-box/useCombobox.js.map +1 -0
- package/cjs/common-hooks/collectionProvider.js +24 -0
- package/cjs/common-hooks/collectionProvider.js.map +1 -0
- package/cjs/common-hooks/isPlainObject.js +6 -0
- package/cjs/common-hooks/isPlainObject.js.map +1 -0
- package/cjs/common-hooks/itemToString.js +24 -0
- package/cjs/common-hooks/itemToString.js.map +1 -0
- package/cjs/common-hooks/selectionTypes.js +18 -0
- package/cjs/common-hooks/selectionTypes.js.map +1 -0
- package/cjs/common-hooks/use-resize-observer.js +123 -0
- package/cjs/common-hooks/use-resize-observer.js.map +1 -0
- package/cjs/common-hooks/useCollectionItems.js +309 -0
- package/cjs/common-hooks/useCollectionItems.js.map +1 -0
- package/cjs/common-hooks/useControlled.js +58 -0
- package/cjs/common-hooks/useControlled.js.map +1 -0
- package/cjs/common-hooks/useSelection.js +212 -0
- package/cjs/common-hooks/useSelection.js.map +1 -0
- package/cjs/common-hooks/useStateRef.js +23 -0
- package/cjs/common-hooks/useStateRef.js.map +1 -0
- package/cjs/cycle-state-button/CycleStateButton.js +54 -0
- package/cjs/cycle-state-button/CycleStateButton.js.map +1 -0
- package/cjs/date-input/DateInput.css.js +6 -0
- package/cjs/date-input/DateInput.css.js.map +1 -0
- package/cjs/date-input/DateInput.js +90 -0
- package/cjs/date-input/DateInput.js.map +1 -0
- package/cjs/date-input/DateRangeInput.js +77 -0
- package/cjs/date-input/DateRangeInput.js.map +1 -0
- package/cjs/date-input/useDatePicker.js +20 -0
- package/cjs/date-input/useDatePicker.js.map +1 -0
- package/cjs/date-popup/DatePopup.js +90 -0
- package/cjs/date-popup/DatePopup.js.map +1 -0
- package/cjs/date-popup/useDatePopup.js +77 -0
- package/cjs/date-popup/useDatePopup.js.map +1 -0
- package/cjs/drag-drop/DragDropProvider.js +145 -0
- package/cjs/drag-drop/DragDropProvider.js.map +1 -0
- package/cjs/drag-drop/DragDropState.js +29 -0
- package/cjs/drag-drop/DragDropState.js.map +1 -0
- package/cjs/drag-drop/Draggable.css.js +6 -0
- package/cjs/drag-drop/Draggable.css.js.map +1 -0
- package/cjs/drag-drop/Draggable.js +95 -0
- package/cjs/drag-drop/Draggable.js.map +1 -0
- package/cjs/drag-drop/dragDropTypes.js +8 -0
- package/cjs/drag-drop/dragDropTypes.js.map +1 -0
- package/cjs/drag-drop/drop-target-utils.js +245 -0
- package/cjs/drag-drop/drop-target-utils.js.map +1 -0
- package/cjs/drag-drop/useAutoScroll.js +71 -0
- package/cjs/drag-drop/useAutoScroll.js.map +1 -0
- package/cjs/drag-drop/useDragDisplacers.js +160 -0
- package/cjs/drag-drop/useDragDisplacers.js.map +1 -0
- package/cjs/drag-drop/useDragDrop.js +499 -0
- package/cjs/drag-drop/useDragDrop.js.map +1 -0
- package/cjs/drag-drop/useDragDropCopy.js +34 -0
- package/cjs/drag-drop/useDragDropCopy.js.map +1 -0
- package/cjs/drag-drop/useDragDropIndicator.js +251 -0
- package/cjs/drag-drop/useDragDropIndicator.js.map +1 -0
- package/cjs/drag-drop/useDragDropNaturalMovement.js +264 -0
- package/cjs/drag-drop/useDragDropNaturalMovement.js.map +1 -0
- package/cjs/drag-drop/useDropIndicator.js +27 -0
- package/cjs/drag-drop/useDropIndicator.js.map +1 -0
- package/cjs/drag-drop/useGlobalDragDrop.js +89 -0
- package/cjs/drag-drop/useGlobalDragDrop.js.map +1 -0
- package/cjs/dropdown/Dropdown.css.js +6 -0
- package/cjs/dropdown/Dropdown.css.js.map +1 -0
- package/cjs/dropdown/Dropdown.js +150 -0
- package/cjs/dropdown/Dropdown.js.map +1 -0
- package/cjs/dropdown/DropdownBase.js +121 -0
- package/cjs/dropdown/DropdownBase.js.map +1 -0
- package/cjs/dropdown/DropdownButton.css.js +6 -0
- package/cjs/dropdown/DropdownButton.css.js.map +1 -0
- package/cjs/dropdown/DropdownButton.js +72 -0
- package/cjs/dropdown/DropdownButton.js.map +1 -0
- package/cjs/dropdown/useClickAway.js +67 -0
- package/cjs/dropdown/useClickAway.js.map +1 -0
- package/cjs/dropdown/useDropdown.js +115 -0
- package/cjs/dropdown/useDropdown.js.map +1 -0
- package/cjs/dropdown/useDropdownBase.js +169 -0
- package/cjs/dropdown/useDropdownBase.js.map +1 -0
- package/cjs/editable/editable-utils.js +37 -0
- package/cjs/editable/editable-utils.js.map +1 -0
- package/cjs/editable/useEditableText.js +106 -0
- package/cjs/editable/useEditableText.js.map +1 -0
- package/cjs/editable-label/EditableLabel.css.js +6 -0
- package/cjs/editable-label/EditableLabel.css.js.map +1 -0
- package/cjs/editable-label/EditableLabel.js +138 -0
- package/cjs/editable-label/EditableLabel.js.map +1 -0
- package/cjs/expando-input/ExpandoInput.css.js +6 -0
- package/cjs/expando-input/ExpandoInput.css.js.map +1 -0
- package/cjs/expando-input/ExpandoInput.js +53 -0
- package/cjs/expando-input/ExpandoInput.js.map +1 -0
- package/cjs/icon-button/Icon.css.js +6 -0
- package/cjs/icon-button/Icon.css.js.map +1 -0
- package/cjs/icon-button/Icon.js +37 -0
- package/cjs/icon-button/Icon.js.map +1 -0
- package/cjs/icon-button/IconButton.css.js +6 -0
- package/cjs/icon-button/IconButton.css.js.map +1 -0
- package/cjs/icon-button/IconButton.js +26 -0
- package/cjs/icon-button/IconButton.js.map +1 -0
- package/cjs/index.js +231 -0
- package/cjs/index.js.map +1 -0
- package/cjs/inputs/Checkbox.css.js +6 -0
- package/cjs/inputs/Checkbox.css.js.map +1 -0
- package/cjs/inputs/Checkbox.js +32 -0
- package/cjs/inputs/Checkbox.js.map +1 -0
- package/cjs/inputs/RadioButton.css.js +6 -0
- package/cjs/inputs/RadioButton.css.js.map +1 -0
- package/cjs/inputs/RadioButton.js +39 -0
- package/cjs/inputs/RadioButton.js.map +1 -0
- package/cjs/instrument-picker/InstrumentPicker.css.js +6 -0
- package/cjs/instrument-picker/InstrumentPicker.css.js.map +1 -0
- package/cjs/instrument-picker/InstrumentPicker.js +113 -0
- package/cjs/instrument-picker/InstrumentPicker.js.map +1 -0
- package/cjs/instrument-picker/SearchCell.css.js +6 -0
- package/cjs/instrument-picker/SearchCell.css.js.map +1 -0
- package/cjs/instrument-picker/SearchCell.js +33 -0
- package/cjs/instrument-picker/SearchCell.js.map +1 -0
- package/cjs/instrument-picker/useInstrumentPicker.js +87 -0
- package/cjs/instrument-picker/useInstrumentPicker.js.map +1 -0
- package/cjs/instrument-search/InstrumentSearch.css.js +6 -0
- package/cjs/instrument-search/InstrumentSearch.css.js.map +1 -0
- package/cjs/instrument-search/InstrumentSearch.js +96 -0
- package/cjs/instrument-search/InstrumentSearch.js.map +1 -0
- package/cjs/instrument-search/SearchCell.css.js +6 -0
- package/cjs/instrument-search/SearchCell.css.js.map +1 -0
- package/cjs/instrument-search/SearchCell.js +33 -0
- package/cjs/instrument-search/SearchCell.js.map +1 -0
- package/cjs/instrument-search/useInstrumentSearch.js +39 -0
- package/cjs/instrument-search/useInstrumentSearch.js.map +1 -0
- package/cjs/list/CheckboxIcon.css.js +6 -0
- package/cjs/list/CheckboxIcon.css.js.map +1 -0
- package/cjs/list/CheckboxIcon.js +33 -0
- package/cjs/list/CheckboxIcon.js.map +1 -0
- package/cjs/list/ChevronIcon.css.js +6 -0
- package/cjs/list/ChevronIcon.css.js.map +1 -0
- package/cjs/list/ChevronIcon.js +22 -0
- package/cjs/list/ChevronIcon.js.map +1 -0
- package/cjs/list/Highlighter.css.js +6 -0
- package/cjs/list/Highlighter.css.js.map +1 -0
- package/cjs/list/Highlighter.js +36 -0
- package/cjs/list/Highlighter.js.map +1 -0
- package/cjs/list/List.css.js +6 -0
- package/cjs/list/List.css.js.map +1 -0
- package/cjs/list/List.js +317 -0
- package/cjs/list/List.js.map +1 -0
- package/cjs/list/ListItem.css.js +6 -0
- package/cjs/list/ListItem.css.js.map +1 -0
- package/cjs/list/ListItem.js +84 -0
- package/cjs/list/ListItem.js.map +1 -0
- package/cjs/list/ListItemGroup.js +6 -0
- package/cjs/list/ListItemGroup.js.map +1 -0
- package/cjs/list/ListItemHeader.js +6 -0
- package/cjs/list/ListItemHeader.js.map +1 -0
- package/cjs/list/RadioIcon.css.js +6 -0
- package/cjs/list/RadioIcon.css.js.map +1 -0
- package/cjs/list/RadioIcon.js +27 -0
- package/cjs/list/RadioIcon.js.map +1 -0
- package/cjs/list/common-hooks/keyUtils.js +78 -0
- package/cjs/list/common-hooks/keyUtils.js.map +1 -0
- package/cjs/list/common-hooks/list-dom-utils.js +25 -0
- package/cjs/list/common-hooks/list-dom-utils.js.map +1 -0
- package/cjs/list/common-hooks/useCollapsibleGroups.js +82 -0
- package/cjs/list/common-hooks/useCollapsibleGroups.js.map +1 -0
- package/cjs/list/common-hooks/useImperativeScrollingAPI.js +52 -0
- package/cjs/list/common-hooks/useImperativeScrollingAPI.js.map +1 -0
- package/cjs/list/common-hooks/useKeyboardNavigation.js +289 -0
- package/cjs/list/common-hooks/useKeyboardNavigation.js.map +1 -0
- package/cjs/list/common-hooks/useTypeahead.js +74 -0
- package/cjs/list/common-hooks/useTypeahead.js.map +1 -0
- package/cjs/list/common-hooks/useViewportTracking.js +133 -0
- package/cjs/list/common-hooks/useViewportTracking.js.map +1 -0
- package/cjs/list/common-hooks/utils/collection-item-utils.js +181 -0
- package/cjs/list/common-hooks/utils/collection-item-utils.js.map +1 -0
- package/cjs/list/common-hooks/utils/filter-utils.js +11 -0
- package/cjs/list/common-hooks/utils/filter-utils.js.map +1 -0
- package/cjs/list/common-hooks/utils/isSelected.js +9 -0
- package/cjs/list/common-hooks/utils/isSelected.js.map +1 -0
- package/cjs/list/useList.js +278 -0
- package/cjs/list/useList.js.map +1 -0
- package/cjs/list/useListDrop.js +92 -0
- package/cjs/list/useListDrop.js.map +1 -0
- package/cjs/list/useListHeight.js +77 -0
- package/cjs/list/useListHeight.js.map +1 -0
- package/cjs/list/useScrollPosition.js +74 -0
- package/cjs/list/useScrollPosition.js.map +1 -0
- package/cjs/measured-container/MeasuredContainer.css.js +6 -0
- package/cjs/measured-container/MeasuredContainer.css.js.map +1 -0
- package/cjs/measured-container/MeasuredContainer.js +69 -0
- package/cjs/measured-container/MeasuredContainer.js.map +1 -0
- package/cjs/measured-container/useMeasuredContainer.js +127 -0
- package/cjs/measured-container/useMeasuredContainer.js.map +1 -0
- package/cjs/measured-container/useResizeObserver.js +130 -0
- package/cjs/measured-container/useResizeObserver.js.map +1 -0
- package/cjs/overflow-container/OverflowContainer.css.js +6 -0
- package/cjs/overflow-container/OverflowContainer.css.js.map +1 -0
- package/cjs/overflow-container/OverflowContainer.js +142 -0
- package/cjs/overflow-container/OverflowContainer.js.map +1 -0
- package/cjs/overflow-container/overflow-utils.js +286 -0
- package/cjs/overflow-container/overflow-utils.js.map +1 -0
- package/cjs/overflow-container/useOverflowContainer.js +143 -0
- package/cjs/overflow-container/useOverflowContainer.js.map +1 -0
- package/cjs/price-ticker/PriceTicker.css.js +6 -0
- package/cjs/price-ticker/PriceTicker.css.js.map +1 -0
- package/cjs/price-ticker/PriceTicker.js +50 -0
- package/cjs/price-ticker/PriceTicker.js.map +1 -0
- package/cjs/split-button/SplitButton.css.js +6 -0
- package/cjs/split-button/SplitButton.css.js.map +1 -0
- package/cjs/split-button/SplitButton.js +81 -0
- package/cjs/split-button/SplitButton.js.map +1 -0
- package/cjs/split-button/SplitStateButton.css.js +6 -0
- package/cjs/split-button/SplitStateButton.css.js.map +1 -0
- package/cjs/split-button/SplitStateButton.js +31 -0
- package/cjs/split-button/SplitStateButton.js.map +1 -0
- package/cjs/split-button/useSplitButton.js +84 -0
- package/cjs/split-button/useSplitButton.js.map +1 -0
- package/cjs/tabstrip/Tab.css.js +6 -0
- package/cjs/tabstrip/Tab.css.js.map +1 -0
- package/cjs/tabstrip/Tab.js +151 -0
- package/cjs/tabstrip/Tab.js.map +1 -0
- package/cjs/tabstrip/TabMenu.css.js +6 -0
- package/cjs/tabstrip/TabMenu.css.js.map +1 -0
- package/cjs/tabstrip/TabMenu.js +72 -0
- package/cjs/tabstrip/TabMenu.js.map +1 -0
- package/cjs/tabstrip/TabMenuOptions.js +20 -0
- package/cjs/tabstrip/TabMenuOptions.js.map +1 -0
- package/cjs/tabstrip/Tabstrip.css.js +6 -0
- package/cjs/tabstrip/Tabstrip.css.js.map +1 -0
- package/cjs/tabstrip/Tabstrip.js +156 -0
- package/cjs/tabstrip/Tabstrip.js.map +1 -0
- package/cjs/tabstrip/tabstrip-dom-utils.js +19 -0
- package/cjs/tabstrip/tabstrip-dom-utils.js.map +1 -0
- package/cjs/tabstrip/useAnimatedSelectionThumb.js +85 -0
- package/cjs/tabstrip/useAnimatedSelectionThumb.js.map +1 -0
- package/cjs/tabstrip/useKeyboardNavigation.js +243 -0
- package/cjs/tabstrip/useKeyboardNavigation.js.map +1 -0
- package/cjs/tabstrip/useSelection.js +60 -0
- package/cjs/tabstrip/useSelection.js.map +1 -0
- package/cjs/tabstrip/useTabstrip.js +261 -0
- package/cjs/tabstrip/useTabstrip.js.map +1 -0
- package/cjs/toolbar/Toolbar.css.js +6 -0
- package/cjs/toolbar/Toolbar.css.js.map +1 -0
- package/cjs/toolbar/Toolbar.js +90 -0
- package/cjs/toolbar/Toolbar.js.map +1 -0
- package/cjs/toolbar/toolbar-dom-utils.js +18 -0
- package/cjs/toolbar/toolbar-dom-utils.js.map +1 -0
- package/cjs/toolbar/useKeyboardNavigation.js +305 -0
- package/cjs/toolbar/useKeyboardNavigation.js.map +1 -0
- package/cjs/toolbar/useSelection.js +94 -0
- package/cjs/toolbar/useSelection.js.map +1 -0
- package/cjs/toolbar/useToolbar.js +100 -0
- package/cjs/toolbar/useToolbar.js.map +1 -0
- package/cjs/tree/Tree.css.js +6 -0
- package/cjs/tree/Tree.css.js.map +1 -0
- package/cjs/tree/Tree.js +179 -0
- package/cjs/tree/Tree.js.map +1 -0
- package/cjs/tree/hierarchical-data-utils.js +72 -0
- package/cjs/tree/hierarchical-data-utils.js.map +1 -0
- package/cjs/tree/key-code.js +62 -0
- package/cjs/tree/key-code.js.map +1 -0
- package/cjs/tree/list-dom-utils.js +19 -0
- package/cjs/tree/list-dom-utils.js.map +1 -0
- package/cjs/tree/treeTypeUtils.js +6 -0
- package/cjs/tree/treeTypeUtils.js.map +1 -0
- package/cjs/tree/use-collapsible-groups.js +85 -0
- package/cjs/tree/use-collapsible-groups.js.map +1 -0
- package/cjs/tree/use-hierarchical-data.js +51 -0
- package/cjs/tree/use-hierarchical-data.js.map +1 -0
- package/cjs/tree/use-items-with-ids.js +100 -0
- package/cjs/tree/use-items-with-ids.js.map +1 -0
- package/cjs/tree/use-keyboard-navigation.js +144 -0
- package/cjs/tree/use-keyboard-navigation.js.map +1 -0
- package/cjs/tree/use-selection.js +154 -0
- package/cjs/tree/use-selection.js.map +1 -0
- package/cjs/tree/use-tree-keyboard-navigation.js +41 -0
- package/cjs/tree/use-tree-keyboard-navigation.js.map +1 -0
- package/cjs/tree/use-viewport-tracking.js +76 -0
- package/cjs/tree/use-viewport-tracking.js.map +1 -0
- package/cjs/tree/useTree.js +106 -0
- package/cjs/tree/useTree.js.map +1 -0
- package/cjs/utils/escapeRegExp.js +9 -0
- package/cjs/utils/escapeRegExp.js.map +1 -0
- package/cjs/utils/forwardCallbackProps.js +22 -0
- package/cjs/utils/forwardCallbackProps.js.map +1 -0
- package/cjs/utils/isOverflowElement.js +8 -0
- package/cjs/utils/isOverflowElement.js.map +1 -0
- package/cjs/vuu-input/VuuInput.css.js +6 -0
- package/cjs/vuu-input/VuuInput.css.js.map +1 -0
- package/cjs/vuu-input/VuuInput.js +105 -0
- package/cjs/vuu-input/VuuInput.js.map +1 -0
- package/esm/calendar/Calendar.css.js +4 -0
- package/esm/calendar/Calendar.css.js.map +1 -0
- package/esm/calendar/Calendar.js +72 -0
- package/esm/calendar/Calendar.js.map +1 -0
- package/esm/calendar/internal/CalendarCarousel.css.js +4 -0
- package/esm/calendar/internal/CalendarCarousel.css.js.map +1 -0
- package/esm/calendar/internal/CalendarCarousel.js +95 -0
- package/esm/calendar/internal/CalendarCarousel.js.map +1 -0
- package/esm/calendar/internal/CalendarContext.js +16 -0
- package/esm/calendar/internal/CalendarContext.js.map +1 -0
- package/esm/calendar/internal/CalendarDay.css.js +4 -0
- package/esm/calendar/internal/CalendarDay.css.js.map +1 -0
- package/esm/calendar/internal/CalendarDay.js +81 -0
- package/esm/calendar/internal/CalendarDay.js.map +1 -0
- package/esm/calendar/internal/CalendarMonth.css.js +4 -0
- package/esm/calendar/internal/CalendarMonth.css.js.map +1 -0
- package/esm/calendar/internal/CalendarMonth.js +71 -0
- package/esm/calendar/internal/CalendarMonth.js.map +1 -0
- package/esm/calendar/internal/CalendarNavigation.css.js +4 -0
- package/esm/calendar/internal/CalendarNavigation.css.js.map +1 -0
- package/esm/calendar/internal/CalendarNavigation.js +248 -0
- package/esm/calendar/internal/CalendarNavigation.js.map +1 -0
- package/esm/calendar/internal/CalendarWeekHeader.css.js +4 -0
- package/esm/calendar/internal/CalendarWeekHeader.css.js.map +1 -0
- package/esm/calendar/internal/CalendarWeekHeader.js +41 -0
- package/esm/calendar/internal/CalendarWeekHeader.js.map +1 -0
- package/esm/calendar/internal/useFocusManagement.js +61 -0
- package/esm/calendar/internal/useFocusManagement.js.map +1 -0
- package/esm/calendar/internal/utils.js +55 -0
- package/esm/calendar/internal/utils.js.map +1 -0
- package/esm/calendar/useCalendar.js +129 -0
- package/esm/calendar/useCalendar.js.map +1 -0
- package/esm/calendar/useCalendarDay.js +68 -0
- package/esm/calendar/useCalendarDay.js.map +1 -0
- package/esm/calendar/useSelection.js +239 -0
- package/esm/calendar/useSelection.js.map +1 -0
- package/esm/combo-box/ComboBox.js +189 -0
- package/esm/combo-box/ComboBox.js.map +1 -0
- package/esm/combo-box/useCombobox.js +356 -0
- package/esm/combo-box/useCombobox.js.map +1 -0
- package/esm/common-hooks/collectionProvider.js +20 -0
- package/esm/common-hooks/collectionProvider.js.map +1 -0
- package/esm/common-hooks/isPlainObject.js +4 -0
- package/esm/common-hooks/isPlainObject.js.map +1 -0
- package/esm/common-hooks/itemToString.js +22 -0
- package/esm/common-hooks/itemToString.js.map +1 -0
- package/esm/common-hooks/selectionTypes.js +10 -0
- package/esm/common-hooks/selectionTypes.js.map +1 -0
- package/esm/common-hooks/use-resize-observer.js +118 -0
- package/esm/common-hooks/use-resize-observer.js.map +1 -0
- package/esm/common-hooks/useCollectionItems.js +307 -0
- package/esm/common-hooks/useCollectionItems.js.map +1 -0
- package/esm/common-hooks/useControlled.js +56 -0
- package/esm/common-hooks/useControlled.js.map +1 -0
- package/esm/common-hooks/useSelection.js +205 -0
- package/esm/common-hooks/useSelection.js.map +1 -0
- package/esm/common-hooks/useStateRef.js +21 -0
- package/esm/common-hooks/useStateRef.js.map +1 -0
- package/esm/cycle-state-button/CycleStateButton.js +52 -0
- package/esm/cycle-state-button/CycleStateButton.js.map +1 -0
- package/esm/date-input/DateInput.css.js +4 -0
- package/esm/date-input/DateInput.css.js.map +1 -0
- package/esm/date-input/DateInput.js +88 -0
- package/esm/date-input/DateInput.js.map +1 -0
- package/esm/date-input/DateRangeInput.js +75 -0
- package/esm/date-input/DateRangeInput.js.map +1 -0
- package/esm/date-input/useDatePicker.js +18 -0
- package/esm/date-input/useDatePicker.js.map +1 -0
- package/esm/date-popup/DatePopup.js +88 -0
- package/esm/date-popup/DatePopup.js.map +1 -0
- package/esm/date-popup/useDatePopup.js +75 -0
- package/esm/date-popup/useDatePopup.js.map +1 -0
- package/esm/drag-drop/DragDropProvider.js +142 -0
- package/esm/drag-drop/DragDropProvider.js.map +1 -0
- package/esm/drag-drop/DragDropState.js +27 -0
- package/esm/drag-drop/DragDropState.js.map +1 -0
- package/esm/drag-drop/Draggable.css.js +4 -0
- package/esm/drag-drop/Draggable.css.js.map +1 -0
- package/esm/drag-drop/Draggable.js +90 -0
- package/esm/drag-drop/Draggable.js.map +1 -0
- package/esm/drag-drop/dragDropTypes.js +5 -0
- package/esm/drag-drop/dragDropTypes.js.map +1 -0
- package/esm/drag-drop/drop-target-utils.js +228 -0
- package/esm/drag-drop/drop-target-utils.js.map +1 -0
- package/esm/drag-drop/useAutoScroll.js +69 -0
- package/esm/drag-drop/useAutoScroll.js.map +1 -0
- package/esm/drag-drop/useDragDisplacers.js +158 -0
- package/esm/drag-drop/useDragDisplacers.js.map +1 -0
- package/esm/drag-drop/useDragDrop.js +497 -0
- package/esm/drag-drop/useDragDrop.js.map +1 -0
- package/esm/drag-drop/useDragDropCopy.js +31 -0
- package/esm/drag-drop/useDragDropCopy.js.map +1 -0
- package/esm/drag-drop/useDragDropIndicator.js +249 -0
- package/esm/drag-drop/useDragDropIndicator.js.map +1 -0
- package/esm/drag-drop/useDragDropNaturalMovement.js +262 -0
- package/esm/drag-drop/useDragDropNaturalMovement.js.map +1 -0
- package/esm/drag-drop/useDropIndicator.js +25 -0
- package/esm/drag-drop/useDropIndicator.js.map +1 -0
- package/esm/drag-drop/useGlobalDragDrop.js +87 -0
- package/esm/drag-drop/useGlobalDragDrop.js.map +1 -0
- package/esm/dropdown/Dropdown.css.js +4 -0
- package/esm/dropdown/Dropdown.css.js.map +1 -0
- package/esm/dropdown/Dropdown.js +148 -0
- package/esm/dropdown/Dropdown.js.map +1 -0
- package/esm/dropdown/DropdownBase.js +119 -0
- package/esm/dropdown/DropdownBase.js.map +1 -0
- package/esm/dropdown/DropdownButton.css.js +4 -0
- package/esm/dropdown/DropdownButton.css.js.map +1 -0
- package/esm/dropdown/DropdownButton.js +70 -0
- package/esm/dropdown/DropdownButton.js.map +1 -0
- package/esm/dropdown/useClickAway.js +64 -0
- package/esm/dropdown/useClickAway.js.map +1 -0
- package/esm/dropdown/useDropdown.js +113 -0
- package/esm/dropdown/useDropdown.js.map +1 -0
- package/esm/dropdown/useDropdownBase.js +167 -0
- package/esm/dropdown/useDropdownBase.js.map +1 -0
- package/esm/editable/editable-utils.js +35 -0
- package/esm/editable/editable-utils.js.map +1 -0
- package/esm/editable/useEditableText.js +103 -0
- package/esm/editable/useEditableText.js.map +1 -0
- package/esm/editable-label/EditableLabel.css.js +4 -0
- package/esm/editable-label/EditableLabel.css.js.map +1 -0
- package/esm/editable-label/EditableLabel.js +135 -0
- package/esm/editable-label/EditableLabel.js.map +1 -0
- package/esm/expando-input/ExpandoInput.css.js +4 -0
- package/esm/expando-input/ExpandoInput.css.js.map +1 -0
- package/esm/expando-input/ExpandoInput.js +51 -0
- package/esm/expando-input/ExpandoInput.js.map +1 -0
- package/esm/icon-button/Icon.css.js +4 -0
- package/esm/icon-button/Icon.css.js.map +1 -0
- package/esm/icon-button/Icon.js +35 -0
- package/esm/icon-button/Icon.js.map +1 -0
- package/esm/icon-button/IconButton.css.js +4 -0
- package/esm/icon-button/IconButton.css.js.map +1 -0
- package/esm/icon-button/IconButton.js +24 -0
- package/esm/icon-button/IconButton.js.map +1 -0
- package/esm/index.js +73 -0
- package/esm/index.js.map +1 -0
- package/esm/inputs/Checkbox.css.js +4 -0
- package/esm/inputs/Checkbox.css.js.map +1 -0
- package/esm/inputs/Checkbox.js +30 -0
- package/esm/inputs/Checkbox.js.map +1 -0
- package/esm/inputs/RadioButton.css.js +4 -0
- package/esm/inputs/RadioButton.css.js.map +1 -0
- package/esm/inputs/RadioButton.js +37 -0
- package/esm/inputs/RadioButton.js.map +1 -0
- package/esm/instrument-picker/InstrumentPicker.css.js +4 -0
- package/esm/instrument-picker/InstrumentPicker.css.js.map +1 -0
- package/esm/instrument-picker/InstrumentPicker.js +111 -0
- package/esm/instrument-picker/InstrumentPicker.js.map +1 -0
- package/esm/instrument-picker/SearchCell.css.js +4 -0
- package/esm/instrument-picker/SearchCell.css.js.map +1 -0
- package/esm/instrument-picker/SearchCell.js +31 -0
- package/esm/instrument-picker/SearchCell.js.map +1 -0
- package/esm/instrument-picker/useInstrumentPicker.js +85 -0
- package/esm/instrument-picker/useInstrumentPicker.js.map +1 -0
- package/esm/instrument-search/InstrumentSearch.css.js +4 -0
- package/esm/instrument-search/InstrumentSearch.css.js.map +1 -0
- package/esm/instrument-search/InstrumentSearch.js +94 -0
- package/esm/instrument-search/InstrumentSearch.js.map +1 -0
- package/esm/instrument-search/SearchCell.css.js +4 -0
- package/esm/instrument-search/SearchCell.css.js.map +1 -0
- package/esm/instrument-search/SearchCell.js +31 -0
- package/esm/instrument-search/SearchCell.js.map +1 -0
- package/esm/instrument-search/useInstrumentSearch.js +37 -0
- package/esm/instrument-search/useInstrumentSearch.js.map +1 -0
- package/esm/list/CheckboxIcon.css.js +4 -0
- package/esm/list/CheckboxIcon.css.js.map +1 -0
- package/esm/list/CheckboxIcon.js +31 -0
- package/esm/list/CheckboxIcon.js.map +1 -0
- package/esm/list/ChevronIcon.css.js +4 -0
- package/esm/list/ChevronIcon.css.js.map +1 -0
- package/esm/list/ChevronIcon.js +20 -0
- package/esm/list/ChevronIcon.js.map +1 -0
- package/esm/list/Highlighter.css.js +4 -0
- package/esm/list/Highlighter.css.js.map +1 -0
- package/esm/list/Highlighter.js +34 -0
- package/esm/list/Highlighter.js.map +1 -0
- package/esm/list/List.css.js +4 -0
- package/esm/list/List.css.js.map +1 -0
- package/esm/list/List.js +315 -0
- package/esm/list/List.js.map +1 -0
- package/esm/list/ListItem.css.js +4 -0
- package/esm/list/ListItem.css.js.map +1 -0
- package/esm/list/ListItem.js +81 -0
- package/esm/list/ListItem.js.map +1 -0
- package/esm/list/ListItemGroup.js +4 -0
- package/esm/list/ListItemGroup.js.map +1 -0
- package/esm/list/ListItemHeader.js +4 -0
- package/esm/list/ListItemHeader.js.map +1 -0
- package/esm/list/RadioIcon.css.js +4 -0
- package/esm/list/RadioIcon.css.js.map +1 -0
- package/esm/list/RadioIcon.js +25 -0
- package/esm/list/RadioIcon.js.map +1 -0
- package/esm/list/common-hooks/keyUtils.js +64 -0
- package/esm/list/common-hooks/keyUtils.js.map +1 -0
- package/esm/list/common-hooks/list-dom-utils.js +19 -0
- package/esm/list/common-hooks/list-dom-utils.js.map +1 -0
- package/esm/list/common-hooks/useCollapsibleGroups.js +80 -0
- package/esm/list/common-hooks/useCollapsibleGroups.js.map +1 -0
- package/esm/list/common-hooks/useImperativeScrollingAPI.js +50 -0
- package/esm/list/common-hooks/useImperativeScrollingAPI.js.map +1 -0
- package/esm/list/common-hooks/useKeyboardNavigation.js +286 -0
- package/esm/list/common-hooks/useKeyboardNavigation.js.map +1 -0
- package/esm/list/common-hooks/useTypeahead.js +72 -0
- package/esm/list/common-hooks/useTypeahead.js.map +1 -0
- package/esm/list/common-hooks/useViewportTracking.js +131 -0
- package/esm/list/common-hooks/useViewportTracking.js.map +1 -0
- package/esm/list/common-hooks/utils/collection-item-utils.js +167 -0
- package/esm/list/common-hooks/utils/collection-item-utils.js.map +1 -0
- package/esm/list/common-hooks/utils/filter-utils.js +8 -0
- package/esm/list/common-hooks/utils/filter-utils.js.map +1 -0
- package/esm/list/common-hooks/utils/isSelected.js +7 -0
- package/esm/list/common-hooks/utils/isSelected.js.map +1 -0
- package/esm/list/useList.js +276 -0
- package/esm/list/useList.js.map +1 -0
- package/esm/list/useListDrop.js +90 -0
- package/esm/list/useListDrop.js.map +1 -0
- package/esm/list/useListHeight.js +75 -0
- package/esm/list/useListHeight.js.map +1 -0
- package/esm/list/useScrollPosition.js +72 -0
- package/esm/list/useScrollPosition.js.map +1 -0
- package/esm/measured-container/MeasuredContainer.css.js +4 -0
- package/esm/measured-container/MeasuredContainer.css.js.map +1 -0
- package/esm/measured-container/MeasuredContainer.js +67 -0
- package/esm/measured-container/MeasuredContainer.js.map +1 -0
- package/esm/measured-container/useMeasuredContainer.js +125 -0
- package/esm/measured-container/useMeasuredContainer.js.map +1 -0
- package/esm/measured-container/useResizeObserver.js +128 -0
- package/esm/measured-container/useResizeObserver.js.map +1 -0
- package/esm/overflow-container/OverflowContainer.css.js +4 -0
- package/esm/overflow-container/OverflowContainer.css.js.map +1 -0
- package/esm/overflow-container/OverflowContainer.js +140 -0
- package/esm/overflow-container/OverflowContainer.js.map +1 -0
- package/esm/overflow-container/overflow-utils.js +272 -0
- package/esm/overflow-container/overflow-utils.js.map +1 -0
- package/esm/overflow-container/useOverflowContainer.js +141 -0
- package/esm/overflow-container/useOverflowContainer.js.map +1 -0
- package/esm/price-ticker/PriceTicker.css.js +4 -0
- package/esm/price-ticker/PriceTicker.css.js.map +1 -0
- package/esm/price-ticker/PriceTicker.js +48 -0
- package/esm/price-ticker/PriceTicker.js.map +1 -0
- package/esm/split-button/SplitButton.css.js +4 -0
- package/esm/split-button/SplitButton.css.js.map +1 -0
- package/esm/split-button/SplitButton.js +79 -0
- package/esm/split-button/SplitButton.js.map +1 -0
- package/esm/split-button/SplitStateButton.css.js +4 -0
- package/esm/split-button/SplitStateButton.css.js.map +1 -0
- package/esm/split-button/SplitStateButton.js +29 -0
- package/esm/split-button/SplitStateButton.js.map +1 -0
- package/esm/split-button/useSplitButton.js +82 -0
- package/esm/split-button/useSplitButton.js.map +1 -0
- package/esm/tabstrip/Tab.css.js +4 -0
- package/esm/tabstrip/Tab.css.js.map +1 -0
- package/esm/tabstrip/Tab.js +149 -0
- package/esm/tabstrip/Tab.js.map +1 -0
- package/esm/tabstrip/TabMenu.css.js +4 -0
- package/esm/tabstrip/TabMenu.css.js.map +1 -0
- package/esm/tabstrip/TabMenu.js +70 -0
- package/esm/tabstrip/TabMenu.js.map +1 -0
- package/esm/tabstrip/TabMenuOptions.js +16 -0
- package/esm/tabstrip/TabMenuOptions.js.map +1 -0
- package/esm/tabstrip/Tabstrip.css.js +4 -0
- package/esm/tabstrip/Tabstrip.css.js.map +1 -0
- package/esm/tabstrip/Tabstrip.js +154 -0
- package/esm/tabstrip/Tabstrip.js.map +1 -0
- package/esm/tabstrip/tabstrip-dom-utils.js +16 -0
- package/esm/tabstrip/tabstrip-dom-utils.js.map +1 -0
- package/esm/tabstrip/useAnimatedSelectionThumb.js +83 -0
- package/esm/tabstrip/useAnimatedSelectionThumb.js.map +1 -0
- package/esm/tabstrip/useKeyboardNavigation.js +241 -0
- package/esm/tabstrip/useKeyboardNavigation.js.map +1 -0
- package/esm/tabstrip/useSelection.js +58 -0
- package/esm/tabstrip/useSelection.js.map +1 -0
- package/esm/tabstrip/useTabstrip.js +259 -0
- package/esm/tabstrip/useTabstrip.js.map +1 -0
- package/esm/toolbar/Toolbar.css.js +4 -0
- package/esm/toolbar/Toolbar.css.js.map +1 -0
- package/esm/toolbar/Toolbar.js +88 -0
- package/esm/toolbar/Toolbar.js.map +1 -0
- package/esm/toolbar/toolbar-dom-utils.js +15 -0
- package/esm/toolbar/toolbar-dom-utils.js.map +1 -0
- package/esm/toolbar/useKeyboardNavigation.js +303 -0
- package/esm/toolbar/useKeyboardNavigation.js.map +1 -0
- package/esm/toolbar/useSelection.js +92 -0
- package/esm/toolbar/useSelection.js.map +1 -0
- package/esm/toolbar/useToolbar.js +98 -0
- package/esm/toolbar/useToolbar.js.map +1 -0
- package/esm/tree/Tree.css.js +4 -0
- package/esm/tree/Tree.css.js.map +1 -0
- package/esm/tree/Tree.js +176 -0
- package/esm/tree/Tree.js.map +1 -0
- package/esm/tree/hierarchical-data-utils.js +65 -0
- package/esm/tree/hierarchical-data-utils.js.map +1 -0
- package/esm/tree/key-code.js +54 -0
- package/esm/tree/key-code.js.map +1 -0
- package/esm/tree/list-dom-utils.js +15 -0
- package/esm/tree/list-dom-utils.js.map +1 -0
- package/esm/tree/treeTypeUtils.js +4 -0
- package/esm/tree/treeTypeUtils.js.map +1 -0
- package/esm/tree/use-collapsible-groups.js +83 -0
- package/esm/tree/use-collapsible-groups.js.map +1 -0
- package/esm/tree/use-hierarchical-data.js +49 -0
- package/esm/tree/use-hierarchical-data.js.map +1 -0
- package/esm/tree/use-items-with-ids.js +98 -0
- package/esm/tree/use-items-with-ids.js.map +1 -0
- package/esm/tree/use-keyboard-navigation.js +142 -0
- package/esm/tree/use-keyboard-navigation.js.map +1 -0
- package/esm/tree/use-selection.js +147 -0
- package/esm/tree/use-selection.js.map +1 -0
- package/esm/tree/use-tree-keyboard-navigation.js +39 -0
- package/esm/tree/use-tree-keyboard-navigation.js.map +1 -0
- package/esm/tree/use-viewport-tracking.js +74 -0
- package/esm/tree/use-viewport-tracking.js.map +1 -0
- package/esm/tree/useTree.js +104 -0
- package/esm/tree/useTree.js.map +1 -0
- package/esm/utils/escapeRegExp.js +7 -0
- package/esm/utils/escapeRegExp.js.map +1 -0
- package/esm/utils/forwardCallbackProps.js +20 -0
- package/esm/utils/forwardCallbackProps.js.map +1 -0
- package/esm/utils/isOverflowElement.js +6 -0
- package/esm/utils/isOverflowElement.js.map +1 -0
- package/esm/vuu-input/VuuInput.css.js +4 -0
- package/esm/vuu-input/VuuInput.css.js.map +1 -0
- package/esm/vuu-input/VuuInput.js +103 -0
- package/esm/vuu-input/VuuInput.js.map +1 -0
- package/package.json +45 -0
- package/types/calendar/Calendar.d.ts +12 -0
- package/types/calendar/index.d.ts +4 -0
- package/types/calendar/internal/CalendarCarousel.d.ts +4 -0
- package/types/calendar/internal/CalendarContext.d.ts +9 -0
- package/types/calendar/internal/CalendarDay.d.ts +14 -0
- package/types/calendar/internal/CalendarMonth.d.ts +11 -0
- package/types/calendar/internal/CalendarNavigation.d.ts +20 -0
- package/types/calendar/internal/CalendarWeekHeader.d.ts +5 -0
- package/types/calendar/internal/useFocusManagement.d.ts +9 -0
- package/types/calendar/internal/utils.d.ts +14 -0
- package/types/calendar/useCalendar.d.ts +57 -0
- package/types/calendar/useCalendarDay.d.ts +19 -0
- package/types/calendar/useSelection.d.ts +75 -0
- package/types/combo-box/ComboBox.d.ts +24 -0
- package/types/combo-box/index.d.ts +1 -0
- package/types/combo-box/useCombobox.d.ts +20 -0
- package/types/common-hooks/collectionProvider.d.ts +13 -0
- package/types/common-hooks/collectionTypes.d.ts +58 -0
- package/types/common-hooks/index.d.ts +9 -0
- package/types/common-hooks/isPlainObject.d.ts +1 -0
- package/types/common-hooks/itemToString.d.ts +2 -0
- package/types/common-hooks/navigationTypes.d.ts +36 -0
- package/types/common-hooks/selectionTypes.d.ts +70 -0
- package/types/common-hooks/use-resize-observer.d.ts +16 -0
- package/types/common-hooks/useCollectionItems.d.ts +2 -0
- package/types/common-hooks/useControlled.d.ts +24 -0
- package/types/common-hooks/useSelection.d.ts +8 -0
- package/types/common-hooks/useStateRef.d.ts +2 -0
- package/types/cycle-state-button/CycleStateButton.d.ts +12 -0
- package/types/cycle-state-button/index.d.ts +1 -0
- package/types/date-input/DateInput.d.ts +12 -0
- package/types/date-input/DateRangeInput.d.ts +11 -0
- package/types/date-input/index.d.ts +2 -0
- package/types/date-input/types.d.ts +16 -0
- package/types/date-input/useBaseDatePickerDropdown.d.ts +15 -0
- package/types/date-input/useDatePicker.d.ts +7 -0
- package/types/date-popup/DatePopup.d.ts +12 -0
- package/types/date-popup/index.d.ts +1 -0
- package/types/date-popup/useDatePopup.d.ts +20 -0
- package/types/drag-drop/DragDropProvider.d.ts +38 -0
- package/types/drag-drop/DragDropState.d.ts +15 -0
- package/types/drag-drop/Draggable.d.ts +13 -0
- package/types/drag-drop/DropIndicator.d.ts +6 -0
- package/types/drag-drop/dragDropTypes.d.ts +100 -0
- package/types/drag-drop/drop-target-utils.d.ts +78 -0
- package/types/drag-drop/index.d.ts +6 -0
- package/types/drag-drop/useAutoScroll.d.ts +11 -0
- package/types/drag-drop/useDragDisplacers.d.ts +17 -0
- package/types/drag-drop/useDragDrop.d.ts +2 -0
- package/types/drag-drop/useDragDropCopy.d.ts +6 -0
- package/types/drag-drop/useDragDropIndicator.d.ts +2 -0
- package/types/drag-drop/useDragDropNaturalMovement.d.ts +2 -0
- package/types/drag-drop/useDropIndicator.d.ts +8 -0
- package/types/drag-drop/useGlobalDragDrop.d.ts +12 -0
- package/types/drag-drop/useTransition.d.ts +3 -0
- package/types/dropdown/Dropdown.d.ts +10 -0
- package/types/dropdown/DropdownBase.d.ts +9 -0
- package/types/dropdown/DropdownButton.d.ts +41 -0
- package/types/dropdown/dropdownTypes.d.ts +51 -0
- package/types/dropdown/index.d.ts +5 -0
- package/types/dropdown/useClickAway.d.ts +10 -0
- package/types/dropdown/useDropdown.d.ts +13 -0
- package/types/dropdown/useDropdownBase.d.ts +2 -0
- package/types/editable/editable-utils.d.ts +2 -0
- package/types/editable/index.d.ts +2 -0
- package/types/editable/useEditableText.d.ts +19 -0
- package/types/editable-label/EditableLabel.d.ts +19 -0
- package/types/editable-label/index.d.ts +1 -0
- package/types/expando-input/ExpandoInput.d.ts +6 -0
- package/types/expando-input/index.d.ts +1 -0
- package/types/icon-button/Icon.d.ts +6 -0
- package/types/icon-button/IconButton.d.ts +7 -0
- package/types/icon-button/index.d.ts +2 -0
- package/types/index.d.ts +27 -0
- package/types/inputs/Checkbox.d.ts +9 -0
- package/types/inputs/RadioButton.d.ts +9 -0
- package/types/inputs/index.d.ts +2 -0
- package/types/instrument-picker/InstrumentPicker.d.ts +24 -0
- package/types/instrument-picker/SearchCell.d.ts +3 -0
- package/types/instrument-picker/index.d.ts +1 -0
- package/types/instrument-picker/moving-window.d.ts +14 -0
- package/types/instrument-picker/useDataSource.d.ts +6 -0
- package/types/instrument-picker/useInstrumentPicker.d.ts +28 -0
- package/types/instrument-search/InstrumentSearch.d.ts +11 -0
- package/types/instrument-search/SearchCell.d.ts +3 -0
- package/types/instrument-search/index.d.ts +1 -0
- package/types/instrument-search/moving-window.d.ts +14 -0
- package/types/instrument-search/useDataSource.d.ts +6 -0
- package/types/instrument-search/useInstrumentSearch.d.ts +13 -0
- package/types/list/CheckboxIcon.d.ts +6 -0
- package/types/list/ChevronIcon.d.ts +7 -0
- package/types/list/Highlighter.d.ts +6 -0
- package/types/list/List.d.ts +6 -0
- package/types/list/ListItem.d.ts +6 -0
- package/types/list/ListItemGroup.d.ts +6 -0
- package/types/list/ListItemHeader.d.ts +5 -0
- package/types/list/RadioIcon.d.ts +5 -0
- package/types/list/common-hooks/index.d.ts +10 -0
- package/types/list/common-hooks/keyUtils.d.ts +14 -0
- package/types/list/common-hooks/list-dom-utils.d.ts +5 -0
- package/types/list/common-hooks/useCollapsibleGroups.d.ts +14 -0
- package/types/list/common-hooks/useImperativeScrollingAPI.d.ts +14 -0
- package/types/list/common-hooks/useKeyboardNavigation.d.ts +3 -0
- package/types/list/common-hooks/useTypeahead.d.ts +15 -0
- package/types/list/common-hooks/useViewportTracking.d.ts +14 -0
- package/types/list/common-hooks/utils/collection-item-utils.d.ts +21 -0
- package/types/list/common-hooks/utils/filter-utils.d.ts +4 -0
- package/types/list/common-hooks/utils/index.d.ts +4 -0
- package/types/list/common-hooks/utils/isSelected.d.ts +2 -0
- package/types/list/index.d.ts +10 -0
- package/types/list/keyset.d.ts +9 -0
- package/types/list/listTypes.d.ts +200 -0
- package/types/list/useList.d.ts +3 -0
- package/types/list/useListDrop.d.ts +15 -0
- package/types/list/useListHeight.d.ts +19 -0
- package/types/list/useScrollPosition.d.ts +19 -0
- package/types/measured-container/MeasuredContainer.d.ts +14 -0
- package/types/measured-container/index.d.ts +2 -0
- package/types/measured-container/useMeasuredContainer.d.ts +22 -0
- package/types/measured-container/useResizeObserver.d.ts +15 -0
- package/types/overflow-container/OverflowContainer.d.ts +15 -0
- package/types/overflow-container/index.d.ts +2 -0
- package/types/overflow-container/overflow-utils.d.ts +48 -0
- package/types/overflow-container/useOverflowContainer.d.ts +20 -0
- package/types/price-ticker/PriceTicker.d.ts +7 -0
- package/types/price-ticker/index.d.ts +1 -0
- package/types/split-button/SplitButton.d.ts +11 -0
- package/types/split-button/SplitStateButton.d.ts +6 -0
- package/types/split-button/index.d.ts +2 -0
- package/types/split-button/useSplitButton.d.ts +288 -0
- package/types/tabstrip/Tab.d.ts +26 -0
- package/types/tabstrip/TabMenu.d.ts +19 -0
- package/types/tabstrip/TabMenuOptions.d.ts +10 -0
- package/types/tabstrip/TabsTypes.d.ts +127 -0
- package/types/tabstrip/Tabstrip.d.ts +3 -0
- package/types/tabstrip/index.d.ts +4 -0
- package/types/tabstrip/tabstrip-dom-utils.d.ts +2 -0
- package/types/tabstrip/useAnimatedSelectionThumb.d.ts +7 -0
- package/types/tabstrip/useKeyboardNavigation.d.ts +29 -0
- package/types/tabstrip/useSelection.d.ts +13 -0
- package/types/tabstrip/useTabstrip.d.ts +49 -0
- package/types/toolbar/Toolbar.d.ts +20 -0
- package/types/toolbar/index.d.ts +1 -0
- package/types/toolbar/toolbar-dom-utils.d.ts +3 -0
- package/types/toolbar/useKeyboardNavigation.d.ts +32 -0
- package/types/toolbar/useSelection.d.ts +22 -0
- package/types/toolbar/useToolbar.d.ts +28 -0
- package/types/tree/Tree.d.ts +19 -0
- package/types/tree/hierarchical-data-utils.d.ts +8 -0
- package/types/tree/index.d.ts +4 -0
- package/types/tree/key-code.d.ts +11 -0
- package/types/tree/list-dom-utils.d.ts +6 -0
- package/types/tree/treeTypeUtils.d.ts +2 -0
- package/types/tree/treeTypes.d.ts +17 -0
- package/types/tree/use-collapsible-groups.d.ts +18 -0
- package/types/tree/use-hierarchical-data.d.ts +6 -0
- package/types/tree/use-items-with-ids.d.ts +8 -0
- package/types/tree/use-keyboard-navigation.d.ts +26 -0
- package/types/tree/use-selection.d.ts +31 -0
- package/types/tree/use-tree-keyboard-navigation.d.ts +12 -0
- package/types/tree/use-viewport-tracking.d.ts +2 -0
- package/types/tree/useTree.d.ts +30 -0
- package/types/utils/escapeRegExp.d.ts +1 -0
- package/types/utils/forwardCallbackProps.d.ts +3 -0
- package/types/utils/index.d.ts +3 -0
- package/types/utils/isOverflowElement.d.ts +1 -0
- package/types/vuu-input/VuuInput.d.ts +16 -0
- package/types/vuu-input/index.d.ts +1 -0
|
@@ -0,0 +1,191 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var vuuUtils = require('@vuu-ui/vuu-utils');
|
|
5
|
+
var core = require('@salt-ds/core');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var collectionProvider = require('../common-hooks/collectionProvider.js');
|
|
8
|
+
var itemToString = require('../common-hooks/itemToString.js');
|
|
9
|
+
var useCollectionItems = require('../common-hooks/useCollectionItems.js');
|
|
10
|
+
require('../common-hooks/use-resize-observer.js');
|
|
11
|
+
var selectionTypes = require('../common-hooks/selectionTypes.js');
|
|
12
|
+
var DropdownBase = require('../dropdown/DropdownBase.js');
|
|
13
|
+
require('../dropdown/DropdownButton.js');
|
|
14
|
+
require('../dropdown/Dropdown.js');
|
|
15
|
+
require('../list/common-hooks/keyUtils.js');
|
|
16
|
+
require('../list/Highlighter.js');
|
|
17
|
+
require('../list/ListItem.js');
|
|
18
|
+
var List = require('../list/List.js');
|
|
19
|
+
require('../drag-drop/DragDropProvider.js');
|
|
20
|
+
require('../drag-drop/Draggable.js');
|
|
21
|
+
var cx = require('clsx');
|
|
22
|
+
require('@salt-ds/styles');
|
|
23
|
+
require('@salt-ds/window');
|
|
24
|
+
var ChevronIcon = require('../list/ChevronIcon.js');
|
|
25
|
+
var useCombobox = require('./useCombobox.js');
|
|
26
|
+
|
|
27
|
+
const classBase = "vuuCombobox";
|
|
28
|
+
const ComboBox = React.forwardRef(function Combobox({
|
|
29
|
+
InputProps: InputPropsProp,
|
|
30
|
+
ListProps: ListProps2,
|
|
31
|
+
PopupProps,
|
|
32
|
+
ListItem,
|
|
33
|
+
"aria-label": ariaLabel,
|
|
34
|
+
allowBackspaceClearsSelection,
|
|
35
|
+
allowEnterCommitsText,
|
|
36
|
+
allowFreeText,
|
|
37
|
+
children,
|
|
38
|
+
className,
|
|
39
|
+
defaultIsOpen,
|
|
40
|
+
defaultSelected,
|
|
41
|
+
defaultValue,
|
|
42
|
+
disabled,
|
|
43
|
+
disableFilter,
|
|
44
|
+
onBlur,
|
|
45
|
+
onFocus,
|
|
46
|
+
onChange,
|
|
47
|
+
onSelect,
|
|
48
|
+
onSetSelectedText,
|
|
49
|
+
openOnFocus = true,
|
|
50
|
+
getFilterRegex,
|
|
51
|
+
id: idProp,
|
|
52
|
+
initialHighlightedIndex = -1,
|
|
53
|
+
isOpen: isOpenProp,
|
|
54
|
+
itemToString: itemToString$1 = itemToString.itemToString,
|
|
55
|
+
itemsToString,
|
|
56
|
+
onDeselect,
|
|
57
|
+
onOpenChange: onOpenChangeProp,
|
|
58
|
+
onSelectionChange,
|
|
59
|
+
onListItemSelect,
|
|
60
|
+
selected: selectedProp,
|
|
61
|
+
selectionKeys,
|
|
62
|
+
selectionStrategy,
|
|
63
|
+
source,
|
|
64
|
+
value: valueProp,
|
|
65
|
+
width = 180,
|
|
66
|
+
...props
|
|
67
|
+
}, forwardedRef) {
|
|
68
|
+
const id = vuuUtils.useId(idProp);
|
|
69
|
+
const isMultiSelect = selectionTypes.isMultiSelection(selectionStrategy);
|
|
70
|
+
const valueFromSelected = (item) => {
|
|
71
|
+
return Array.isArray(item) ? itemsToString?.(item) ?? item[0] : item ?? void 0;
|
|
72
|
+
};
|
|
73
|
+
const getInitialValue = (items1, items2) => {
|
|
74
|
+
const item = items1 ? valueFromSelected(items1) : items2 ? valueFromSelected(items2) : void 0;
|
|
75
|
+
return typeof item === "string" ? item : item ? itemToString$1(item) : "";
|
|
76
|
+
};
|
|
77
|
+
const initialValue = getInitialValue(selectedProp, defaultSelected);
|
|
78
|
+
const collectionHook = useCollectionItems.useCollectionItems({
|
|
79
|
+
id,
|
|
80
|
+
source,
|
|
81
|
+
children,
|
|
82
|
+
options: {
|
|
83
|
+
disableFilter,
|
|
84
|
+
filterPattern: isMultiSelect ? void 0 : initialValue,
|
|
85
|
+
getFilterRegex,
|
|
86
|
+
itemToString: itemToString$1
|
|
87
|
+
}
|
|
88
|
+
});
|
|
89
|
+
const {
|
|
90
|
+
focusVisible,
|
|
91
|
+
highlightedIndex,
|
|
92
|
+
InputProps: { endAdornment: endAdornmentProp, ...InputProps2 },
|
|
93
|
+
isOpen,
|
|
94
|
+
listHandlers,
|
|
95
|
+
listControlProps: controlProps,
|
|
96
|
+
onOpenChange,
|
|
97
|
+
selected,
|
|
98
|
+
setContainerRef
|
|
99
|
+
} = useCombobox.useCombobox({
|
|
100
|
+
InputProps: InputPropsProp,
|
|
101
|
+
allowEnterCommitsText,
|
|
102
|
+
allowBackspaceClearsSelection,
|
|
103
|
+
allowFreeText,
|
|
104
|
+
ariaLabel,
|
|
105
|
+
collectionHook,
|
|
106
|
+
defaultIsOpen,
|
|
107
|
+
defaultSelected,
|
|
108
|
+
defaultValue,
|
|
109
|
+
disabled,
|
|
110
|
+
initialHighlightedIndex,
|
|
111
|
+
itemCount: collectionHook.data.length,
|
|
112
|
+
label: props.title,
|
|
113
|
+
onBlur,
|
|
114
|
+
onDeselect,
|
|
115
|
+
onFocus,
|
|
116
|
+
onChange,
|
|
117
|
+
onSelect,
|
|
118
|
+
id,
|
|
119
|
+
isOpen: isOpenProp,
|
|
120
|
+
itemToString: itemToString$1,
|
|
121
|
+
itemsToString,
|
|
122
|
+
onListItemSelect,
|
|
123
|
+
onOpenChange: onOpenChangeProp,
|
|
124
|
+
onSelectionChange,
|
|
125
|
+
onSetSelectedText,
|
|
126
|
+
selected: selectedProp,
|
|
127
|
+
selectionKeys,
|
|
128
|
+
selectionStrategy,
|
|
129
|
+
value: initialValue
|
|
130
|
+
});
|
|
131
|
+
const handleDropdownIconClick = React.useCallback(() => {
|
|
132
|
+
if (isOpen) {
|
|
133
|
+
onOpenChange(false, "toggle");
|
|
134
|
+
} else {
|
|
135
|
+
onOpenChange(true);
|
|
136
|
+
}
|
|
137
|
+
}, [isOpen, onOpenChange]);
|
|
138
|
+
const endAdornment = endAdornmentProp === null ? null : /* @__PURE__ */ jsxRuntime.jsx(
|
|
139
|
+
ChevronIcon.ChevronIcon,
|
|
140
|
+
{
|
|
141
|
+
direction: isOpen ? "up" : "down",
|
|
142
|
+
onClick: handleDropdownIconClick,
|
|
143
|
+
role: "button"
|
|
144
|
+
}
|
|
145
|
+
);
|
|
146
|
+
return /* @__PURE__ */ jsxRuntime.jsx(collectionProvider.CollectionProvider, { collectionHook, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
147
|
+
DropdownBase.DropdownBase,
|
|
148
|
+
{
|
|
149
|
+
...props,
|
|
150
|
+
PopupProps,
|
|
151
|
+
className: cx(classBase, className),
|
|
152
|
+
id,
|
|
153
|
+
isOpen: isOpen && collectionHook.data.length > 0,
|
|
154
|
+
onOpenChange,
|
|
155
|
+
openOnFocus,
|
|
156
|
+
ref: forwardedRef,
|
|
157
|
+
width,
|
|
158
|
+
children: [
|
|
159
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
160
|
+
core.Input,
|
|
161
|
+
{
|
|
162
|
+
...InputProps2,
|
|
163
|
+
disabled,
|
|
164
|
+
...controlProps,
|
|
165
|
+
endAdornment
|
|
166
|
+
}
|
|
167
|
+
),
|
|
168
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
169
|
+
List.List,
|
|
170
|
+
{
|
|
171
|
+
...ListProps2,
|
|
172
|
+
ListItem,
|
|
173
|
+
defaultSelected: void 0,
|
|
174
|
+
focusVisible,
|
|
175
|
+
highlightedIndex,
|
|
176
|
+
itemTextHighlightPattern: String(InputProps2.value) || void 0,
|
|
177
|
+
listHandlers,
|
|
178
|
+
onSelectionChange,
|
|
179
|
+
ref: setContainerRef,
|
|
180
|
+
selected,
|
|
181
|
+
selectionStrategy,
|
|
182
|
+
tabIndex: -1
|
|
183
|
+
}
|
|
184
|
+
)
|
|
185
|
+
]
|
|
186
|
+
}
|
|
187
|
+
) });
|
|
188
|
+
});
|
|
189
|
+
|
|
190
|
+
exports.ComboBox = ComboBox;
|
|
191
|
+
//# sourceMappingURL=ComboBox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComboBox.js","sources":["../../src/combo-box/ComboBox.tsx"],"sourcesContent":["import { useId } from \"@vuu-ui/vuu-utils\";\nimport { Input, InputProps } from \"@salt-ds/core\";\nimport { ForwardedRef, forwardRef, ReactElement, useCallback } from \"react\";\nimport {\n CollectionProvider,\n ComponentSelectionProps,\n isMultiSelection,\n itemToString as defaultItemToString,\n SelectionStrategy,\n useCollectionItems,\n} from \"../common-hooks\";\nimport { DropdownBase, DropdownBaseProps } from \"../dropdown\";\nimport { List, ListProps } from \"../list\";\nimport { ChevronIcon } from \"../list/ChevronIcon\";\nimport { useCombobox } from \"./useCombobox\";\nimport cx from \"clsx\";\n\nconst classBase = \"vuuCombobox\";\n\n//TODO why do we need onSelect from input ?\nexport interface ComboBoxProps<\n Item = string,\n S extends SelectionStrategy = \"default\"\n> extends Omit<\n DropdownBaseProps,\n \"triggerComponent\" | \"onBlur\" | \"onChange\" | \"onFocus\"\n >,\n Pick<InputProps, \"onBlur\" | \"onChange\" | \"onFocus\" | \"onSelect\">,\n Omit<ComponentSelectionProps<Item, S>, \"onSelect\">,\n Pick<ListProps<Item, S>, \"ListItem\" | \"itemToString\" | \"source\" | \"width\"> {\n InputProps?: InputProps;\n ListProps?: Omit<\n ListProps<Item>,\n \"ListItem\" | \"itemToString\" | \"source\" | \"onSelect\" | \"onSelectionChange\"\n >;\n allowBackspaceClearsSelection?: boolean;\n allowEnterCommitsText?: boolean;\n allowFreeText?: boolean;\n defaultValue?: string;\n getFilterRegex?: (inputValue: string) => RegExp;\n initialHighlightedIndex?: number;\n itemsToString?: (items: Item[]) => string;\n onDeselect?: () => void;\n onSetSelectedText?: (text: string) => void;\n onListItemSelect?: ListProps<Item, S>[\"onSelect\"];\n disableFilter?: boolean;\n value?: string;\n}\n\n//TODO does not cutrrently support controlled vallue\n\nexport const ComboBox = forwardRef(function Combobox<\n Item = string,\n S extends SelectionStrategy = \"default\"\n>(\n {\n InputProps: InputPropsProp,\n ListProps,\n PopupProps,\n ListItem,\n \"aria-label\": ariaLabel,\n allowBackspaceClearsSelection,\n allowEnterCommitsText,\n allowFreeText,\n children,\n className,\n defaultIsOpen,\n defaultSelected,\n defaultValue,\n disabled,\n disableFilter,\n onBlur,\n onFocus,\n onChange,\n onSelect,\n onSetSelectedText,\n openOnFocus = true,\n getFilterRegex,\n id: idProp,\n initialHighlightedIndex = -1,\n isOpen: isOpenProp,\n itemToString = defaultItemToString,\n itemsToString,\n onDeselect,\n onOpenChange: onOpenChangeProp,\n onSelectionChange,\n onListItemSelect,\n selected: selectedProp,\n selectionKeys,\n selectionStrategy,\n source,\n value: valueProp,\n width = 180,\n ...props\n }: ComboBoxProps<Item, S>,\n forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n const id = useId(idProp);\n const isMultiSelect = isMultiSelection(selectionStrategy);\n\n const valueFromSelected = (item: Item | null | Item[]) => {\n return Array.isArray(item)\n ? itemsToString?.(item) ?? item[0]\n : item ?? undefined;\n };\n\n const getInitialValue = (\n items1?: ComboBoxProps<Item, S>[\"selected\"],\n items2?: ComboBoxProps<Item, S>[\"defaultSelected\"]\n ) => {\n const item = items1\n ? valueFromSelected(items1)\n : items2\n ? valueFromSelected(items2)\n : undefined;\n\n return typeof item === \"string\" ? item : item ? itemToString(item) : \"\";\n };\n\n const initialValue = getInitialValue(selectedProp, defaultSelected);\n\n const collectionHook = useCollectionItems<Item>({\n id,\n source,\n children,\n options: {\n disableFilter,\n filterPattern: isMultiSelect ? undefined : initialValue,\n getFilterRegex,\n itemToString,\n },\n });\n\n const {\n focusVisible,\n highlightedIndex,\n InputProps: { endAdornment: endAdornmentProp, ...InputProps },\n isOpen,\n listHandlers,\n listControlProps: controlProps,\n onOpenChange,\n selected,\n setContainerRef,\n } = useCombobox<Item, S>({\n InputProps: InputPropsProp,\n allowEnterCommitsText,\n allowBackspaceClearsSelection,\n allowFreeText,\n ariaLabel,\n collectionHook,\n defaultIsOpen,\n defaultSelected,\n defaultValue,\n disabled,\n initialHighlightedIndex,\n itemCount: collectionHook.data.length,\n label: props.title,\n onBlur,\n onDeselect,\n onFocus,\n onChange,\n onSelect,\n id,\n isOpen: isOpenProp,\n itemToString,\n itemsToString,\n onListItemSelect,\n onOpenChange: onOpenChangeProp,\n onSelectionChange,\n onSetSelectedText,\n selected: selectedProp,\n selectionKeys,\n selectionStrategy,\n value: initialValue,\n });\n\n const handleDropdownIconClick = useCallback(() => {\n if (isOpen) {\n onOpenChange(false, \"toggle\");\n } else {\n onOpenChange(true);\n }\n }, [isOpen, onOpenChange]);\n\n const endAdornment =\n endAdornmentProp === null ? null : (\n <ChevronIcon\n direction={isOpen ? \"up\" : \"down\"}\n onClick={handleDropdownIconClick}\n role=\"button\"\n />\n );\n\n return (\n <CollectionProvider<Item> collectionHook={collectionHook}>\n <DropdownBase\n {...props}\n PopupProps={PopupProps}\n className={cx(classBase, className)}\n id={id}\n isOpen={isOpen && collectionHook.data.length > 0}\n onOpenChange={onOpenChange}\n openOnFocus={openOnFocus}\n ref={forwardedRef}\n width={width}\n >\n <Input\n {...InputProps}\n disabled={disabled}\n {...controlProps}\n endAdornment={endAdornment}\n />\n\n <List<Item, S>\n {...ListProps}\n ListItem={ListItem}\n defaultSelected={undefined}\n focusVisible={focusVisible}\n highlightedIndex={highlightedIndex}\n itemTextHighlightPattern={String(InputProps.value) || undefined}\n listHandlers={listHandlers}\n onSelectionChange={onSelectionChange} // not really needed, since onClick in listHandlers will be used instead.\n ref={setContainerRef}\n selected={selected}\n selectionStrategy={selectionStrategy}\n tabIndex={-1}\n />\n </DropdownBase>\n </CollectionProvider>\n );\n}) as <Item, S extends SelectionStrategy = \"default\">(\n props: ComboBoxProps<Item, S> & {\n ref?: ForwardedRef<HTMLDivElement>;\n }\n) => ReactElement<ComboBoxProps<Item>>;\n"],"names":["forwardRef","ListProps","itemToString","defaultItemToString","useId","isMultiSelection","useCollectionItems","InputProps","useCombobox","useCallback","jsx","ChevronIcon","CollectionProvider","jsxs","DropdownBase","Input","List"],"mappings":"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"}
|
|
@@ -0,0 +1,358 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var vuuUtils = require('@vuu-ui/vuu-utils');
|
|
4
|
+
var core = require('@salt-ds/core');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
require('../common-hooks/collectionProvider.js');
|
|
7
|
+
var itemToString = require('../common-hooks/itemToString.js');
|
|
8
|
+
require('../common-hooks/use-resize-observer.js');
|
|
9
|
+
var selectionTypes = require('../common-hooks/selectionTypes.js');
|
|
10
|
+
require('../list/common-hooks/keyUtils.js');
|
|
11
|
+
require('../list/Highlighter.js');
|
|
12
|
+
require('../list/ListItem.js');
|
|
13
|
+
require('../list/List.js');
|
|
14
|
+
var useList = require('../list/useList.js');
|
|
15
|
+
require('react/jsx-runtime');
|
|
16
|
+
require('clsx');
|
|
17
|
+
require('@salt-ds/styles');
|
|
18
|
+
require('@salt-ds/window');
|
|
19
|
+
|
|
20
|
+
const EnterOnly = ["Enter"];
|
|
21
|
+
const useCombobox = ({
|
|
22
|
+
allowBackspaceClearsSelection,
|
|
23
|
+
allowEnterCommitsText,
|
|
24
|
+
allowFreeText,
|
|
25
|
+
ariaLabel,
|
|
26
|
+
collectionHook,
|
|
27
|
+
defaultIsOpen,
|
|
28
|
+
defaultSelected,
|
|
29
|
+
defaultValue,
|
|
30
|
+
onBlur,
|
|
31
|
+
onFocus,
|
|
32
|
+
onChange,
|
|
33
|
+
onDeselect,
|
|
34
|
+
onSelect,
|
|
35
|
+
id,
|
|
36
|
+
initialHighlightedIndex = -1,
|
|
37
|
+
isOpen: isOpenProp,
|
|
38
|
+
itemCount,
|
|
39
|
+
itemsToString,
|
|
40
|
+
itemToString: itemToString$1 = itemToString.itemToString,
|
|
41
|
+
onListItemSelect,
|
|
42
|
+
onOpenChange,
|
|
43
|
+
onSelectionChange,
|
|
44
|
+
onSetSelectedText,
|
|
45
|
+
selected: selectedProp,
|
|
46
|
+
selectionKeys = EnterOnly,
|
|
47
|
+
selectionStrategy,
|
|
48
|
+
value: valueProp,
|
|
49
|
+
InputProps: InputProps2 = {
|
|
50
|
+
onBlur,
|
|
51
|
+
onFocus,
|
|
52
|
+
onChange,
|
|
53
|
+
onSelect
|
|
54
|
+
}
|
|
55
|
+
}) => {
|
|
56
|
+
const isMultiSelect = selectionTypes.isMultiSelection(selectionStrategy);
|
|
57
|
+
const noSelection = () => isMultiSelect ? [] : null;
|
|
58
|
+
const { setFilterPattern } = collectionHook;
|
|
59
|
+
const setHighlightedIndexRef = React.useRef(null);
|
|
60
|
+
const selectedRef = React.useRef(selectedProp ?? defaultSelected ?? noSelection());
|
|
61
|
+
const ignoreSelectOnFocus = React.useRef(true);
|
|
62
|
+
const [isOpen, _setIsOpen] = core.useControlled({
|
|
63
|
+
controlled: isOpenProp,
|
|
64
|
+
default: defaultIsOpen ?? false,
|
|
65
|
+
name: "useDropdownList"
|
|
66
|
+
});
|
|
67
|
+
const [value, setValue] = core.useControlled({
|
|
68
|
+
controlled: void 0,
|
|
69
|
+
default: defaultValue ?? valueProp,
|
|
70
|
+
name: "ComboBox",
|
|
71
|
+
state: "value"
|
|
72
|
+
});
|
|
73
|
+
const [disableAriaActiveDescendant, setDisableAriaActiveDescendant] = React.useState(true);
|
|
74
|
+
const setIsOpen = React.useCallback(
|
|
75
|
+
(isOpen2) => {
|
|
76
|
+
_setIsOpen(isOpen2);
|
|
77
|
+
setDisableAriaActiveDescendant(!isOpen2);
|
|
78
|
+
},
|
|
79
|
+
[_setIsOpen]
|
|
80
|
+
);
|
|
81
|
+
const highlightSelectedItem = React.useCallback((selected2) => {
|
|
82
|
+
if (Array.isArray(selected2)) ; else if (selected2 == null) {
|
|
83
|
+
setHighlightedIndexRef.current?.(-1);
|
|
84
|
+
}
|
|
85
|
+
}, []);
|
|
86
|
+
const setTextValue = React.useCallback(
|
|
87
|
+
(value2, applyFilter = true) => {
|
|
88
|
+
setValue(value2);
|
|
89
|
+
if (applyFilter) {
|
|
90
|
+
setFilterPattern(value2 === "" ? void 0 : value2);
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
[setFilterPattern, setValue]
|
|
94
|
+
);
|
|
95
|
+
const reconcileInput = React.useCallback(
|
|
96
|
+
(selected2) => {
|
|
97
|
+
let newValue = allowFreeText ? value ?? "" : "";
|
|
98
|
+
if (Array.isArray(selected2)) {
|
|
99
|
+
if (selected2.length === 1) {
|
|
100
|
+
newValue = itemToString$1(selected2[0]);
|
|
101
|
+
} else if (selected2.length > 1) {
|
|
102
|
+
newValue = itemsToString?.(selected2) || "";
|
|
103
|
+
}
|
|
104
|
+
} else if (selected2) {
|
|
105
|
+
newValue = itemToString$1(selected2);
|
|
106
|
+
}
|
|
107
|
+
if (newValue !== value) {
|
|
108
|
+
setTextValue(newValue, !isMultiSelect);
|
|
109
|
+
onSetSelectedText?.(newValue);
|
|
110
|
+
return true;
|
|
111
|
+
} else {
|
|
112
|
+
return false;
|
|
113
|
+
}
|
|
114
|
+
},
|
|
115
|
+
[
|
|
116
|
+
allowFreeText,
|
|
117
|
+
isMultiSelect,
|
|
118
|
+
itemToString$1,
|
|
119
|
+
itemsToString,
|
|
120
|
+
onSetSelectedText,
|
|
121
|
+
setTextValue,
|
|
122
|
+
value
|
|
123
|
+
]
|
|
124
|
+
);
|
|
125
|
+
const applySelection = React.useCallback(() => {
|
|
126
|
+
const { current: selected2 } = selectedRef;
|
|
127
|
+
if (reconcileInput(selected2)) {
|
|
128
|
+
if (selected2) {
|
|
129
|
+
if (Array.isArray(selected2)) {
|
|
130
|
+
onSelectionChange?.(
|
|
131
|
+
null,
|
|
132
|
+
selected2
|
|
133
|
+
);
|
|
134
|
+
} else if (selected2) {
|
|
135
|
+
onSelectionChange?.(
|
|
136
|
+
null,
|
|
137
|
+
selected2
|
|
138
|
+
);
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
}, [onSelectionChange, reconcileInput]);
|
|
143
|
+
const selectFreeTextInputValue = React.useCallback(() => {
|
|
144
|
+
if (allowFreeText) {
|
|
145
|
+
const text = value?.trim();
|
|
146
|
+
const { current: selected2 } = selectedRef;
|
|
147
|
+
if (text) {
|
|
148
|
+
if (itemCount === 0 && text) {
|
|
149
|
+
if (isMultiSelect) {
|
|
150
|
+
onSelectionChange?.(null, [
|
|
151
|
+
text
|
|
152
|
+
]);
|
|
153
|
+
} else {
|
|
154
|
+
onSelectionChange?.(null, text);
|
|
155
|
+
}
|
|
156
|
+
selectedRef.current = null;
|
|
157
|
+
return true;
|
|
158
|
+
} else if (selected2 && !isMultiSelect) {
|
|
159
|
+
if (selected2 && !Array.isArray(selected2) && itemToString$1(selected2) === text) ;
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
return false;
|
|
164
|
+
}, [
|
|
165
|
+
allowFreeText,
|
|
166
|
+
value,
|
|
167
|
+
itemCount,
|
|
168
|
+
isMultiSelect,
|
|
169
|
+
onSelectionChange,
|
|
170
|
+
itemToString$1
|
|
171
|
+
]);
|
|
172
|
+
const handleOpenChange = React.useCallback(
|
|
173
|
+
(open, closeReason) => {
|
|
174
|
+
if (open && isMultiSelect) {
|
|
175
|
+
setTextValue("", false);
|
|
176
|
+
}
|
|
177
|
+
setIsOpen(open);
|
|
178
|
+
onOpenChange?.(open, closeReason);
|
|
179
|
+
if (!open && closeReason !== "Escape") {
|
|
180
|
+
if (!selectFreeTextInputValue()) {
|
|
181
|
+
applySelection();
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
},
|
|
185
|
+
[
|
|
186
|
+
applySelection,
|
|
187
|
+
isMultiSelect,
|
|
188
|
+
onOpenChange,
|
|
189
|
+
selectFreeTextInputValue,
|
|
190
|
+
setIsOpen,
|
|
191
|
+
setTextValue
|
|
192
|
+
]
|
|
193
|
+
);
|
|
194
|
+
const handleSelectionChange = React.useCallback(
|
|
195
|
+
(evt, selected2) => {
|
|
196
|
+
selectedRef.current = selected2;
|
|
197
|
+
if (!isMultiSelect) {
|
|
198
|
+
handleOpenChange(false, "select");
|
|
199
|
+
}
|
|
200
|
+
},
|
|
201
|
+
[handleOpenChange, isMultiSelect]
|
|
202
|
+
);
|
|
203
|
+
const {
|
|
204
|
+
focusVisible,
|
|
205
|
+
setHighlightedIndex,
|
|
206
|
+
highlightedIndex,
|
|
207
|
+
listControlProps,
|
|
208
|
+
listHandlers: listHookListHandlers,
|
|
209
|
+
selected,
|
|
210
|
+
setContainerRef
|
|
211
|
+
} = useList.useList({
|
|
212
|
+
collectionHook,
|
|
213
|
+
defaultHighlightedIndex: initialHighlightedIndex,
|
|
214
|
+
defaultSelected: collectionHook.itemToCollectionItemId(defaultSelected),
|
|
215
|
+
disableAriaActiveDescendant,
|
|
216
|
+
disableHighlightOnFocus: true,
|
|
217
|
+
disableTypeToSelect: true,
|
|
218
|
+
label: "combobox",
|
|
219
|
+
onSelectionChange: handleSelectionChange,
|
|
220
|
+
onSelect: onListItemSelect,
|
|
221
|
+
selected: collectionHook.itemToCollectionItemId(selectedProp),
|
|
222
|
+
selectionKeys,
|
|
223
|
+
selectionStrategy,
|
|
224
|
+
tabToSelect: !isMultiSelect
|
|
225
|
+
});
|
|
226
|
+
setHighlightedIndexRef.current = setHighlightedIndex;
|
|
227
|
+
const { onClick: listHandlersOnClick } = listHookListHandlers;
|
|
228
|
+
const handleListClick = React.useCallback(
|
|
229
|
+
(evt) => {
|
|
230
|
+
document.getElementById(`${id}-input`)?.focus();
|
|
231
|
+
listHandlersOnClick?.(evt);
|
|
232
|
+
},
|
|
233
|
+
[id, listHandlersOnClick]
|
|
234
|
+
);
|
|
235
|
+
const handleInputChange = React.useCallback(
|
|
236
|
+
(evt) => {
|
|
237
|
+
const newValue = evt.target.value;
|
|
238
|
+
setValue(newValue);
|
|
239
|
+
if (newValue && newValue.trim().length) {
|
|
240
|
+
setFilterPattern(newValue);
|
|
241
|
+
} else {
|
|
242
|
+
setFilterPattern(void 0);
|
|
243
|
+
}
|
|
244
|
+
setIsOpen(true);
|
|
245
|
+
},
|
|
246
|
+
[setFilterPattern, setIsOpen, setValue]
|
|
247
|
+
);
|
|
248
|
+
const handleInputKeyDown = React.useCallback(
|
|
249
|
+
(e) => {
|
|
250
|
+
if (e.key === "Enter" && value !== void 0 && value !== "" && // TODO this whole allowEnterCommitsText isquestionable
|
|
251
|
+
allowEnterCommitsText) {
|
|
252
|
+
setIsOpen(false);
|
|
253
|
+
}
|
|
254
|
+
InputProps2.inputProps?.onKeyDown?.(e);
|
|
255
|
+
if (e.isDefaultPrevented()) ; else if (e.key === "Backspace" && allowBackspaceClearsSelection) {
|
|
256
|
+
selectedRef.current = null;
|
|
257
|
+
onDeselect?.();
|
|
258
|
+
}
|
|
259
|
+
},
|
|
260
|
+
[
|
|
261
|
+
InputProps2.inputProps,
|
|
262
|
+
allowBackspaceClearsSelection,
|
|
263
|
+
allowEnterCommitsText,
|
|
264
|
+
onDeselect,
|
|
265
|
+
setIsOpen,
|
|
266
|
+
value
|
|
267
|
+
]
|
|
268
|
+
);
|
|
269
|
+
const { onFocus: inputOnFocus = onFocus } = InputProps2;
|
|
270
|
+
const { onFocus: listOnFocus } = listControlProps;
|
|
271
|
+
const handleInputFocus = React.useCallback(
|
|
272
|
+
(evt) => {
|
|
273
|
+
setDisableAriaActiveDescendant(false);
|
|
274
|
+
listOnFocus?.(evt);
|
|
275
|
+
inputOnFocus?.(evt);
|
|
276
|
+
},
|
|
277
|
+
[inputOnFocus, listOnFocus]
|
|
278
|
+
);
|
|
279
|
+
const listFocused = React.useCallback(
|
|
280
|
+
(evt) => {
|
|
281
|
+
const element = evt.relatedTarget;
|
|
282
|
+
return element?.id === `${id}-list`;
|
|
283
|
+
},
|
|
284
|
+
[id]
|
|
285
|
+
);
|
|
286
|
+
const { onBlur: inputOnBlur = onBlur } = InputProps2;
|
|
287
|
+
const { onBlur: listOnBlur } = listControlProps;
|
|
288
|
+
const handleInputBlur = React.useCallback(
|
|
289
|
+
(evt) => {
|
|
290
|
+
if (listFocused(evt)) ; else {
|
|
291
|
+
listOnBlur?.(evt);
|
|
292
|
+
inputOnBlur?.(evt);
|
|
293
|
+
ignoreSelectOnFocus.current = true;
|
|
294
|
+
}
|
|
295
|
+
},
|
|
296
|
+
[listFocused, listOnBlur, inputOnBlur]
|
|
297
|
+
);
|
|
298
|
+
const { onSelect: inputOnSelect } = InputProps2;
|
|
299
|
+
const handleInputSelect = React.useCallback(
|
|
300
|
+
(event) => {
|
|
301
|
+
if (ignoreSelectOnFocus.current) {
|
|
302
|
+
ignoreSelectOnFocus.current = false;
|
|
303
|
+
}
|
|
304
|
+
inputOnSelect?.(event);
|
|
305
|
+
},
|
|
306
|
+
[inputOnSelect]
|
|
307
|
+
);
|
|
308
|
+
vuuUtils.useLayoutEffectSkipFirst(() => {
|
|
309
|
+
if (selectionTypes.hasSelection(selected)) {
|
|
310
|
+
highlightSelectedItem(selected);
|
|
311
|
+
} else {
|
|
312
|
+
setHighlightedIndex(initialHighlightedIndex);
|
|
313
|
+
}
|
|
314
|
+
}, [
|
|
315
|
+
highlightSelectedItem,
|
|
316
|
+
itemCount,
|
|
317
|
+
initialHighlightedIndex,
|
|
318
|
+
selected,
|
|
319
|
+
setHighlightedIndex,
|
|
320
|
+
setIsOpen
|
|
321
|
+
]);
|
|
322
|
+
const mergedInputProps = {
|
|
323
|
+
...InputProps2.inputProps,
|
|
324
|
+
"aria-label": ariaLabel,
|
|
325
|
+
autoComplete: "off",
|
|
326
|
+
onKeyDown: handleInputKeyDown
|
|
327
|
+
};
|
|
328
|
+
return {
|
|
329
|
+
focusVisible,
|
|
330
|
+
highlightedIndex,
|
|
331
|
+
isOpen,
|
|
332
|
+
onOpenChange: handleOpenChange,
|
|
333
|
+
InputProps: {
|
|
334
|
+
...InputProps2,
|
|
335
|
+
// "aria-activedescendant": activeDescendant,
|
|
336
|
+
id: `${id}-input`,
|
|
337
|
+
inputProps: mergedInputProps,
|
|
338
|
+
onChange: handleInputChange,
|
|
339
|
+
onSelect: handleInputSelect,
|
|
340
|
+
role: "combobox",
|
|
341
|
+
value
|
|
342
|
+
},
|
|
343
|
+
listControlProps: {
|
|
344
|
+
...listControlProps,
|
|
345
|
+
onBlur: handleInputBlur,
|
|
346
|
+
onFocus: handleInputFocus
|
|
347
|
+
},
|
|
348
|
+
listHandlers: {
|
|
349
|
+
...listHookListHandlers,
|
|
350
|
+
onClick: handleListClick
|
|
351
|
+
},
|
|
352
|
+
selected: selectedRef.current,
|
|
353
|
+
setContainerRef
|
|
354
|
+
};
|
|
355
|
+
};
|
|
356
|
+
|
|
357
|
+
exports.useCombobox = useCombobox;
|
|
358
|
+
//# sourceMappingURL=useCombobox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCombobox.js","sources":["../../src/combo-box/useCombobox.ts"],"sourcesContent":["import { useLayoutEffectSkipFirst } from \"@vuu-ui/vuu-utils\";\nimport { InputProps, useControlled } from \"@salt-ds/core\";\nimport {\n ChangeEvent,\n FocusEvent,\n KeyboardEventHandler,\n MouseEvent,\n RefCallback,\n SyntheticEvent,\n useCallback,\n useRef,\n useState,\n} from \"react\";\nimport {\n ComponentSelectionProps,\n hasSelection,\n isMultiSelection,\n itemToString as defaultItemToString,\n MultiSelectionHandler,\n MultiSelectionStrategy,\n SelectionStrategy,\n SelectionType,\n SingleSelectionHandler,\n} from \"../common-hooks\";\nimport {\n DropdownHookProps,\n DropdownHookResult,\n OpenChangeHandler,\n} from \"../dropdown\";\nimport { ListHookProps, ListHookResult, useList } from \"../list\";\nimport { ComboBoxProps } from \"./ComboBox\";\n\nconst EnterOnly = [\"Enter\"];\nexport interface ComboboxHookProps<\n Item = string,\n S extends SelectionStrategy = \"default\"\n> extends Partial<Omit<DropdownHookProps, \"id\" | \"onKeyDown\">>,\n Pick<InputProps, \"onBlur\" | \"onChange\" | \"onFocus\" | \"onSelect\">,\n Pick<\n ComboBoxProps<Item>,\n | \"allowBackspaceClearsSelection\"\n | \"allowEnterCommitsText\"\n | \"allowFreeText\"\n | \"defaultValue\"\n | \"initialHighlightedIndex\"\n | \"itemsToString\"\n | \"onDeselect\"\n | \"onSetSelectedText\"\n | \"onListItemSelect\"\n | \"value\"\n >,\n Omit<ComponentSelectionProps<Item, S>, \"onSelect\">,\n Omit<\n ListHookProps<Item, S>,\n \"containerRef\" | \"defaultSelected\" | \"onSelect\" | \"selected\"\n > {\n InputProps?: InputProps;\n ariaLabel?: string;\n id: string;\n itemCount: number;\n itemToString?: (item: Item) => string;\n}\n\nexport interface ComboboxHookResult<Item, S extends SelectionStrategy>\n extends Pick<\n ListHookResult<Item>,\n \"focusVisible\" | \"highlightedIndex\" | \"listControlProps\" | \"listHandlers\"\n >,\n Partial<DropdownHookResult> {\n InputProps: InputProps;\n onOpenChange: OpenChangeHandler;\n selected?: S extends MultiSelectionStrategy ? Item[] : Item | null;\n setContainerRef: RefCallback<HTMLDivElement>;\n}\n\nexport const useCombobox = <Item, S extends SelectionStrategy>({\n allowBackspaceClearsSelection,\n allowEnterCommitsText,\n allowFreeText,\n ariaLabel,\n collectionHook,\n defaultIsOpen,\n defaultSelected,\n defaultValue,\n onBlur,\n onFocus,\n onChange,\n onDeselect,\n onSelect,\n id,\n initialHighlightedIndex = -1,\n isOpen: isOpenProp,\n itemCount,\n itemsToString,\n itemToString = defaultItemToString as (item: Item) => string,\n onListItemSelect,\n onOpenChange,\n onSelectionChange,\n onSetSelectedText,\n selected: selectedProp,\n selectionKeys = EnterOnly,\n selectionStrategy,\n value: valueProp,\n InputProps = {\n onBlur,\n onFocus,\n onChange,\n onSelect,\n },\n}: ComboboxHookProps<Item, S>): ComboboxHookResult<Item, S> => {\n const isMultiSelect = isMultiSelection(selectionStrategy);\n\n const noSelection = () => (isMultiSelect ? [] : null);\n\n const { setFilterPattern } = collectionHook;\n const setHighlightedIndexRef = useRef<null | ((i: number) => void)>(null);\n const selectedRef = useRef(selectedProp ?? defaultSelected ?? noSelection());\n // Input select events are used to identify user navigation within the input text.\n // The initial select event fired on focus is an exception that we ignore.\n const ignoreSelectOnFocus = useRef(true);\n\n const [isOpen, _setIsOpen] = useControlled<boolean>({\n controlled: isOpenProp,\n default: defaultIsOpen ?? false,\n name: \"useDropdownList\",\n });\n\n const [value, setValue] = useControlled({\n controlled: undefined,\n default: defaultValue ?? valueProp,\n name: \"ComboBox\",\n state: \"value\",\n });\n\n const [disableAriaActiveDescendant, setDisableAriaActiveDescendant] =\n useState(true);\n\n const setIsOpen = useCallback(\n (isOpen: boolean) => {\n _setIsOpen(isOpen);\n setDisableAriaActiveDescendant(!isOpen);\n },\n [_setIsOpen]\n );\n\n const highlightSelectedItem = useCallback((selected) => {\n if (Array.isArray(selected)) {\n // TODO multi selection\n } else if (selected == null) {\n setHighlightedIndexRef.current?.(-1);\n }\n }, []);\n\n const setTextValue = useCallback(\n (value: string, applyFilter = true) => {\n setValue(value);\n if (applyFilter) {\n setFilterPattern(value === \"\" ? undefined : value);\n }\n },\n [setFilterPattern, setValue]\n );\n\n const reconcileInput = useCallback(\n (selected?: SelectionType<Item, S>) => {\n let newValue = allowFreeText ? value ?? \"\" : \"\";\n if (Array.isArray(selected)) {\n if (selected.length === 1) {\n newValue = itemToString(selected[0]);\n } else if (selected.length > 1) {\n newValue = itemsToString?.(selected) || \"\";\n }\n } else if (selected) {\n newValue = itemToString(selected as Item);\n }\n if (newValue !== value) {\n setTextValue(newValue, !isMultiSelect);\n onSetSelectedText?.(newValue);\n return true;\n } else {\n return false;\n }\n },\n [\n allowFreeText,\n isMultiSelect,\n itemToString,\n itemsToString,\n onSetSelectedText,\n setTextValue,\n value,\n ]\n );\n\n const applySelection = useCallback(() => {\n const { current: selected } = selectedRef;\n if (reconcileInput(selected as any)) {\n if (selected) {\n // selected ref will be undefined if user has changed nothing\n if (Array.isArray(selected)) {\n (onSelectionChange as MultiSelectionHandler<Item>)?.(\n null,\n selected as Item[]\n );\n } else if (selected) {\n (onSelectionChange as SingleSelectionHandler<Item>)?.(\n null,\n selected as Item\n );\n }\n }\n }\n }, [onSelectionChange, reconcileInput]);\n\n const selectFreeTextInputValue = useCallback(() => {\n if (allowFreeText) {\n const text = value?.trim();\n const { current: selected } = selectedRef;\n if (text) {\n if (itemCount === 0 && text) {\n // TODO should this be a different event ?\n if (isMultiSelect) {\n (onSelectionChange as MultiSelectionHandler<string>)?.(null, [\n text,\n ]);\n } else {\n (onSelectionChange as SingleSelectionHandler<string>)?.(null, text);\n }\n selectedRef.current = null;\n return true;\n } else if (selected && !isMultiSelect) {\n if (\n selected &&\n !Array.isArray(selected) &&\n itemToString(selected as Item) === text\n ) {\n // it has already been selected, nothing to do\n }\n }\n }\n }\n return false;\n }, [\n allowFreeText,\n value,\n itemCount,\n isMultiSelect,\n onSelectionChange,\n itemToString,\n ]);\n\n const handleOpenChange = useCallback<OpenChangeHandler>(\n (open, closeReason) => {\n if (open && isMultiSelect) {\n setTextValue(\"\", false);\n }\n setIsOpen(open);\n onOpenChange?.(open, closeReason);\n if (!open && closeReason !== \"Escape\") {\n if (!selectFreeTextInputValue()) {\n applySelection();\n }\n }\n },\n [\n applySelection,\n isMultiSelect,\n onOpenChange,\n selectFreeTextInputValue,\n setIsOpen,\n setTextValue,\n ]\n );\n\n const handleSelectionChange = useCallback(\n (evt, selected) => {\n selectedRef.current = selected;\n if (!isMultiSelect) {\n handleOpenChange(false, \"select\");\n }\n },\n [handleOpenChange, isMultiSelect]\n );\n\n const {\n focusVisible,\n setHighlightedIndex,\n highlightedIndex,\n listControlProps,\n listHandlers: listHookListHandlers,\n selected,\n setContainerRef,\n } = useList<Item, S>({\n collectionHook,\n defaultHighlightedIndex: initialHighlightedIndex,\n defaultSelected: collectionHook.itemToCollectionItemId(defaultSelected),\n disableAriaActiveDescendant,\n disableHighlightOnFocus: true,\n disableTypeToSelect: true,\n label: \"combobox\",\n onSelectionChange: handleSelectionChange,\n onSelect: onListItemSelect,\n selected: collectionHook.itemToCollectionItemId(selectedProp as any),\n selectionKeys,\n selectionStrategy,\n tabToSelect: !isMultiSelect,\n });\n\n setHighlightedIndexRef.current = setHighlightedIndex;\n\n const { onClick: listHandlersOnClick } = listHookListHandlers;\n const handleListClick = useCallback(\n (evt: MouseEvent) => {\n document.getElementById(`${id}-input`)?.focus();\n listHandlersOnClick?.(evt);\n },\n [id, listHandlersOnClick]\n );\n\n const handleInputChange = useCallback(\n (evt: ChangeEvent<HTMLInputElement>) => {\n const newValue = evt.target.value;\n setValue(newValue);\n\n if (newValue && newValue.trim().length) {\n setFilterPattern(newValue);\n } else {\n setFilterPattern(undefined);\n // onSelectionChange?.(evt, []);\n }\n\n setIsOpen(true);\n },\n [setFilterPattern, setIsOpen, setValue]\n );\n\n const handleInputKeyDown = useCallback<\n KeyboardEventHandler<HTMLInputElement>\n >(\n (e) => {\n if (\n e.key === \"Enter\" &&\n value !== undefined &&\n value !== \"\" &&\n // TODO this whole allowEnterCommitsText isquestionable\n allowEnterCommitsText\n ) {\n setIsOpen(false);\n }\n\n InputProps.inputProps?.onKeyDown?.(e);\n if (e.isDefaultPrevented()) {\n // no more to do;\n } else if (e.key === \"Backspace\" && allowBackspaceClearsSelection) {\n selectedRef.current = null;\n onDeselect?.();\n }\n },\n [\n InputProps.inputProps,\n allowBackspaceClearsSelection,\n allowEnterCommitsText,\n onDeselect,\n setIsOpen,\n value,\n ]\n );\n\n const { onFocus: inputOnFocus = onFocus } = InputProps;\n const { onFocus: listOnFocus } = listControlProps;\n const handleInputFocus = useCallback(\n (evt: FocusEvent<HTMLInputElement>) => {\n setDisableAriaActiveDescendant(false);\n listOnFocus?.(evt);\n inputOnFocus?.(evt);\n },\n [inputOnFocus, listOnFocus]\n );\n\n const listFocused = useCallback(\n (evt: FocusEvent) => {\n const element = evt.relatedTarget as HTMLElement;\n return element?.id === `${id}-list`;\n },\n [id]\n );\n\n const { onBlur: inputOnBlur = onBlur } = InputProps;\n const { onBlur: listOnBlur } = listControlProps;\n // TODO do we need this check at all, given that DropdownV=BAse will close dropdown\n const handleInputBlur = useCallback(\n (evt: FocusEvent<HTMLInputElement>) => {\n if (listFocused(evt)) {\n // nothing doing\n } else {\n listOnBlur?.(evt);\n inputOnBlur?.(evt);\n // setDisableAriaActiveDescendant(true);\n ignoreSelectOnFocus.current = true;\n }\n },\n [listFocused, listOnBlur, inputOnBlur]\n );\n\n const { onSelect: inputOnSelect } = InputProps;\n const handleInputSelect = useCallback(\n (event: SyntheticEvent<HTMLDivElement>) => {\n if (ignoreSelectOnFocus.current) {\n ignoreSelectOnFocus.current = false;\n } else {\n // setDisableAriaActiveDescendant(true);\n }\n inputOnSelect?.(event);\n },\n [inputOnSelect]\n );\n\n // If we have selected item(s) and we filter down the list by typing,\n // the position of selected items within the list may be changing.\n // Relocate highlighted index to the selection whenever this happens,\n // so if we resume keyboard navigation, navigation begins from the selected\n // item.\n useLayoutEffectSkipFirst(() => {\n if (hasSelection(selected)) {\n highlightSelectedItem(selected);\n } else {\n setHighlightedIndex(initialHighlightedIndex);\n }\n }, [\n highlightSelectedItem,\n itemCount,\n initialHighlightedIndex,\n selected,\n setHighlightedIndex,\n setIsOpen,\n ]);\n\n const mergedInputProps = {\n ...InputProps.inputProps,\n \"aria-label\": ariaLabel,\n autoComplete: \"off\",\n onKeyDown: handleInputKeyDown,\n };\n\n return {\n focusVisible,\n highlightedIndex,\n isOpen,\n onOpenChange: handleOpenChange,\n InputProps: {\n ...InputProps,\n // \"aria-activedescendant\": activeDescendant,\n id: `${id}-input`,\n inputProps: mergedInputProps,\n onChange: handleInputChange,\n onSelect: handleInputSelect,\n role: \"combobox\",\n value,\n },\n listControlProps: {\n ...listControlProps,\n onBlur: handleInputBlur,\n onFocus: handleInputFocus,\n },\n listHandlers: {\n ...listHookListHandlers,\n onClick: handleListClick,\n },\n selected: selectedRef.current as SelectionType<Item, S>,\n setContainerRef,\n };\n};\n"],"names":["itemToString","defaultItemToString","InputProps","isMultiSelection","useRef","useControlled","useState","useCallback","isOpen","selected","value","useList","useLayoutEffectSkipFirst","hasSelection"],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
|
|
6
|
+
const CollectionContext = React.createContext(void 0);
|
|
7
|
+
function CollectionProvider({
|
|
8
|
+
children,
|
|
9
|
+
collectionHook,
|
|
10
|
+
...props
|
|
11
|
+
}) {
|
|
12
|
+
return /* @__PURE__ */ jsxRuntime.jsx(CollectionContext.Provider, { value: collectionHook, children: Object.keys(props).length > 0 ? React.cloneElement(children, props) : children });
|
|
13
|
+
}
|
|
14
|
+
function useCollection() {
|
|
15
|
+
const collection = React.useContext(CollectionContext);
|
|
16
|
+
if (collection) {
|
|
17
|
+
return collection;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
exports.CollectionContext = CollectionContext;
|
|
22
|
+
exports.CollectionProvider = CollectionProvider;
|
|
23
|
+
exports.useCollection = useCollection;
|
|
24
|
+
//# sourceMappingURL=collectionProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collectionProvider.js","sources":["../../src/common-hooks/collectionProvider.tsx"],"sourcesContent":["import { cloneElement, createContext, ReactElement, useContext } from \"react\";\nimport { CollectionHookResult } from \"./collectionTypes\";\n\nexport interface collectionContext<T> {\n collection: CollectionHookResult<T>;\n}\n\nexport const CollectionContext = createContext<\n CollectionHookResult<any> | undefined\n>(undefined);\n\ninterface ContextProviderProps<Item> {\n children: ReactElement;\n collectionHook: CollectionHookResult<Item>;\n}\n\nexport function CollectionProvider<Item>({\n children,\n collectionHook,\n ...props\n}: ContextProviderProps<Item>) {\n return (\n <CollectionContext.Provider value={collectionHook}>\n {Object.keys(props).length > 0 ? cloneElement(children, props) : children}\n </CollectionContext.Provider>\n );\n}\n\nexport function useCollection<Item>(): CollectionHookResult<Item> | undefined {\n const collection = useContext(CollectionContext);\n if (collection) {\n return collection as CollectionHookResult<Item>;\n }\n}\n"],"names":["createContext","cloneElement","useContext"],"mappings":";;;;;AAOa,MAAA,iBAAA,GAAoBA,oBAE/B,KAAS,CAAA,EAAA;AAOJ,SAAS,kBAAyB,CAAA;AAAA,EACvC,QAAA;AAAA,EACA,cAAA;AAAA,EACA,GAAG,KAAA;AACL,CAA+B,EAAA;AAC7B,EAAA,sCACG,iBAAkB,CAAA,QAAA,EAAlB,EAA2B,KAAA,EAAO,gBAChC,QAAO,EAAA,MAAA,CAAA,IAAA,CAAK,KAAK,CAAA,CAAE,SAAS,CAAI,GAAAC,kBAAA,CAAa,QAAU,EAAA,KAAK,IAAI,QACnE,EAAA,CAAA,CAAA;AAEJ,CAAA;AAEO,SAAS,aAA8D,GAAA;AAC5E,EAAM,MAAA,UAAA,GAAaC,iBAAW,iBAAiB,CAAA,CAAA;AAC/C,EAAA,IAAI,UAAY,EAAA;AACd,IAAO,OAAA,UAAA,CAAA;AAAA,GACT;AACF;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"isPlainObject.js","sources":["../../src/common-hooks/isPlainObject.ts"],"sourcesContent":["export const isPlainObject = (obj: unknown) =>\n Object.prototype.toString.call(obj) === \"[object Object]\";\n"],"names":[],"mappings":";;AAAa,MAAA,aAAA,GAAgB,CAAC,GAC5B,KAAA,MAAA,CAAO,UAAU,QAAS,CAAA,IAAA,CAAK,GAAG,CAAM,KAAA;;;;"}
|