@cube-dev/ui-kit 0.187.2 → 0.189.0
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/README.md +4 -0
- package/dist/CHANGELOG.md +47 -0
- package/dist/README.md +4 -0
- package/dist/_internal/hooks/use-debounced-value.js +1 -1
- package/dist/_internal/hooks/use-deprecation-warning.js +1 -1
- package/dist/_internal/hooks/use-event.js +1 -1
- package/dist/_internal/hooks/use-is-first-render.js +1 -1
- package/dist/_internal/hooks/use-sync-ref.js +1 -1
- package/dist/_internal/hooks/use-timer/timer.js +1 -1
- package/dist/_internal/hooks/use-timer/use-timer.js +1 -1
- package/dist/_internal/hooks/use-warn.js +1 -1
- package/dist/components/Block.js +1 -1
- package/dist/components/CollectionItem.js +1 -1
- package/dist/components/GlobalStyles.js +3 -6
- package/dist/components/GlobalStyles.js.map +1 -1
- package/dist/components/GridProvider.js +1 -1
- package/dist/components/HiddenInput.js +1 -1
- package/dist/components/Root.js +1 -1
- package/dist/components/actions/Action/Action.d.ts +4 -0
- package/dist/components/actions/Action/Action.js +1 -1
- package/dist/components/actions/Action/Action.js.map +1 -1
- package/dist/components/actions/Banner/Banner.js +1 -1
- package/dist/components/actions/Button/Button.js +2 -2
- package/dist/components/actions/Button/Button.js.map +1 -1
- package/dist/components/actions/ButtonGroup/ButtonGroup.js +1 -1
- package/dist/components/actions/ButtonSplit/ButtonSplit.js +40 -19
- package/dist/components/actions/ButtonSplit/ButtonSplit.js.map +1 -1
- package/dist/components/actions/ButtonSplit/context.js +1 -1
- package/dist/components/actions/CommandMenu/CommandMenu.js +4 -7
- package/dist/components/actions/CommandMenu/CommandMenu.js.map +1 -1
- package/dist/components/actions/CommandMenu/styled.js +1 -1
- package/dist/components/actions/ItemAction/ItemAction.js +1 -1
- package/dist/components/actions/ItemAction/ItemAction.js.map +1 -1
- package/dist/components/actions/ItemActionContext.js +1 -1
- package/dist/components/actions/ItemActionsWrapper.js +1 -1
- package/dist/components/actions/ItemActionsWrapper.js.map +1 -1
- package/dist/components/actions/ItemButton/ItemButton.js +3 -3
- package/dist/components/actions/ItemButton/ItemButton.js.map +1 -1
- package/dist/components/actions/Link/Link.js +1 -1
- package/dist/components/actions/Menu/Menu.js +1 -1
- package/dist/components/actions/Menu/MenuItem.js +1 -1
- package/dist/components/actions/Menu/MenuSection.js +7 -5
- package/dist/components/actions/Menu/MenuSection.js.map +1 -1
- package/dist/components/actions/Menu/MenuTrigger.js +1 -1
- package/dist/components/actions/Menu/SubMenuTrigger.js +1 -1
- package/dist/components/actions/Menu/SubmenuTriggerContext.js +1 -1
- package/dist/components/actions/Menu/context.js +1 -1
- package/dist/components/actions/Menu/styled.js +4 -6
- package/dist/components/actions/Menu/styled.js.map +1 -1
- package/dist/components/actions/actions-run.js +1 -1
- package/dist/components/actions/index.js +1 -1
- package/dist/components/actions/use-action.d.ts +4 -0
- package/dist/components/actions/use-action.js +6 -1
- package/dist/components/actions/use-action.js.map +1 -1
- package/dist/components/actions/use-anchored-menu.js +1 -1
- package/dist/components/actions/use-context-menu.js +1 -1
- package/dist/components/content/ActiveZone/ActiveZone.js +1 -1
- package/dist/components/content/Alert/Alert.js +1 -1
- package/dist/components/content/Alert/Alert.js.map +1 -1
- package/dist/components/content/Alert/use-alert.js +1 -1
- package/dist/components/content/Avatar/Avatar.js +1 -1
- package/dist/components/content/Badge/Badge.js +1 -1
- package/dist/components/content/Badge/Badge.js.map +1 -1
- package/dist/components/content/Card/Card.js +1 -1
- package/dist/components/content/Content.js +1 -1
- package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js +1 -1
- package/dist/components/content/CopySnippet/CopySnippet.js +1 -1
- package/dist/components/content/Disclosure/Disclosure.js +53 -78
- package/dist/components/content/Disclosure/Disclosure.js.map +1 -1
- package/dist/components/content/Divider.js +1 -1
- package/dist/components/content/Footer.js +1 -1
- package/dist/components/content/Header.js +1 -1
- package/dist/components/content/HotKeys/HotKeys.js +1 -1
- package/dist/components/content/InfoBadge/InfoBadge.d.ts +7 -1
- package/dist/components/content/InfoBadge/InfoBadge.js +6 -1
- package/dist/components/content/InfoBadge/InfoBadge.js.map +1 -1
- package/dist/components/content/InlineInput/InlineInput.js +1 -1
- package/dist/components/content/Item/Item.js +11 -10
- package/dist/components/content/Item/Item.js.map +1 -1
- package/dist/components/content/ItemBadge/ItemBadge.js +1 -1
- package/dist/components/content/ItemCard/ItemCard.js +1 -1
- package/dist/components/content/Layout/GridLayout.js +1 -1
- package/dist/components/content/Layout/Layout.js +1 -1
- package/dist/components/content/Layout/LayoutBlock.js +1 -1
- package/dist/components/content/Layout/LayoutCenter.js +1 -1
- package/dist/components/content/Layout/LayoutContainer.js +1 -1
- package/dist/components/content/Layout/LayoutContent.js +1 -1
- package/dist/components/content/Layout/LayoutContext.js +1 -1
- package/dist/components/content/Layout/LayoutFlex.js +1 -1
- package/dist/components/content/Layout/LayoutFooter.js +1 -1
- package/dist/components/content/Layout/LayoutGrid.js +1 -1
- package/dist/components/content/Layout/LayoutHeader.js +1 -1
- package/dist/components/content/Layout/LayoutPane.js +1 -1
- package/dist/components/content/Layout/LayoutPanel.js +1 -1
- package/dist/components/content/Layout/LayoutPanelHeader.js +1 -1
- package/dist/components/content/Layout/LayoutToolbar.js +1 -1
- package/dist/components/content/Layout/hooks/useTinyScrollbar.js +1 -1
- package/dist/components/content/Layout/index.js +1 -1
- package/dist/components/content/Layout/utils.js +1 -1
- package/dist/components/content/Paragraph.js +1 -1
- package/dist/components/content/Placeholder/Placeholder.js +13 -22
- package/dist/components/content/Placeholder/Placeholder.js.map +1 -1
- package/dist/components/content/PrismCode/PrismCode.js +1 -1
- package/dist/components/content/PrismCode/prismSetup.js +1 -1
- package/dist/components/content/PrismDiffCode/PrismDiffCode.js +1 -1
- package/dist/components/content/Result/Result.d.ts +34 -4
- package/dist/components/content/Result/Result.js +199 -95
- package/dist/components/content/Result/Result.js.map +1 -1
- package/dist/components/content/Skeleton/Skeleton.js +1 -1
- package/dist/components/content/Tag/Tag.js +3 -5
- package/dist/components/content/Tag/Tag.js.map +1 -1
- package/dist/components/content/Text.d.ts +14 -14
- package/dist/components/content/Text.js +1 -1
- package/dist/components/content/TextItem/TextItem.js +1 -1
- package/dist/components/content/Title.d.ts +2 -0
- package/dist/components/content/Title.js +1 -1
- package/dist/components/content/Title.js.map +1 -1
- package/dist/components/content/Tree/Tree.js +1 -1
- package/dist/components/content/Tree/TreeNode.js +1 -1
- package/dist/components/content/Tree/styled.js +1 -1
- package/dist/components/content/Tree/styled.js.map +1 -1
- package/dist/components/content/Tree/tree-index.js +1 -1
- package/dist/components/content/Tree/use-checkbox-tree.js +1 -1
- package/dist/components/content/Tree/use-load-data.js +1 -1
- package/dist/components/content/highlightText.js +1 -1
- package/dist/components/content/use-auto-tooltip.js +1 -1
- package/dist/components/data/DataTable/DataTable.js +33 -10
- package/dist/components/data/DataTable/DataTable.js.map +1 -1
- package/dist/components/data/DataTable/types.d.ts +3 -1
- package/dist/components/data/ItemTable/ItemTable.js +3 -6
- package/dist/components/data/ItemTable/ItemTable.js.map +1 -1
- package/dist/components/data/ItemTable/ItemTableBulkBar.js +1 -1
- package/dist/components/data/ItemTable/ItemTableDragPreview.js +1 -1
- package/dist/components/data/ItemTable/ItemTableFooter.js +1 -1
- package/dist/components/data/ItemTable/ItemTableToolbar.js +1 -1
- package/dist/components/data/TableBase/ColumnResizer.js +1 -1
- package/dist/components/data/TableBase/RowCollection.js +1 -1
- package/dist/components/data/TableBase/TableHeaderCell.js +1 -1
- package/dist/components/data/TableBase/TableRow.js +1 -1
- package/dist/components/data/TableBase/TableView.js +9 -7
- package/dist/components/data/TableBase/TableView.js.map +1 -1
- package/dist/components/data/TableBase/column-menu.js +1 -1
- package/dist/components/data/TableBase/column-styles.js +82 -0
- package/dist/components/data/TableBase/column-styles.js.map +1 -0
- package/dist/components/data/TableBase/column-tint.js +1 -1
- package/dist/components/data/TableBase/row-menu.js +1 -1
- package/dist/components/data/TableBase/styled.js +8 -10
- package/dist/components/data/TableBase/styled.js.map +1 -1
- package/dist/components/data/TableBase/table-tree.js +1 -1
- package/dist/components/data/TableBase/types.d.ts +11 -0
- package/dist/components/data/TableBase/types.js +1 -1
- package/dist/components/data/TableBase/types.js.map +1 -1
- package/dist/components/data/TableBase/use-cell-selection.js +0 -0
- package/dist/components/data/TableBase/use-column-order.js +1 -1
- package/dist/components/data/TableBase/use-container-width.js +1 -1
- package/dist/components/data/TableBase/use-row-move-animation.js +1 -1
- package/dist/components/data/TableBase/use-scrollability.js +1 -1
- package/dist/components/data/TableBase/use-table-columns.js +1 -1
- package/dist/components/data/TableBase/use-table-search.js +1 -1
- package/dist/components/data/TableBase/use-table-selection.js +1 -1
- package/dist/components/data/TableBase/use-table-sort.js +1 -1
- package/dist/components/data/TableBase/use-table-sorts.js +1 -1
- package/dist/components/data/TableBase/use-table-storage.js +1 -1
- package/dist/components/data/TableBase/use-table-tree-state.js +1 -1
- package/dist/components/fields/Checkbox/Checkbox.js +1 -1
- package/dist/components/fields/Checkbox/CheckboxGroup.js +1 -1
- package/dist/components/fields/Checkbox/context.js +1 -1
- package/dist/components/fields/ColorInput/ColorInput.js +1 -1
- package/dist/components/fields/ColorPicker/ColorPicker.js +1 -1
- package/dist/components/fields/ColorSwatch/ColorSwatch.js +1 -1
- package/dist/components/fields/ColorSwatchGroup/ColorSwatchGroup.js +1 -1
- package/dist/components/fields/ComboBox/ComboBox.d.ts +9 -4
- package/dist/components/fields/ComboBox/ComboBox.js +2 -1
- package/dist/components/fields/ComboBox/ComboBox.js.map +1 -1
- package/dist/components/fields/CommandTextArea/CommandTextArea.js +3 -5
- package/dist/components/fields/CommandTextArea/CommandTextArea.js.map +1 -1
- package/dist/components/fields/CommandTextArea/caretPosition.js +1 -1
- package/dist/components/fields/CommandTextArea/useCaretAnchor.js +1 -1
- package/dist/components/fields/DatePicker/DateInput.js +1 -1
- package/dist/components/fields/DatePicker/DateInputBase.js +1 -1
- package/dist/components/fields/DatePicker/DateInputBase.js.map +1 -1
- package/dist/components/fields/DatePicker/DatePicker.js +119 -129
- package/dist/components/fields/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/fields/DatePicker/DatePickerButton.js +1 -1
- package/dist/components/fields/DatePicker/DatePickerElement.js +1 -1
- package/dist/components/fields/DatePicker/DatePickerInput.js +1 -1
- package/dist/components/fields/DatePicker/DatePickerSegment.js +1 -1
- package/dist/components/fields/DatePicker/DateRangePicker.js +128 -138
- package/dist/components/fields/DatePicker/DateRangePicker.js.map +1 -1
- package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js +321 -331
- package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js.map +1 -1
- package/dist/components/fields/DatePicker/MonthPicker.js +1 -1
- package/dist/components/fields/DatePicker/PeriodPicker.js +163 -179
- package/dist/components/fields/DatePicker/PeriodPicker.js.map +1 -1
- package/dist/components/fields/DatePicker/QuarterPicker.js +1 -1
- package/dist/components/fields/DatePicker/TimeInput.js +1 -1
- package/dist/components/fields/DatePicker/WeekPicker.js +1 -1
- package/dist/components/fields/DatePicker/YearPicker.js +1 -1
- package/dist/components/fields/DatePicker/parseDate.js +1 -1
- package/dist/components/fields/DatePicker/period.js +1 -1
- package/dist/components/fields/DatePicker/props.js +1 -1
- package/dist/components/fields/DatePicker/utils.js +1 -1
- package/dist/components/fields/FileInput/FileInput.js +1 -1
- package/dist/components/fields/FilterListBox/FilterListBox.js +1 -1
- package/dist/components/fields/FilterListBox/FilterListBox.js.map +1 -1
- package/dist/components/fields/FilterPicker/FilterPicker.js +5 -6
- package/dist/components/fields/FilterPicker/FilterPicker.js.map +1 -1
- package/dist/components/fields/Input/Input.js +1 -1
- package/dist/components/fields/ListBox/DraggableListBox.js +1 -1
- package/dist/components/fields/ListBox/ListBox.js +1 -1
- package/dist/components/fields/ListBox/optionId.js +1 -1
- package/dist/components/fields/ListBoxPopover/ListBoxPopover.js +46 -44
- package/dist/components/fields/ListBoxPopover/ListBoxPopover.js.map +1 -1
- package/dist/components/fields/ListBoxPopover/listNavigation.js +1 -1
- package/dist/components/fields/ListBoxPopover/useCompositeFocus.js +1 -1
- package/dist/components/fields/NumberInput/NumberInput.d.ts +2 -2
- package/dist/components/fields/NumberInput/NumberInput.js +1 -1
- package/dist/components/fields/NumberInput/NumberInput.js.map +1 -1
- package/dist/components/fields/NumberInput/StepButton.js +3 -3
- package/dist/components/fields/NumberInput/StepButton.js.map +1 -1
- package/dist/components/fields/PasswordInput/PasswordInput.d.ts +2 -1
- package/dist/components/fields/PasswordInput/PasswordInput.js +1 -1
- package/dist/components/fields/PasswordInput/PasswordInput.js.map +1 -1
- package/dist/components/fields/Picker/Picker.js +5 -6
- package/dist/components/fields/Picker/Picker.js.map +1 -1
- package/dist/components/fields/RadioGroup/Radio.js +1 -1
- package/dist/components/fields/RadioGroup/RadioGroup.js +1 -1
- package/dist/components/fields/RadioGroup/context.js +1 -1
- package/dist/components/fields/SearchComboBox/SearchComboBox.d.ts +9 -4
- package/dist/components/fields/SearchComboBox/SearchComboBox.js +2 -1
- package/dist/components/fields/SearchComboBox/SearchComboBox.js.map +1 -1
- package/dist/components/fields/SearchInput/SearchInput.js +1 -1
- package/dist/components/fields/Select/Select.js +68 -66
- package/dist/components/fields/Select/Select.js.map +1 -1
- package/dist/components/fields/Slider/Gradation.js +1 -1
- package/dist/components/fields/Slider/HueSlider.js +33 -43
- package/dist/components/fields/Slider/HueSlider.js.map +1 -1
- package/dist/components/fields/Slider/RangeSlider.js +1 -1
- package/dist/components/fields/Slider/Slider.js +1 -1
- package/dist/components/fields/Slider/SliderBase.js +1 -1
- package/dist/components/fields/Slider/SliderThumb.js +1 -1
- package/dist/components/fields/Slider/SliderTrack.js +1 -1
- package/dist/components/fields/Slider/elements.js +1 -1
- package/dist/components/fields/Slider/index.js +1 -1
- package/dist/components/fields/Switch/Switch.js +1 -1
- package/dist/components/fields/TagInput/TagInput.js +170 -158
- package/dist/components/fields/TagInput/TagInput.js.map +1 -1
- package/dist/components/fields/TagInput/TagList.js +1 -1
- package/dist/components/fields/TextArea/TextArea.js +1 -1
- package/dist/components/fields/TextInput/TextInput.d.ts +2 -2
- package/dist/components/fields/TextInput/TextInput.js +1 -1
- package/dist/components/fields/TextInput/TextInput.js.map +1 -1
- package/dist/components/fields/TextInput/TextInputBase.d.ts +2 -2
- package/dist/components/fields/TextInput/TextInputBase.js +1 -1
- package/dist/components/fields/TextInput/TextInputBase.js.map +1 -1
- package/dist/components/fields/TextInput/useAutoSizeTextArea.js +1 -1
- package/dist/components/fields/TextInputMapper/TextInputMapper.js +1 -1
- package/dist/components/fields/TriggerActions.js +1 -1
- package/dist/components/fields/color/ColorPanel.js +1 -1
- package/dist/components/fields/color/channels.js +1 -1
- package/dist/components/fields/color/color.js +1 -1
- package/dist/components/fields/color/context.js +1 -1
- package/dist/components/form/FieldWrapper/FieldWrapper.js +1 -1
- package/dist/components/form/Form/Field.js +1 -1
- package/dist/components/form/Form/Form.js +1 -1
- package/dist/components/form/Form/ModernFormRoot.js +1 -1
- package/dist/components/form/Form/ResetButton/ResetButton.js +1 -1
- package/dist/components/form/Form/SubmitButton/SubmitButton.js +1 -1
- package/dist/components/form/Form/SubmitError.js +1 -1
- package/dist/components/form/Form/backend.js +1 -1
- package/dist/components/form/Form/index.js +1 -1
- package/dist/components/form/Form/modern/actions.js +1 -1
- package/dist/components/form/Form/modern/context.js +1 -1
- package/dist/components/form/Form/modern/controller.js +1 -1
- package/dist/components/form/Form/modern/field-binding.js +1 -1
- package/dist/components/form/Form/modern/field.js +1 -1
- package/dist/components/form/Form/modern/react.js +1 -1
- package/dist/components/form/Form/modern/store.js +1 -1
- package/dist/components/form/Form/modern/validation.js +1 -1
- package/dist/components/form/Form/modern/values.js +1 -1
- package/dist/components/form/Form/reset-unbound-controls.js +1 -1
- package/dist/components/form/Form/use-field/use-field-binding.js +1 -1
- package/dist/components/form/Form/use-field/use-field-props.js +1 -1
- package/dist/components/form/Form/use-field/use-field.js +1 -1
- package/dist/components/form/Form/use-form.js +1 -1
- package/dist/components/form/Form/validation.js +1 -1
- package/dist/components/form/Label.js +1 -1
- package/dist/components/form/legacy-tooltip.js +1 -1
- package/dist/components/form/validation/ValidationIndicator.js +1 -1
- package/dist/components/form/validation/resolve-validation-props.js +1 -1
- package/dist/components/form/validation/use-validation-props.js +1 -1
- package/dist/components/form/wrapper.js +1 -1
- package/dist/components/helpers/DisplayTransition/DisplayTransition.js +1 -1
- package/dist/components/helpers/IconSwitch/IconSwitch.js +1 -1
- package/dist/components/layout/Board/Board.js +2 -2
- package/dist/components/layout/Board/Board.js.map +1 -1
- package/dist/components/layout/Board/BoardProvider.js +1 -1
- package/dist/components/layout/Board/BoardResponsive.js +1 -1
- package/dist/components/layout/Board/Widget.js +1 -1
- package/dist/components/layout/Board/WidgetHost.js +4 -4
- package/dist/components/layout/Board/WidgetHost.js.map +1 -1
- package/dist/components/layout/Board/board-context.js +1 -1
- package/dist/components/layout/Board/board-store.js +1 -1
- package/dist/components/layout/Board/grid-core/calculate.js +1 -1
- package/dist/components/layout/Board/grid-core/collision-modes.js +1 -1
- package/dist/components/layout/Board/grid-core/collision.js +1 -1
- package/dist/components/layout/Board/grid-core/compactors.js +1 -1
- package/dist/components/layout/Board/grid-core/constraints.js +1 -1
- package/dist/components/layout/Board/grid-core/group-move.js +1 -1
- package/dist/components/layout/Board/grid-core/layout.js +1 -1
- package/dist/components/layout/Board/grid-core/placement.js +1 -1
- package/dist/components/layout/Board/grid-core/sort.js +1 -1
- package/dist/components/layout/Board/index.js +1 -1
- package/dist/components/layout/Board/responsive-utils.js +1 -1
- package/dist/components/layout/Board/use-board-layout.js +1 -1
- package/dist/components/layout/Board/use-board-registry.js +1 -1
- package/dist/components/layout/Board/use-board-select-modifier-key.js +1 -1
- package/dist/components/layout/Board/use-board-selection.js +1 -1
- package/dist/components/layout/Flex.js +1 -1
- package/dist/components/layout/Flow.js +1 -1
- package/dist/components/layout/Grid.js +1 -1
- package/dist/components/layout/Panel.js +1 -1
- package/dist/components/layout/Prefix.js +1 -1
- package/dist/components/layout/ResizablePanel.js +1 -1
- package/dist/components/layout/Space.js +1 -1
- package/dist/components/layout/Suffix.js +1 -1
- package/dist/components/navigation/Pagination/Pagination.js +1 -1
- package/dist/components/navigation/Pagination/use-pagination.js +1 -1
- package/dist/components/navigation/Tabs/DraggableTabList.js +1 -1
- package/dist/components/navigation/Tabs/TabButton.js +470 -407
- package/dist/components/navigation/Tabs/TabButton.js.map +1 -1
- package/dist/components/navigation/Tabs/TabDropIndicator.js +1 -1
- package/dist/components/navigation/Tabs/TabPanel.js +1 -1
- package/dist/components/navigation/Tabs/TabPicker.js +1 -1
- package/dist/components/navigation/Tabs/Tabs.js +22 -4
- package/dist/components/navigation/Tabs/Tabs.js.map +1 -1
- package/dist/components/navigation/Tabs/TabsAction.js +1 -1
- package/dist/components/navigation/Tabs/TabsContext.js +1 -1
- package/dist/components/navigation/Tabs/popover-placement.js +1 -1
- package/dist/components/navigation/Tabs/styled.js +1 -1
- package/dist/components/navigation/Tabs/types.d.ts +1 -1
- package/dist/components/navigation/Tabs/types.js +1 -1
- package/dist/components/navigation/Tabs/types.js.map +1 -1
- package/dist/components/navigation/Tabs/use-tab-editing.js +1 -1
- package/dist/components/navigation/Tabs/use-tab-indicator.js +1 -1
- package/dist/components/organisms/StatsCard/StatsCard.js +1 -1
- package/dist/components/other/Calendar/Calendar.js +1 -1
- package/dist/components/other/Calendar/CalendarCell.js +1 -1
- package/dist/components/other/Calendar/CalendarCell.js.map +1 -1
- package/dist/components/other/Calendar/CalendarGrid.js +1 -1
- package/dist/components/other/Calendar/CalendarHeader.js +1 -1
- package/dist/components/other/Calendar/CalendarPanel.js +1 -1
- package/dist/components/other/Calendar/PeriodCalendar.js +1 -1
- package/dist/components/other/Calendar/PeriodGrid.js +1 -1
- package/dist/components/other/Calendar/PeriodGrid.js.map +1 -1
- package/dist/components/other/Calendar/RangeCalendar.js +1 -1
- package/dist/components/other/Calendar/styled.js +1 -1
- package/dist/components/other/CubeLogo/CubeLogo.js +1 -1
- package/dist/components/other/CubeLogo/CubeLogo.js.map +1 -1
- package/dist/components/other/NoDataIcon/NoDataIcon.js +1 -1
- package/dist/components/overlays/AlertDialog/AlertDialog.js +78 -116
- package/dist/components/overlays/AlertDialog/AlertDialog.js.map +1 -1
- package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.d.ts +57 -50
- package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js +52 -48
- package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js.map +1 -1
- package/dist/components/overlays/AlertDialog/AlertDialogZone.js +99 -104
- package/dist/components/overlays/AlertDialog/AlertDialogZone.js.map +1 -1
- package/dist/components/overlays/AlertDialog/index.d.ts +2 -1
- package/dist/components/overlays/Dialog/Dialog.js +2 -2
- package/dist/components/overlays/Dialog/Dialog.js.map +1 -1
- package/dist/components/overlays/Dialog/DialogContainer.js +1 -1
- package/dist/components/overlays/Dialog/DialogForm.d.ts +2 -2
- package/dist/components/overlays/Dialog/DialogForm.js +4 -5
- package/dist/components/overlays/Dialog/DialogForm.js.map +1 -1
- package/dist/components/overlays/Dialog/DialogTrigger.js +1 -1
- package/dist/components/overlays/Dialog/ModernDialogForm.js +5 -6
- package/dist/components/overlays/Dialog/ModernDialogForm.js.map +1 -1
- package/dist/components/overlays/Dialog/context.js +1 -1
- package/dist/components/overlays/Dialog/default-button-text.js +30 -0
- package/dist/components/overlays/Dialog/default-button-text.js.map +1 -0
- package/dist/components/overlays/Dialog/use-content-overflow.js +1 -1
- package/dist/components/overlays/Dialog/use-dialog-container.js +1 -1
- package/dist/components/overlays/Modal/Modal.js +1 -1
- package/dist/components/overlays/Modal/OpenTransitionContext.js +1 -1
- package/dist/components/overlays/Modal/Overlay.js +1 -1
- package/dist/components/overlays/Modal/Popover.js +2 -2
- package/dist/components/overlays/Modal/Popover.js.map +1 -1
- package/dist/components/overlays/Modal/Tray.js +1 -1
- package/dist/components/overlays/Modal/Tray.js.map +1 -1
- package/dist/components/overlays/Modal/Underlay.js +1 -1
- package/dist/components/overlays/Notifications/Notification.js +1 -1
- package/dist/components/overlays/Notifications/NotificationAction.js +1 -1
- package/dist/components/overlays/Notifications/NotificationCard.js +1 -1
- package/dist/components/overlays/Notifications/NotificationContext.js +1 -1
- package/dist/components/overlays/Notifications/NotificationItem.js +1 -1
- package/dist/components/overlays/Notifications/OverlayContainer.js +1 -1
- package/dist/components/overlays/Notifications/OverlayProvider.js +1 -1
- package/dist/components/overlays/Notifications/PersistentNotificationsList.js +1 -1
- package/dist/components/overlays/Notifications/dismissed-storage.js +1 -1
- package/dist/components/overlays/Notifications/format-relative-time.js +1 -1
- package/dist/components/overlays/Notifications/index.js +1 -1
- package/dist/components/overlays/Notifications/use-notification-state.js +1 -1
- package/dist/components/overlays/Notifications/use-notifications.js +1 -1
- package/dist/components/overlays/Notifications/use-overlay-timers.js +1 -1
- package/dist/components/overlays/Notifications/use-persistent-notifications.js +1 -1
- package/dist/components/overlays/Notifications/use-persistent-state.js +1 -1
- package/dist/components/overlays/Notifications/use-toast-state.js +1 -1
- package/dist/components/overlays/Toast/ToastItem.js +1 -1
- package/dist/components/overlays/Toast/index.js +1 -1
- package/dist/components/overlays/Toast/useProgressToast.js +1 -1
- package/dist/components/overlays/Toast/useToast.js +1 -1
- package/dist/components/overlays/Tooltip/Tooltip.js +1 -1
- package/dist/components/overlays/Tooltip/TooltipProvider.js +1 -1
- package/dist/components/overlays/Tooltip/TooltipTrigger.js +1 -1
- package/dist/components/overlays/Tooltip/context.js +1 -1
- package/dist/components/overlays/Tooltip/split-trigger-props.js +1 -1
- package/dist/components/portal/Portal.js +1 -1
- package/dist/components/portal/PortalProvider.js +1 -1
- package/dist/components/portal/usePortal.js +1 -1
- package/dist/components/shared/DraggableCollection.js +1 -1
- package/dist/components/shared/InvalidIcon.js +1 -1
- package/dist/components/shared/ValidIcon.js +1 -1
- package/dist/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
- package/dist/components/status/Spin/Cube.js +1 -1
- package/dist/components/status/Spin/InternalSpinner.js +1 -1
- package/dist/components/status/Spin/Spin.js +1 -1
- package/dist/components/status/Spin/SpinsContainer.js +1 -1
- package/dist/data/item-themes.js +1 -1
- package/dist/data/themes.js +1 -1
- package/dist/eslint-plugin/defaults.generated.js +18 -2
- package/dist/eslint-plugin/defaults.generated.js.map +1 -1
- package/dist/eslint-plugin/index.js +1 -1
- package/dist/eslint-plugin/rules/no-redundant-default-prop.js +1 -1
- package/dist/i18n/I18nProvider.js +1 -1
- package/dist/i18n/createFormatter.js +1 -1
- package/dist/i18n/index.js +1 -1
- package/dist/i18n/instance.js +1 -1
- package/dist/i18n/locales/de-DE/uikit.js +4 -1
- package/dist/i18n/locales/en-US/uikit.js +4 -1
- package/dist/i18n/locales/en-US/uikit.json.d.ts +3 -0
- package/dist/i18n/locales/es-ES/uikit.js +4 -1
- package/dist/i18n/locales/es-MX/uikit.js +4 -1
- package/dist/i18n/locales/fr-FR/uikit.js +4 -1
- package/dist/i18n/locales/it-IT/uikit.js +4 -1
- package/dist/i18n/locales/ja-JP/uikit.js +4 -1
- package/dist/i18n/locales/nb-NO/uikit.js +4 -1
- package/dist/i18n/locales/pt-BR/uikit.js +4 -1
- package/dist/i18n/locales/pt-PT/uikit.js +4 -1
- package/dist/i18n/locales/sv-SE/uikit.js +4 -1
- package/dist/i18n/locales/vi-VN/uikit.js +4 -1
- package/dist/i18n/locales.js +1 -1
- package/dist/i18n/useFormatter.js +1 -1
- package/dist/i18n/useI18n.js +1 -1
- package/dist/icons/AdjustmentsHorizontalIcon.js +1 -1
- package/dist/icons/AdjustmentsIcon.js +1 -1
- package/dist/icons/AiIcon.js +1 -1
- package/dist/icons/AreaChartIcon.js +1 -1
- package/dist/icons/ArrowNarrowDownIcon.js +1 -1
- package/dist/icons/ArrowNarrowUpIcon.js +1 -1
- package/dist/icons/BackwardIcon.js +1 -1
- package/dist/icons/BarChartIcon.js +1 -1
- package/dist/icons/BellFilledIcon.js +1 -1
- package/dist/icons/BellIcon.js +1 -1
- package/dist/icons/BooleanIcon.js +1 -1
- package/dist/icons/CalendarEditIcon.js +1 -1
- package/dist/icons/CalendarIcon.js +1 -1
- package/dist/icons/CaretDownIcon.js +1 -1
- package/dist/icons/CaretUpIcon.js +1 -1
- package/dist/icons/ChartAreaStackedIcon.js +1 -1
- package/dist/icons/ChartAreaStackedPercentageIcon.js +1 -1
- package/dist/icons/ChartBarGroupedHorizontalIcon.js +1 -1
- package/dist/icons/ChartBarGroupedIcon.js +1 -1
- package/dist/icons/ChartBarHorizontalIcon.js +1 -1
- package/dist/icons/ChartBarLineIcon.js +1 -1
- package/dist/icons/ChartBarStackedHorizontalIcon.js +1 -1
- package/dist/icons/ChartBarStackedIcon.js +1 -1
- package/dist/icons/ChartBarStackedPercentageHorizontalIcon.js +1 -1
- package/dist/icons/ChartBarStackedPercentageIcon.js +1 -1
- package/dist/icons/ChartBoxPlot2Icon.js +1 -1
- package/dist/icons/ChartBoxPlotIcon.js +1 -1
- package/dist/icons/ChartBubbleIcon.js +1 -1
- package/dist/icons/ChartDonut2Icon.js +1 -1
- package/dist/icons/ChartFunnelIcon.js +1 -1
- package/dist/icons/ChartHeatmapIcon.js +1 -1
- package/dist/icons/ChartKPIIcon.js +1 -1
- package/dist/icons/ChartPie2Icon.js +1 -1
- package/dist/icons/ChartScatterIcon.js +1 -1
- package/dist/icons/CheckCircleFilledIcon.js +1 -1
- package/dist/icons/CheckCircleIcon.js +1 -1
- package/dist/icons/CheckIcon.js +1 -1
- package/dist/icons/CircleFilledIcon.js +1 -1
- package/dist/icons/ClearIcon.js +1 -1
- package/dist/icons/CloseCircleFilledIcon.js +1 -1
- package/dist/icons/CloseCircleIcon.js +1 -1
- package/dist/icons/CloseIcon.js +1 -1
- package/dist/icons/CodeIcon.js +1 -1
- package/dist/icons/ColumnTotalIcon.js +1 -1
- package/dist/icons/CopyIcon.js +1 -1
- package/dist/icons/CountIcon.js +1 -1
- package/dist/icons/CubeIcon.js +1 -1
- package/dist/icons/CubePauseIcon.js +1 -1
- package/dist/icons/CubePlayIcon.js +1 -1
- package/dist/icons/CurrencyDollarIcon.js +1 -1
- package/dist/icons/DangerIcon.js +1 -1
- package/dist/icons/DashboardIcon.js +1 -1
- package/dist/icons/DatabaseIcon.js +1 -1
- package/dist/icons/DecimalDecreaseIcon.js +1 -1
- package/dist/icons/DecimalIncreaseIcon.js +1 -1
- package/dist/icons/DirectionIcon.js +1 -1
- package/dist/icons/DonutIcon.js +1 -1
- package/dist/icons/DownIcon.js +1 -1
- package/dist/icons/EditIcon.js +1 -1
- package/dist/icons/ExclamationCircleFilledIcon.js +1 -1
- package/dist/icons/ExclamationCircleIcon.js +1 -1
- package/dist/icons/ExclamationIcon.js +1 -1
- package/dist/icons/EyeIcon.js +1 -1
- package/dist/icons/EyeInvisibleIcon.js +1 -1
- package/dist/icons/FilterIcon.js +1 -1
- package/dist/icons/FolderFilledIcon.js +1 -1
- package/dist/icons/FolderIcon.js +1 -1
- package/dist/icons/FolderOpenFilledIcon.js +1 -1
- package/dist/icons/FolderOpenIcon.js +1 -1
- package/dist/icons/ForwardIcon.js +1 -1
- package/dist/icons/GripVerticalIcon.js +1 -1
- package/dist/icons/HierarchyIcon.js +1 -1
- package/dist/icons/HierarchyOpenIcon.js +1 -1
- package/dist/icons/Icon.js +1 -1
- package/dist/icons/InfoCircleIcon.js +1 -1
- package/dist/icons/InfoIcon.js +1 -1
- package/dist/icons/KeyIcon.js +1 -1
- package/dist/icons/LeftIcon.js +1 -1
- package/dist/icons/LineChartIcon.js +1 -1
- package/dist/icons/LoadingIcon.js +1 -1
- package/dist/icons/LockFilledIcon.js +1 -1
- package/dist/icons/LockIcon.js +1 -1
- package/dist/icons/MoreIcon.js +1 -1
- package/dist/icons/NotAllowedIcon.js +1 -1
- package/dist/icons/Number123Icon.js +1 -1
- package/dist/icons/NumberIcon.js +1 -1
- package/dist/icons/PauseCircleFilledIcon.js +1 -1
- package/dist/icons/PauseCircleIcon.js +1 -1
- package/dist/icons/PauseIcon.js +1 -1
- package/dist/icons/PercentageIcon.js +1 -1
- package/dist/icons/PieChartIcon.js +1 -1
- package/dist/icons/PipetteIcon.js +1 -1
- package/dist/icons/PlayCircleIcon.js +1 -1
- package/dist/icons/PlayIcon.js +1 -1
- package/dist/icons/PlusIcon.js +1 -1
- package/dist/icons/ProgressBarIcon.js +1 -1
- package/dist/icons/ReloadIcon.js +1 -1
- package/dist/icons/ReportIcon.js +1 -1
- package/dist/icons/ReturnIcon.js +1 -1
- package/dist/icons/RightIcon.js +1 -1
- package/dist/icons/RowTotalsIcon.js +1 -1
- package/dist/icons/SchemeIcon.js +1 -1
- package/dist/icons/SearchIcon.js +1 -1
- package/dist/icons/SemanticQueryIcon.js +1 -1
- package/dist/icons/SettingsIcon.js +1 -1
- package/dist/icons/ShieldFilledIcon.js +1 -1
- package/dist/icons/ShieldIcon.js +1 -1
- package/dist/icons/SlashIcon.js +1 -1
- package/dist/icons/SparklesIcon.js +1 -1
- package/dist/icons/SqlIcon.js +1 -1
- package/dist/icons/StatsIcon.js +1 -1
- package/dist/icons/StopIcon.js +1 -1
- package/dist/icons/StringIcon.js +1 -1
- package/dist/icons/SubtotalsIcon.js +1 -1
- package/dist/icons/SwitchIcon.js +1 -1
- package/dist/icons/TableIcon.js +1 -1
- package/dist/icons/ThumbsDownIcon.js +1 -1
- package/dist/icons/ThumbsUpIcon.js +1 -1
- package/dist/icons/ThunderboltCrossedIcon.js +1 -1
- package/dist/icons/ThunderboltFilledIcon.js +1 -1
- package/dist/icons/ThunderboltIcon.js +1 -1
- package/dist/icons/TimeIcon.js +1 -1
- package/dist/icons/TrashIcon.js +1 -1
- package/dist/icons/UnlockIcon.js +1 -1
- package/dist/icons/UpIcon.js +1 -1
- package/dist/icons/UserGroupIcon.js +1 -1
- package/dist/icons/UserIcon.js +1 -1
- package/dist/icons/UserLockIcon.js +1 -1
- package/dist/icons/ViewIcon.js +1 -1
- package/dist/icons/WarningFilledIcon.js +1 -1
- package/dist/icons/WarningIcon.js +1 -1
- package/dist/icons/wrap-icon.js +1 -1
- package/dist/index.d.ts +5 -4
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/probe/canonicalize.js +1 -1
- package/dist/probe/css.js +1 -1
- package/dist/probe/index.js +1 -1
- package/dist/provider.js +1 -1
- package/dist/providers/TrackingProvider.js +1 -1
- package/dist/providers/navigationAdapter.default.js +1 -1
- package/dist/shared/form.d.ts +29 -1
- package/dist/shared/index.d.ts +1 -1
- package/dist/tokens/all-tokens.js +1 -1
- package/dist/tokens/base.js +1 -1
- package/dist/tokens/color-seed.js +1 -1
- package/dist/tokens/color-theme.js +1 -1
- package/dist/tokens/colors.js +1 -1
- package/dist/tokens/layout.js +1 -1
- package/dist/tokens/lazy-styles.js +1 -1
- package/dist/tokens/legacy-color.js +1 -1
- package/dist/tokens/palette-config.js +1 -1
- package/dist/tokens/palette.js +1 -1
- package/dist/tokens/resolve.js +1 -1
- package/dist/tokens/shadows.js +1 -1
- package/dist/tokens/sizes.js +1 -1
- package/dist/tokens/spacing.js +1 -1
- package/dist/tokens/typography.js +1 -1
- package/dist/utils/ResizeSensor.js +1 -1
- package/dist/utils/colors.js +1 -1
- package/dist/utils/dotize.js +1 -1
- package/dist/utils/is-dev-env.js +1 -1
- package/dist/utils/modules.js +1 -1
- package/dist/utils/promise.js +1 -1
- package/dist/utils/raf.js +1 -1
- package/dist/utils/random.js +1 -1
- package/dist/utils/range.js +1 -1
- package/dist/utils/react/RenderCache.js +1 -1
- package/dist/utils/react/Slots.js +1 -1
- package/dist/utils/react/chain.js +1 -1
- package/dist/utils/react/disabledProps.js +1 -1
- package/dist/utils/react/escapePropagation.js +1 -1
- package/dist/utils/react/forwardRefWithGenerics.js +1 -1
- package/dist/utils/react/index.js +1 -1
- package/dist/utils/react/interactions.js +1 -1
- package/dist/utils/react/isTextOnly.js +1 -1
- package/dist/utils/react/mapProps.js +1 -1
- package/dist/utils/react/mergeProps.js +1 -1
- package/dist/utils/react/nullableValue.js +1 -1
- package/dist/utils/react/programmaticFocus.js +1 -1
- package/dist/utils/react/resolveIcon.js +1 -1
- package/dist/utils/react/sharedStore.js +1 -1
- package/dist/utils/react/useBufferedValue.js +1 -1
- package/dist/utils/react/useCombinedRefs.js +1 -1
- package/dist/utils/react/useControlledFocusVisible.js +1 -1
- package/dist/utils/react/useEventBus.js +1 -1
- package/dist/utils/react/useId.js +1 -1
- package/dist/utils/react/useIsDarwin.js +1 -1
- package/dist/utils/react/useKeySymbols.js +1 -1
- package/dist/utils/react/useLayoutEffect.js +1 -1
- package/dist/utils/react/useLocalStorage.js +1 -1
- package/dist/utils/react/useMergeStyles.js +1 -1
- package/dist/utils/react/useOverlayEscapeGuard.js +1 -1
- package/dist/utils/react/usePopoverSync.js +1 -1
- package/dist/utils/react/useQaProps.js +1 -1
- package/dist/utils/react/useScheme.js +1 -1
- package/dist/utils/react/useViewportSize.js +1 -1
- package/dist/utils/react/wrapNodeIfPlain.js +1 -1
- package/dist/utils/selection.js +1 -1
- package/dist/utils/styles.js +51 -6
- package/dist/utils/styles.js.map +1 -1
- package/dist/utils/tree.js +1 -1
- package/dist/utils/warnings.js +1 -1
- package/dist/version.js +3 -3
- package/docs/components/actions/Action.md +1 -1
- package/docs/components/actions/Button.md +4 -2
- package/docs/components/actions/ItemButton.md +1 -0
- package/docs/components/actions/Link.md +1 -1
- package/docs/components/content/InfoBadge.md +1 -1
- package/docs/components/content/Item.md +1 -1
- package/docs/components/content/Result.md +202 -12
- package/docs/components/content/Title.md +1 -0
- package/docs/components/data/DataTable.md +18 -0
- package/docs/components/data/ItemTable.md +3 -1
- package/docs/components/fields/ComboBox.md +49 -1
- package/docs/components/fields/FilterPicker.md +3 -3
- package/docs/components/fields/NumberInput.md +27 -0
- package/docs/components/fields/PasswordInput.md +24 -0
- package/docs/components/fields/Picker.md +3 -3
- package/docs/components/fields/SearchComboBox.md +3 -1
- package/docs/components/fields/TagInput.md +4 -2
- package/docs/components/fields/TextArea.md +24 -0
- package/docs/components/fields/TextInput.md +24 -0
- package/docs/components/navigation/Tabs.md +8 -3
- package/docs/components/overlays/AlertDialog.md +100 -3
- package/docs/components/overlays/DialogForm.md +3 -3
- package/docs/components/overlays/UseDialogContainer.md +4 -7
- package/docs/tasty/dsl.md +28 -6
- package/docs/tasty/styles.md +20 -0
- package/package.json +3 -3
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.
|
|
2
|
-
import { extractStyles } from "../../../utils/styles.js";
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
|
|
2
|
+
import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
|
|
3
3
|
import { mergeProps } from "../../../utils/react/mergeProps.js";
|
|
4
4
|
import { ButtonSplitContext } from "./context.js";
|
|
5
5
|
import { Button } from "../Button/Button.js";
|
|
@@ -22,7 +22,7 @@ const ButtonSplitElement = tasty({
|
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
const ButtonSplit = forwardRef(function ButtonSplit(props, ref) {
|
|
25
|
-
const $ = c(
|
|
25
|
+
const $ = c(49);
|
|
26
26
|
const { actions, actionKey: controlledActionKey, defaultActionKey, onAction, onActionChange, type, theme, size, isDisabled, actionProps, triggerProps, menuProps, styles, children, role, ...rest } = props;
|
|
27
27
|
const isControlled = controlledActionKey !== void 0;
|
|
28
28
|
let t0;
|
|
@@ -66,10 +66,7 @@ const ButtonSplit = forwardRef(function ButtonSplit(props, ref) {
|
|
|
66
66
|
$[11] = t3;
|
|
67
67
|
} else t3 = $[11];
|
|
68
68
|
const handleSelectionChange = t3;
|
|
69
|
-
const mergedStyles =
|
|
70
|
-
...extractStyles(rest, STYLE_PROPS),
|
|
71
|
-
...styles
|
|
72
|
-
};
|
|
69
|
+
const mergedStyles = mergeStyleLayers(extractStyles(rest, STYLE_PROPS), styles);
|
|
73
70
|
let t4;
|
|
74
71
|
if ($[12] !== currentKey || $[13] !== isDisabled || $[14] !== onAction || $[15] !== onActionChange || $[16] !== size || $[17] !== theme || $[18] !== type) {
|
|
75
72
|
t4 = {
|
|
@@ -92,9 +89,13 @@ const ButtonSplit = forwardRef(function ButtonSplit(props, ref) {
|
|
|
92
89
|
} else t4 = $[19];
|
|
93
90
|
const contextValue = t4;
|
|
94
91
|
const isCustomMode = children != null;
|
|
95
|
-
|
|
92
|
+
const t5 = ButtonSplitContext;
|
|
93
|
+
const T0 = ButtonSplitElement;
|
|
94
|
+
const t6 = filterBaseProps(rest, { eventProps: true });
|
|
95
|
+
const t7 = role ?? (isCustomMode ? "group" : void 0);
|
|
96
|
+
let t8;
|
|
96
97
|
if ($[20] !== actionProps || $[21] !== actions || $[22] !== children || $[23] !== currentAction?.icon || $[24] !== currentAction?.label || $[25] !== currentAction?.tooltip || $[26] !== currentKey || $[27] !== handleActionPress || $[28] !== handleSelectionChange || $[29] !== isCustomMode || $[30] !== isDisabled || $[31] !== menuProps || $[32] !== size || $[33] !== theme || $[34] !== triggerProps || $[35] !== type) {
|
|
97
|
-
|
|
98
|
+
t8 = isCustomMode ? children : actions ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
|
|
98
99
|
type,
|
|
99
100
|
theme,
|
|
100
101
|
size,
|
|
@@ -137,20 +138,40 @@ const ButtonSplit = forwardRef(function ButtonSplit(props, ref) {
|
|
|
137
138
|
$[33] = theme;
|
|
138
139
|
$[34] = triggerProps;
|
|
139
140
|
$[35] = type;
|
|
140
|
-
$[36] =
|
|
141
|
-
} else
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
...
|
|
141
|
+
$[36] = t8;
|
|
142
|
+
} else t8 = $[36];
|
|
143
|
+
let t9;
|
|
144
|
+
if ($[37] !== T0 || $[38] !== mergedStyles || $[39] !== ref || $[40] !== rest.qa || $[41] !== t6 || $[42] !== t7 || $[43] !== t8) {
|
|
145
|
+
t9 = /* @__PURE__ */ jsx(T0, {
|
|
146
|
+
...t6,
|
|
146
147
|
ref,
|
|
147
148
|
"data-button-split": true,
|
|
148
149
|
styles: mergedStyles,
|
|
149
150
|
qa: rest.qa,
|
|
150
|
-
role:
|
|
151
|
-
children:
|
|
152
|
-
})
|
|
153
|
-
|
|
151
|
+
role: t7,
|
|
152
|
+
children: t8
|
|
153
|
+
});
|
|
154
|
+
$[37] = T0;
|
|
155
|
+
$[38] = mergedStyles;
|
|
156
|
+
$[39] = ref;
|
|
157
|
+
$[40] = rest.qa;
|
|
158
|
+
$[41] = t6;
|
|
159
|
+
$[42] = t7;
|
|
160
|
+
$[43] = t8;
|
|
161
|
+
$[44] = t9;
|
|
162
|
+
} else t9 = $[44];
|
|
163
|
+
let t10;
|
|
164
|
+
if ($[45] !== contextValue || $[46] !== t5.Provider || $[47] !== t9) {
|
|
165
|
+
t10 = /* @__PURE__ */ jsx(t5.Provider, {
|
|
166
|
+
value: contextValue,
|
|
167
|
+
children: t9
|
|
168
|
+
});
|
|
169
|
+
$[45] = contextValue;
|
|
170
|
+
$[46] = t5.Provider;
|
|
171
|
+
$[47] = t9;
|
|
172
|
+
$[48] = t10;
|
|
173
|
+
} else t10 = $[48];
|
|
174
|
+
return t10;
|
|
154
175
|
});
|
|
155
176
|
ButtonSplit.displayName = "ButtonSplit";
|
|
156
177
|
function _temp(t0) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSplit.js","names":["CONTAINER_STYLES","filterBaseProps","tasty","forwardRef","ReactNode","useMemo","useState","DirectionIcon","mergeProps","extractStyles","Button","Menu","ButtonSplitContext","BaseProps","ContainerStyleProps","Styles","CubeCollectionItemProps","CubeButtonProps","CubeMenuProps","ButtonSplitAction","Omit","key","label","CubeButtonSplitProps","actions","actionKey","defaultActionKey","onAction","onActionChange","type","theme","size","isDisabled","actionProps","Partial","triggerProps","menuProps","styles","children","STYLE_PROPS","ButtonSplitElement","as","qa","display","position","verticalAlign","ButtonSplit","HTMLDivElement","props","ref","$","_c","controlledActionKey","role","rest","isControlled","undefined","t0","uncontrolledKey","setUncontrolledKey","currentKey","t1","find","a","currentAction","t2","handleActionPress","t3","keys","newKey","handleSelectionChange","containerStyles","mergedStyles","t4","contextValue","isCustomMode","t5","icon","tooltip","onPress","_temp","map","_temp2","eventProps","displayName","pressed","textValue","itemProps"],"sources":["../../../../src/components/actions/ButtonSplit/ButtonSplit.tsx"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode, useMemo, useState } from 'react';\n\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button } from '../Button/Button';\nimport { Menu } from '../Menu/Menu';\n\nimport { ButtonSplitContext } from './context';\n\nimport type { BaseProps, ContainerStyleProps, Styles } from '@tenphi/tasty';\nimport type { CubeCollectionItemProps } from '../../CollectionItem';\nimport type { CubeButtonProps } from '../Button/Button';\nimport type { CubeMenuProps } from '../Menu/Menu';\n\nexport interface ButtonSplitAction\n extends Omit<\n CubeCollectionItemProps<object>,\n 'children' | 'onAction' | 'wrapper'\n > {\n key: string;\n label: ReactNode;\n}\n\nexport interface CubeButtonSplitProps extends BaseProps, ContainerStyleProps {\n /** Actions for strict mode. When provided, renders action + trigger buttons automatically. */\n actions?: ButtonSplitAction[];\n /** Currently selected action key (controlled). */\n actionKey?: string;\n /** Initially selected action key (uncontrolled). */\n defaultActionKey?: string;\n /** Called when the action button is pressed. Receives the current action key. */\n onAction?: (key: string) => void;\n /** Called when the selected action changes via the trigger menu. */\n onActionChange?: (key: string) => void;\n\n /** Button type applied to both action and trigger buttons in strict mode. */\n type?: CubeButtonProps['type'];\n /** Button theme applied to both action and trigger buttons in strict mode. */\n theme?: CubeButtonProps['theme'];\n /** Button size applied to both action and trigger buttons in strict mode. */\n size?: CubeButtonProps['size'];\n /** Disables both buttons in strict mode. */\n isDisabled?: boolean;\n\n /** Additional props for the action button in strict mode. */\n actionProps?: Partial<CubeButtonProps>;\n /** Additional props for the trigger button in strict mode. */\n triggerProps?: Partial<CubeButtonProps>;\n /** Additional props for the dropdown menu in strict mode. */\n menuProps?: Partial<CubeMenuProps<object>>;\n\n /** Custom styles for the wrapper element. */\n styles?: Styles;\n\n /** Custom mode: render arbitrary Button children. */\n children?: ReactNode;\n}\n\nconst STYLE_PROPS = CONTAINER_STYLES;\n\nconst ButtonSplitElement = tasty({\n as: 'div',\n qa: 'ButtonSplit',\n styles: {\n display: 'inline-flex',\n position: 'relative',\n verticalAlign: 'bottom',\n },\n});\n\nexport const ButtonSplit = forwardRef<HTMLDivElement, CubeButtonSplitProps>(\n function ButtonSplit(props, ref) {\n const {\n actions,\n actionKey: controlledActionKey,\n defaultActionKey,\n onAction,\n onActionChange,\n type,\n theme,\n size,\n isDisabled,\n actionProps,\n triggerProps,\n menuProps,\n styles,\n children,\n role,\n ...rest\n } = props;\n\n const isControlled = controlledActionKey !== undefined;\n const [uncontrolledKey, setUncontrolledKey] = useState(\n () => defaultActionKey ?? actions?.[0]?.key,\n );\n\n const currentKey = isControlled ? controlledActionKey : uncontrolledKey;\n\n const currentAction =\n actions?.find((a) => a.key === currentKey) ?? actions?.[0];\n\n const handleActionPress = () => {\n if (currentKey) {\n onAction?.(currentKey);\n }\n };\n\n const handleSelectionChange = (keys: string[]) => {\n const newKey = keys[0];\n\n if (newKey) {\n if (!isControlled) {\n setUncontrolledKey(newKey);\n }\n\n onActionChange?.(newKey);\n }\n };\n\n const containerStyles = extractStyles(rest, STYLE_PROPS);\n\n const mergedStyles: Styles = {\n ...containerStyles,\n ...styles,\n };\n\n const contextValue = useMemo(\n () => ({\n currentKey,\n onAction,\n onActionChange,\n type,\n theme,\n size,\n isDisabled,\n }),\n [currentKey, onAction, onActionChange, type, theme, size, isDisabled],\n );\n\n const isCustomMode = children != null;\n\n return (\n <ButtonSplitContext.Provider value={contextValue}>\n <ButtonSplitElement\n {...filterBaseProps(rest, { eventProps: true })}\n ref={ref}\n data-button-split\n styles={mergedStyles}\n qa={rest.qa}\n // Custom mode renders peer buttons with no visible group label, which\n // is exactly when a caller needs `aria-label` to land on something the\n // AT will announce. `role` comes from `BaseProps`, so a caller that\n // wants something else — including `presentation` to opt out — just\n // passes it. Strict mode keeps its previous shape.\n role={role ?? (isCustomMode ? 'group' : undefined)}\n >\n {isCustomMode ? (\n children\n ) : actions ? (\n <>\n <Button\n type={type}\n theme={theme}\n size={size}\n isDisabled={isDisabled}\n icon={currentAction?.icon}\n tooltip={currentAction?.tooltip}\n {...mergeProps(actionProps, { onPress: handleActionPress })}\n >\n {currentAction?.label}\n </Button>\n <Menu.Trigger placement=\"bottom end\">\n <Button\n type={type}\n theme={theme}\n size={size}\n isDisabled={isDisabled}\n aria-label=\"More options\"\n icon={({ pressed }) => (\n <DirectionIcon to={pressed ? 'up' : 'down'} />\n )}\n {...triggerProps}\n />\n <Menu\n selectionMode=\"single\"\n selectedKeys={currentKey ? [currentKey] : []}\n onSelectionChange={handleSelectionChange}\n {...menuProps}\n >\n {actions.map(({ key, label, textValue, ...itemProps }) => (\n <Menu.Item\n key={key}\n textValue={\n textValue ?? (typeof label === 'string' ? label : key)\n }\n {...itemProps}\n >\n {label}\n </Menu.Item>\n ))}\n </Menu>\n </Menu.Trigger>\n </>\n ) : null}\n </ButtonSplitElement>\n </ButtonSplitContext.Provider>\n );\n },\n);\n\nButtonSplit.displayName = 'ButtonSplit';\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ButtonSplit.js","names":["CONTAINER_STYLES","filterBaseProps","tasty","forwardRef","ReactNode","useMemo","useState","DirectionIcon","mergeProps","extractStyles","mergeStyleLayers","Button","Menu","ButtonSplitContext","BaseProps","ContainerStyleProps","Styles","CubeCollectionItemProps","CubeButtonProps","CubeMenuProps","ButtonSplitAction","Omit","key","label","CubeButtonSplitProps","actions","actionKey","defaultActionKey","onAction","onActionChange","type","theme","size","isDisabled","actionProps","Partial","triggerProps","menuProps","styles","children","STYLE_PROPS","ButtonSplitElement","as","qa","display","position","verticalAlign","ButtonSplit","HTMLDivElement","props","ref","$","_c","controlledActionKey","role","rest","isControlled","undefined","t0","uncontrolledKey","setUncontrolledKey","currentKey","t1","find","a","currentAction","t2","handleActionPress","t3","keys","newKey","handleSelectionChange","containerStyles","mergedStyles","t4","contextValue","isCustomMode","t5","T0","t6","eventProps","t7","t8","icon","tooltip","onPress","_temp","map","_temp2","t9","t10","Provider","displayName","pressed","textValue","itemProps"],"sources":["../../../../src/components/actions/ButtonSplit/ButtonSplit.tsx"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode, useMemo, useState } from 'react';\n\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { Button } from '../Button/Button';\nimport { Menu } from '../Menu/Menu';\n\nimport { ButtonSplitContext } from './context';\n\nimport type { BaseProps, ContainerStyleProps, Styles } from '@tenphi/tasty';\nimport type { CubeCollectionItemProps } from '../../CollectionItem';\nimport type { CubeButtonProps } from '../Button/Button';\nimport type { CubeMenuProps } from '../Menu/Menu';\n\nexport interface ButtonSplitAction\n extends Omit<\n CubeCollectionItemProps<object>,\n 'children' | 'onAction' | 'wrapper'\n > {\n key: string;\n label: ReactNode;\n}\n\nexport interface CubeButtonSplitProps extends BaseProps, ContainerStyleProps {\n /** Actions for strict mode. When provided, renders action + trigger buttons automatically. */\n actions?: ButtonSplitAction[];\n /** Currently selected action key (controlled). */\n actionKey?: string;\n /** Initially selected action key (uncontrolled). */\n defaultActionKey?: string;\n /** Called when the action button is pressed. Receives the current action key. */\n onAction?: (key: string) => void;\n /** Called when the selected action changes via the trigger menu. */\n onActionChange?: (key: string) => void;\n\n /** Button type applied to both action and trigger buttons in strict mode. */\n type?: CubeButtonProps['type'];\n /** Button theme applied to both action and trigger buttons in strict mode. */\n theme?: CubeButtonProps['theme'];\n /** Button size applied to both action and trigger buttons in strict mode. */\n size?: CubeButtonProps['size'];\n /** Disables both buttons in strict mode. */\n isDisabled?: boolean;\n\n /** Additional props for the action button in strict mode. */\n actionProps?: Partial<CubeButtonProps>;\n /** Additional props for the trigger button in strict mode. */\n triggerProps?: Partial<CubeButtonProps>;\n /** Additional props for the dropdown menu in strict mode. */\n menuProps?: Partial<CubeMenuProps<object>>;\n\n /** Custom styles for the wrapper element. */\n styles?: Styles;\n\n /** Custom mode: render arbitrary Button children. */\n children?: ReactNode;\n}\n\nconst STYLE_PROPS = CONTAINER_STYLES;\n\nconst ButtonSplitElement = tasty({\n as: 'div',\n qa: 'ButtonSplit',\n styles: {\n display: 'inline-flex',\n position: 'relative',\n verticalAlign: 'bottom',\n },\n});\n\nexport const ButtonSplit = forwardRef<HTMLDivElement, CubeButtonSplitProps>(\n function ButtonSplit(props, ref) {\n const {\n actions,\n actionKey: controlledActionKey,\n defaultActionKey,\n onAction,\n onActionChange,\n type,\n theme,\n size,\n isDisabled,\n actionProps,\n triggerProps,\n menuProps,\n styles,\n children,\n role,\n ...rest\n } = props;\n\n const isControlled = controlledActionKey !== undefined;\n const [uncontrolledKey, setUncontrolledKey] = useState(\n () => defaultActionKey ?? actions?.[0]?.key,\n );\n\n const currentKey = isControlled ? controlledActionKey : uncontrolledKey;\n\n const currentAction =\n actions?.find((a) => a.key === currentKey) ?? actions?.[0];\n\n const handleActionPress = () => {\n if (currentKey) {\n onAction?.(currentKey);\n }\n };\n\n const handleSelectionChange = (keys: string[]) => {\n const newKey = keys[0];\n\n if (newKey) {\n if (!isControlled) {\n setUncontrolledKey(newKey);\n }\n\n onActionChange?.(newKey);\n }\n };\n\n const containerStyles = extractStyles(rest, STYLE_PROPS);\n\n const mergedStyles = mergeStyleLayers(containerStyles, styles);\n\n const contextValue = useMemo(\n () => ({\n currentKey,\n onAction,\n onActionChange,\n type,\n theme,\n size,\n isDisabled,\n }),\n [currentKey, onAction, onActionChange, type, theme, size, isDisabled],\n );\n\n const isCustomMode = children != null;\n\n return (\n <ButtonSplitContext.Provider value={contextValue}>\n <ButtonSplitElement\n {...filterBaseProps(rest, { eventProps: true })}\n ref={ref}\n data-button-split\n styles={mergedStyles}\n qa={rest.qa}\n // Custom mode renders peer buttons with no visible group label, which\n // is exactly when a caller needs `aria-label` to land on something the\n // AT will announce. `role` comes from `BaseProps`, so a caller that\n // wants something else — including `presentation` to opt out — just\n // passes it. Strict mode keeps its previous shape.\n role={role ?? (isCustomMode ? 'group' : undefined)}\n >\n {isCustomMode ? (\n children\n ) : actions ? (\n <>\n <Button\n type={type}\n theme={theme}\n size={size}\n isDisabled={isDisabled}\n icon={currentAction?.icon}\n tooltip={currentAction?.tooltip}\n {...mergeProps(actionProps, { onPress: handleActionPress })}\n >\n {currentAction?.label}\n </Button>\n <Menu.Trigger placement=\"bottom end\">\n <Button\n type={type}\n theme={theme}\n size={size}\n isDisabled={isDisabled}\n aria-label=\"More options\"\n icon={({ pressed }) => (\n <DirectionIcon to={pressed ? 'up' : 'down'} />\n )}\n {...triggerProps}\n />\n <Menu\n selectionMode=\"single\"\n selectedKeys={currentKey ? [currentKey] : []}\n onSelectionChange={handleSelectionChange}\n {...menuProps}\n >\n {actions.map(({ key, label, textValue, ...itemProps }) => (\n <Menu.Item\n key={key}\n textValue={\n textValue ?? (typeof label === 'string' ? label : key)\n }\n {...itemProps}\n >\n {label}\n </Menu.Item>\n ))}\n </Menu>\n </Menu.Trigger>\n </>\n ) : null}\n </ButtonSplitElement>\n </ButtonSplitContext.Provider>\n );\n },\n);\n\nButtonSplit.displayName = 'ButtonSplit';\n"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.
|
|
2
|
-
import { extractStyles } from "../../../utils/styles.js";
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
|
|
2
|
+
import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
|
|
3
3
|
import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
|
|
4
4
|
import { LoadingIcon } from "../../../icons/LoadingIcon.js";
|
|
5
5
|
import { _CollectionItem } from "../../CollectionItem.js";
|
|
@@ -292,16 +292,13 @@ function CommandMenu(props, ref) {
|
|
|
292
292
|
} else t24 = $[41];
|
|
293
293
|
const t25 = t24;
|
|
294
294
|
const t26 = qa || "CommandMenu";
|
|
295
|
-
const t27 =
|
|
295
|
+
const t27 = mergeStyleLayers(extractedStyles, styles);
|
|
296
296
|
let t28;
|
|
297
297
|
if ($[42] !== header || $[43] !== headerStyles || $[44] !== size) {
|
|
298
298
|
t28 = header && /* @__PURE__ */ jsx(StyledHeader, {
|
|
299
299
|
role: "presentation",
|
|
300
300
|
"data-size": size,
|
|
301
|
-
styles: {
|
|
302
|
-
border: "none",
|
|
303
|
-
...headerStyles
|
|
304
|
-
},
|
|
301
|
+
styles: mergeStyleLayers({ border: "none" }, headerStyles),
|
|
305
302
|
children: header
|
|
306
303
|
});
|
|
307
304
|
$[42] = header;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommandMenu.js","names":["useObjectRef","useSyncRef","FocusStrategy","BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","Styles","React","Key","ReactElement","ReactNode","Ref","useRef","useState","useFilter","useMenu","Section","useTreeState","useI18n","LoadingIcon","mergeProps","extractStyles","CollectionItem","Item","useMenuContext","CubeMenuProps","MenuItem","MenuSection","MenuTrigger","StyledDivider","StyledFooter","StyledHeader","StyledMenu","StyledCommandMenu","StyledEmptyState","StyledLoadingWrapper","StyledSearchInput","CommandMenuItem","id","textValue","keywords","forceMount","key","CubeCommandMenuProps","Omit","T","searchPlaceholder","searchValue","onSearchChange","value","filter","inputValue","emptyLabel","searchInputStyles","headerStyles","footerStyles","isLoading","shouldFilter","autoFocus","size","selectedKeys","defaultSelectedKeys","onSelectionChange","keys","CommandMenu","props","ref","$","_c","t","t0","controlledSearchValue","customFilter","t1","t2","t3","t4","t5","qa","styles","header","footer","restMenuProps","t6","undefined","t7","domRef","searchInputRef","contextProps","ariaSelectedKeys","Set","ariaDefaultSelectedKeys","handleSelectionChange","allKeys","Array","from","treeState","collection","getKeys","map","_temp","_temp2","completeProps","internalSearchValue","setInternalSearchValue","t8","handleSearchChange","t9","Symbol","for","sensitivity","contains","t10","item","searchWords","trim","toLowerCase","split","_temp3","length","searchableTexts","push","isArray","_temp4","every","searchWord","some","text","includes","enhancedFilter","t11","nodes","term","searchWords_0","_temp5","filterNodes","iter","result","node","type","filteredChildren","childNodes","text_0","String","rendered","collectionFilter","treeStateProps","shouldUseVirtualFocus","collectionItems","_temp6","focusedKey","setFocusedKey","focusedKeyRef","filteredCollectionItems","hasFilteredItems","viewHasSections","_temp7","findFirstSelectableItem","selectionManager","visit","items","node_0","childResult","isDisabled","menuRef","menuProps","renderedItems","isFirstSection","forEach","item_2","sectionStyles","itemStyles","sectionHeadingStyles","menuItem","onAction","wrapper","cloneElement","t12","t13","current","timeoutId","setTimeout","focus","clearTimeout","useEffect","t14","t15","timeoutId_0","prevSearchValueRef","t16","currentSearchValue","prevSearchValue","firstSelectableKey","t17","extractedStyles","t18","hasSearchTerm","showEmptyState","t19","t20","t21","mods","popover","t22","tray","t23","sections","T0","t24","t25","Record","t26","t27","t28","border","t29","t30","t31","e","target","t32","e_0","preventDefault","isArrowDown","selectionManager_0","currentKey","getVisibleItemKeys","keys_0","visit_0","items_0","node_1","findNextSelectableKey","currentIndex","direction","visibleKeys","increment","i","key_1","findFirstLastSelectableKey","direction_0","visibleKeys_0","keysToCheck","reverse","key_2","visibleKeys_1","nextKey","direction_1","currentIndex_0","indexOf","currentFocusedKey","selectionMode","select","node_2","getItem","onClose","closeOnSelect","t33","t34","t35","boxShadow","radius","padding","t36","t37","t38","item_1","item_0","word_0","word","keyword","key_0","_CommandMenu","forwardRef","RefAttributes","HTMLDivElement","__CommandMenu","Object","assign","Trigger","displayName"],"sources":["../../../../src/components/actions/CommandMenu/CommandMenu.tsx"],"sourcesContent":["import { useObjectRef, useSyncRef } from '@react-aria/utils';\nimport { FocusStrategy } from '@react-types/shared';\nimport {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n filterBaseProps,\n Styles,\n} from '@tenphi/tasty';\nimport React, {\n Key,\n ReactElement,\n ReactNode,\n Ref,\n useRef,\n useState,\n} from 'react';\nimport { useFilter, useMenu } from 'react-aria';\nimport { Section, useTreeState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n// `CollectionItem` (not react-stately's bare `Item`) is what CommandMenu\n// actually renders through `MenuItem`, so it carries the `Item` props.\nimport { CollectionItem as Item } from '../../CollectionItem';\nimport { useMenuContext } from '../Menu';\nimport { CubeMenuProps } from '../Menu/Menu';\nimport { MenuItem } from '../Menu/MenuItem';\nimport { MenuSection } from '../Menu/MenuSection';\nimport { MenuTrigger } from '../Menu/MenuTrigger';\nimport {\n StyledDivider,\n StyledFooter,\n StyledHeader,\n StyledMenu,\n} from '../Menu/styled';\n\nimport {\n StyledCommandMenu,\n StyledEmptyState,\n StyledLoadingWrapper,\n StyledSearchInput,\n} from './styled';\n\nexport interface CommandMenuItem {\n // Standard item props\n id: string;\n textValue: string;\n\n // Enhanced search features\n keywords?: string[];\n forceMount?: boolean;\n\n // Standard Menu item props inherited\n [key: string]: any;\n}\n\nexport interface CubeCommandMenuProps<T>\n extends BaseProps,\n ContainerStyleProps,\n Omit<\n CubeMenuProps<T>,\n 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange'\n > {\n // Search-specific props\n searchPlaceholder?: string;\n searchValue?: string;\n onSearchChange?: (value: string) => void;\n filter?: (textValue: string, inputValue: string) => boolean;\n emptyLabel?: ReactNode;\n searchInputStyles?: Styles;\n headerStyles?: Styles;\n footerStyles?: Styles;\n\n // Advanced search features\n isLoading?: boolean;\n shouldFilter?: boolean;\n\n // Focus management - override the autoFocus from CubeMenuProps to allow boolean | FocusStrategy\n autoFocus?: boolean | FocusStrategy;\n\n // Size prop\n size?: 'medium' | 'large' | (string & {});\n\n /** Currently selected keys (controlled) */\n selectedKeys?: string[];\n /** Initially selected keys (uncontrolled) */\n defaultSelectedKeys?: string[];\n /** Handler for selection changes */\n onSelectionChange?: (keys: string[]) => void;\n}\n\nfunction CommandMenu<T extends object>(\n props: CubeCommandMenuProps<T>,\n ref: Ref<HTMLDivElement>,\n) {\n const { t } = useI18n();\n\n const {\n searchPlaceholder = t(\n 'commandMenu.searchPlaceholder',\n 'Search commands...',\n ),\n searchValue: controlledSearchValue,\n onSearchChange,\n filter: customFilter,\n emptyLabel = t('commandMenu.empty', 'No commands found'),\n searchInputStyles,\n headerStyles,\n footerStyles,\n isLoading = false,\n shouldFilter = true,\n autoFocus = true,\n size = 'medium',\n qa,\n styles,\n selectedKeys,\n defaultSelectedKeys,\n onSelectionChange,\n header,\n footer,\n ...restMenuProps\n } = props;\n\n const domRef = useObjectRef(ref);\n const searchInputRef = useRef<HTMLInputElement>(null);\n const contextProps = useMenuContext();\n\n // Convert string[] to Set<Key> for React Aria compatibility\n const ariaSelectedKeys = selectedKeys ? new Set(selectedKeys) : undefined;\n const ariaDefaultSelectedKeys = defaultSelectedKeys\n ? new Set(defaultSelectedKeys)\n : undefined;\n\n const handleSelectionChange = onSelectionChange\n ? (keys: 'all' | Set<Key>) => {\n if (keys === 'all') {\n // Handle 'all' selection case - collect all available keys\n const allKeys = Array.from(treeState.collection.getKeys()).map(\n (key: any) => String(key),\n );\n onSelectionChange(allKeys);\n } else if (keys instanceof Set) {\n onSelectionChange(Array.from(keys).map((key) => String(key)));\n } else {\n onSelectionChange([]);\n }\n }\n : undefined;\n\n const completeProps = mergeProps(contextProps, restMenuProps, {\n selectedKeys: ariaSelectedKeys,\n defaultSelectedKeys: ariaDefaultSelectedKeys,\n onSelectionChange: handleSelectionChange,\n });\n\n // Search state management\n const [internalSearchValue, setInternalSearchValue] = useState('');\n const searchValue = controlledSearchValue ?? internalSearchValue;\n\n const handleSearchChange = (value: string) => {\n if (controlledSearchValue === undefined) {\n setInternalSearchValue(value);\n }\n onSearchChange?.(value);\n };\n\n // Filter setup\n const { contains } = useFilter({ sensitivity: 'base' });\n const textFilterFn = customFilter || contains;\n\n // Enhanced filter function that supports keywords and forceMount\n const enhancedFilter = (\n textValue: string,\n inputValue: string,\n item?: any,\n ) => {\n // Always show force-mounted items\n if (item?.forceMount) {\n return true;\n }\n\n // If shouldFilter is false, show all items\n if (!shouldFilter) {\n return true;\n }\n\n // Split input value into individual words and filter out empty strings\n const searchWords = inputValue\n .trim()\n .toLowerCase()\n .split(/\\s+/)\n .filter((word) => word.length > 0);\n\n // If no search words, show all items\n if (searchWords.length === 0) {\n return true;\n }\n\n // Collect all searchable text for this item\n const searchableTexts: string[] = [];\n\n // Add main text value\n searchableTexts.push(textValue.toLowerCase());\n\n // Add keywords if available\n if (item?.keywords && Array.isArray(item.keywords)) {\n searchableTexts.push(\n ...item.keywords.map((keyword: string) => keyword.toLowerCase()),\n );\n }\n\n // Check if ALL search words match at least one of the searchable texts\n return searchWords.every((searchWord) =>\n searchableTexts.some((text) => text.includes(searchWord)),\n );\n };\n\n // Collection filter for React Stately\n const collectionFilter = (nodes: Iterable<any>): Iterable<any> => {\n const term = searchValue.trim();\n\n // If no search term, return all nodes\n if (!term) {\n return nodes;\n }\n\n // Split search term into words for multi-word filtering\n const searchWords = term\n .toLowerCase()\n .split(/\\s+/)\n .filter((word) => word.length > 0);\n\n // If no valid search words, return all nodes\n if (searchWords.length === 0) {\n return nodes;\n }\n\n // Recursive helper to filter sections and items\n const filterNodes = (iter: Iterable<any>): any[] => {\n const result: any[] = [];\n\n for (const node of iter) {\n if (node.type === 'section') {\n const filteredChildren = filterNodes(node.childNodes);\n\n if (filteredChildren.length) {\n result.push({\n ...node,\n childNodes: filteredChildren,\n });\n }\n } else {\n const text = node.textValue ?? String(node.rendered ?? '');\n\n if (enhancedFilter(text, term, node.props)) {\n result.push(node);\n }\n }\n }\n\n return result;\n };\n\n return filterNodes(nodes);\n };\n\n // Create tree state with filter for both keyboard navigation and rendering\n const treeStateProps = {\n ...completeProps,\n filter: collectionFilter,\n shouldUseVirtualFocus: true, // Always use virtual focus for CommandMenu\n };\n\n const treeState = useTreeState(treeStateProps);\n\n const collectionItems = [...treeState.collection];\n const hasSections = collectionItems.some((item) => item.type === 'section');\n\n // Track focused key for aria-activedescendant\n const [focusedKey, setFocusedKey] = React.useState<React.Key | null>(null);\n const focusedKeyRef = useRef<React.Key | null>(null);\n\n // Apply filtering to collection items for rendering and empty state checks\n const filteredCollectionItems = [...collectionFilter(collectionItems)];\n\n const hasFilteredItems = filteredCollectionItems.length > 0;\n const viewHasSections = filteredCollectionItems.some(\n (item) => item.type === 'section',\n );\n\n // Helper function to find the first selectable item from filtered results\n const findFirstSelectableItem = () => {\n const { selectionManager } = treeState;\n\n const visit = (items: any[]): Key | null => {\n for (const node of items) {\n if (node?.type === 'section') {\n const childResult = visit(Array.from(node.childNodes ?? []));\n if (childResult != null) return childResult;\n } else if (\n node?.type === 'item' &&\n !selectionManager.isDisabled(node.key)\n ) {\n return node.key;\n }\n }\n return null;\n };\n\n return visit(filteredCollectionItems);\n };\n\n // Create a ref for the menu container\n const menuRef = useRef<HTMLUListElement>(null);\n\n // Use menu hook for accessibility\n const { menuProps } = useMenu(\n {\n ...completeProps,\n 'aria-label': 'Command palette menu',\n filter: collectionFilter,\n shouldUseVirtualFocus: true,\n },\n treeState,\n menuRef,\n );\n\n // Manual rendering of menu items (similar to Menu component)\n const renderedItems: React.ReactNode[] = [];\n let isFirstSection = true;\n\n filteredCollectionItems.forEach((item) => {\n if (item.type === 'section') {\n if (!isFirstSection) {\n renderedItems.push(\n <StyledDivider\n key={`divider-${String(item.key)}`}\n role=\"separator\"\n aria-orientation=\"horizontal\"\n />,\n );\n }\n\n renderedItems.push(\n <MenuSection\n key={item.key}\n item={item}\n state={treeState}\n styles={completeProps.sectionStyles}\n itemStyles={completeProps.itemStyles}\n headingStyles={completeProps.sectionHeadingStyles}\n size={size}\n />,\n );\n\n isFirstSection = false;\n return;\n }\n\n let menuItem = (\n <MenuItem\n key={item.key}\n item={item}\n state={treeState}\n styles={completeProps.itemStyles}\n size={size}\n onAction={item.onAction}\n />\n );\n\n // Apply custom wrapper if provided\n if (item.props.wrapper) {\n menuItem = item.props.wrapper(menuItem);\n }\n\n // Ensure every child has a stable key, even if the wrapper component didn't set one.\n renderedItems.push(React.cloneElement(menuItem, { key: item.key }));\n });\n\n // Auto-focus search input\n React.useEffect(() => {\n if (autoFocus && searchInputRef.current) {\n // Use a small timeout to ensure the element is visible and focusable\n // This is especially important when the CommandMenu is opened in a popover\n const timeoutId = setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus();\n }\n }, 0);\n\n return () => clearTimeout(timeoutId);\n }\n }, [autoFocus]);\n\n // Also focus when the component becomes visible (for trigger/popover usage)\n React.useEffect(() => {\n // Check if autoFocus is enabled and we're in a trigger context\n if (autoFocus && contextProps.autoFocus && searchInputRef.current) {\n // Use a small timeout to ensure the popover is fully rendered\n const timeoutId = setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus();\n }\n }, 50); // Slightly longer timeout for popover context\n\n return () => clearTimeout(timeoutId);\n }\n }, [autoFocus, contextProps.autoFocus]);\n\n // Track the previous search value to only run auto-focus when search actually changes\n const prevSearchValueRef = useRef<string>('');\n\n // Auto-focus first item when search value changes (but not on initial render)\n React.useEffect(() => {\n const currentSearchValue = searchValue.trim();\n const prevSearchValue = prevSearchValueRef.current;\n\n // Only auto-focus when search value actually changes\n if (currentSearchValue !== prevSearchValue && currentSearchValue !== '') {\n const firstSelectableKey = findFirstSelectableItem();\n\n if (firstSelectableKey && hasFilteredItems) {\n // Focus the first item in the selection manager\n treeState.selectionManager.setFocusedKey(firstSelectableKey);\n setFocusedKey(firstSelectableKey);\n focusedKeyRef.current = firstSelectableKey;\n } else {\n // Clear focus if no items are available\n treeState.selectionManager.setFocusedKey(null);\n setFocusedKey(null);\n focusedKeyRef.current = null;\n }\n }\n\n // Update the previous search value\n prevSearchValueRef.current = currentSearchValue;\n }, [searchValue, findFirstSelectableItem, hasFilteredItems]);\n\n // Extract styles\n const extractedStyles = extractStyles(props, CONTAINER_STYLES);\n\n // Determine if we should show empty state based on actual filtered collection\n const hasSearchTerm = searchValue.trim().length > 0;\n const showEmptyState = hasSearchTerm && !hasFilteredItems && !isLoading;\n\n // Sync refs\n useSyncRef(contextProps, menuRef);\n\n // Determine mods based on menu context\n const mods = {\n sections: viewHasSections,\n footer: !!footer,\n header: !!header,\n popover: completeProps.mods?.popover,\n tray: completeProps.mods?.tray,\n };\n\n return (\n <StyledCommandMenu\n {...(filterBaseProps(props) as Record<string, unknown>)}\n ref={domRef}\n qa={qa || 'CommandMenu'}\n data-size={size}\n mods={mods}\n styles={mergeProps(extractedStyles, styles)}\n >\n {/* Header */}\n {header && (\n <StyledHeader\n role=\"presentation\"\n data-size={size}\n styles={{ border: 'none', ...headerStyles }}\n >\n {header}\n </StyledHeader>\n )}\n\n {/* Search Input */}\n <StyledSearchInput\n ref={searchInputRef}\n type=\"search\"\n placeholder={searchPlaceholder}\n value={searchValue}\n styles={searchInputStyles}\n data-size={size}\n aria-controls={`${qa || 'CommandMenu'}-menu`}\n role=\"combobox\"\n aria-expanded=\"true\"\n aria-haspopup=\"listbox\"\n aria-activedescendant={\n focusedKey != null\n ? `${qa || 'CommandMenu'}-menu-option-${focusedKey}`\n : undefined\n }\n onChange={(e) => handleSearchChange(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n e.preventDefault();\n\n const isArrowDown = e.key === 'ArrowDown';\n const { selectionManager } = treeState;\n // Use the ref to get the current focused key synchronously\n const currentKey =\n focusedKeyRef.current || selectionManager.focusedKey;\n\n // Helper function to get all visible item keys accounting for sections\n const getVisibleItemKeys = (): Key[] => {\n const keys: Key[] = [];\n\n const visit = (items: any[]) => {\n for (const node of items) {\n if (node?.type === 'section') {\n visit(Array.from(node.childNodes ?? []));\n } else if (node?.type === 'item') {\n keys.push(node.key);\n }\n }\n };\n\n visit(filteredCollectionItems);\n return keys;\n };\n\n // Helper function to find next selectable key in a direction\n const findNextSelectableKey = (\n currentIndex: number,\n direction: 'forward' | 'backward',\n visibleKeys: Key[],\n ) => {\n const increment = direction === 'forward' ? 1 : -1;\n\n for (\n let i = currentIndex + increment;\n i >= 0 && i < visibleKeys.length;\n i += increment\n ) {\n const key = visibleKeys[i];\n if (!selectionManager.isDisabled(key)) {\n return key;\n }\n }\n\n return null;\n };\n\n // Helper function to find first or last selectable key\n const findFirstLastSelectableKey = (\n direction: 'forward' | 'backward',\n visibleKeys: Key[],\n ) => {\n const keysToCheck =\n direction === 'forward'\n ? visibleKeys\n : [...visibleKeys].reverse();\n\n for (const key of keysToCheck) {\n if (!selectionManager.isDisabled(key)) {\n return key;\n }\n }\n\n return null;\n };\n\n const visibleKeys = getVisibleItemKeys();\n\n if (visibleKeys.length === 0) {\n return; // No visible items to navigate\n }\n\n let nextKey;\n const direction = isArrowDown ? 'forward' : 'backward';\n\n if (currentKey == null) {\n // No current focus, start from the first/last item\n nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n } else {\n // Find current position in visible keys\n const currentIndex = visibleKeys.indexOf(currentKey);\n\n if (currentIndex === -1) {\n // Current key not in visible items, start from beginning/end\n nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n } else {\n // Find next selectable item from current position\n nextKey = findNextSelectableKey(\n currentIndex,\n direction,\n visibleKeys,\n );\n\n // If no next key found, wrap to first/last selectable item\n if (nextKey == null) {\n nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n }\n }\n }\n\n if (nextKey != null) {\n selectionManager.setFocusedKey(nextKey);\n setFocusedKey(nextKey);\n focusedKeyRef.current = nextKey; // Update ref immediately\n }\n } else if (\n e.key === 'Enter' ||\n (e.key === ' ' && !searchValue.trim())\n ) {\n const currentFocusedKey =\n focusedKey || treeState.selectionManager.focusedKey;\n if (currentFocusedKey != null) {\n e.preventDefault();\n\n // Trigger action for the focused item (like Menu does)\n // First check if there's a selection mode, if so, handle selection\n if (treeState.selectionManager.selectionMode !== 'none') {\n treeState.selectionManager.select(currentFocusedKey, e);\n } else {\n // Default behavior: trigger action\n const node = treeState.collection.getItem(currentFocusedKey);\n if (node) {\n // Call the tree state's action handler\n const onAction = (completeProps as any).onAction;\n if (onAction) {\n onAction(currentFocusedKey);\n }\n // Also call the item's individual onAction if it exists\n if (node.props?.onAction) {\n node.props.onAction(currentFocusedKey);\n }\n }\n }\n\n // Close the menu if we're in a trigger context and closeOnSelect is enabled (default behavior)\n const { onClose, closeOnSelect } = contextProps;\n if (onClose && closeOnSelect !== false) {\n onClose();\n }\n }\n } else if (e.key === 'Escape') {\n if (searchValue) {\n e.preventDefault();\n handleSearchChange('');\n }\n }\n }}\n />\n\n {/* Loading State */}\n {isLoading && (\n <StyledLoadingWrapper>\n <LoadingIcon\n role=\"progressbar\"\n aria-label=\"Loading commands\"\n aria-hidden={false}\n />\n </StyledLoadingWrapper>\n )}\n\n {/* Menu Content - always render unless loading */}\n {!isLoading && !showEmptyState && (\n <StyledMenu\n {...menuProps}\n ref={menuRef}\n id={`${qa || 'CommandMenu'}-menu`}\n aria-label=\"Command menu\"\n qa=\"Menu\"\n data-size={size}\n mods={mods}\n styles={{\n border: 'none',\n boxShadow: 'none',\n radius: 0,\n padding: '0.5x',\n }}\n >\n {renderedItems}\n </StyledMenu>\n )}\n\n {/* Empty State - show when search term exists but no results */}\n {!isLoading && showEmptyState && (\n <StyledEmptyState>{emptyLabel}</StyledEmptyState>\n )}\n\n {/* Footer */}\n {footer && (\n <StyledFooter\n role=\"presentation\"\n data-size={size}\n styles={footerStyles}\n >\n {footer}\n </StyledFooter>\n )}\n </StyledCommandMenu>\n );\n}\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\nconst _CommandMenu = React.forwardRef(CommandMenu) as <T>(\n props: CubeCommandMenuProps<T> & React.RefAttributes<HTMLDivElement>,\n) => ReactElement;\n\n// Attach Trigger alias from MenuTrigger for consistent API\n// Also attach Item and Section for compound component pattern\nconst __CommandMenu = Object.assign(_CommandMenu, {\n Trigger: MenuTrigger,\n Item,\n Section,\n displayName: 'CommandMenu',\n});\n\nexport { __CommandMenu as CommandMenu };\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CommandMenu.js","names":["useObjectRef","useSyncRef","FocusStrategy","BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","Styles","React","Key","ReactElement","ReactNode","Ref","useRef","useState","useFilter","useMenu","Section","useTreeState","useI18n","LoadingIcon","mergeProps","extractStyles","mergeStyleLayers","CollectionItem","Item","useMenuContext","CubeMenuProps","MenuItem","MenuSection","MenuTrigger","StyledDivider","StyledFooter","StyledHeader","StyledMenu","StyledCommandMenu","StyledEmptyState","StyledLoadingWrapper","StyledSearchInput","CommandMenuItem","id","textValue","keywords","forceMount","key","CubeCommandMenuProps","Omit","T","searchPlaceholder","searchValue","onSearchChange","value","filter","inputValue","emptyLabel","searchInputStyles","headerStyles","footerStyles","isLoading","shouldFilter","autoFocus","size","selectedKeys","defaultSelectedKeys","onSelectionChange","keys","CommandMenu","props","ref","$","_c","t","t0","controlledSearchValue","customFilter","t1","t2","t3","t4","t5","qa","styles","header","footer","restMenuProps","t6","undefined","t7","domRef","searchInputRef","contextProps","ariaSelectedKeys","Set","ariaDefaultSelectedKeys","handleSelectionChange","allKeys","Array","from","treeState","collection","getKeys","map","_temp","_temp2","completeProps","internalSearchValue","setInternalSearchValue","t8","handleSearchChange","t9","Symbol","for","sensitivity","contains","t10","item","searchWords","trim","toLowerCase","split","_temp3","length","searchableTexts","push","isArray","_temp4","every","searchWord","some","text","includes","enhancedFilter","t11","nodes","term","searchWords_0","_temp5","filterNodes","iter","result","node","type","filteredChildren","childNodes","text_0","String","rendered","collectionFilter","treeStateProps","shouldUseVirtualFocus","collectionItems","_temp6","focusedKey","setFocusedKey","focusedKeyRef","filteredCollectionItems","hasFilteredItems","viewHasSections","_temp7","findFirstSelectableItem","selectionManager","visit","items","node_0","childResult","isDisabled","menuRef","menuProps","renderedItems","isFirstSection","forEach","item_2","sectionStyles","itemStyles","sectionHeadingStyles","menuItem","onAction","wrapper","cloneElement","t12","t13","current","timeoutId","setTimeout","focus","clearTimeout","useEffect","t14","t15","timeoutId_0","prevSearchValueRef","t16","currentSearchValue","prevSearchValue","firstSelectableKey","t17","extractedStyles","t18","hasSearchTerm","showEmptyState","t19","t20","t21","mods","popover","t22","tray","t23","sections","T0","t24","t25","Record","t26","t27","t28","border","t29","t30","t31","e","target","t32","e_0","preventDefault","isArrowDown","selectionManager_0","currentKey","getVisibleItemKeys","keys_0","visit_0","items_0","node_1","findNextSelectableKey","currentIndex","direction","visibleKeys","increment","i","key_1","findFirstLastSelectableKey","direction_0","visibleKeys_0","keysToCheck","reverse","key_2","visibleKeys_1","nextKey","direction_1","currentIndex_0","indexOf","currentFocusedKey","selectionMode","select","node_2","getItem","onClose","closeOnSelect","t33","t34","t35","boxShadow","radius","padding","t36","t37","t38","item_1","item_0","word_0","word","keyword","key_0","_CommandMenu","forwardRef","RefAttributes","HTMLDivElement","__CommandMenu","Object","assign","Trigger","displayName"],"sources":["../../../../src/components/actions/CommandMenu/CommandMenu.tsx"],"sourcesContent":["import { useObjectRef, useSyncRef } from '@react-aria/utils';\nimport { FocusStrategy } from '@react-types/shared';\nimport {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n filterBaseProps,\n Styles,\n} from '@tenphi/tasty';\nimport React, {\n Key,\n ReactElement,\n ReactNode,\n Ref,\n useRef,\n useState,\n} from 'react';\nimport { useFilter, useMenu } from 'react-aria';\nimport { Section, useTreeState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\n// `CollectionItem` (not react-stately's bare `Item`) is what CommandMenu\n// actually renders through `MenuItem`, so it carries the `Item` props.\nimport { CollectionItem as Item } from '../../CollectionItem';\nimport { useMenuContext } from '../Menu';\nimport { CubeMenuProps } from '../Menu/Menu';\nimport { MenuItem } from '../Menu/MenuItem';\nimport { MenuSection } from '../Menu/MenuSection';\nimport { MenuTrigger } from '../Menu/MenuTrigger';\nimport {\n StyledDivider,\n StyledFooter,\n StyledHeader,\n StyledMenu,\n} from '../Menu/styled';\n\nimport {\n StyledCommandMenu,\n StyledEmptyState,\n StyledLoadingWrapper,\n StyledSearchInput,\n} from './styled';\n\nexport interface CommandMenuItem {\n // Standard item props\n id: string;\n textValue: string;\n\n // Enhanced search features\n keywords?: string[];\n forceMount?: boolean;\n\n // Standard Menu item props inherited\n [key: string]: any;\n}\n\nexport interface CubeCommandMenuProps<T>\n extends BaseProps,\n ContainerStyleProps,\n Omit<\n CubeMenuProps<T>,\n 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange'\n > {\n // Search-specific props\n searchPlaceholder?: string;\n searchValue?: string;\n onSearchChange?: (value: string) => void;\n filter?: (textValue: string, inputValue: string) => boolean;\n emptyLabel?: ReactNode;\n searchInputStyles?: Styles;\n headerStyles?: Styles;\n footerStyles?: Styles;\n\n // Advanced search features\n isLoading?: boolean;\n shouldFilter?: boolean;\n\n // Focus management - override the autoFocus from CubeMenuProps to allow boolean | FocusStrategy\n autoFocus?: boolean | FocusStrategy;\n\n // Size prop\n size?: 'medium' | 'large' | (string & {});\n\n /** Currently selected keys (controlled) */\n selectedKeys?: string[];\n /** Initially selected keys (uncontrolled) */\n defaultSelectedKeys?: string[];\n /** Handler for selection changes */\n onSelectionChange?: (keys: string[]) => void;\n}\n\nfunction CommandMenu<T extends object>(\n props: CubeCommandMenuProps<T>,\n ref: Ref<HTMLDivElement>,\n) {\n const { t } = useI18n();\n\n const {\n searchPlaceholder = t(\n 'commandMenu.searchPlaceholder',\n 'Search commands...',\n ),\n searchValue: controlledSearchValue,\n onSearchChange,\n filter: customFilter,\n emptyLabel = t('commandMenu.empty', 'No commands found'),\n searchInputStyles,\n headerStyles,\n footerStyles,\n isLoading = false,\n shouldFilter = true,\n autoFocus = true,\n size = 'medium',\n qa,\n styles,\n selectedKeys,\n defaultSelectedKeys,\n onSelectionChange,\n header,\n footer,\n ...restMenuProps\n } = props;\n\n const domRef = useObjectRef(ref);\n const searchInputRef = useRef<HTMLInputElement>(null);\n const contextProps = useMenuContext();\n\n // Convert string[] to Set<Key> for React Aria compatibility\n const ariaSelectedKeys = selectedKeys ? new Set(selectedKeys) : undefined;\n const ariaDefaultSelectedKeys = defaultSelectedKeys\n ? new Set(defaultSelectedKeys)\n : undefined;\n\n const handleSelectionChange = onSelectionChange\n ? (keys: 'all' | Set<Key>) => {\n if (keys === 'all') {\n // Handle 'all' selection case - collect all available keys\n const allKeys = Array.from(treeState.collection.getKeys()).map(\n (key: any) => String(key),\n );\n onSelectionChange(allKeys);\n } else if (keys instanceof Set) {\n onSelectionChange(Array.from(keys).map((key) => String(key)));\n } else {\n onSelectionChange([]);\n }\n }\n : undefined;\n\n const completeProps = mergeProps(contextProps, restMenuProps, {\n selectedKeys: ariaSelectedKeys,\n defaultSelectedKeys: ariaDefaultSelectedKeys,\n onSelectionChange: handleSelectionChange,\n });\n\n // Search state management\n const [internalSearchValue, setInternalSearchValue] = useState('');\n const searchValue = controlledSearchValue ?? internalSearchValue;\n\n const handleSearchChange = (value: string) => {\n if (controlledSearchValue === undefined) {\n setInternalSearchValue(value);\n }\n onSearchChange?.(value);\n };\n\n // Filter setup\n const { contains } = useFilter({ sensitivity: 'base' });\n const textFilterFn = customFilter || contains;\n\n // Enhanced filter function that supports keywords and forceMount\n const enhancedFilter = (\n textValue: string,\n inputValue: string,\n item?: any,\n ) => {\n // Always show force-mounted items\n if (item?.forceMount) {\n return true;\n }\n\n // If shouldFilter is false, show all items\n if (!shouldFilter) {\n return true;\n }\n\n // Split input value into individual words and filter out empty strings\n const searchWords = inputValue\n .trim()\n .toLowerCase()\n .split(/\\s+/)\n .filter((word) => word.length > 0);\n\n // If no search words, show all items\n if (searchWords.length === 0) {\n return true;\n }\n\n // Collect all searchable text for this item\n const searchableTexts: string[] = [];\n\n // Add main text value\n searchableTexts.push(textValue.toLowerCase());\n\n // Add keywords if available\n if (item?.keywords && Array.isArray(item.keywords)) {\n searchableTexts.push(\n ...item.keywords.map((keyword: string) => keyword.toLowerCase()),\n );\n }\n\n // Check if ALL search words match at least one of the searchable texts\n return searchWords.every((searchWord) =>\n searchableTexts.some((text) => text.includes(searchWord)),\n );\n };\n\n // Collection filter for React Stately\n const collectionFilter = (nodes: Iterable<any>): Iterable<any> => {\n const term = searchValue.trim();\n\n // If no search term, return all nodes\n if (!term) {\n return nodes;\n }\n\n // Split search term into words for multi-word filtering\n const searchWords = term\n .toLowerCase()\n .split(/\\s+/)\n .filter((word) => word.length > 0);\n\n // If no valid search words, return all nodes\n if (searchWords.length === 0) {\n return nodes;\n }\n\n // Recursive helper to filter sections and items\n const filterNodes = (iter: Iterable<any>): any[] => {\n const result: any[] = [];\n\n for (const node of iter) {\n if (node.type === 'section') {\n const filteredChildren = filterNodes(node.childNodes);\n\n if (filteredChildren.length) {\n result.push({\n ...node,\n childNodes: filteredChildren,\n });\n }\n } else {\n const text = node.textValue ?? String(node.rendered ?? '');\n\n if (enhancedFilter(text, term, node.props)) {\n result.push(node);\n }\n }\n }\n\n return result;\n };\n\n return filterNodes(nodes);\n };\n\n // Create tree state with filter for both keyboard navigation and rendering\n const treeStateProps = {\n ...completeProps,\n filter: collectionFilter,\n shouldUseVirtualFocus: true, // Always use virtual focus for CommandMenu\n };\n\n const treeState = useTreeState(treeStateProps);\n\n const collectionItems = [...treeState.collection];\n const hasSections = collectionItems.some((item) => item.type === 'section');\n\n // Track focused key for aria-activedescendant\n const [focusedKey, setFocusedKey] = React.useState<React.Key | null>(null);\n const focusedKeyRef = useRef<React.Key | null>(null);\n\n // Apply filtering to collection items for rendering and empty state checks\n const filteredCollectionItems = [...collectionFilter(collectionItems)];\n\n const hasFilteredItems = filteredCollectionItems.length > 0;\n const viewHasSections = filteredCollectionItems.some(\n (item) => item.type === 'section',\n );\n\n // Helper function to find the first selectable item from filtered results\n const findFirstSelectableItem = () => {\n const { selectionManager } = treeState;\n\n const visit = (items: any[]): Key | null => {\n for (const node of items) {\n if (node?.type === 'section') {\n const childResult = visit(Array.from(node.childNodes ?? []));\n if (childResult != null) return childResult;\n } else if (\n node?.type === 'item' &&\n !selectionManager.isDisabled(node.key)\n ) {\n return node.key;\n }\n }\n return null;\n };\n\n return visit(filteredCollectionItems);\n };\n\n // Create a ref for the menu container\n const menuRef = useRef<HTMLUListElement>(null);\n\n // Use menu hook for accessibility\n const { menuProps } = useMenu(\n {\n ...completeProps,\n 'aria-label': 'Command palette menu',\n filter: collectionFilter,\n shouldUseVirtualFocus: true,\n },\n treeState,\n menuRef,\n );\n\n // Manual rendering of menu items (similar to Menu component)\n const renderedItems: React.ReactNode[] = [];\n let isFirstSection = true;\n\n filteredCollectionItems.forEach((item) => {\n if (item.type === 'section') {\n if (!isFirstSection) {\n renderedItems.push(\n <StyledDivider\n key={`divider-${String(item.key)}`}\n role=\"separator\"\n aria-orientation=\"horizontal\"\n />,\n );\n }\n\n renderedItems.push(\n <MenuSection\n key={item.key}\n item={item}\n state={treeState}\n styles={completeProps.sectionStyles}\n itemStyles={completeProps.itemStyles}\n headingStyles={completeProps.sectionHeadingStyles}\n size={size}\n />,\n );\n\n isFirstSection = false;\n return;\n }\n\n let menuItem = (\n <MenuItem\n key={item.key}\n item={item}\n state={treeState}\n styles={completeProps.itemStyles}\n size={size}\n onAction={item.onAction}\n />\n );\n\n // Apply custom wrapper if provided\n if (item.props.wrapper) {\n menuItem = item.props.wrapper(menuItem);\n }\n\n // Ensure every child has a stable key, even if the wrapper component didn't set one.\n renderedItems.push(React.cloneElement(menuItem, { key: item.key }));\n });\n\n // Auto-focus search input\n React.useEffect(() => {\n if (autoFocus && searchInputRef.current) {\n // Use a small timeout to ensure the element is visible and focusable\n // This is especially important when the CommandMenu is opened in a popover\n const timeoutId = setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus();\n }\n }, 0);\n\n return () => clearTimeout(timeoutId);\n }\n }, [autoFocus]);\n\n // Also focus when the component becomes visible (for trigger/popover usage)\n React.useEffect(() => {\n // Check if autoFocus is enabled and we're in a trigger context\n if (autoFocus && contextProps.autoFocus && searchInputRef.current) {\n // Use a small timeout to ensure the popover is fully rendered\n const timeoutId = setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus();\n }\n }, 50); // Slightly longer timeout for popover context\n\n return () => clearTimeout(timeoutId);\n }\n }, [autoFocus, contextProps.autoFocus]);\n\n // Track the previous search value to only run auto-focus when search actually changes\n const prevSearchValueRef = useRef<string>('');\n\n // Auto-focus first item when search value changes (but not on initial render)\n React.useEffect(() => {\n const currentSearchValue = searchValue.trim();\n const prevSearchValue = prevSearchValueRef.current;\n\n // Only auto-focus when search value actually changes\n if (currentSearchValue !== prevSearchValue && currentSearchValue !== '') {\n const firstSelectableKey = findFirstSelectableItem();\n\n if (firstSelectableKey && hasFilteredItems) {\n // Focus the first item in the selection manager\n treeState.selectionManager.setFocusedKey(firstSelectableKey);\n setFocusedKey(firstSelectableKey);\n focusedKeyRef.current = firstSelectableKey;\n } else {\n // Clear focus if no items are available\n treeState.selectionManager.setFocusedKey(null);\n setFocusedKey(null);\n focusedKeyRef.current = null;\n }\n }\n\n // Update the previous search value\n prevSearchValueRef.current = currentSearchValue;\n }, [searchValue, findFirstSelectableItem, hasFilteredItems]);\n\n // Extract styles\n const extractedStyles = extractStyles(props, CONTAINER_STYLES);\n\n // Determine if we should show empty state based on actual filtered collection\n const hasSearchTerm = searchValue.trim().length > 0;\n const showEmptyState = hasSearchTerm && !hasFilteredItems && !isLoading;\n\n // Sync refs\n useSyncRef(contextProps, menuRef);\n\n // Determine mods based on menu context\n const mods = {\n sections: viewHasSections,\n footer: !!footer,\n header: !!header,\n popover: completeProps.mods?.popover,\n tray: completeProps.mods?.tray,\n };\n\n return (\n <StyledCommandMenu\n {...(filterBaseProps(props) as Record<string, unknown>)}\n ref={domRef}\n qa={qa || 'CommandMenu'}\n data-size={size}\n mods={mods}\n styles={mergeStyleLayers(extractedStyles, styles)}\n >\n {/* Header */}\n {header && (\n <StyledHeader\n role=\"presentation\"\n data-size={size}\n styles={mergeStyleLayers({ border: 'none' }, headerStyles)}\n >\n {header}\n </StyledHeader>\n )}\n\n {/* Search Input */}\n <StyledSearchInput\n ref={searchInputRef}\n type=\"search\"\n placeholder={searchPlaceholder}\n value={searchValue}\n styles={searchInputStyles}\n data-size={size}\n aria-controls={`${qa || 'CommandMenu'}-menu`}\n role=\"combobox\"\n aria-expanded=\"true\"\n aria-haspopup=\"listbox\"\n aria-activedescendant={\n focusedKey != null\n ? `${qa || 'CommandMenu'}-menu-option-${focusedKey}`\n : undefined\n }\n onChange={(e) => handleSearchChange(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n e.preventDefault();\n\n const isArrowDown = e.key === 'ArrowDown';\n const { selectionManager } = treeState;\n // Use the ref to get the current focused key synchronously\n const currentKey =\n focusedKeyRef.current || selectionManager.focusedKey;\n\n // Helper function to get all visible item keys accounting for sections\n const getVisibleItemKeys = (): Key[] => {\n const keys: Key[] = [];\n\n const visit = (items: any[]) => {\n for (const node of items) {\n if (node?.type === 'section') {\n visit(Array.from(node.childNodes ?? []));\n } else if (node?.type === 'item') {\n keys.push(node.key);\n }\n }\n };\n\n visit(filteredCollectionItems);\n return keys;\n };\n\n // Helper function to find next selectable key in a direction\n const findNextSelectableKey = (\n currentIndex: number,\n direction: 'forward' | 'backward',\n visibleKeys: Key[],\n ) => {\n const increment = direction === 'forward' ? 1 : -1;\n\n for (\n let i = currentIndex + increment;\n i >= 0 && i < visibleKeys.length;\n i += increment\n ) {\n const key = visibleKeys[i];\n if (!selectionManager.isDisabled(key)) {\n return key;\n }\n }\n\n return null;\n };\n\n // Helper function to find first or last selectable key\n const findFirstLastSelectableKey = (\n direction: 'forward' | 'backward',\n visibleKeys: Key[],\n ) => {\n const keysToCheck =\n direction === 'forward'\n ? visibleKeys\n : [...visibleKeys].reverse();\n\n for (const key of keysToCheck) {\n if (!selectionManager.isDisabled(key)) {\n return key;\n }\n }\n\n return null;\n };\n\n const visibleKeys = getVisibleItemKeys();\n\n if (visibleKeys.length === 0) {\n return; // No visible items to navigate\n }\n\n let nextKey;\n const direction = isArrowDown ? 'forward' : 'backward';\n\n if (currentKey == null) {\n // No current focus, start from the first/last item\n nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n } else {\n // Find current position in visible keys\n const currentIndex = visibleKeys.indexOf(currentKey);\n\n if (currentIndex === -1) {\n // Current key not in visible items, start from beginning/end\n nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n } else {\n // Find next selectable item from current position\n nextKey = findNextSelectableKey(\n currentIndex,\n direction,\n visibleKeys,\n );\n\n // If no next key found, wrap to first/last selectable item\n if (nextKey == null) {\n nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n }\n }\n }\n\n if (nextKey != null) {\n selectionManager.setFocusedKey(nextKey);\n setFocusedKey(nextKey);\n focusedKeyRef.current = nextKey; // Update ref immediately\n }\n } else if (\n e.key === 'Enter' ||\n (e.key === ' ' && !searchValue.trim())\n ) {\n const currentFocusedKey =\n focusedKey || treeState.selectionManager.focusedKey;\n if (currentFocusedKey != null) {\n e.preventDefault();\n\n // Trigger action for the focused item (like Menu does)\n // First check if there's a selection mode, if so, handle selection\n if (treeState.selectionManager.selectionMode !== 'none') {\n treeState.selectionManager.select(currentFocusedKey, e);\n } else {\n // Default behavior: trigger action\n const node = treeState.collection.getItem(currentFocusedKey);\n if (node) {\n // Call the tree state's action handler\n const onAction = (completeProps as any).onAction;\n if (onAction) {\n onAction(currentFocusedKey);\n }\n // Also call the item's individual onAction if it exists\n if (node.props?.onAction) {\n node.props.onAction(currentFocusedKey);\n }\n }\n }\n\n // Close the menu if we're in a trigger context and closeOnSelect is enabled (default behavior)\n const { onClose, closeOnSelect } = contextProps;\n if (onClose && closeOnSelect !== false) {\n onClose();\n }\n }\n } else if (e.key === 'Escape') {\n if (searchValue) {\n e.preventDefault();\n handleSearchChange('');\n }\n }\n }}\n />\n\n {/* Loading State */}\n {isLoading && (\n <StyledLoadingWrapper>\n <LoadingIcon\n role=\"progressbar\"\n aria-label=\"Loading commands\"\n aria-hidden={false}\n />\n </StyledLoadingWrapper>\n )}\n\n {/* Menu Content - always render unless loading */}\n {!isLoading && !showEmptyState && (\n <StyledMenu\n {...menuProps}\n ref={menuRef}\n id={`${qa || 'CommandMenu'}-menu`}\n aria-label=\"Command menu\"\n qa=\"Menu\"\n data-size={size}\n mods={mods}\n styles={{\n border: 'none',\n boxShadow: 'none',\n radius: 0,\n padding: '0.5x',\n }}\n >\n {renderedItems}\n </StyledMenu>\n )}\n\n {/* Empty State - show when search term exists but no results */}\n {!isLoading && showEmptyState && (\n <StyledEmptyState>{emptyLabel}</StyledEmptyState>\n )}\n\n {/* Footer */}\n {footer && (\n <StyledFooter\n role=\"presentation\"\n data-size={size}\n styles={footerStyles}\n >\n {footer}\n </StyledFooter>\n )}\n </StyledCommandMenu>\n );\n}\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\nconst _CommandMenu = React.forwardRef(CommandMenu) as <T>(\n props: CubeCommandMenuProps<T> & React.RefAttributes<HTMLDivElement>,\n) => ReactElement;\n\n// Attach Trigger alias from MenuTrigger for consistent API\n// Also attach Item and Section for compound component pattern\nconst __CommandMenu = Object.assign(_CommandMenu, {\n Trigger: MenuTrigger,\n Item,\n Section,\n displayName: 'CommandMenu',\n});\n\nexport { __CommandMenu as CommandMenu };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8FA,SAAAkE,YAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAIE,MAAA,EAAAC,MAAcpD,SAAS;CAEvB,MAAA,EAAA6B,mBAAAwB,IAAAvB,aAAAwB,uBAAAvB,gBAAAE,QAAAsB,cAAApB,YAAAqB,IAAApB,mBAAAC,cAAAC,cAAAC,WAAAkB,IAAAjB,cAAAkB,IAAAjB,WAAAkB,IAAAjB,MAAAkB,IAAAC,IAAAC,QAAAnB,cAAAC,qBAAAC,mBAAAkB,QAAAC,QAAA,GAAAC,kBAwBIjB;CAAM,IAAAkB;AAAA,KAAAhB,EAAA,OAAAE,KAAAF,EAAA,OAAAG,IAAA;AAvBRa,OAAAb,OAAAc,SAAoBf,EAClB,iCACA,qBACD,GAHDC;AAGCH,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CAHD,MAAArB,oBAAAqC;CAGC,IAAAE;AAAA,KAAAlB,EAAA,OAAAE,KAAAF,EAAA,OAAAM,IAAA;AAIDY,OAAAZ,OAAAW,SAAaf,EAAE,qBAAqB,oBAAoB,GAAxDI;AAAwDN,IAAA,KAAAE;AAAAF,IAAA,KAAAM;AAAAN,IAAA,KAAAkB;OAAAA,MAAAlB,EAAA;CAAxD,MAAAf,aAAAiC;CAIA,MAAA7B,YAAAkB,OAAAU,SAAA,QAAAV;CACA,MAAAjB,eAAAkB,OAAAS,SAAA,OAAAT;CACA,MAAAjB,YAAAkB,OAAAQ,SAAA,OAAAR;CACA,MAAAjB,OAAAkB,OAAAO,SAAA,WAAAP;CAWF,MAAAS,SAAexF,aAAaoE,IAAI;CAChC,MAAAqB,iBAAuB5E,OAAyB,KAAK;CACrD,MAAA6E,eAAqBhE,gBAAgB;CAwBrC,MAAA8E,gBAAsBnF,aAAWqE,cAAcN,eAAe;EAAAtB,cArBrCA,eAAA,IAAmB8B,IAAI9B,aAAyB,GAAhDwB;EAsBOvB,qBArBAA,sBAAA,IACxB6B,IAAI7B,oBACC,GAFmBuB;EAsBctB,mBAlBhBA,qBAAAC,SAAA;AAExB,OAAIA,SAAS,MAKXD,mBAHgBgC,MAAKC,KAAMC,UAASC,WAAWC,SAAU,CAAC,CAAAC,IACxDC,MACD,CACyB;YACjBrC,gBAAgB2B,IACzB5B,mBAAkBgC,MAAKC,KAAMhC,KAAK,CAAAoC,IAAKE,OAAqB,CAAC;OAE7DvC,mBAAkB,EAAE,CAAC;MAXCsB;EAoB7B,CAAC;CAGF,MAAA,CAAAmB,qBAAAC,0BAAsD5F,SAAS,GAAG;CAClE,MAAAmC,cAAoBwB,yBAAAgC;CAA6C,IAAAE;AAAA,KAAAtC,EAAA,OAAAI,yBAAAJ,EAAA,OAAAnB,gBAAA;AAEtCyD,QAAAxD,UAAA;AACzB,OAAIsB,0BAA0Ba,OAC5BoB,wBAAuBvD,MAAM;AAE/BD,oBAAiBC,MAAM;;AACxBkB,IAAA,KAAAI;AAAAJ,IAAA,KAAAnB;AAAAmB,IAAA,KAAAsC;OAAAA,MAAAtC,EAAA;CALD,MAAAuC,qBAA2BD;CAKzB,IAAAE;AAAA,KAAAxC,EAAA,OAAAyC,OAAAC,IAAA,4BAAA,EAAA;AAG6BF,OAAA,EAAAG,aAAe,QAAQ;AAAA3C,IAAA,KAAAwC;OAAAA,MAAAxC,EAAA;CAAtD,MAAA,EAAA4C,aAAqBlG,UAAU8F,GAAwB;CACV,IAAAK;AAAA,KAAA7C,EAAA,QAAAV,cAAA;AAGtBuD,SAAAzE,WAAAY,YAAA8D,SAAA;AAMrB,OAAIA,MAAIxE,WAAY,QACX;AAIT,OAAI,CAACgB,aAAY,QACR;GAIT,MAAAyD,cAAoB/D,WAAUgE,MACrB,CAAAC,aACO,CAAAC,MACP,MAAM,CAAAnE,OACLoE,OAA0B;AAGpC,OAAIJ,YAAWK,WAAY,EAAC,QACnB;GAIT,MAAAC,kBAAkC,EAAE;AAGpCA,mBAAeC,KAAMlF,UAAS6E,aAAc,CAAC;AAG7C,OAAIH,MAAIzE,YAAcsD,MAAK4B,QAAST,KAAIzE,SAAU,CAChDgF,iBAAeC,KAAK,GACfR,KAAIzE,SAAS2D,IAAKwB,OACvB,CAAC;AACF,UAGMT,YAAWU,OAAOC,eACvBL,gBAAeM,MAAMC,SAAUA,KAAIC,SAAUH,WAAW,CAC1D,CAAC;;AACF1D,IAAA,MAAAV;AAAAU,IAAA,MAAA6C;OAAAA,OAAA7C,EAAA;CA5CD,MAAA8D,iBAAuBjB;CA4CrB,IAAAkB;AAAA,KAAA/D,EAAA,QAAA8D,kBAAA9D,EAAA,QAAApB,aAAA;AAGuBmF,SAAAC,UAAA;GACvB,MAAAC,OAAarF,YAAWoE,MAAO;AAG/B,OAAI,CAACiB,KAAI,QACAD;AAUT,OANoBC,KAAIhB,aACR,CAAAC,MACP,MAAM,CAAAnE,OACLoF,OAA0B,CAGrBf,WAAY,EAAC,QACnBY;GAIT,MAAAI,eAAoBC,SAAA;IAClB,MAAAC,SAAsB,EAAE;AAExB,SAAK,MAAAC,QAAcF,KACjB,KAAIE,KAAIC,SAAU,WAAS;KACzB,MAAAC,mBAAyBL,YAAYG,KAAIG,WAAY;AAErD,SAAID,iBAAgBrB,OAClBkB,QAAMhB,KAAM;MAAA,GACPiB;MAAIG,YACKD;MACb,CAAC;eAKAX,eAFSS,KAAInG,aAAcwG,OAAOL,KAAIM,YAAJ,GAAoB,EAEjCZ,MAAMM,KAAIzE,MAAO,CACxCwE,QAAMhB,KAAMiB,KAAK;AAGtB,WAEMD;;AACP,UAEKF,YAAYJ,MAAM;;AAC1BhE,IAAA,MAAA8D;AAAA9D,IAAA,MAAApB;AAAAoB,IAAA,MAAA+D;OAAAA,OAAA/D,EAAA;CA9CD,MAAA8E,mBAAyBf;CAuDzB,MAAAlC,YAAkBhF,aANK;EAAA,GAClBsF;EAAapD,QACR+F;EAAgBE,uBACD;EACxB,CAE6C;CAE9C,MAAAC,kBAAwB,CAAA,GAAIpD,UAASC,WAAY;AAC7BmD,iBAAetB,KAAMuB,OAAkC;CAG3E,MAAA,CAAAC,YAAAC,iBAAoCjJ,MAAKM,SAA4B,KAAK;CAC1E,MAAA4I,gBAAsB7I,OAAyB,KAAK;CAGpD,MAAA8I,0BAAgC,CAAA,GAAIR,iBAAiBG,gBAAgB,CAAC;CAEtE,MAAAM,mBAAyBD,wBAAuBlC,SAAU;CAC1D,MAAAoC,kBAAwBF,wBAAuB3B,KAC7C8B,OACD;CAGD,MAAAC,gCAAgC;EAC9B,MAAA,EAAAC,qBAA6B9D;EAE7B,MAAA+D,SAAcC,UAAA;AACZ,QAAK,MAAAC,UAAcD,MACjB,KAAItB,QAAIC,SAAW,WAAS;IAC1B,MAAAuB,cAAoBH,MAAMjE,MAAKC,KAAM2C,OAAIG,cAAJ,EAAqB,CAAC,CAAC;AAC5D,QAAIqB,eAAe,KAAI,QAASA;cAEhCxB,QAAIC,SAAW,UAAf,CACCmB,iBAAgBK,WAAYzB,OAAIhG,IAAK,CAAA,QAE/BgG,OAAIhG;AAEd,UACM;;AACP,SAEKqH,MAAMN,wBAAwB;;CAIvC,MAAAW,UAAgBzJ,OAAyB,KAAK;CAG9C,MAAA,EAAA0J,cAAsBvJ,QACpB;EAAA,GACKwF;EAAa,cACF;EAAsBpD,QAC5B+F;EAAgBE,uBACD;EACxB,EACDnD,WACAoE,QACD;CAGD,MAAAE,gBAAyC,EAAE;CAC3C,IAAAC,iBAAqB;AAErBd,yBAAuBe,SAASC,WAAA;AAC9B,MAAIxD,OAAI0B,SAAU,WAAS;AACzB,OAAI,CAAC4B,eACHD,eAAa7C,KACX,oBAAC;IAEM,MAAA;IACY,oBAAA;MAFZ,WAAWsB,OAAO9B,OAAIvE,IAAK,GAIpC,CAAC;AAGH4H,iBAAa7C,KACX,oBAAC;IAEOR,MAAAA;IACCjB,OAAAA;IACC,QAAAM,cAAaoE;IACT,YAAApE,cAAaqE;IACV,eAAArE,cAAasE;IACtBjH;MANDsD,OAAIvE,IAQb,CAAC;AAED6H,oBAAiBA;AAAH;;EAIhB,IAAAM,WACE,oBAAC;GAEO5D,MAAAA;GACCjB,OAAAA;GACC,QAAAM,cAAaqE;GACfhH;GACI,UAAAsD,OAAI6D;KALT7D,OAAIvE,IAMT;AAIJ,MAAIuE,OAAIhD,MAAM8G,QACZF,YAAW5D,OAAIhD,MAAM8G,QAASF,SAAS;AAIzCP,gBAAa7C,KAAMnH,MAAK0K,aAAcH,UAAU,EAAAnI,KAAOuE,OAAIvE,KAAM,CAAC,CAAC;GACnE;CAAA,IAAAuI;CAAA,IAAAC;AAAA,KAAA/G,EAAA,QAAAT,WAAA;AAGcuH,cAAA;AACd,OAAIvH,aAAa6B,eAAc4F,SAAQ;IAGrC,MAAAC,YAAkBC,iBAAW;AAC3B,SAAI9F,eAAc4F,QAChB5F,gBAAc4F,QAAQG,OAAQ;OAE/B,EAAE;AAAC,iBAEOC,aAAaH,UAAU;;;AAErCF,QAAA,CAACxH,UAAU;AAAAS,IAAA,MAAAT;AAAAS,IAAA,MAAA8G;AAAA9G,IAAA,MAAA+G;QAAA;AAAAD,QAAA9G,EAAA;AAAA+G,QAAA/G,EAAA;;AAZd7D,OAAKkL,UAAWP,KAYbC,IAAY;CAAA,IAAAO;CAAA,IAAAC;AAAA,KAAAvH,EAAA,QAAAT,aAAAS,EAAA,QAAAqB,aAAA9B,WAAA;AAGC+H,cAAA;AAEd,OAAI/H,aAAa8B,aAAY9B,aAAc6B,eAAc4F,SAAQ;IAE/D,MAAAQ,cAAkBN,iBAAW;AAC3B,SAAI9F,eAAc4F,QAChB5F,gBAAc4F,QAAQG,OAAQ;OAE/B,GAAG;AAAC,iBAEMC,aAAaH,YAAU;;;AAErCM,QAAA,CAAChI,WAAW8B,aAAY9B,UAAW;AAAAS,IAAA,MAAAT;AAAAS,IAAA,MAAAqB,aAAA9B;AAAAS,IAAA,MAAAsH;AAAAtH,IAAA,MAAAuH;QAAA;AAAAD,QAAAtH,EAAA;AAAAuH,QAAAvH,EAAA;;AAZtC7D,OAAKkL,UAAWC,KAYbC,IAAoC;CAGvC,MAAAE,qBAA2BjL,OAAe,GAAG;CAAC,IAAAkL;AAAA,KAAA1H,EAAA,QAAA0F,2BAAA1F,EAAA,QAAAuF,oBAAAvF,EAAA,QAAApB,eAAAoB,EAAA,QAAAoF,iBAAApF,EAAA,QAAA6B,WAAA;AAG9B6F,cAAA;GACd,MAAAC,qBAA2B/I,YAAWoE,MAAO;AAI7C,OAAI2E,uBAHoBF,mBAAkBT,WAGIW,uBAAuB,IAAE;IACrE,MAAAE,qBAA2BnC,yBAAyB;AAEpD,QAAImC,sBAAAtC,kBAAsC;AAExC1D,eAAS8D,iBAAiBP,cAAeyC,mBAAmB;AAC5DzC,mBAAcyC,mBAAmB;AACjCxC,mBAAa2B,UAAWa;WAAH;AAGrBhG,eAAS8D,iBAAiBP,cAAe,KAAK;AAC9CA,mBAAc,KAAK;AACnBC,mBAAa2B,UAAW;;;AAK5BS,sBAAkBT,UAAWW;;AAC9B3H,IAAA,MAAA0F;AAAA1F,IAAA,MAAAuF;AAAAvF,IAAA,MAAApB;AAAAoB,IAAA,MAAAoF;AAAApF,IAAA,MAAA6B;AAAA7B,IAAA,MAAA0H;OAAAA,OAAA1H,EAAA;CAAA,IAAA8H;AAAA,KAAA9H,EAAA,QAAA0F,2BAAA1F,EAAA,QAAAuF,oBAAAvF,EAAA,QAAApB,aAAA;AAAEkJ,QAAA;GAAClJ;GAAa8G;GAAyBH;GAAiB;AAAAvF,IAAA,MAAA0F;AAAA1F,IAAA,MAAAuF;AAAAvF,IAAA,MAAApB;AAAAoB,IAAA,MAAA8H;OAAAA,OAAA9H,EAAA;AAvB3D7D,OAAKkL,UAAWK,KAuBbI,IAAyD;CAG5D,MAAAC,kBAAwB9K,cAAc6C,OAAO/D,iBAAiB;CAAC,IAAAiM;AAAA,KAAAhI,EAAA,QAAApB,aAAA;AAGzCoJ,QAAApJ,YAAWoE,MAAO;AAAAhD,IAAA,MAAApB;AAAAoB,IAAA,MAAAgI;OAAAA,OAAAhI,EAAA;CACxC,MAAAkI,iBADsBF,IAAkB5E,SAAU,KAC3B,CAAkBmC,oBAAlB,CAAuClG;AAG9DzD,YAAWyF,cAAc4E,QAAQ;CAKvB,MAAAkC,MAAA,CAAC,CAACrH;CACF,MAAAsH,MAAA,CAAC,CAACvH;CACD,MAAAwH,MAAAlG,cAAamG,MAAcC;CAC9B,MAAAC,MAAArG,cAAamG,MAAWG;CAAA,IAAAC;AAAA,KAAA1I,EAAA,QAAAmI,OAAAnI,EAAA,QAAAoI,OAAApI,EAAA,QAAAqI,OAAArI,EAAA,QAAAwI,OAAAxI,EAAA,QAAAwF,iBAAA;AALnBkD,QAAA;GAAAC,UACDnD;GAAe1E,QACjBqH;GAAQtH,QACRuH;GAAQG,SACPF;GAA2BI,MAC9BD;GACP;AAAAxI,IAAA,MAAAmI;AAAAnI,IAAA,MAAAoI;AAAApI,IAAA,MAAAqI;AAAArI,IAAA,MAAAwI;AAAAxI,IAAA,MAAAwF;AAAAxF,IAAA,MAAA0I;OAAAA,OAAA1I,EAAA;CAND,MAAAsI,OAAaI;CASV,MAAAE,KAAA9K;CAAiB,IAAA+K;AAAA,KAAA7I,EAAA,QAAAF,OAAA;AACX+I,QAAA5M,gBAAgB6D,MAAM;AAAAE,IAAA,MAAAF;AAAAE,IAAA,MAAA6I;OAAAA,OAAA7I,EAAA;CAAtB,MAAA8I,MAAAD;CAED,MAAAG,MAAArI,MAAA;CAGI,MAAAsI,MAAA/L,iBAAiB6K,iBAAiBnH,OAAO;CAAA,IAAAsI;AAAA,KAAAlJ,EAAA,QAAAa,UAAAb,EAAA,QAAAb,gBAAAa,EAAA,QAAAR,MAAA;AAGhD0J,QAAArI,UACC,oBAAC;GACM,MAAA;GACMrB,aAAAA;GACH,QAAAtC,iBAAiB,EAAAiM,QAAU,QAAQ,EAAEhK,aAAY;aAExD0B;IAEJ;AAAAb,IAAA,MAAAa;AAAAb,IAAA,MAAAb;AAAAa,IAAA,MAAAR;AAAAQ,IAAA,MAAAkJ;OAAAA,OAAAlJ,EAAA;CAUgB,MAAAoJ,MAAA,GAAGzI,MAAA,cAAmB;CAKnC,MAAA0I,MAAAlE,cAAc,OAAd,GACOxE,MAAA,cAAmB,eAAgBwE,eAD1ClE;CAEa,IAAAqI;AAAA,KAAAtJ,EAAA,QAAAuC,oBAAA;AAEL+G,SAAAC,MAAOhH,mBAAmBgH,EAACC,OAAO1K,MAAO;AAAAkB,IAAA,MAAAuC;AAAAvC,IAAA,MAAAsJ;OAAAA,OAAAtJ,EAAA;CACxC,MAAAyJ,OAAAC,QAAA;AACT,MAAIH,IAAChL,QAAS,eAAegL,IAAChL,QAAS,WAAS;AAC9CgL,OAACI,gBAAiB;GAElB,MAAAC,cAAoBL,IAAChL,QAAS;GAC9B,MAAA,EAAAoH,kBAAAkE,uBAA6BhI;GAE7B,MAAAiI,aACEzE,cAAa2B,WAAYrB,mBAAgBR;GAG3C,MAAA4E,2BAA2B;IACzB,MAAAC,SAAoB,EAAE;IAEtB,MAAAC,WAAcC,YAAA;AACZ,UAAK,MAAAC,UAActE,QACjB,KAAItB,QAAIC,SAAW,UACjBoB,SAAMjE,MAAKC,KAAM2C,OAAIG,cAAJ,EAAqB,CAAC,CAAC;cAC/BH,QAAIC,SAAW,OACxB5E,QAAI0D,KAAMiB,OAAIhG,IAAK;;AAKzBqH,YAAMN,wBAAwB;AAAA,WACvB1F;;GAIT,MAAAwK,yBAA8BC,cAAAC,WAAAC,gBAAA;IAK5B,MAAAC,YAAkBF,cAAc,YAAd,IAAA;AAElB,SAAA,IAAAG,IACUJ,eAAeG,WACvBC,KAAK,KAAKA,IAAIF,YAAWnH,QAF3BqH,IAGEA,IAAKD,WAMN;KAJC,MAAAE,QAAYH,YAAYE;AACxB,SAAI,CAAC9E,mBAAgBK,WAAYzH,MAAI,CAAA,QAC5BA;;AAEV,WAEM;;GAIT,MAAAoM,8BAAmCC,aAAAC,kBAAA;IAIjC,MAAAC,cACER,gBAAc,YAAdO,gBAEI,CAAA,GAAIN,cAAY,CAAAQ,SAAU;AAEhC,SAAK,MAAAC,SAAaF,YAChB,KAAI,CAACnF,mBAAgBK,WAAYzH,MAAI,CAAA,QAC5BA;AAEV,WAEM;;GAGT,MAAA0M,gBAAoBlB,oBAAoB;AAExC,OAAIQ,cAAWnH,WAAY,EAAC;GAIxB8H,IAAAA;GACJ,MAAAC,cAAkBvB,cAAA,YAAA;AAElB,OAAIE,cAAc,KAEhBoB,WAAUP,2BAA2BL,aAAWC,cAAY;QAArD;IAGP,MAAAa,iBAAqBb,cAAWc,QAASvB,WAAW;AAEpD,QAAIO,mBAAiB,GAEnBa,WAAUP,2BAA2BL,aAAWC,cAAY;SAArD;AAGPW,eAAUd,sBACRC,gBACAC,aACAC,cACD;AAGD,SAAIW,WAAW,KACbA,WAAUP,2BAA2BL,aAAWC,cAAY;;;AAKlE,OAAIW,WAAW,MAAI;AACjBvF,uBAAgBP,cAAe8F,QAAQ;AACvC9F,kBAAc8F,QAAQ;AACtB7F,kBAAa2B,UAAWkE;;aAG1B3B,IAAChL,QAAS,WACTgL,IAAChL,QAAS,OAAV,CAAkBK,YAAWoE,MAAQ,EAAA;GAEtC,MAAAsI,oBACEnG,cAActD,UAAS8D,iBAAiBR;AAC1C,OAAImG,qBAAqB,MAAI;AAC3B/B,QAACI,gBAAiB;AAIlB,QAAI9H,UAAS8D,iBAAiB4F,kBAAmB,OAC/C1J,WAAS8D,iBAAiB6F,OAAQF,mBAAmB/B,IAAE;SAAA;KAGvD,MAAAkC,SAAa5J,UAASC,WAAW4J,QAASJ,kBAAkB;AAC5D,SAAI/G,QAAI;MAEN,MAAAoC,WAAkBxE,cAAoBwE;AACtC,UAAIA,SACFA,UAAS2E,kBAAkB;AAG7B,UAAI/G,OAAIzE,OAAgB6G,SACtBpC,QAAIzE,MAAM6G,SAAU2E,kBAAkB;;;IAM5C,MAAA,EAAAK,SAAAC,kBAAmCvK;AACnC,QAAIsK,WAAWC,kBAAkB,MAC/BD,UAAS;;aAGJpC,IAAChL,QAAS,UACnB;OAAIK,aAAW;AACb2K,QAACI,gBAAiB;AAClBpH,uBAAmB,GAAG;;;;CAG3B,IAAAsJ;AAAA,KAAA7L,EAAA,QAAAd,qBAAAc,EAAA,QAAArB,qBAAAqB,EAAA,QAAApB,eAAAoB,EAAA,QAAAR,QAAAQ,EAAA,QAAAoJ,OAAApJ,EAAA,QAAAqJ,OAAArJ,EAAA,QAAAsJ,OAAAtJ,EAAA,QAAAyJ,KAAA;AAtKHoC,QAAA,oBAAC;GACMzK,KAAAA;GACA,MAAA;GACQzC,aAAAA;GACNC,OAAAA;GACCM,QAAAA;GACGM,aAAAA;GACI,iBAAA4J;GACV,MAAA;GACS,iBAAA;GACA,iBAAA;GAEZ,yBAAAC;GAIQ,UAAAC;GACC,WAAAG;IAsJX;AAAAzJ,IAAA,MAAAd;AAAAc,IAAA,MAAArB;AAAAqB,IAAA,MAAApB;AAAAoB,IAAA,MAAAR;AAAAQ,IAAA,MAAAoJ;AAAApJ,IAAA,MAAAqJ;AAAArJ,IAAA,MAAAsJ;AAAAtJ,IAAA,MAAAyJ;AAAAzJ,IAAA,MAAA6L;OAAAA,OAAA7L,EAAA;CAAA,IAAA8L;AAAA,KAAA9L,EAAA,QAAAX,WAAA;AAGDyM,QAAAzM,aACC,oBAAC,kCACC,oBAAC;GACM,MAAA;GACM,cAAA;GACE,eAAA;IAEjB,GACD;AAAAW,IAAA,MAAAX;AAAAW,IAAA,MAAA8L;OAAAA,OAAA9L,EAAA;CAGA,MAAA+L,MAAA,CAAC1M,aAAD,CAAe6I,kBACd,oBAAC;EAAU,GACLhC;EACCD,KAAAA;EACD,IAAA,GAAGtF,MAAA,cAAmB;EACf,cAAA;EACR,IAAA;EACQnB,aAAAA;EACL8I;EACE,QAAA;GAAAa,QACE;GAAM6C,WACH;GAAMC,QACT;GAACC,SACA;GACX;YAEC/F;GAEJ;CAAA,IAAAgG;AAAA,KAAAnM,EAAA,QAAAf,cAAAe,EAAA,QAAAX,aAAAW,EAAA,QAAAkI,gBAAA;AAGAiE,QAAA,CAAC9M,aAAD6I,kBACC,oBAAC,8BAAkBjJ,aACpB;AAAAe,IAAA,MAAAf;AAAAe,IAAA,MAAAX;AAAAW,IAAA,MAAAkI;AAAAlI,IAAA,MAAAmM;OAAAA,OAAAnM,EAAA;CAAA,IAAAoM;AAAA,KAAApM,EAAA,QAAAc,UAAAd,EAAA,QAAAZ,gBAAAY,EAAA,QAAAR,MAAA;AAGA4M,QAAAtL,UACC,oBAAC;GACM,MAAA;GACMtB,aAAAA;GACHJ,QAAAA;aAEP0B;IAEJ;AAAAd,IAAA,MAAAc;AAAAd,IAAA,MAAAZ;AAAAY,IAAA,MAAAR;AAAAQ,IAAA,MAAAoM;OAAAA,OAAApM,EAAA;CAAA,IAAAqM;AAAA,KAAArM,EAAA,QAAA4I,MAAA5I,EAAA,QAAAmB,UAAAnB,EAAA,QAAAsI,QAAAtI,EAAA,QAAAR,QAAAQ,EAAA,QAAA8I,OAAA9I,EAAA,QAAAgJ,OAAAhJ,EAAA,QAAAiJ,OAAAjJ,EAAA,QAAAkJ,OAAAlJ,EAAA,QAAA6L,OAAA7L,EAAA,QAAA8L,OAAA9L,EAAA,QAAA+L,OAAA/L,EAAA,QAAAmM,OAAAnM,EAAA,QAAAoM,KAAA;AA3OHC,QAAA,qBAAC;GAAiB,GACXvD;GACA3H,KAAAA;GACD,IAAA6H;GACOxJ,aAAAA;GACL8I;GACE,QAAAW;;IAGPC;IAWD2C;IA0KCC;IAWAC;IAqBAI;IAKAC;;IASiB;AAAApM,IAAA,MAAA4I;AAAA5I,IAAA,MAAAmB;AAAAnB,IAAA,MAAAsI;AAAAtI,IAAA,MAAAR;AAAAQ,IAAA,MAAA8I;AAAA9I,IAAA,MAAAgJ;AAAAhJ,IAAA,MAAAiJ;AAAAjJ,IAAA,MAAAkJ;AAAAlJ,IAAA,MAAA6L;AAAA7L,IAAA,MAAA8L;AAAA9L,IAAA,MAAA+L;AAAA/L,IAAA,MAAAmM;AAAAnM,IAAA,MAAAoM;AAAApM,IAAA,MAAAqM;OAAAA,OAAArM,EAAA;AAAA,QA5OpBqM;;AA/WJ,SAAA5G,OAAA6G,QAAA;AAAA,QAoMcxJ,OAAI0B,SAAU;;AApM5B,SAAAU,OAAAqH,QAAA;AAAA,QAyLqDzJ,OAAI0B,SAAU;;AAzLnE,SAAAL,OAAAqI,QAAA;AAAA,QA2IwBC,OAAIrJ,SAAU;;AA3ItC,SAAAI,OAAAkJ,SAAA;AAAA,QAoHkDA,QAAOzJ,aAAc;;AApHvE,SAAAE,OAAAsJ,MAAA;AAAA,QAoGwBA,KAAIrJ,SAAU;;AApGtC,SAAAlB,OAAAyK,OAAA;AAAA,QAmD0D/H,OAAOrG,MAAI;;AAnDrE,SAAA0D,MAAA1D,KAAA;AAAA,QA+C0BqG,OAAOrG,IAAI;;AAijBrC,MAAMqO,eAAezQ,MAAM0Q,WAAWhN,YAAY;AAMlD,MAAMmN,gBAAgBC,OAAOC,OAAON,cAAc;CAChDO,SAAS1P;CACTL;CACAR;CACAwQ,aAAa;CACd,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
|
|
2
2
|
import { mergeProps } from "../../../utils/react/mergeProps.js";
|
|
3
3
|
import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
|
|
4
4
|
import { CURRENT_CLEAR_STYLES, CURRENT_OUTLINE_STYLES, CURRENT_PRIMARY_STYLES, DANGER_CLEAR_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CLEAR_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, WARNING_CLEAR_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES } from "../../../data/item-themes.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemAction.js","names":["FocusableRef","BaseProps","Styles","tasty","ComponentProps","forwardRef","HTMLAttributes","ReactNode","RefObject","CURRENT_CLEAR_STYLES","CURRENT_OUTLINE_STYLES","CURRENT_PRIMARY_STYLES","DANGER_CLEAR_STYLES","DANGER_OUTLINE_STYLES","DANGER_PRIMARY_STYLES","DEFAULT_CLEAR_STYLES","DEFAULT_OUTLINE_STYLES","DEFAULT_PRIMARY_STYLES","ITEM_ACTION_BASE_STYLES","NOTE_CLEAR_STYLES","NOTE_OUTLINE_STYLES","NOTE_PRIMARY_STYLES","SPECIAL_CLEAR_STYLES","SPECIAL_OUTLINE_STYLES","SPECIAL_PRIMARY_STYLES","SUCCESS_CLEAR_STYLES","SUCCESS_OUTLINE_STYLES","SUCCESS_PRIMARY_STYLES","WARNING_CLEAR_STYLES","WARNING_OUTLINE_STYLES","WARNING_PRIMARY_STYLES","CheckIcon","LoadingIcon","mergeProps","TooltipProvider","useItemActionContext","CubeUseActionProps","useAction","CubeItemActionProps","Omit","icon","children","isLoading","isSelected","type","theme","tooltip","title","styles","tabIndex","ItemActionVariant","ItemActionElement","qa","recipe","outline","focused","outlineOffset","cursor","disabled","preset","padding","Icon","$","variants","ItemAction","allProps","ref","_c","contextType","disableActionsFocus","isDisabled","contextIsDisabled","isDisabledProp","mods","rest","t0","t1","t2","t3","undefined","isDisabledInherited","hasCheckmark","t4","finalIcon","t5","t6","t7","t8","checkmark","selected","loading","context","finalMods","ariaLabel","t9","htmlType","actionProps","finalTabIndex","showTooltip","tooltipContent","t10","tooltipProps","_title","t11","finalType","tooltipTriggerProps","tooltipRef","mergedProps","element","current","actionRef","renderButton","t12","triggerProps","tooltipRef_0","t13","ItemActionProps"],"sources":["../../../../src/components/actions/ItemAction/ItemAction.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport {\n ComponentProps,\n forwardRef,\n HTMLAttributes,\n ReactNode,\n RefObject,\n} from 'react';\n\nimport {\n CURRENT_CLEAR_STYLES,\n CURRENT_OUTLINE_STYLES,\n CURRENT_PRIMARY_STYLES,\n DANGER_CLEAR_STYLES,\n DANGER_OUTLINE_STYLES,\n DANGER_PRIMARY_STYLES,\n DEFAULT_CLEAR_STYLES,\n DEFAULT_OUTLINE_STYLES,\n DEFAULT_PRIMARY_STYLES,\n ITEM_ACTION_BASE_STYLES,\n NOTE_CLEAR_STYLES,\n NOTE_OUTLINE_STYLES,\n NOTE_PRIMARY_STYLES,\n SPECIAL_CLEAR_STYLES,\n SPECIAL_OUTLINE_STYLES,\n SPECIAL_PRIMARY_STYLES,\n SUCCESS_CLEAR_STYLES,\n SUCCESS_OUTLINE_STYLES,\n SUCCESS_PRIMARY_STYLES,\n WARNING_CLEAR_STYLES,\n WARNING_OUTLINE_STYLES,\n WARNING_PRIMARY_STYLES,\n} from '../../../data/item-themes';\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';\nimport { useItemActionContext } from '../ItemActionContext';\nimport { CubeUseActionProps, useAction } from '../use-action';\n\nexport interface CubeItemActionProps\n extends Omit<CubeUseActionProps, 'as' | 'htmlType'>,\n Omit<BaseProps, 'as'> {\n icon?: ReactNode | 'checkmark';\n children?: ReactNode;\n isLoading?: boolean;\n isSelected?: boolean;\n type?: 'primary' | 'outline' | 'clear' | (string & {});\n theme?:\n | 'current'\n | 'default'\n | 'danger'\n | 'success'\n | 'warning'\n | 'note'\n | 'special'\n | (string & {});\n tooltip?:\n | string\n | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {\n title?: ReactNode;\n });\n styles?: Styles;\n tabIndex?: number;\n}\n\ntype ItemActionVariant =\n // Inherited-color theme — see the CURRENT THEME section of `item-themes`.\n | 'current.primary'\n | 'current.outline'\n | 'current.clear'\n | 'default.primary'\n | 'default.outline'\n | 'default.clear'\n | 'danger.primary'\n | 'danger.outline'\n | 'danger.clear'\n | 'success.primary'\n | 'success.outline'\n | 'success.clear'\n | 'warning.primary'\n | 'warning.outline'\n | 'warning.clear'\n | 'note.primary'\n | 'note.outline'\n | 'note.clear'\n | 'special.primary'\n | 'special.outline'\n | 'special.clear';\n\nconst ItemActionElement = tasty({\n qa: 'ItemAction',\n styles: {\n ...ITEM_ACTION_BASE_STYLES,\n recipe: 'reset button',\n // Every variant below defines its own ring and overrides this one, which is\n // kept as the floor for a custom `type` that resolves to no variant at all.\n // It uses the same `#primary-accent-text` as every variant in\n // `item-themes.ts`.\n outline: {\n '': '0 #primary-accent-text.0',\n focused: '1bw #primary-accent-text',\n },\n outlineOffset: 1,\n cursor: { '': '$pointer', disabled: 'default' },\n preset: {\n '': 't4',\n 'size=xlarge': 't3m',\n },\n padding: {\n '': '0 $inline-padding',\n 'has-icon': 0,\n 'has-icon & has-label': '$inline-padding right',\n },\n\n '$inline-padding': {\n '': 'max($min-inline-padding, (($action-size - 1lh - 2bw) / 2 + $inline-compensation))',\n 'size=inline': '.25x',\n },\n '$inline-compensation': '.5x',\n '$min-inline-padding': '(.5x - 1bw)',\n '$local-icon-size': '$icon-size',\n\n Icon: {\n $: '>',\n ...(ITEM_ACTION_BASE_STYLES.Icon as Styles),\n '$icon-size': 'min($local-icon-size, ($action-size - .25x))',\n },\n },\n variants: {\n // Current theme — colors mixed from the inherited `currentcolor`. The\n // default `clear` flavour is borderless, so an action does not put a resting\n // chip on every row.\n 'current.primary': CURRENT_PRIMARY_STYLES,\n 'current.outline': CURRENT_OUTLINE_STYLES,\n 'current.clear': CURRENT_CLEAR_STYLES,\n\n // Default theme\n 'default.primary': DEFAULT_PRIMARY_STYLES,\n 'default.outline': DEFAULT_OUTLINE_STYLES,\n 'default.clear': DEFAULT_CLEAR_STYLES,\n\n // Danger theme\n 'danger.primary': DANGER_PRIMARY_STYLES,\n 'danger.outline': DANGER_OUTLINE_STYLES,\n 'danger.clear': DANGER_CLEAR_STYLES,\n\n // Success theme\n 'success.primary': SUCCESS_PRIMARY_STYLES,\n 'success.outline': SUCCESS_OUTLINE_STYLES,\n 'success.clear': SUCCESS_CLEAR_STYLES,\n\n // Warning theme\n 'warning.primary': WARNING_PRIMARY_STYLES,\n 'warning.outline': WARNING_OUTLINE_STYLES,\n 'warning.clear': WARNING_CLEAR_STYLES,\n\n // Note theme\n 'note.primary': NOTE_PRIMARY_STYLES,\n 'note.outline': NOTE_OUTLINE_STYLES,\n 'note.clear': NOTE_CLEAR_STYLES,\n\n // Special theme\n 'special.primary': SPECIAL_PRIMARY_STYLES,\n 'special.outline': SPECIAL_OUTLINE_STYLES,\n 'special.clear': SPECIAL_CLEAR_STYLES,\n },\n});\n\nexport const ItemAction = forwardRef(function ItemAction(\n allProps: CubeItemActionProps,\n ref: FocusableRef<HTMLElement>,\n) {\n const {\n type: contextType,\n disableActionsFocus,\n isDisabled: contextIsDisabled,\n } = useItemActionContext();\n\n const {\n // Borderless by default: an action sits inside a row, where a resting chip\n // on every one of them would read as noise.\n type = 'clear',\n // The `current` theme derives every color from the row's inherited\n // `currentcolor`, so one default covers every host type and theme — no need\n // to mirror the row's own `theme` from context. An action that names a theme\n // is asking to paint itself rather than match its host, and gets it.\n theme = 'current',\n icon,\n children,\n isLoading = false,\n isSelected = false,\n tooltip,\n mods,\n styles,\n isDisabled: isDisabledProp,\n ...rest\n } = allProps;\n\n // Inherit disabled state from context, but allow local override\n const isDisabled = isDisabledProp ?? contextIsDisabled;\n\n // Whether that disabled state came from the host row rather than this action's\n // own prop. The `current` theme paints from the inherited color, and a\n // disabled host has already faded it — so fading a second time washes the\n // label out. See `CURRENT_ITEM_STYLES.color`.\n const isDisabledInherited = isDisabledProp == null && !!contextIsDisabled;\n\n // Determine if we should show a checkmark\n const hasCheckmark = icon === 'checkmark';\n\n // Determine final icon (loading takes precedence)\n const finalIcon = isLoading ? (\n <LoadingIcon />\n ) : hasCheckmark ? (\n <CheckIcon />\n ) : (\n icon\n );\n\n // Build modifiers\n const finalMods = {\n checkmark: hasCheckmark,\n selected: isSelected,\n loading: isLoading,\n 'has-label': !!children,\n context: !!contextType,\n 'has-icon': !!icon,\n 'inherit-disabled': isDisabledInherited,\n ...mods,\n };\n\n // An explicit label always wins; a tooltip only fills in the accessible name\n // when there isn't one. Rich tooltip content can't serve as a name, so only\n // plain strings are used here.\n const ariaLabel =\n rest['aria-label'] ||\n (typeof tooltip === 'string'\n ? tooltip\n : typeof tooltip === 'object' && typeof tooltip.title === 'string'\n ? tooltip.title\n : undefined);\n\n // Call useAction hook\n const { actionProps } = useAction(\n {\n ...rest,\n isDisabled,\n 'aria-label': ariaLabel,\n mods: finalMods,\n htmlType: 'button',\n },\n ref,\n );\n\n // Set tabIndex when in context\n const finalTabIndex = disableActionsFocus ? -1 : rest.tabIndex;\n\n // Determine if we should show tooltip (icon-only buttons)\n const showTooltip = !children && tooltip;\n\n // Extract tooltip content and props\n const tooltipContent =\n typeof tooltip === 'string'\n ? tooltip\n : typeof tooltip === 'object' && tooltip.title\n ? tooltip.title\n : undefined;\n\n const { title: _title, ...tooltipProps } =\n typeof tooltip === 'object' ? tooltip : {};\n\n const finalType = type;\n\n // Render function that accepts tooltip trigger props and ref\n const renderButton = (\n tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n tooltipRef?: RefObject<HTMLElement>,\n ) => {\n // Merge tooltip ref with actionProps if provided\n const mergedProps = tooltipRef\n ? mergeProps(actionProps, tooltipTriggerProps || {}, {\n ref: (element: HTMLElement | null) => {\n // Set the tooltip ref\n if (tooltipRef) {\n (tooltipRef as any).current = element;\n }\n // Set the action ref if it exists in actionProps\n const actionRef = (actionProps as any).ref;\n if (actionRef) {\n if (typeof actionRef === 'function') {\n actionRef(element);\n } else {\n actionRef.current = element;\n }\n }\n },\n })\n : mergeProps(actionProps, tooltipTriggerProps || {});\n\n return (\n <ItemActionElement\n {...mergedProps}\n variant={`${theme}.${finalType}` as ItemActionVariant}\n data-theme={theme}\n data-type={finalType}\n tabIndex={finalTabIndex}\n styles={styles}\n >\n {finalIcon && <div data-element=\"Icon\">{finalIcon}</div>}\n {children}\n </ItemActionElement>\n );\n };\n\n // Wrap with tooltip if needed\n if (showTooltip && tooltipContent) {\n return (\n <TooltipProvider title={tooltipContent} {...tooltipProps}>\n {(triggerProps, tooltipRef) => renderButton(triggerProps, tooltipRef)}\n </TooltipProvider>\n );\n }\n\n return renderButton();\n});\n\nexport type { CubeItemActionProps as ItemActionProps };\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ItemAction.js","names":["FocusableRef","BaseProps","Styles","tasty","ComponentProps","forwardRef","HTMLAttributes","ReactNode","RefObject","CURRENT_CLEAR_STYLES","CURRENT_OUTLINE_STYLES","CURRENT_PRIMARY_STYLES","DANGER_CLEAR_STYLES","DANGER_OUTLINE_STYLES","DANGER_PRIMARY_STYLES","DEFAULT_CLEAR_STYLES","DEFAULT_OUTLINE_STYLES","DEFAULT_PRIMARY_STYLES","ITEM_ACTION_BASE_STYLES","NOTE_CLEAR_STYLES","NOTE_OUTLINE_STYLES","NOTE_PRIMARY_STYLES","SPECIAL_CLEAR_STYLES","SPECIAL_OUTLINE_STYLES","SPECIAL_PRIMARY_STYLES","SUCCESS_CLEAR_STYLES","SUCCESS_OUTLINE_STYLES","SUCCESS_PRIMARY_STYLES","WARNING_CLEAR_STYLES","WARNING_OUTLINE_STYLES","WARNING_PRIMARY_STYLES","CheckIcon","LoadingIcon","mergeProps","TooltipProvider","useItemActionContext","CubeUseActionProps","useAction","CubeItemActionProps","Omit","icon","children","isLoading","isSelected","type","theme","tooltip","title","styles","tabIndex","ItemActionVariant","ItemActionElement","qa","recipe","outline","focused","outlineOffset","cursor","disabled","preset","padding","Icon","$","variants","ItemAction","allProps","ref","_c","contextType","disableActionsFocus","isDisabled","contextIsDisabled","isDisabledProp","mods","rest","t0","t1","t2","t3","undefined","isDisabledInherited","hasCheckmark","t4","finalIcon","t5","t6","t7","t8","checkmark","selected","loading","context","finalMods","ariaLabel","t9","htmlType","actionProps","finalTabIndex","showTooltip","tooltipContent","t10","tooltipProps","_title","t11","finalType","tooltipTriggerProps","tooltipRef","mergedProps","element","current","actionRef","renderButton","t12","triggerProps","tooltipRef_0","t13","ItemActionProps"],"sources":["../../../../src/components/actions/ItemAction/ItemAction.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport {\n ComponentProps,\n forwardRef,\n HTMLAttributes,\n ReactNode,\n RefObject,\n} from 'react';\n\nimport {\n CURRENT_CLEAR_STYLES,\n CURRENT_OUTLINE_STYLES,\n CURRENT_PRIMARY_STYLES,\n DANGER_CLEAR_STYLES,\n DANGER_OUTLINE_STYLES,\n DANGER_PRIMARY_STYLES,\n DEFAULT_CLEAR_STYLES,\n DEFAULT_OUTLINE_STYLES,\n DEFAULT_PRIMARY_STYLES,\n ITEM_ACTION_BASE_STYLES,\n NOTE_CLEAR_STYLES,\n NOTE_OUTLINE_STYLES,\n NOTE_PRIMARY_STYLES,\n SPECIAL_CLEAR_STYLES,\n SPECIAL_OUTLINE_STYLES,\n SPECIAL_PRIMARY_STYLES,\n SUCCESS_CLEAR_STYLES,\n SUCCESS_OUTLINE_STYLES,\n SUCCESS_PRIMARY_STYLES,\n WARNING_CLEAR_STYLES,\n WARNING_OUTLINE_STYLES,\n WARNING_PRIMARY_STYLES,\n} from '../../../data/item-themes';\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';\nimport { useItemActionContext } from '../ItemActionContext';\nimport { CubeUseActionProps, useAction } from '../use-action';\n\nexport interface CubeItemActionProps\n extends Omit<CubeUseActionProps, 'as' | 'htmlType'>,\n Omit<BaseProps, 'as'> {\n icon?: ReactNode | 'checkmark';\n children?: ReactNode;\n isLoading?: boolean;\n isSelected?: boolean;\n type?: 'primary' | 'outline' | 'clear' | (string & {});\n theme?:\n | 'current'\n | 'default'\n | 'danger'\n | 'success'\n | 'warning'\n | 'note'\n | 'special'\n | (string & {});\n tooltip?:\n | string\n | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {\n title?: ReactNode;\n });\n styles?: Styles;\n tabIndex?: number;\n}\n\ntype ItemActionVariant =\n // Inherited-color theme — see the CURRENT THEME section of `item-themes`.\n | 'current.primary'\n | 'current.outline'\n | 'current.clear'\n | 'default.primary'\n | 'default.outline'\n | 'default.clear'\n | 'danger.primary'\n | 'danger.outline'\n | 'danger.clear'\n | 'success.primary'\n | 'success.outline'\n | 'success.clear'\n | 'warning.primary'\n | 'warning.outline'\n | 'warning.clear'\n | 'note.primary'\n | 'note.outline'\n | 'note.clear'\n | 'special.primary'\n | 'special.outline'\n | 'special.clear';\n\nconst ItemActionElement = tasty({\n qa: 'ItemAction',\n styles: {\n // eslint-disable-next-line tasty/no-style-spread -- action base shared with ItemBadge\n ...ITEM_ACTION_BASE_STYLES,\n recipe: 'reset button',\n // Every variant below defines its own ring and overrides this one, which is\n // kept as the floor for a custom `type` that resolves to no variant at all.\n // It uses the same `#primary-accent-text` as every variant in\n // `item-themes.ts`.\n outline: {\n '': '0 #primary-accent-text.0',\n focused: '1bw #primary-accent-text',\n },\n outlineOffset: 1,\n cursor: { '': '$pointer', disabled: 'default' },\n preset: {\n '': 't4',\n 'size=xlarge': 't3m',\n },\n padding: {\n '': '0 $inline-padding',\n 'has-icon': 0,\n 'has-icon & has-label': '$inline-padding right',\n },\n\n '$inline-padding': {\n '': 'max($min-inline-padding, (($action-size - 1lh - 2bw) / 2 + $inline-compensation))',\n 'size=inline': '.25x',\n },\n '$inline-compensation': '.5x',\n '$min-inline-padding': '(.5x - 1bw)',\n '$local-icon-size': '$icon-size',\n\n Icon: {\n $: '>',\n // eslint-disable-next-line tasty/no-style-spread -- Icon base shared with ItemBadge\n ...(ITEM_ACTION_BASE_STYLES.Icon as Styles),\n '$icon-size': 'min($local-icon-size, ($action-size - .25x))',\n },\n },\n variants: {\n // Current theme — colors mixed from the inherited `currentcolor`. The\n // default `clear` flavour is borderless, so an action does not put a resting\n // chip on every row.\n 'current.primary': CURRENT_PRIMARY_STYLES,\n 'current.outline': CURRENT_OUTLINE_STYLES,\n 'current.clear': CURRENT_CLEAR_STYLES,\n\n // Default theme\n 'default.primary': DEFAULT_PRIMARY_STYLES,\n 'default.outline': DEFAULT_OUTLINE_STYLES,\n 'default.clear': DEFAULT_CLEAR_STYLES,\n\n // Danger theme\n 'danger.primary': DANGER_PRIMARY_STYLES,\n 'danger.outline': DANGER_OUTLINE_STYLES,\n 'danger.clear': DANGER_CLEAR_STYLES,\n\n // Success theme\n 'success.primary': SUCCESS_PRIMARY_STYLES,\n 'success.outline': SUCCESS_OUTLINE_STYLES,\n 'success.clear': SUCCESS_CLEAR_STYLES,\n\n // Warning theme\n 'warning.primary': WARNING_PRIMARY_STYLES,\n 'warning.outline': WARNING_OUTLINE_STYLES,\n 'warning.clear': WARNING_CLEAR_STYLES,\n\n // Note theme\n 'note.primary': NOTE_PRIMARY_STYLES,\n 'note.outline': NOTE_OUTLINE_STYLES,\n 'note.clear': NOTE_CLEAR_STYLES,\n\n // Special theme\n 'special.primary': SPECIAL_PRIMARY_STYLES,\n 'special.outline': SPECIAL_OUTLINE_STYLES,\n 'special.clear': SPECIAL_CLEAR_STYLES,\n },\n});\n\nexport const ItemAction = forwardRef(function ItemAction(\n allProps: CubeItemActionProps,\n ref: FocusableRef<HTMLElement>,\n) {\n const {\n type: contextType,\n disableActionsFocus,\n isDisabled: contextIsDisabled,\n } = useItemActionContext();\n\n const {\n // Borderless by default: an action sits inside a row, where a resting chip\n // on every one of them would read as noise.\n type = 'clear',\n // The `current` theme derives every color from the row's inherited\n // `currentcolor`, so one default covers every host type and theme — no need\n // to mirror the row's own `theme` from context. An action that names a theme\n // is asking to paint itself rather than match its host, and gets it.\n theme = 'current',\n icon,\n children,\n isLoading = false,\n isSelected = false,\n tooltip,\n mods,\n styles,\n isDisabled: isDisabledProp,\n ...rest\n } = allProps;\n\n // Inherit disabled state from context, but allow local override\n const isDisabled = isDisabledProp ?? contextIsDisabled;\n\n // Whether that disabled state came from the host row rather than this action's\n // own prop. The `current` theme paints from the inherited color, and a\n // disabled host has already faded it — so fading a second time washes the\n // label out. See `CURRENT_ITEM_STYLES.color`.\n const isDisabledInherited = isDisabledProp == null && !!contextIsDisabled;\n\n // Determine if we should show a checkmark\n const hasCheckmark = icon === 'checkmark';\n\n // Determine final icon (loading takes precedence)\n const finalIcon = isLoading ? (\n <LoadingIcon />\n ) : hasCheckmark ? (\n <CheckIcon />\n ) : (\n icon\n );\n\n // Build modifiers\n const finalMods = {\n checkmark: hasCheckmark,\n selected: isSelected,\n loading: isLoading,\n 'has-label': !!children,\n context: !!contextType,\n 'has-icon': !!icon,\n 'inherit-disabled': isDisabledInherited,\n ...mods,\n };\n\n // An explicit label always wins; a tooltip only fills in the accessible name\n // when there isn't one. Rich tooltip content can't serve as a name, so only\n // plain strings are used here.\n const ariaLabel =\n rest['aria-label'] ||\n (typeof tooltip === 'string'\n ? tooltip\n : typeof tooltip === 'object' && typeof tooltip.title === 'string'\n ? tooltip.title\n : undefined);\n\n // Call useAction hook\n const { actionProps } = useAction(\n {\n ...rest,\n isDisabled,\n 'aria-label': ariaLabel,\n mods: finalMods,\n htmlType: 'button',\n },\n ref,\n );\n\n // Set tabIndex when in context\n const finalTabIndex = disableActionsFocus ? -1 : rest.tabIndex;\n\n // Determine if we should show tooltip (icon-only buttons)\n const showTooltip = !children && tooltip;\n\n // Extract tooltip content and props\n const tooltipContent =\n typeof tooltip === 'string'\n ? tooltip\n : typeof tooltip === 'object' && tooltip.title\n ? tooltip.title\n : undefined;\n\n const { title: _title, ...tooltipProps } =\n typeof tooltip === 'object' ? tooltip : {};\n\n const finalType = type;\n\n // Render function that accepts tooltip trigger props and ref\n const renderButton = (\n tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n tooltipRef?: RefObject<HTMLElement>,\n ) => {\n // Merge tooltip ref with actionProps if provided\n const mergedProps = tooltipRef\n ? mergeProps(actionProps, tooltipTriggerProps || {}, {\n ref: (element: HTMLElement | null) => {\n // Set the tooltip ref\n if (tooltipRef) {\n (tooltipRef as any).current = element;\n }\n // Set the action ref if it exists in actionProps\n const actionRef = (actionProps as any).ref;\n if (actionRef) {\n if (typeof actionRef === 'function') {\n actionRef(element);\n } else {\n actionRef.current = element;\n }\n }\n },\n })\n : mergeProps(actionProps, tooltipTriggerProps || {});\n\n return (\n <ItemActionElement\n {...mergedProps}\n variant={`${theme}.${finalType}` as ItemActionVariant}\n data-theme={theme}\n data-type={finalType}\n tabIndex={finalTabIndex}\n styles={styles}\n >\n {finalIcon && <div data-element=\"Icon\">{finalIcon}</div>}\n {children}\n </ItemActionElement>\n );\n };\n\n // Wrap with tooltip if needed\n if (showTooltip && tooltipContent) {\n return (\n <TooltipProvider title={tooltipContent} {...tooltipProps}>\n {(triggerProps, tooltipRef) => renderButton(triggerProps, tooltipRef)}\n </TooltipProvider>\n );\n }\n\n return renderButton();\n});\n\nexport type { CubeItemActionProps as ItemActionProps };\n"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
|
|
2
2
|
import { DisplayTransition } from "../helpers/DisplayTransition/DisplayTransition.js";
|
|
3
3
|
import { ITEM_RESTING_COLOR_VARIANTS, ROW_STATE_ALIASES, resolveItemVariant } from "../../data/item-themes.js";
|
|
4
4
|
import { ItemActionProvider } from "./ItemActionContext.js";
|