@navikt/ds-react 8.7.0 → 8.8.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/cjs/alert/base-alert/root/BaseAlertRoot.js +1 -2
- package/cjs/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
- package/cjs/alert/info-card/index.d.ts +2 -2
- package/cjs/alert/info-card/index.js +2 -1
- package/cjs/alert/info-card/index.js.map +1 -1
- package/cjs/alert/info-card/message/InfoCardMessage.d.ts +23 -0
- package/cjs/alert/info-card/message/InfoCardMessage.js +73 -0
- package/cjs/alert/info-card/message/InfoCardMessage.js.map +1 -0
- package/cjs/alert/info-card/root/InfoCardRoot.d.ts +15 -2
- package/cjs/alert/info-card/root/InfoCardRoot.js +4 -1
- package/cjs/alert/info-card/root/InfoCardRoot.js.map +1 -1
- package/cjs/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.d.ts +21 -0
- package/cjs/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.js +24 -0
- package/cjs/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.js.map +1 -0
- package/cjs/data/drag-and-drop/item/DataDragAndDropItem.js +7 -57
- package/cjs/data/drag-and-drop/item/DataDragAndDropItem.js.map +1 -1
- package/cjs/data/drag-and-drop/root/DataDragAndDrop.context.d.ts +4 -1
- package/cjs/data/drag-and-drop/root/DataDragAndDrop.context.js +7 -3
- package/cjs/data/drag-and-drop/root/DataDragAndDrop.context.js.map +1 -1
- package/cjs/data/drag-and-drop/root/DataDragAndDropRoot.d.ts +12 -2
- package/cjs/data/drag-and-drop/root/DataDragAndDropRoot.js +14 -64
- package/cjs/data/drag-and-drop/root/DataDragAndDropRoot.js.map +1 -1
- package/cjs/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.d.ts +22 -0
- package/cjs/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.js +35 -0
- package/cjs/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.js.map +1 -0
- package/cjs/data/drag-and-drop-old/item/DataDragAndDropItem.d.ts +27 -0
- package/cjs/data/drag-and-drop-old/item/DataDragAndDropItem.js +86 -0
- package/cjs/data/drag-and-drop-old/item/DataDragAndDropItem.js.map +1 -0
- package/cjs/data/drag-and-drop-old/root/DataDragAndDrop.context.d.ts +5 -0
- package/cjs/data/drag-and-drop-old/root/DataDragAndDrop.context.js +6 -0
- package/cjs/data/drag-and-drop-old/root/DataDragAndDrop.context.js.map +1 -0
- package/cjs/data/drag-and-drop-old/root/DataDragAndDropRoot.d.ts +24 -0
- package/cjs/data/drag-and-drop-old/root/DataDragAndDropRoot.js +108 -0
- package/cjs/data/drag-and-drop-old/root/DataDragAndDropRoot.js.map +1 -0
- package/cjs/data/table/empty-state/DataTableEmptyState.d.ts +5 -0
- package/cjs/data/table/empty-state/DataTableEmptyState.js +57 -0
- package/cjs/data/table/empty-state/DataTableEmptyState.js.map +1 -0
- package/cjs/data/table/helpers/table-focus.js +7 -1
- package/cjs/data/table/helpers/table-focus.js.map +1 -1
- package/cjs/data/table/helpers/table-keyboard.d.ts +0 -1
- package/cjs/data/table/helpers/table-keyboard.js +2 -4
- package/cjs/data/table/helpers/table-keyboard.js.map +1 -1
- package/cjs/data/table/loading-state/DataTableLoadingState.d.ts +5 -0
- package/cjs/data/table/loading-state/DataTableLoadingState.js +57 -0
- package/cjs/data/table/loading-state/DataTableLoadingState.js.map +1 -0
- package/cjs/data/table/root/DataTable.types.d.ts +13 -0
- package/cjs/data/table/root/DataTable.types.js +3 -0
- package/cjs/data/table/root/DataTable.types.js.map +1 -0
- package/cjs/data/table/root/DataTableAuto.d.ts +60 -0
- package/cjs/data/table/root/DataTableAuto.js +99 -0
- package/cjs/data/table/root/DataTableAuto.js.map +1 -0
- package/cjs/data/table/root/DataTableRoot.context.d.ts +3 -2
- package/cjs/data/table/root/DataTableRoot.context.js.map +1 -1
- package/cjs/data/table/root/DataTableRoot.d.ts +30 -3
- package/cjs/data/table/root/DataTableRoot.js +8 -2
- package/cjs/data/table/root/DataTableRoot.js.map +1 -1
- package/cjs/data/table/root/useTableKeyboardNav.js +1 -0
- package/cjs/data/table/root/useTableKeyboardNav.js.map +1 -1
- package/cjs/data/table/root/useTableSelection.d.ts +55 -0
- package/cjs/data/table/root/useTableSelection.js +79 -0
- package/cjs/data/table/root/useTableSelection.js.map +1 -0
- package/cjs/data/table/td/DataTableTd.d.ts +10 -0
- package/cjs/data/table/td/DataTableTd.js +4 -2
- package/cjs/data/table/td/DataTableTd.js.map +1 -1
- package/cjs/data/table/th/DataTableTh.d.ts +10 -4
- package/cjs/data/table/th/DataTableTh.js +24 -22
- package/cjs/data/table/th/DataTableTh.js.map +1 -1
- package/cjs/data/table/th/useTableColumnResize.d.ts +64 -0
- package/cjs/data/table/th/useTableColumnResize.js +144 -0
- package/cjs/data/table/th/useTableColumnResize.js.map +1 -0
- package/cjs/data/table/thead/DataTableThead.context.d.ts +4 -0
- package/cjs/data/table/thead/DataTableThead.context.js +45 -0
- package/cjs/data/table/thead/DataTableThead.context.js.map +1 -0
- package/cjs/data/table/thead/DataTableThead.js +3 -1
- package/cjs/data/table/thead/DataTableThead.js.map +1 -1
- package/cjs/data/table/tr/DataTableTr.js +4 -3
- package/cjs/data/table/tr/DataTableTr.js.map +1 -1
- package/cjs/data/token-filter/AutoSuggest.js +4 -6
- package/cjs/data/token-filter/AutoSuggest.js.map +1 -1
- package/cjs/date/Date.Input.js +1 -1
- package/cjs/date/Date.Input.js.map +1 -1
- package/cjs/date/datepicker/hooks/useDatepicker.d.ts +12 -1
- package/cjs/date/datepicker/hooks/useDatepicker.js.map +1 -1
- package/cjs/date/monthpicker/hooks/useMonthPicker.d.ts +11 -1
- package/cjs/date/monthpicker/hooks/useMonthPicker.js.map +1 -1
- package/cjs/form/checkbox/CheckboxGroup.js +1 -1
- package/cjs/form/checkbox/CheckboxGroup.js.map +1 -1
- package/cjs/form/fieldset/Fieldset.d.ts +25 -5
- package/cjs/form/fieldset/Fieldset.js +19 -2
- package/cjs/form/fieldset/Fieldset.js.map +1 -1
- package/cjs/form/radio/RadioGroup.js +1 -1
- package/cjs/form/radio/RadioGroup.js.map +1 -1
- package/cjs/index.d.ts +1 -1
- package/cjs/index.js.map +1 -1
- package/cjs/read-more/ReadMore.d.ts +10 -0
- package/cjs/read-more/ReadMore.js +4 -6
- package/cjs/read-more/ReadMore.js.map +1 -1
- package/cjs/types/index.d.ts +1 -1
- package/cjs/types/index.js +0 -15
- package/cjs/types/index.js.map +1 -1
- package/cjs/utils/components/Listbox/input-slot/ListboxInputSlot.js +1 -1
- package/cjs/utils/components/Listbox/input-slot/ListboxInputSlot.js.map +1 -1
- package/cjs/utils/components/Listbox/option/ListboxOption.d.ts +24 -0
- package/cjs/utils/components/Listbox/{item/ListboxItem.js → option/ListboxOption.js} +8 -8
- package/cjs/utils/components/Listbox/option/ListboxOption.js.map +1 -0
- package/cjs/utils/components/Listbox/options/ListboxOptions.d.ts +8 -0
- package/cjs/utils/components/Listbox/{list/ListboxList.js → options/ListboxOptions.js} +8 -8
- package/cjs/utils/components/Listbox/options/ListboxOptions.js.map +1 -0
- package/cjs/utils/components/Listbox/root/ListboxRoot.d.ts +6 -6
- package/cjs/utils/components/Listbox/root/ListboxRoot.js +28 -28
- package/cjs/utils/components/Listbox/root/ListboxRoot.js.map +1 -1
- package/cjs/utils/components/Listbox/root/domHelpers.d.ts +3 -3
- package/cjs/utils/components/Listbox/root/domHelpers.js +8 -8
- package/cjs/utils/components/Listbox/root/domHelpers.js.map +1 -1
- package/cjs/utils/components/floating/Floating.d.ts +1 -1
- package/cjs/utils/components/floating/Floating.js +1 -1
- package/cjs/utils/components/floating/Floating.js.map +1 -1
- package/cjs/utils/components/focus-boundary/FocusBoundary.d.ts +0 -1
- package/cjs/utils/components/focus-boundary/FocusBoundary.js +1 -1
- package/cjs/utils/components/focus-boundary/FocusBoundary.js.map +1 -1
- package/cjs/utils/components/link-anchor/LinkAnchor.js +10 -0
- package/cjs/utils/components/link-anchor/LinkAnchor.js.map +1 -1
- package/cjs/utils/helpers/className.js +1 -1
- package/cjs/utils/helpers/className.js.map +1 -1
- package/cjs/utils/helpers/focus.d.ts +3 -1
- package/cjs/utils/helpers/focus.js +2 -2
- package/cjs/utils/helpers/focus.js.map +1 -1
- package/cjs/utils/helpers/index.d.ts +9 -9
- package/cjs/utils/helpers/index.js +22 -23
- package/cjs/utils/helpers/index.js.map +1 -1
- package/cjs/utils/hooks/index.d.ts +13 -13
- package/cjs/utils/hooks/index.js +31 -28
- package/cjs/utils/hooks/index.js.map +1 -1
- package/cjs/utils/hooks/useScrollLock.js +41 -11
- package/cjs/utils/hooks/useScrollLock.js.map +1 -1
- package/esm/alert/base-alert/root/BaseAlertRoot.js +1 -2
- package/esm/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
- package/esm/alert/info-card/index.d.ts +2 -2
- package/esm/alert/info-card/index.js +1 -1
- package/esm/alert/info-card/index.js.map +1 -1
- package/esm/alert/info-card/message/InfoCardMessage.d.ts +23 -0
- package/esm/alert/info-card/message/InfoCardMessage.js +37 -0
- package/esm/alert/info-card/message/InfoCardMessage.js.map +1 -0
- package/esm/alert/info-card/root/InfoCardRoot.d.ts +15 -2
- package/esm/alert/info-card/root/InfoCardRoot.js +3 -1
- package/esm/alert/info-card/root/InfoCardRoot.js.map +1 -1
- package/esm/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.d.ts +21 -0
- package/esm/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.js +18 -0
- package/esm/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.js.map +1 -0
- package/esm/data/drag-and-drop/item/DataDragAndDropItem.js +4 -24
- package/esm/data/drag-and-drop/item/DataDragAndDropItem.js.map +1 -1
- package/esm/data/drag-and-drop/root/DataDragAndDrop.context.d.ts +4 -1
- package/esm/data/drag-and-drop/root/DataDragAndDrop.context.js +5 -2
- package/esm/data/drag-and-drop/root/DataDragAndDrop.context.js.map +1 -1
- package/esm/data/drag-and-drop/root/DataDragAndDropRoot.d.ts +12 -2
- package/esm/data/drag-and-drop/root/DataDragAndDropRoot.js +15 -65
- package/esm/data/drag-and-drop/root/DataDragAndDropRoot.js.map +1 -1
- package/esm/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.d.ts +22 -0
- package/esm/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.js +29 -0
- package/esm/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.js.map +1 -0
- package/esm/data/drag-and-drop-old/item/DataDragAndDropItem.d.ts +27 -0
- package/esm/data/drag-and-drop-old/item/DataDragAndDropItem.js +50 -0
- package/esm/data/drag-and-drop-old/item/DataDragAndDropItem.js.map +1 -0
- package/esm/data/drag-and-drop-old/root/DataDragAndDrop.context.d.ts +5 -0
- package/esm/data/drag-and-drop-old/root/DataDragAndDrop.context.js +3 -0
- package/esm/data/drag-and-drop-old/root/DataDragAndDrop.context.js.map +1 -0
- package/esm/data/drag-and-drop-old/root/DataDragAndDropRoot.d.ts +24 -0
- package/esm/data/drag-and-drop-old/root/DataDragAndDropRoot.js +68 -0
- package/esm/data/drag-and-drop-old/root/DataDragAndDropRoot.js.map +1 -0
- package/esm/data/table/empty-state/DataTableEmptyState.d.ts +5 -0
- package/esm/data/table/empty-state/DataTableEmptyState.js +21 -0
- package/esm/data/table/empty-state/DataTableEmptyState.js.map +1 -0
- package/esm/data/table/helpers/table-focus.js +7 -1
- package/esm/data/table/helpers/table-focus.js.map +1 -1
- package/esm/data/table/helpers/table-keyboard.d.ts +0 -1
- package/esm/data/table/helpers/table-keyboard.js +2 -4
- package/esm/data/table/helpers/table-keyboard.js.map +1 -1
- package/esm/data/table/loading-state/DataTableLoadingState.d.ts +5 -0
- package/esm/data/table/loading-state/DataTableLoadingState.js +21 -0
- package/esm/data/table/loading-state/DataTableLoadingState.js.map +1 -0
- package/esm/data/table/root/DataTable.types.d.ts +13 -0
- package/esm/data/table/root/DataTable.types.js +2 -0
- package/esm/data/table/root/DataTable.types.js.map +1 -0
- package/esm/data/table/root/DataTableAuto.d.ts +60 -0
- package/esm/data/table/root/DataTableAuto.js +63 -0
- package/esm/data/table/root/DataTableAuto.js.map +1 -0
- package/esm/data/table/root/DataTableRoot.context.d.ts +3 -2
- package/esm/data/table/root/DataTableRoot.context.js.map +1 -1
- package/esm/data/table/root/DataTableRoot.d.ts +30 -3
- package/esm/data/table/root/DataTableRoot.js +6 -2
- package/esm/data/table/root/DataTableRoot.js.map +1 -1
- package/esm/data/table/root/useTableKeyboardNav.js +1 -0
- package/esm/data/table/root/useTableKeyboardNav.js.map +1 -1
- package/esm/data/table/root/useTableSelection.d.ts +55 -0
- package/esm/data/table/root/useTableSelection.js +77 -0
- package/esm/data/table/root/useTableSelection.js.map +1 -0
- package/esm/data/table/td/DataTableTd.d.ts +10 -0
- package/esm/data/table/td/DataTableTd.js +4 -2
- package/esm/data/table/td/DataTableTd.js.map +1 -1
- package/esm/data/table/th/DataTableTh.d.ts +10 -4
- package/esm/data/table/th/DataTableTh.js +25 -23
- package/esm/data/table/th/DataTableTh.js.map +1 -1
- package/esm/data/table/th/useTableColumnResize.d.ts +64 -0
- package/esm/data/table/th/useTableColumnResize.js +142 -0
- package/esm/data/table/th/useTableColumnResize.js.map +1 -0
- package/esm/data/table/thead/DataTableThead.context.d.ts +4 -0
- package/esm/data/table/thead/DataTableThead.context.js +8 -0
- package/esm/data/table/thead/DataTableThead.context.js.map +1 -0
- package/esm/data/table/thead/DataTableThead.js +3 -1
- package/esm/data/table/thead/DataTableThead.js.map +1 -1
- package/esm/data/table/tr/DataTableTr.js +4 -3
- package/esm/data/table/tr/DataTableTr.js.map +1 -1
- package/esm/data/token-filter/AutoSuggest.js +4 -6
- package/esm/data/token-filter/AutoSuggest.js.map +1 -1
- package/esm/date/Date.Input.js +1 -1
- package/esm/date/Date.Input.js.map +1 -1
- package/esm/date/datepicker/hooks/useDatepicker.d.ts +12 -1
- package/esm/date/datepicker/hooks/useDatepicker.js.map +1 -1
- package/esm/date/monthpicker/hooks/useMonthPicker.d.ts +11 -1
- package/esm/date/monthpicker/hooks/useMonthPicker.js.map +1 -1
- package/esm/form/checkbox/CheckboxGroup.js +1 -1
- package/esm/form/checkbox/CheckboxGroup.js.map +1 -1
- package/esm/form/fieldset/Fieldset.d.ts +25 -5
- package/esm/form/fieldset/Fieldset.js +19 -2
- package/esm/form/fieldset/Fieldset.js.map +1 -1
- package/esm/form/radio/RadioGroup.js +1 -1
- package/esm/form/radio/RadioGroup.js.map +1 -1
- package/esm/index.d.ts +1 -1
- package/esm/index.js.map +1 -1
- package/esm/read-more/ReadMore.d.ts +10 -0
- package/esm/read-more/ReadMore.js +4 -6
- package/esm/read-more/ReadMore.js.map +1 -1
- package/esm/types/index.d.ts +1 -1
- package/esm/types/index.js +1 -1
- package/esm/types/index.js.map +1 -1
- package/esm/utils/components/Listbox/input-slot/ListboxInputSlot.js +1 -1
- package/esm/utils/components/Listbox/input-slot/ListboxInputSlot.js.map +1 -1
- package/esm/utils/components/Listbox/option/ListboxOption.d.ts +24 -0
- package/esm/utils/components/Listbox/{item/ListboxItem.js → option/ListboxOption.js} +7 -7
- package/esm/utils/components/Listbox/option/ListboxOption.js.map +1 -0
- package/esm/utils/components/Listbox/options/ListboxOptions.d.ts +8 -0
- package/esm/utils/components/Listbox/{list/ListboxList.js → options/ListboxOptions.js} +8 -8
- package/esm/utils/components/Listbox/options/ListboxOptions.js.map +1 -0
- package/esm/utils/components/Listbox/root/ListboxRoot.d.ts +6 -6
- package/esm/utils/components/Listbox/root/ListboxRoot.js +29 -29
- package/esm/utils/components/Listbox/root/ListboxRoot.js.map +1 -1
- package/esm/utils/components/Listbox/root/domHelpers.d.ts +3 -3
- package/esm/utils/components/Listbox/root/domHelpers.js +7 -7
- package/esm/utils/components/Listbox/root/domHelpers.js.map +1 -1
- package/esm/utils/components/floating/Floating.d.ts +1 -1
- package/esm/utils/components/floating/Floating.js +1 -1
- package/esm/utils/components/floating/Floating.js.map +1 -1
- package/esm/utils/components/focus-boundary/FocusBoundary.d.ts +0 -1
- package/esm/utils/components/focus-boundary/FocusBoundary.js +1 -1
- package/esm/utils/components/focus-boundary/FocusBoundary.js.map +1 -1
- package/esm/utils/components/link-anchor/LinkAnchor.js +10 -0
- package/esm/utils/components/link-anchor/LinkAnchor.js.map +1 -1
- package/esm/utils/helpers/className.js +1 -1
- package/esm/utils/helpers/className.js.map +1 -1
- package/esm/utils/helpers/focus.d.ts +3 -1
- package/esm/utils/helpers/focus.js +2 -2
- package/esm/utils/helpers/focus.js.map +1 -1
- package/esm/utils/helpers/index.d.ts +9 -9
- package/esm/utils/helpers/index.js +9 -9
- package/esm/utils/helpers/index.js.map +1 -1
- package/esm/utils/hooks/index.d.ts +13 -13
- package/esm/utils/hooks/index.js +13 -13
- package/esm/utils/hooks/index.js.map +1 -1
- package/esm/utils/hooks/useScrollLock.js +41 -11
- package/esm/utils/hooks/useScrollLock.js.map +1 -1
- package/package.json +5 -5
- package/src/alert/base-alert/root/BaseAlertRoot.tsx +1 -1
- package/src/alert/info-card/index.ts +2 -0
- package/src/alert/info-card/message/InfoCardMessage.tsx +48 -0
- package/src/alert/info-card/root/InfoCardRoot.tsx +20 -1
- package/src/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.tsx +63 -0
- package/src/data/drag-and-drop/item/DataDragAndDropItem.tsx +6 -53
- package/src/data/drag-and-drop/root/DataDragAndDrop.context.tsx +9 -4
- package/src/data/drag-and-drop/root/DataDragAndDropRoot.tsx +19 -63
- package/src/data/drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.tsx +104 -0
- package/src/data/drag-and-drop-old/item/DataDragAndDropItem.tsx +74 -0
- package/src/data/drag-and-drop-old/root/DataDragAndDrop.context.tsx +11 -0
- package/src/data/drag-and-drop-old/root/DataDragAndDropRoot.tsx +96 -0
- package/src/data/table/empty-state/DataTableEmptyState.tsx +26 -0
- package/src/data/table/helpers/table-focus.ts +10 -1
- package/src/data/table/helpers/table-keyboard.ts +2 -6
- package/src/data/table/loading-state/DataTableLoadingState.tsx +26 -0
- package/src/data/table/root/DataTable.types.ts +16 -0
- package/src/data/table/root/DataTableAuto.tsx +182 -0
- package/src/data/table/root/DataTableRoot.context.ts +3 -2
- package/src/data/table/root/DataTableRoot.tsx +45 -2
- package/src/data/table/root/useTableKeyboardNav.ts +1 -0
- package/src/data/table/root/useTableSelection.ts +126 -0
- package/src/data/table/td/DataTableTd.tsx +14 -1
- package/src/data/table/th/DataTableTh.tsx +48 -36
- package/src/data/table/th/useTableColumnResize.ts +276 -0
- package/src/data/table/thead/DataTableThead.context.ts +10 -0
- package/src/data/table/thead/DataTableThead.tsx +8 -5
- package/src/data/table/tr/DataTableTr.tsx +8 -3
- package/src/data/token-filter/AutoSuggest.tsx +11 -12
- package/src/date/Date.Input.tsx +1 -1
- package/src/date/datepicker/hooks/useDatepicker.tsx +12 -1
- package/src/date/monthpicker/hooks/useMonthPicker.tsx +11 -1
- package/src/form/checkbox/CheckboxGroup.tsx +1 -1
- package/src/form/fieldset/Fieldset.tsx +31 -7
- package/src/form/radio/RadioGroup.tsx +1 -1
- package/src/index.ts +1 -0
- package/src/read-more/ReadMore.tsx +15 -16
- package/src/types/index.ts +1 -1
- package/src/utils/components/Listbox/input-slot/ListboxInputSlot.tsx +1 -1
- package/src/utils/components/Listbox/{item/ListboxItem.tsx → option/ListboxOption.tsx} +14 -14
- package/src/utils/components/Listbox/{list/ListboxList.tsx → options/ListboxOptions.tsx} +10 -10
- package/src/utils/components/Listbox/root/ListboxRoot.tsx +31 -31
- package/src/utils/components/Listbox/root/domHelpers.ts +8 -7
- package/src/utils/components/floating/Floating.tsx +2 -2
- package/src/utils/components/focus-boundary/FocusBoundary.tsx +1 -2
- package/src/utils/components/link-anchor/LinkAnchor.tsx +11 -0
- package/src/utils/helpers/className.ts +1 -1
- package/src/utils/helpers/focus.ts +5 -2
- package/src/utils/helpers/index.ts +9 -9
- package/src/utils/hooks/index.ts +20 -13
- package/src/utils/hooks/useScrollLock.ts +57 -13
- package/cjs/utils/components/Listbox/item/ListboxItem.d.ts +0 -24
- package/cjs/utils/components/Listbox/item/ListboxItem.js.map +0 -1
- package/cjs/utils/components/Listbox/list/ListboxList.d.ts +0 -8
- package/cjs/utils/components/Listbox/list/ListboxList.js.map +0 -1
- package/esm/utils/components/Listbox/item/ListboxItem.d.ts +0 -24
- package/esm/utils/components/Listbox/item/ListboxItem.js.map +0 -1
- package/esm/utils/components/Listbox/list/ListboxList.d.ts +0 -8
- package/esm/utils/components/Listbox/list/ListboxList.js.map +0 -1
|
@@ -52,12 +52,29 @@ const helpers_1 = require("../../utils/helpers");
|
|
|
52
52
|
const ReadOnlyIcon_1 = require("../ReadOnlyIcon");
|
|
53
53
|
const context_1 = require("./context");
|
|
54
54
|
const useFieldset_1 = require("./useFieldset");
|
|
55
|
+
/**
|
|
56
|
+
* Component for grouping form fields.
|
|
57
|
+
*
|
|
58
|
+
* **NB: Only for special use cases.** Form fields should not be grouped by default,
|
|
59
|
+
* except for checkboxes and radio buttons, for which CheckboxGroup/RadioGroup should be used instead.
|
|
60
|
+
*
|
|
61
|
+
* @see [📝 Documentation](https://aksel.nav.no/komponenter/core/fieldset)
|
|
62
|
+
* @see 🏷️ {@link FieldsetProps}
|
|
63
|
+
*
|
|
64
|
+
* @example
|
|
65
|
+
* ```jsx
|
|
66
|
+
* <Fieldset legend="Telefonnummer">
|
|
67
|
+
* <TextField label="Landkode" />
|
|
68
|
+
* <TextField label="Nummer" />
|
|
69
|
+
* </Fieldset>
|
|
70
|
+
* ```
|
|
71
|
+
*/
|
|
55
72
|
exports.Fieldset = (0, react_1.forwardRef)((props, ref) => {
|
|
56
73
|
var _a, _b, _c;
|
|
57
74
|
const legendId = (0, utils_external_1.useId)();
|
|
58
75
|
const { inputProps, errorId, showErrorMsg, hasError, size, readOnly, inputDescriptionId, } = (0, useFieldset_1.useFieldset)(props, legendId);
|
|
59
76
|
const fieldset = (0, react_1.useContext)(context_1.FieldsetContext);
|
|
60
|
-
const { children, className, errorPropagation = true, legend, description, hideLegend,
|
|
77
|
+
const { children, className, errorPropagation = true, legend, description, hideLegend, _fieldsSupportNativeReadOnly = true } = props, rest = __rest(props, ["children", "className", "errorPropagation", "legend", "description", "hideLegend", "_fieldsSupportNativeReadOnly"]);
|
|
61
78
|
return (react_1.default.createElement(context_1.FieldsetContext.Provider, { value: {
|
|
62
79
|
error: errorPropagation
|
|
63
80
|
? ((_a = props.error) !== null && _a !== void 0 ? _a : fieldset === null || fieldset === void 0 ? void 0 : fieldset.error)
|
|
@@ -78,7 +95,7 @@ exports.Fieldset = (0, react_1.forwardRef)((props, ref) => {
|
|
|
78
95
|
"aksel-sr-only": !!hideLegend,
|
|
79
96
|
}) },
|
|
80
97
|
readOnly &&
|
|
81
|
-
(
|
|
98
|
+
(_fieldsSupportNativeReadOnly ? (react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIcon, null)) : (react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIconWithTitle, null))),
|
|
82
99
|
legend),
|
|
83
100
|
!!description && (react_1.default.createElement(typography_1.BodyShort, { className: (0, helpers_1.cl)("aksel-fieldset__description", {
|
|
84
101
|
"aksel-sr-only": !!hideLegend,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/form/fieldset/Fieldset.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8E;AAC9E,iDAAkE;AAClE,yDAAmD;AACnD,iDAAyC;AACzC,kDAAsE;AAEtE,uCAA4C;AAC5C,+CAA4C;
|
|
1
|
+
{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/form/fieldset/Fieldset.tsx"],"names":[],"mappings":"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"}
|
|
@@ -66,7 +66,7 @@ exports.RadioGroup = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
66
66
|
var { children, className, name, defaultValue, value, onChange = () => { }, required, readOnly } = _a, rest = __rest(_a, ["children", "className", "name", "defaultValue", "value", "onChange", "required", "readOnly"]);
|
|
67
67
|
const fieldset = (0, react_1.useContext)(context_1.FieldsetContext);
|
|
68
68
|
const nameId = (0, utils_external_1.useId)();
|
|
69
|
-
return (react_1.default.createElement(fieldset_1.Fieldset, Object.assign({}, rest, { readOnly: readOnly, ref: ref, className: (0, helpers_1.cl)(className, "aksel-radio-group", `aksel-radio-group--${(_c = (_b = rest.size) !== null && _b !== void 0 ? _b : fieldset === null || fieldset === void 0 ? void 0 : fieldset.size) !== null && _c !== void 0 ? _c : "medium"}`),
|
|
69
|
+
return (react_1.default.createElement(fieldset_1.Fieldset, Object.assign({}, rest, { readOnly: readOnly, ref: ref, className: (0, helpers_1.cl)(className, "aksel-radio-group", `aksel-radio-group--${(_c = (_b = rest.size) !== null && _b !== void 0 ? _b : fieldset === null || fieldset === void 0 ? void 0 : fieldset.size) !== null && _c !== void 0 ? _c : "medium"}`), _fieldsSupportNativeReadOnly: false }),
|
|
70
70
|
react_1.default.createElement(exports.RadioGroupContext.Provider, { value: {
|
|
71
71
|
name: name !== null && name !== void 0 ? name : `radioGroupName-${nameId}`,
|
|
72
72
|
defaultValue,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/form/radio/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,yDAA6C;AAC7C,iDAAyC;AACzC,0CAAsD;AACtD,iDAAsD;AAUzC,QAAA,iBAAiB,GAC5B,eAAK,CAAC,aAAa,CAAgC,IAAI,CAAC,CAAC;AAgC3D;;;;;;;;;GASG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EAUC,EACD,GAAG,EACH,EAAE;;QAZF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,EACR,QAAQ,OAET,EADI,IAAI,cATT,8FAUC,CADQ;IAIT,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,IAAA,sBAAK,GAAE,CAAC;IAEvB,OAAO,CACL,8BAAC,mBAAQ,oBACH,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EACX,SAAS,EACT,mBAAmB,EACnB,sBAAsB,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ,EAAE,CAChE,EACD,
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/form/radio/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,yDAA6C;AAC7C,iDAAyC;AACzC,0CAAsD;AACtD,iDAAsD;AAUzC,QAAA,iBAAiB,GAC5B,eAAK,CAAC,aAAa,CAAgC,IAAI,CAAC,CAAC;AAgC3D;;;;;;;;;GASG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EAUC,EACD,GAAG,EACH,EAAE;;QAZF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,EACR,QAAQ,OAET,EADI,IAAI,cATT,8FAUC,CADQ;IAIT,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,IAAA,sBAAK,GAAE,CAAC;IAEvB,OAAO,CACL,8BAAC,mBAAQ,oBACH,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EACX,SAAS,EACT,mBAAmB,EACnB,sBAAsB,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ,EAAE,CAChE,EACD,4BAA4B,EAAE,KAAK;QAEnC,8BAAC,yBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;gBACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,kBAAkB,MAAM,EAAE;gBACxC,YAAY;gBACZ,KAAK;gBACL,QAAQ;gBACR,QAAQ;aACT;YAED,uCAAK,SAAS,EAAC,qBAAqB,IAAE,QAAQ,CAAO,CAC1B,CACpB,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,kBAAU,CAAC"}
|
package/cjs/index.d.ts
CHANGED
|
@@ -56,7 +56,7 @@ export { TextField, type TextFieldProps } from "./form/textfield";
|
|
|
56
56
|
export { LinkCard, type LinkCardProps, type LinkCardTitleProps, type LinkCardDescriptionProps, type LinkCardFooterProps, type LinkCardAnchorProps, type LinkCardIconProps, type LinkCardImageProps, } from "./link-card";
|
|
57
57
|
export { InlineMessage, type InlineMessageProps } from "./inline-message";
|
|
58
58
|
export { GlobalAlert, type GlobalAlertProps, type GlobalAlertHeaderProps, type GlobalAlertTitleProps, type GlobalAlertContentProps, type GlobalAlertCloseButtonProps, } from "./alert/global-alert";
|
|
59
|
-
export { InfoCard, type InfoCardProps, type InfoCardHeaderProps, type InfoCardTitleProps, type InfoCardContentProps, } from "./alert/info-card";
|
|
59
|
+
export { InfoCard, type InfoCardProps, type InfoCardHeaderProps, type InfoCardTitleProps, type InfoCardContentProps, type InfoCardMessageProps, } from "./alert/info-card";
|
|
60
60
|
export { LocalAlert, type LocalAlertProps, type LocalAlertHeaderProps, type LocalAlertTitleProps, type LocalAlertContentProps, type LocalAlertCloseButtonProps, } from "./alert/local-alert";
|
|
61
61
|
export { Dialog, type DialogProps, type DialogTriggerProps, type DialogCloseTriggerProps, type DialogPopupProps, type DialogHeaderProps, type DialogTitleProps, type DialogDescriptionProps, type DialogBodyProps, type DialogFooterProps, } from "./dialog";
|
|
62
62
|
/**
|
package/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -38,6 +38,16 @@ export interface ReadMoreProps extends React.ButtonHTMLAttributes<HTMLButtonElem
|
|
|
38
38
|
* @private
|
|
39
39
|
*/
|
|
40
40
|
"data-color"?: Exclude<AkselColor, AkselStatusColorRole>;
|
|
41
|
+
/**
|
|
42
|
+
* Changes variant of ReadMore.
|
|
43
|
+
*
|
|
44
|
+
* `moderate` is a more visually prominent variant.
|
|
45
|
+
*
|
|
46
|
+
*
|
|
47
|
+
* `ghost` is more subtle, mainly for use in forms.
|
|
48
|
+
* @default "ghost"
|
|
49
|
+
*/
|
|
50
|
+
variant?: "moderate" | "ghost";
|
|
41
51
|
}
|
|
42
52
|
/**
|
|
43
53
|
* ReadMore
|
|
@@ -61,22 +61,20 @@ const hooks_1 = require("../utils/hooks");
|
|
|
61
61
|
* </ReadMore>
|
|
62
62
|
*/
|
|
63
63
|
exports.ReadMore = (0, react_1.forwardRef)((_a, ref) => {
|
|
64
|
-
var { className, header, children, open, defaultOpen = false, onClick, size = "medium", onOpenChange } = _a, rest = __rest(_a, ["className", "header", "children", "open", "defaultOpen", "onClick", "size", "onOpenChange"]);
|
|
64
|
+
var { className, header, children, open, defaultOpen = false, onClick, size = "medium", onOpenChange, variant = "ghost" } = _a, rest = __rest(_a, ["className", "header", "children", "open", "defaultOpen", "onClick", "size", "onOpenChange", "variant"]);
|
|
65
65
|
const [_open, _setOpen] = (0, hooks_1.useControllableState)({
|
|
66
66
|
defaultValue: defaultOpen,
|
|
67
67
|
value: open,
|
|
68
68
|
onChange: onOpenChange,
|
|
69
69
|
});
|
|
70
70
|
const typoSize = size === "small" ? "small" : "medium";
|
|
71
|
-
return (react_1.default.createElement("div", { className: (0, helpers_1.cl)("aksel-read-more", `aksel-read-more--${size}`, className,
|
|
71
|
+
return (react_1.default.createElement("div", { className: (0, helpers_1.cl)("aksel-read-more", `aksel-read-more--${size}`, className), "data-variant": variant, "data-state": _open ? "open" : "closed" },
|
|
72
72
|
react_1.default.createElement("button", Object.assign({}, rest, { ref: ref, type: "button", className: (0, helpers_1.cl)("aksel-read-more__button", "aksel-body-short", {
|
|
73
73
|
"aksel-body-short--small": size === "small",
|
|
74
|
-
}), onClick: (0, helpers_1.composeEventHandlers)(onClick, () => _setOpen((x) => !x)), "aria-expanded": _open
|
|
74
|
+
}), onClick: (0, helpers_1.composeEventHandlers)(onClick, () => _setOpen((x) => !x)), "aria-expanded": _open }),
|
|
75
75
|
react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { className: "aksel-read-more__expand-icon", "aria-hidden": true }),
|
|
76
76
|
react_1.default.createElement("span", null, header)),
|
|
77
|
-
react_1.default.createElement(typography_1.BodyLong, { as: "div", className:
|
|
78
|
-
"aksel-read-more__content--closed": !_open,
|
|
79
|
-
}), size: typoSize, "data-state": _open ? "open" : "closed" }, children)));
|
|
77
|
+
react_1.default.createElement(typography_1.BodyLong, { as: "div", className: "aksel-read-more__content", size: typoSize }, children)));
|
|
80
78
|
});
|
|
81
79
|
exports.default = exports.ReadMore;
|
|
82
80
|
//# sourceMappingURL=ReadMore.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAsD;AAGtD,8CAAyC;AACzC,8CAA4D;AAC5D,0CAAsD;
|
|
1
|
+
{"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAsD;AAGtD,8CAAyC;AACzC,8CAA4D;AAC5D,0CAAsD;AAmDtD;;;;;;;;;GASG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EAWgB,EAChB,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,YAAY,EACZ,OAAO,GAAG,OAAO,OAEH,EADX,IAAI,cAVT,wGAWC,CADQ;IAIT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,4BAAoB,EAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvD,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC,iBAAiB,EAAE,oBAAoB,IAAI,EAAE,EAAE,SAAS,CAAC,kBACzD,OAAO,gBACT,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;QAErC,0DACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,YAAE,EAAC,yBAAyB,EAAE,kBAAkB,EAAE;gBAC3D,yBAAyB,EAAE,IAAI,KAAK,OAAO;aAC5C,CAAC,EACF,OAAO,EAAE,IAAA,8BAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,mBAClD,KAAK;YAEpB,8BAAC,6BAAe,IACd,SAAS,EAAC,8BAA8B,wBAExC;YACF,4CAAO,MAAM,CAAQ,CACd;QAET,8BAAC,qBAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAE,QAAQ,IACnE,QAAQ,CACA,CACP,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}
|
package/cjs/types/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { AkselColor, CustomAkselColor } from "./theme";
|
package/cjs/types/index.js
CHANGED
|
@@ -1,18 +1,3 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./theme"), exports);
|
|
18
3
|
//# sourceMappingURL=index.js.map
|
package/cjs/types/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":""}
|
|
@@ -7,7 +7,7 @@ exports.ListboxInputSlot = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const Slot_1 = require("../../slot/Slot");
|
|
9
9
|
const ListboxInputSlot = ({ children }) => {
|
|
10
|
-
return (react_1.default.createElement(Slot_1.Slot, { "aria-activedescendant": "aksel-
|
|
10
|
+
return (react_1.default.createElement(Slot_1.Slot, { "aria-activedescendant": "aksel-listbox__option-active",
|
|
11
11
|
// @ts-expect-error - You are meant to use an <input>, but Slot doesn't know that.
|
|
12
12
|
autoComplete: "off", role: "combobox" }, children));
|
|
13
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListboxInputSlot.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/input-slot/ListboxInputSlot.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0CAAuC;AAMvC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE;IAC/D,OAAO,CACL,8BAAC,WAAI,6BACmB,
|
|
1
|
+
{"version":3,"file":"ListboxInputSlot.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/input-slot/ListboxInputSlot.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0CAAuC;AAMvC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE;IAC/D,OAAO,CACL,8BAAC,WAAI,6BACmB,8BAA8B;QACpD,kFAAkF;QAClF,YAAY,EAAC,KAAK,EAClB,IAAI,EAAC,UAAU,IAEd,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEO,4CAAgB"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface ListboxOptionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "role" | "tabIndex"> {
|
|
3
|
+
/**
|
|
4
|
+
* Unique ID used for tracking which option has virtual focus.
|
|
5
|
+
*/
|
|
6
|
+
id: string;
|
|
7
|
+
hasVirtualFocus: boolean;
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* Callback when option is selected.
|
|
11
|
+
* To improve performance when you have many options,
|
|
12
|
+
* memoize the prop with e.g. useEventCallback.
|
|
13
|
+
*/
|
|
14
|
+
onClick: React.MouseEventHandler<HTMLDivElement>;
|
|
15
|
+
}
|
|
16
|
+
declare function ListboxOptionComponent({ id, hasVirtualFocus, children, className, ...rest }: ListboxOptionProps): React.JSX.Element;
|
|
17
|
+
/**
|
|
18
|
+
* This component is memoized. To improve performance when you have many options,
|
|
19
|
+
* make sure all object props have stable references (i.e. memoize the event handlers with e.g. useEventCallback).
|
|
20
|
+
*
|
|
21
|
+
* NB: Remember to set `aria-selected` on selected options!
|
|
22
|
+
*/
|
|
23
|
+
export declare const ListboxOption: typeof ListboxOptionComponent;
|
|
24
|
+
export {};
|
|
@@ -14,20 +14,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.
|
|
17
|
+
exports.ListboxOption = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
19
|
const helpers_1 = require("../../../helpers");
|
|
20
|
-
function
|
|
21
|
-
//console.log("Rendering
|
|
20
|
+
function ListboxOptionComponent(_a) {
|
|
21
|
+
//console.log("Rendering option", id);
|
|
22
22
|
var { id, hasVirtualFocus, children, className } = _a, rest = __rest(_a, ["id", "hasVirtualFocus", "children", "className"]);
|
|
23
23
|
// TODO: Slot?
|
|
24
|
-
return (react_1.default.createElement("div", Object.assign({ "aria-selected": false }, rest, { className: (0, helpers_1.cl)("aksel-
|
|
24
|
+
return (react_1.default.createElement("div", Object.assign({ "aria-selected": false }, rest, { className: (0, helpers_1.cl)("aksel-listbox__option", className), role: "option", tabIndex: -1, "data-virtual-focus": hasVirtualFocus, "data-id": id, id: hasVirtualFocus ? "aksel-listbox__option-active" : undefined }), children));
|
|
25
25
|
}
|
|
26
26
|
/**
|
|
27
|
-
* This component is memoized. To improve performance when you have many
|
|
27
|
+
* This component is memoized. To improve performance when you have many options,
|
|
28
28
|
* make sure all object props have stable references (i.e. memoize the event handlers with e.g. useEventCallback).
|
|
29
29
|
*
|
|
30
|
-
* NB: Remember to set `aria-selected` on selected
|
|
30
|
+
* NB: Remember to set `aria-selected` on selected options!
|
|
31
31
|
*/
|
|
32
|
-
exports.
|
|
33
|
-
//# sourceMappingURL=
|
|
32
|
+
exports.ListboxOption = react_1.default.memo(ListboxOptionComponent);
|
|
33
|
+
//# sourceMappingURL=ListboxOption.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListboxOption.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/option/ListboxOption.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8CAAsC;AAoBtC,SAAS,sBAAsB,CAAC,EAMX;IACnB,sCAAsC;QAPR,EAC9B,EAAE,EACF,eAAe,EACf,QAAQ,EACR,SAAS,OAEU,EADhB,IAAI,cALuB,kDAM/B,CADQ;IAIP,cAAc;IAEd,OAAO,CACL,sEACiB,KAAK,IAChB,IAAI,IACR,SAAS,EAAE,IAAA,YAAE,EAAC,uBAAuB,EAAE,SAAS,CAAC,EACjD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,wBACQ,eAAe,aAC1B,EAAE,EACX,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,SAAS,KAE/D,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACU,QAAA,aAAa,GAAG,eAAK,CAAC,IAAI,CACrC,sBAAsB,CACU,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/** biome-ignore-all lint/a11y/useKeyWithMouseEvents: We know what we are doing */
|
|
2
|
+
import React from "react";
|
|
3
|
+
export interface ListboxOptionsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "role" | "tabIndex" | "onMouseOver"> {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
setVirtuallyFocusedOptionId: (value: string) => void;
|
|
6
|
+
}
|
|
7
|
+
declare function ListboxOptions({ children, setVirtuallyFocusedOptionId, ...rest }: ListboxOptionsProps): React.JSX.Element;
|
|
8
|
+
export { ListboxOptions };
|
|
@@ -14,19 +14,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.
|
|
17
|
+
exports.ListboxOptions = ListboxOptions;
|
|
18
18
|
/* eslint-disable jsx-a11y/mouse-events-have-key-events */
|
|
19
19
|
/** biome-ignore-all lint/a11y/useKeyWithMouseEvents: We know what we are doing */
|
|
20
20
|
const react_1 = __importDefault(require("react"));
|
|
21
21
|
const helpers_1 = require("../../../helpers");
|
|
22
|
-
function
|
|
23
|
-
var { children,
|
|
24
|
-
return (react_1.default.createElement("div", Object.assign({}, rest, { className: (0, helpers_1.cl)(rest.className, "aksel-
|
|
22
|
+
function ListboxOptions(_a) {
|
|
23
|
+
var { children, setVirtuallyFocusedOptionId } = _a, rest = __rest(_a, ["children", "setVirtuallyFocusedOptionId"]);
|
|
24
|
+
return (react_1.default.createElement("div", Object.assign({}, rest, { className: (0, helpers_1.cl)(rest.className, "aksel-listbox__options"), role: "listbox", tabIndex: -1, onMouseOver: (event) => {
|
|
25
25
|
const target = event.target;
|
|
26
|
-
const
|
|
27
|
-
if (
|
|
28
|
-
|
|
26
|
+
const optionEl = target.closest('[role="option"]');
|
|
27
|
+
if (optionEl) {
|
|
28
|
+
setVirtuallyFocusedOptionId((optionEl === null || optionEl === void 0 ? void 0 : optionEl.dataset.id) || "");
|
|
29
29
|
}
|
|
30
30
|
} }), children));
|
|
31
31
|
}
|
|
32
|
-
//# sourceMappingURL=
|
|
32
|
+
//# sourceMappingURL=ListboxOptions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListboxOptions.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/options/ListboxOptions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAqCS,wCAAc;AArCvB,0DAA0D;AAC1D,kFAAkF;AAClF,kDAA0B;AAC1B,8CAAsC;AAUtC,SAAS,cAAc,CAAC,EAIF;QAJE,EACtB,QAAQ,EACR,2BAA2B,OAEP,EADjB,IAAI,cAHe,2CAIvB,CADQ;IAEP,OAAO,CACL,uDACM,IAAI,IACR,SAAS,EAAE,IAAA,YAAE,EAAC,IAAI,CAAC,SAAS,EAAE,wBAAwB,CAAC,EACvD,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,CAAC,CAAC,EACZ,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;YAC3C,MAAM,QAAQ,GAAuB,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;YACvE,IAAI,QAAQ,EAAE,CAAC;gBACb,2BAA2B,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAC,EAAE,KAAI,EAAE,CAAC,CAAC;YAC1D,CAAC;QACH,CAAC,KAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
/** biome-ignore-all lint/a11y/noStaticElementInteractions: We know what we are doing */
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { ListboxGroup } from "../group/ListboxGroup";
|
|
4
|
-
import {
|
|
4
|
+
import { ListboxOptions } from "../options/ListboxOptions";
|
|
5
5
|
export interface ListboxProps {
|
|
6
6
|
children: React.ReactNode;
|
|
7
|
-
|
|
7
|
+
setVirtuallyFocusedOptionId: (value: string) => void;
|
|
8
8
|
}
|
|
9
9
|
/**
|
|
10
|
-
* Low level component for displaying a list of selectable
|
|
10
|
+
* Low level component for displaying a list of selectable options with optional grouping.
|
|
11
11
|
* Keyboard navigation is implemented with virtual focus so that real focus can remain on an input field.
|
|
12
12
|
*/
|
|
13
|
-
declare function Listbox({ children,
|
|
13
|
+
declare function Listbox({ children, setVirtuallyFocusedOptionId }: ListboxProps): React.JSX.Element;
|
|
14
14
|
declare namespace Listbox {
|
|
15
15
|
var InputSlot: ({ children }: import("../input-slot/ListboxInputSlot").ListboxInputSlotProps) => React.JSX.Element;
|
|
16
|
-
var
|
|
17
|
-
var
|
|
16
|
+
var Options: typeof ListboxOptions;
|
|
17
|
+
var Option: ({ id, hasVirtualFocus, children, className, ...rest }: import("../option/ListboxOption").ListboxOptionProps) => React.JSX.Element;
|
|
18
18
|
var Group: typeof ListboxGroup;
|
|
19
19
|
}
|
|
20
20
|
export default Listbox;
|
|
@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
8
8
|
const react_1 = __importDefault(require("react"));
|
|
9
9
|
const ListboxGroup_1 = require("../group/ListboxGroup");
|
|
10
10
|
const ListboxInputSlot_1 = require("../input-slot/ListboxInputSlot");
|
|
11
|
-
const
|
|
12
|
-
const
|
|
11
|
+
const ListboxOption_1 = require("../option/ListboxOption");
|
|
12
|
+
const ListboxOptions_1 = require("../options/ListboxOptions");
|
|
13
13
|
const domHelpers_1 = require("./domHelpers");
|
|
14
14
|
/**
|
|
15
|
-
* Low level component for displaying a list of selectable
|
|
15
|
+
* Low level component for displaying a list of selectable options with optional grouping.
|
|
16
16
|
* Keyboard navigation is implemented with virtual focus so that real focus can remain on an input field.
|
|
17
17
|
*/
|
|
18
|
-
function Listbox({ children,
|
|
19
|
-
const
|
|
20
|
-
|
|
18
|
+
function Listbox({ children, setVirtuallyFocusedOptionId }) {
|
|
19
|
+
const virtuallyFocusOption = (element) => {
|
|
20
|
+
setVirtuallyFocusedOptionId((element === null || element === void 0 ? void 0 : element.dataset.id) || "");
|
|
21
21
|
element === null || element === void 0 ? void 0 : element.scrollIntoView({ block: "nearest" });
|
|
22
22
|
};
|
|
23
23
|
return (react_1.default.createElement("div", { onKeyDown: (event) => {
|
|
@@ -26,50 +26,50 @@ function Listbox({ children, setVirtuallyFocusedItemId }) {
|
|
|
26
26
|
return;
|
|
27
27
|
}
|
|
28
28
|
// Helper functions
|
|
29
|
-
const
|
|
30
|
-
const
|
|
31
|
-
const
|
|
32
|
-
return
|
|
29
|
+
const getFirstOption = (suffix = "") => listbox.querySelector(`[role="option"]${suffix}`);
|
|
30
|
+
const getLastOption = () => {
|
|
31
|
+
const allOptions = listbox.querySelectorAll('[role="option"]');
|
|
32
|
+
return allOptions[allOptions.length - 1];
|
|
33
33
|
};
|
|
34
|
-
const
|
|
35
|
-
// Doesn't make sense to have real focus on one
|
|
34
|
+
const focusedOptionElm = getFirstOption('[data-virtual-focus="true"]');
|
|
35
|
+
// Doesn't make sense to have real focus on one option and virtual focus on another at the same time.
|
|
36
36
|
// Not sure if it matters, though 🤔
|
|
37
|
-
const
|
|
38
|
-
if (
|
|
37
|
+
const optionElmWithRealFocus = getFirstOption(":focus");
|
|
38
|
+
if (optionElmWithRealFocus) {
|
|
39
39
|
listbox.focus();
|
|
40
40
|
}
|
|
41
41
|
const virtuallyFocusWithFallback = (getNextElement, getFallback) => {
|
|
42
42
|
event.preventDefault();
|
|
43
|
-
if (!
|
|
44
|
-
|
|
43
|
+
if (!focusedOptionElm) {
|
|
44
|
+
virtuallyFocusOption(getFallback());
|
|
45
45
|
return;
|
|
46
46
|
}
|
|
47
|
-
const
|
|
48
|
-
if (!
|
|
49
|
-
|
|
47
|
+
const nextOption = getNextElement(focusedOptionElm);
|
|
48
|
+
if (!nextOption) {
|
|
49
|
+
virtuallyFocusOption(getFallback());
|
|
50
50
|
return;
|
|
51
51
|
}
|
|
52
|
-
|
|
52
|
+
virtuallyFocusOption(nextOption);
|
|
53
53
|
};
|
|
54
54
|
switch (event.key) {
|
|
55
55
|
case "ArrowDown":
|
|
56
|
-
virtuallyFocusWithFallback(domHelpers_1.
|
|
56
|
+
virtuallyFocusWithFallback(domHelpers_1.findNextOption, getFirstOption);
|
|
57
57
|
break;
|
|
58
58
|
case "ArrowUp":
|
|
59
|
-
virtuallyFocusWithFallback(domHelpers_1.
|
|
59
|
+
virtuallyFocusWithFallback(domHelpers_1.findPrevOption, getLastOption);
|
|
60
60
|
break;
|
|
61
61
|
case "Home":
|
|
62
62
|
event.preventDefault();
|
|
63
|
-
|
|
63
|
+
virtuallyFocusOption(getFirstOption());
|
|
64
64
|
break;
|
|
65
65
|
case "End":
|
|
66
66
|
event.preventDefault();
|
|
67
|
-
|
|
67
|
+
virtuallyFocusOption(getLastOption());
|
|
68
68
|
break;
|
|
69
69
|
case "Enter":
|
|
70
70
|
case "Accept":
|
|
71
|
-
if (
|
|
72
|
-
|
|
71
|
+
if (focusedOptionElm) {
|
|
72
|
+
focusedOptionElm.click();
|
|
73
73
|
}
|
|
74
74
|
break;
|
|
75
75
|
// TODO: Consider implementing PageUp/PageDown too
|
|
@@ -77,8 +77,8 @@ function Listbox({ children, setVirtuallyFocusedItemId }) {
|
|
|
77
77
|
} }, children));
|
|
78
78
|
}
|
|
79
79
|
Listbox.InputSlot = ListboxInputSlot_1.ListboxInputSlot;
|
|
80
|
-
Listbox.
|
|
81
|
-
Listbox.
|
|
80
|
+
Listbox.Options = ListboxOptions_1.ListboxOptions;
|
|
81
|
+
Listbox.Option = ListboxOption_1.ListboxOption;
|
|
82
82
|
Listbox.Group = ListboxGroup_1.ListboxGroup;
|
|
83
83
|
exports.default = Listbox;
|
|
84
84
|
//# sourceMappingURL=ListboxRoot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListboxRoot.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/root/ListboxRoot.tsx"],"names":[],"mappings":";;;;;AAAA,4DAA4D;AAC5D,wFAAwF;AACxF,kDAA0B;AAC1B,wDAAqD;AACrD,qEAAkE;AAClE,
|
|
1
|
+
{"version":3,"file":"ListboxRoot.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/root/ListboxRoot.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare function
|
|
2
|
-
declare function
|
|
3
|
-
export {
|
|
1
|
+
declare function findNextOption(currentOption: HTMLElement): HTMLElement | null;
|
|
2
|
+
declare function findPrevOption(currentOption: HTMLElement): HTMLElement | null;
|
|
3
|
+
export { findNextOption, findPrevOption };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.
|
|
5
|
-
function
|
|
3
|
+
exports.findNextOption = findNextOption;
|
|
4
|
+
exports.findPrevOption = findPrevOption;
|
|
5
|
+
function findNextOption(currentOption) {
|
|
6
6
|
var _a;
|
|
7
|
-
const nextElement =
|
|
7
|
+
const nextElement = currentOption.nextElementSibling;
|
|
8
8
|
if (nextElement) {
|
|
9
9
|
if (nextElement.role === "group") {
|
|
10
10
|
return nextElement.querySelector('[role="option"]');
|
|
@@ -15,7 +15,7 @@ function findNextItem(currentItem) {
|
|
|
15
15
|
}
|
|
16
16
|
// No next element: Current element might be inside a group.
|
|
17
17
|
// Check if the parent has a next sibling
|
|
18
|
-
const parentNextElement = (_a =
|
|
18
|
+
const parentNextElement = (_a = currentOption.parentElement) === null || _a === void 0 ? void 0 : _a.nextElementSibling;
|
|
19
19
|
if (parentNextElement) {
|
|
20
20
|
if (parentNextElement.role === "group") {
|
|
21
21
|
return parentNextElement.querySelector('[role="option"]');
|
|
@@ -26,9 +26,9 @@ function findNextItem(currentItem) {
|
|
|
26
26
|
}
|
|
27
27
|
return null;
|
|
28
28
|
}
|
|
29
|
-
function
|
|
29
|
+
function findPrevOption(currentOption) {
|
|
30
30
|
var _a;
|
|
31
|
-
const prevElement =
|
|
31
|
+
const prevElement = currentOption.previousElementSibling;
|
|
32
32
|
if (prevElement) {
|
|
33
33
|
if (prevElement.role === "group") {
|
|
34
34
|
return prevElement.querySelector('[role="option"]:last-of-type');
|
|
@@ -39,7 +39,7 @@ function findPrevItem(currentItem) {
|
|
|
39
39
|
}
|
|
40
40
|
// No previous element: Current element might be inside a group.
|
|
41
41
|
// Check if the parent has a previous sibling.
|
|
42
|
-
const parentPrevElement = (_a =
|
|
42
|
+
const parentPrevElement = (_a = currentOption.parentElement) === null || _a === void 0 ? void 0 : _a.previousElementSibling;
|
|
43
43
|
if (parentPrevElement) {
|
|
44
44
|
if (parentPrevElement.role === "group") {
|
|
45
45
|
return parentPrevElement.querySelector('[role="option"]:last-of-type');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"domHelpers.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/root/domHelpers.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"domHelpers.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/root/domHelpers.ts"],"names":[],"mappings":";;AA2DS,wCAAc;AAAE,wCAAc;AA3DvC,SAAS,cAAc,CAAC,aAA0B;;IAChD,MAAM,WAAW,GAAG,aAAa,CAAC,kBAAwC,CAAC;IAC3E,IAAI,WAAW,EAAE,CAAC;QAChB,IAAI,WAAW,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACjC,OAAO,WAAW,CAAC,aAAa,CAAc,iBAAiB,CAAC,CAAC;QACnE,CAAC;QACD,IAAI,WAAW,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,WAAW,CAAC;QACrB,CAAC;IACH,CAAC;IAED,4DAA4D;IAC5D,yCAAyC;IACzC,MAAM,iBAAiB,GAAG,MAAA,aAAa,CAAC,aAAa,0CACjD,kBAAwC,CAAC;IAC7C,IAAI,iBAAiB,EAAE,CAAC;QACtB,IAAI,iBAAiB,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACvC,OAAO,iBAAiB,CAAC,aAAa,CAAc,iBAAiB,CAAC,CAAC;QACzE,CAAC;QACD,IAAI,iBAAiB,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACxC,OAAO,iBAAiB,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,cAAc,CAAC,aAA0B;;IAChD,MAAM,WAAW,GACf,aAAa,CAAC,sBAA4C,CAAC;IAC7D,IAAI,WAAW,EAAE,CAAC;QAChB,IAAI,WAAW,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACjC,OAAO,WAAW,CAAC,aAAa,CAC9B,8BAA8B,CAC/B,CAAC;QACJ,CAAC;QACD,IAAI,WAAW,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,WAAW,CAAC;QACrB,CAAC;IACH,CAAC;IAED,gEAAgE;IAChE,8CAA8C;IAC9C,MAAM,iBAAiB,GAAG,MAAA,aAAa,CAAC,aAAa,0CACjD,sBAA4C,CAAC;IACjD,IAAI,iBAAiB,EAAE,CAAC;QACtB,IAAI,iBAAiB,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACvC,OAAO,iBAAiB,CAAC,aAAa,CACpC,8BAA8B,CAC/B,CAAC;QACJ,CAAC;QACD,IAAI,iBAAiB,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACxC,OAAO,iBAAiB,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
|
|
@@ -25,7 +25,7 @@ declare const Floating: FloatingComponent;
|
|
|
25
25
|
* Floating Anchor
|
|
26
26
|
*/
|
|
27
27
|
type FloatingAnchorProps = HTMLAttributes<HTMLDivElement> & AsChildProps & {
|
|
28
|
-
virtualRef?:
|
|
28
|
+
virtualRef?: Measurable;
|
|
29
29
|
};
|
|
30
30
|
/**
|
|
31
31
|
* `FloatingAnchor` provides an anchor for a Floating instance.
|
|
@@ -74,7 +74,7 @@ const FloatingAnchor = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
74
74
|
(0, react_1.useEffect)(() => {
|
|
75
75
|
// Allows anchoring the floating to non-DOM nodes like a cursor position.
|
|
76
76
|
// We replace `anchorRef` with a virtual ref in such cases.
|
|
77
|
-
context.onAnchorChange(
|
|
77
|
+
context.onAnchorChange(virtualRef || ref.current);
|
|
78
78
|
});
|
|
79
79
|
const Comp = asChild ? Slot_1.Slot : "div";
|
|
80
80
|
return virtualRef ? null : react_1.default.createElement(Comp, Object.assign({ ref: mergedRef }, rest));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Floating.js","sourceRoot":"","sources":["../../../../src/utils/components/floating/Floating.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sDAYgC;AAChC,+CAMe;AACf,gEAA+D;AAC/D,4DAAgE;AAChE,2CAAoD;AACpD,uCAIqB;AAErB,uCAAoC;AACpC,qDAM0B;AAUb,KACX,IAAA,6BAAmB,EAAuB;IACxC,IAAI,EAAE,iBAAiB;CACxB,CAAC,EAHqB,wBAAgB,gBAAc,0BAAkB,iBAGpE;AAWL,MAAM,QAAQ,GAAsB,CAAC,EAAE,QAAQ,EAAiB,EAAE,EAAE;IAClE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAoB,IAAI,CAAC,CAAC;IAE9D,OAAO,CACL,8BAAC,wBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,SAAS,IACxD,QAAQ,CACQ,CACpB,CAAC;AACJ,CAAC,CAAC;AAsXO,4BAAQ;AA5WjB;;;GAGG;AACH,MAAM,cAAc,GAAG,IAAA,kBAAU,EAC/B,CAAC,EAAqD,EAAE,YAAY,EAAE,EAAE;QAAvE,EAAE,UAAU,EAAE,OAAO,OAAgC,EAA3B,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAC;IACrC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,YAAY,EAAE,GAAG,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,yEAAyE;QACzE,2DAA2D;QAC3D,OAAO,CAAC,cAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"Floating.js","sourceRoot":"","sources":["../../../../src/utils/components/floating/Floating.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sDAYgC;AAChC,+CAMe;AACf,gEAA+D;AAC/D,4DAAgE;AAChE,2CAAoD;AACpD,uCAIqB;AAErB,uCAAoC;AACpC,qDAM0B;AAUb,KACX,IAAA,6BAAmB,EAAuB;IACxC,IAAI,EAAE,iBAAiB;CACxB,CAAC,EAHqB,wBAAgB,gBAAc,0BAAkB,iBAGpE;AAWL,MAAM,QAAQ,GAAsB,CAAC,EAAE,QAAQ,EAAiB,EAAE,EAAE;IAClE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAoB,IAAI,CAAC,CAAC;IAE9D,OAAO,CACL,8BAAC,wBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,SAAS,IACxD,QAAQ,CACQ,CACpB,CAAC;AACJ,CAAC,CAAC;AAsXO,4BAAQ;AA5WjB;;;GAGG;AACH,MAAM,cAAc,GAAG,IAAA,kBAAU,EAC/B,CAAC,EAAqD,EAAE,YAAY,EAAE,EAAE;QAAvE,EAAE,UAAU,EAAE,OAAO,OAAgC,EAA3B,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAC;IACrC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,YAAY,EAAE,GAAG,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,yEAAyE;QACzE,2DAA2D;QAC3D,OAAO,CAAC,cAAc,CAAC,UAAU,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,8BAAC,IAAI,kBAAC,GAAG,EAAE,SAAS,IAAM,IAAI,EAAI,CAAC;AAChE,CAAC,CACF,CAAC;AAEF;;GAEG;AACH,MAAM,aAAa,GAAuB;IACxC,GAAG,EAAE,QAAQ;IACb,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,OAAO;CACd,CAAC;AAQF,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAsB,EAAE,EAAE;IACzE,MAAM,OAAO,GAAG,yBAAyB,EAAE,CAAC;IAE5C,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAE/C,OAAO,CACL,wCACE,GAAG,EAAE,OAAO,CAAC,aAAa,EAC1B,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,OAAO,CAAC,MAAM;YACpB,GAAG,EAAE,OAAO,CAAC,MAAM;YACnB,CAAC,IAAI,CAAC,EAAE,CAAC;YACT,eAAe,EAAE;gBACf,GAAG,EAAE,EAAE;gBACP,KAAK,EAAE,KAAK;gBACZ,MAAM,EAAE,UAAU;gBAClB,IAAI,EAAE,QAAQ;aACf,CAAC,OAAO,CAAC,UAAU,CAAC;YACrB,SAAS,EAAE;gBACT,GAAG,EAAE,kBAAkB;gBACvB,KAAK,EAAE,gDAAgD;gBACvD,MAAM,EAAE,gBAAgB;gBACxB,IAAI,EAAE,gDAAgD;aACvD,CAAC,OAAO,CAAC,UAAU,CAAC;YACrB,UAAU,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;SACrD;QAGD,uCACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,WAAW,EACnB,mBAAmB,EAAC,MAAM,EAC1B,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;YAE3B,2CAAS,MAAM,EAAC,gBAAgB,GAAG,CAC/B,CACD,CACR,CAAC;AACJ,CAAC,CAAC;AAaF,MAAM,EACJ,QAAQ,EAAE,uBAAuB,EACjC,UAAU,EAAE,yBAAyB,GACtC,GAAG,IAAA,6BAAmB,EAA8B;IACnD,IAAI,EAAE,wBAAwB;CAC/B,CAAC,CAAC;AAiCH,MAAM,eAAe,GAAG,IAAA,kBAAU,EAChC,CACE,EAiBuB,EACvB,YAAY,EACZ,EAAE;;QAnBF,EACE,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,CAAC,EACd,KAAK,GAAG,QAAQ,EAChB,WAAW,GAAG,CAAC,EACf,eAAe,GAAG,IAAI,EACtB,iBAAiB,GAAG,EAAE,EACtB,gBAAgB,EAAE,oBAAoB,GAAG,CAAC,EAC1C,gBAAgB,GAAG,KAAK,EACxB,sBAAsB,GAAG,WAAW,EACpC,QAAQ,EACR,KAAK,EAAE,MAAM,EACb,kBAAkB,EAClB,OAAO,GAAG,IAAI,EACd,sBAAsB,GAAG,IAAI,OAER,EADlB,YAAY,cAhBjB,oPAiBC,CADgB;IAIjB,MAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAC;IACrC,MAAM,YAAY,GAAG,IAAA,+BAAe,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,aAAa,mBACjB,OAAO,EAAE,CAAC,EACV,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,IACN,MAAM,CACV,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAyB,IAAI,CAAC,CAAC;IACjE,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC;IACvC,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,CAAC;IAEzC,MAAM,gBAAgB,GAAG,CAAC,IAAI;QAC5B,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAc,CAAC;IAExD,MAAM,gBAAgB,GACpB,OAAO,oBAAoB,KAAK,QAAQ;QACtC,CAAC,CAAC,oBAAoB;QACtB,CAAC,iBAAG,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,IAAK,oBAAoB,CAAE,CAAC;IAExE,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC;QAC/C,CAAC,CAAC,iBAAiB;QACnB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAExB,MAAM,qBAAqB,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAElD;;OAEG;IACH,SAAS,SAAS,CAAI,KAAe;QACnC,OAAO,KAAK,KAAK,IAAI,CAAC;IACxB,CAAC;IAED,MAAM,qBAAqB,GAAgB;QACzC,OAAO,EAAE,gBAAgB;QACzB,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC;QACpC,iFAAiF;QACjF,WAAW,EAAE,qBAAqB;QAClC,iEAAiE;QACjE,yBAAyB,EAAE,KAAK;QAChC,kBAAkB;KACnB,CAAC;IAEF,MAAM,EACJ,IAAI,EACJ,cAAc,EACd,SAAS,EACT,YAAY,EACZ,cAAc,EACd,QAAQ,EAAE,gBAAgB,EAC1B,MAAM,GACP,GAAG,IAAA,uBAAW,EAAC;QACd,IAAI,EAAE,OAAO;QACb,gGAAgG;QAChG,QAAQ,EAAE,OAAO;QACjB,SAAS,EAAE,gBAAgB;QAC3B,oBAAoB,EAAE,sBAAsB;YAC1C,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE;gBACV,MAAM,OAAO,GAAG,IAAA,sBAAU,EAAC,GAAG,IAAI,EAAE;oBAClC,cAAc,EAAE,sBAAsB,KAAK,QAAQ;iBACpD,CAAC,CAAC;gBACH,OAAO,OAAO,CAAC;YACjB,CAAC;YACH,CAAC,CAAC,SAAS;QACb,QAAQ,EAAE;YACR,SAAS,EAAE,OAAO,CAAC,MAAM;SAC1B;QACD,UAAU,EAAE;YACV,IAAA,kBAAM,EAAC;gBACL,QAAQ,EAAE,UAAU,GAAG,WAAW;gBAClC,aAAa,EAAE,WAAW;aAC3B,CAAC;YACF,eAAe;gBACb,IAAA,iBAAK,EAAC;oBACJ,QAAQ,EAAE,IAAI;oBACd,SAAS,EAAE,KAAK;oBAChB,OAAO,EAAE,IAAA,sBAAU,GAAE;iBACtB,CAAC;YACJ,eAAe,IAAI,IAAA,gBAAI,oBAAM,qBAAqB,EAAG;YACrD,IAAA,gBAAI,kCACC,qBAAqB,KACxB,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,EAAE,EAAE;oBAC9D,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,GAChD,KAAK,CAAC,SAAS,CAAC;oBAClB,MAAM,YAAY,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;oBAE7C;;uBAEG;oBACH,YAAY,CAAC,WAAW,CACtB,kCAAkC,EAClC,GAAG,cAAc,IAAI,CACtB,CAAC;oBACF,YAAY,CAAC,WAAW,CACtB,mCAAmC,EACnC,GAAG,eAAe,IAAI,CACvB,CAAC;oBACF,YAAY,CAAC,WAAW,CACtB,+BAA+B,EAC/B,GAAG,WAAW,IAAI,CACnB,CAAC;oBACF,YAAY,CAAC,WAAW,CACtB,gCAAgC,EAChC,GAAG,YAAY,IAAI,CACpB,CAAC;gBACJ,CAAC,IACD;YACF,KAAK;gBACH,IAAA,iBAAa,EAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,CAAC;YACnE,IAAA,gCAAe,EAAC,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC;YAC5C,gBAAgB;gBACd,IAAA,gBAAI,kBAAG,QAAQ,EAAE,iBAAiB,IAAK,qBAAqB,EAAG;SAClE;KACF,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,sBAAsB,IAAI,CAAC,OAAO,EAAE,CAAC;YACvC,OAAO;QACT,CAAC;QACD,IAAI,gBAAgB,CAAC,SAAS,IAAI,gBAAgB,CAAC,QAAQ,EAAE,CAAC;YAC5D,MAAM,OAAO,GAAG,IAAA,sBAAU,EACxB,gBAAgB,CAAC,SAAS,EAC1B,gBAAgB,CAAC,QAAQ,EACzB,MAAM,CACP,CAAC;YAEF,OAAO,GAAG,EAAE;gBACV,OAAO,EAAE,CAAC;YACZ,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,sBAAsB,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEhE,IAAA,sCAA8B,EAAC;QAC7B,OAAO,EAAE,CAAC,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,CAAA;QACjC,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ;QAC3B,UAAU,EAAE,MAAM;KACnB,CAAC,CAAC;IAEH,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,IAAA,6CAA4B,EAAC,SAAS,CAAC,CAAC;IAE1E,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,QAAQ,CAAC,CAAC;IAEhD,IAAA,sCAAqB,EAAC,GAAG,EAAE;QACzB,YAAY,KAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAA,CAAC;IACnC,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAEjC,MAAM,MAAM,GAAG,MAAA,cAAc,CAAC,KAAK,0CAAE,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG,MAAA,cAAc,CAAC,KAAK,0CAAE,CAAC,CAAC;IACvC,MAAM,iBAAiB,GAAG,CAAA,MAAA,cAAc,CAAC,KAAK,0CAAE,YAAY,MAAK,CAAC,CAAC;IAEnE,OAAO,CACL,uCACE,GAAG,EAAE,IAAI,CAAC,WAAW,yCACe,EAAE,EACtC,KAAK,kCACA,cAAc,KACjB,SAAS,EAAE,YAAY;gBACrB,CAAC,CAAC,cAAc,CAAC,SAAS;gBAC1B,CAAC,CAAC,qBAAqB,EACzB,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,SAAS,EACjB,CAAC,mCAA0C,CAAC,EAAE;gBAC5C,MAAA,cAAc,CAAC,eAAe,0CAAE,CAAC;gBACjC,MAAA,cAAc,CAAC,eAAe,0CAAE,CAAC;aAClC,CAAC,IAAI,CAAC,GAAG,CAAC;QAEb,6FAA6F;QAC7F,0EAA0E;QAC1E,GAAG,EAAC,KAAK;QAET,8BAAC,uBAAuB,IACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,QAAQ,EACvB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,iBAAiB;YAE5B,qDACE,GAAG,EAAE,YAAY,eACN,UAAU,gBACT,WAAW,IACnB,YAAY,IAChB,KAAK,kCACA,YAAY,CAAC,KAAK;oBACrB,4EAA4E;oBAC5E,gGAAgG;oBAChG,SAAS,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;oBAC7C,qEAAqE;oBACrE,OAAO,EAAE,CAAA,MAAA,cAAc,CAAC,IAAI,0CAAE,eAAe,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;gBAG9D,QAAQ;gBACR,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,MAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAA,IAAI,CAClC,8BAAC,aAAa,IACZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,SAAS,EAAE,MAAM,CAAC,SAAS,GAC3B,CACH,CACG,CACkB,CACtB,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,MAAM,GAAG,cAAc,CAAC;AACjC,QAAQ,CAAC,OAAO,GAAG,eAAe,CAAC"}
|
|
@@ -11,7 +11,6 @@ interface FocusBoundaryProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
11
11
|
* tabbing. If focus is moved outside the boundary programmatically or by
|
|
12
12
|
* pointer, it will not be moved back.
|
|
13
13
|
*
|
|
14
|
-
* - Links (`<a>` elements), are not considered tabbable for the purpose of looping.
|
|
15
14
|
* - Hidden inputs (i.e. `<input type="hidden">`) are not considered tabbable.
|
|
16
15
|
* - Elements that are `display: none` or `visibility: hidden` are not considered tabbable.
|
|
17
16
|
* - Elements with `tabIndex < 0` are not considered tabbable.
|