@digdir/designsystemet-react 0.0.0-deps-tsdown-20260421103939
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +7 -0
- package/README.md +14 -0
- package/dist/cjs/components/Combobox/Combobox.js +206 -0
- package/dist/cjs/components/Combobox/ComboboxContext.js +8 -0
- package/dist/cjs/components/Combobox/ComboboxIdContext.js +42 -0
- package/dist/cjs/components/Combobox/Custom.js +36 -0
- package/dist/cjs/components/Combobox/Empty.js +20 -0
- package/dist/cjs/components/Combobox/Option/Description.js +13 -0
- package/dist/cjs/components/Combobox/Option/Option.js +38 -0
- package/dist/cjs/components/Combobox/Option/SelectedIcon.js +13 -0
- package/dist/cjs/components/Combobox/Option/useComboboxOption.js +51 -0
- package/dist/cjs/components/Combobox/index.js +19 -0
- package/dist/cjs/components/Combobox/internal/ComboboxChips.js +45 -0
- package/dist/cjs/components/Combobox/internal/ComboboxClearButton.js +35 -0
- package/dist/cjs/components/Combobox/internal/ComboboxError.js +12 -0
- package/dist/cjs/components/Combobox/internal/ComboboxInput.js +81 -0
- package/dist/cjs/components/Combobox/internal/ComboboxLabel.js +15 -0
- package/dist/cjs/components/Combobox/internal/ComboboxNative.js +13 -0
- package/dist/cjs/components/Combobox/omit/omit.js +30 -0
- package/dist/cjs/components/Combobox/useCombobox.js +123 -0
- package/dist/cjs/components/Combobox/useComboboxKeyboard.js +79 -0
- package/dist/cjs/components/Combobox/useFloatingCombobox.js +76 -0
- package/dist/cjs/components/Combobox/useFormField/FieldsetContext.js +8 -0
- package/dist/cjs/components/Combobox/useFormField/useFormField.js +36 -0
- package/dist/cjs/components/Combobox/utilities.js +40 -0
- package/dist/cjs/components/alert/alert.js +18 -0
- package/dist/cjs/components/avatar/avatar.js +33 -0
- package/dist/cjs/components/avatar-stack/avatar-stack.js +33 -0
- package/dist/cjs/components/badge/badge-position.js +21 -0
- package/dist/cjs/components/badge/badge.js +23 -0
- package/dist/cjs/components/badge/index.js +17 -0
- package/dist/cjs/components/breadcrumbs/breadcrumbs-item.js +11 -0
- package/dist/cjs/components/breadcrumbs/breadcrumbs-link.js +13 -0
- package/dist/cjs/components/breadcrumbs/breadcrumbs-list.js +11 -0
- package/dist/cjs/components/breadcrumbs/breadcrumbs.js +29 -0
- package/dist/cjs/components/breadcrumbs/index.js +39 -0
- package/dist/cjs/components/button/button.js +31 -0
- package/dist/cjs/components/card/card-block.js +14 -0
- package/dist/cjs/components/card/card.js +51 -0
- package/dist/cjs/components/card/index.js +23 -0
- package/dist/cjs/components/checkbox/checkbox.js +21 -0
- package/dist/cjs/components/chip/chips.js +52 -0
- package/dist/cjs/components/chip/index.js +21 -0
- package/dist/cjs/components/details/details-content.js +17 -0
- package/dist/cjs/components/details/details-summary.js +18 -0
- package/dist/cjs/components/details/details.js +43 -0
- package/dist/cjs/components/details/index.js +26 -0
- package/dist/cjs/components/dialog/dialog-block.js +30 -0
- package/dist/cjs/components/dialog/dialog-trigger-context.js +28 -0
- package/dist/cjs/components/dialog/dialog-trigger.js +34 -0
- package/dist/cjs/components/dialog/dialog.js +64 -0
- package/dist/cjs/components/dialog/index.js +34 -0
- package/dist/cjs/components/divider/divider.js +20 -0
- package/dist/cjs/components/dropdown/dropdown-button.js +24 -0
- package/dist/cjs/components/dropdown/dropdown-heading.js +20 -0
- package/dist/cjs/components/dropdown/dropdown-item.js +23 -0
- package/dist/cjs/components/dropdown/dropdown-list.js +23 -0
- package/dist/cjs/components/dropdown/dropdown-trigger-context.js +28 -0
- package/dist/cjs/components/dropdown/dropdown-trigger.js +28 -0
- package/dist/cjs/components/dropdown/dropdown.js +40 -0
- package/dist/cjs/components/dropdown/index.js +60 -0
- package/dist/cjs/components/error-summary/error-summary-heading.js +20 -0
- package/dist/cjs/components/error-summary/error-summary-item.js +23 -0
- package/dist/cjs/components/error-summary/error-summary-link.js +22 -0
- package/dist/cjs/components/error-summary/error-summary-list.js +27 -0
- package/dist/cjs/components/error-summary/error-summary.js +32 -0
- package/dist/cjs/components/error-summary/index.js +41 -0
- package/dist/cjs/components/field/field-affix.js +37 -0
- package/dist/cjs/components/field/field-counter.js +25 -0
- package/dist/cjs/components/field/field-description.js +18 -0
- package/dist/cjs/components/field/field.js +32 -0
- package/dist/cjs/components/field/index.js +35 -0
- package/dist/cjs/components/fieldset/fieldset-description.js +21 -0
- package/dist/cjs/components/fieldset/fieldset-legend.js +19 -0
- package/dist/cjs/components/fieldset/fieldset.js +28 -0
- package/dist/cjs/components/fieldset/index.js +32 -0
- package/dist/cjs/components/heading/heading.js +20 -0
- package/dist/cjs/components/input/input.js +23 -0
- package/dist/cjs/components/label/label.js +21 -0
- package/dist/cjs/components/link/link.js +21 -0
- package/dist/cjs/components/list/index.js +19 -0
- package/dist/cjs/components/list/list-item.js +19 -0
- package/dist/cjs/components/list/lists.js +41 -0
- package/dist/cjs/components/pagination/index.js +39 -0
- package/dist/cjs/components/pagination/pagination-button.js +20 -0
- package/dist/cjs/components/pagination/pagination-item.js +23 -0
- package/dist/cjs/components/pagination/pagination-list.js +25 -0
- package/dist/cjs/components/pagination/pagination.js +36 -0
- package/dist/cjs/components/paragraph/paragraph.js +21 -0
- package/dist/cjs/components/popover/index.js +28 -0
- package/dist/cjs/components/popover/popover-trigger-context.js +27 -0
- package/dist/cjs/components/popover/popover-trigger.js +41 -0
- package/dist/cjs/components/popover/popover.js +88 -0
- package/dist/cjs/components/radio/radio.js +21 -0
- package/dist/cjs/components/search/index.js +37 -0
- package/dist/cjs/components/search/search-button.js +21 -0
- package/dist/cjs/components/search/search-clear.js +37 -0
- package/dist/cjs/components/search/search-input.js +22 -0
- package/dist/cjs/components/search/search.js +28 -0
- package/dist/cjs/components/select/index.js +26 -0
- package/dist/cjs/components/select/select-optgroup.js +24 -0
- package/dist/cjs/components/select/select-option.js +22 -0
- package/dist/cjs/components/select/select.js +22 -0
- package/dist/cjs/components/skeleton/skeleton.js +30 -0
- package/dist/cjs/components/skip-link/skip-link.js +19 -0
- package/dist/cjs/components/spinner/spinner.js +26 -0
- package/dist/cjs/components/suggestion/index.js +44 -0
- package/dist/cjs/components/suggestion/suggestion-clear.js +26 -0
- package/dist/cjs/components/suggestion/suggestion-empty.js +25 -0
- package/dist/cjs/components/suggestion/suggestion-input.js +35 -0
- package/dist/cjs/components/suggestion/suggestion-list.js +28 -0
- package/dist/cjs/components/suggestion/suggestion-option.js +25 -0
- package/dist/cjs/components/suggestion/suggestion.js +96 -0
- package/dist/cjs/components/switch/switch.js +20 -0
- package/dist/cjs/components/table/index.js +59 -0
- package/dist/cjs/components/table/table-body.js +22 -0
- package/dist/cjs/components/table/table-cell.js +17 -0
- package/dist/cjs/components/table/table-foot.js +22 -0
- package/dist/cjs/components/table/table-head.js +22 -0
- package/dist/cjs/components/table/table-header-cell.js +17 -0
- package/dist/cjs/components/table/table-row.js +20 -0
- package/dist/cjs/components/table/table.js +37 -0
- package/dist/cjs/components/tabs/index.js +36 -0
- package/dist/cjs/components/tabs/tabs-list.js +22 -0
- package/dist/cjs/components/tabs/tabs-panel.js +21 -0
- package/dist/cjs/components/tabs/tabs-tab.js +31 -0
- package/dist/cjs/components/tabs/tabs.js +66 -0
- package/dist/cjs/components/tag/tag.js +18 -0
- package/dist/cjs/components/textarea/textarea.js +18 -0
- package/dist/cjs/components/textfield/textfield.js +27 -0
- package/dist/cjs/components/toggle-group/index.js +23 -0
- package/dist/cjs/components/toggle-group/toggle-group-item.js +23 -0
- package/dist/cjs/components/toggle-group/toggle-group.js +43 -0
- package/dist/cjs/components/tooltip/tooltip.js +29 -0
- package/dist/cjs/components/validation-message/validation-message.js +21 -0
- package/dist/cjs/index.js +225 -0
- package/dist/cjs/utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js +27 -0
- package/dist/cjs/utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.js +9 -0
- package/dist/cjs/utilities/hooks/deprecated/use-media-query/use-media-query.js +49 -0
- package/dist/cjs/utilities/hooks/use-checkbox-group/use-checkbox-group.js +129 -0
- package/dist/cjs/utilities/hooks/use-merge-refs/use-merge-refs.js +57 -0
- package/dist/cjs/utilities/hooks/use-pagination/use-pagination.js +85 -0
- package/dist/cjs/utilities/hooks/use-radio-group/use-radio-group.js +102 -0
- package/dist/cjs/utilities/hooks/use-synchronized-animation/use-synchronized-animation.js +50 -0
- package/dist/cjs/utilities/index.js +17 -0
- package/dist/cjs/utilities/roving-focus/roving-focus-item.js +74 -0
- package/dist/cjs/utilities/roving-focus/roving-focus-root.js +77 -0
- package/dist/cjs/utilities/roving-focus/use-roving-focus.js +45 -0
- package/dist/esm/components/Combobox/Combobox.js +203 -0
- package/dist/esm/components/Combobox/ComboboxContext.js +6 -0
- package/dist/esm/components/Combobox/ComboboxIdContext.js +35 -0
- package/dist/esm/components/Combobox/Custom.js +34 -0
- package/dist/esm/components/Combobox/Empty.js +18 -0
- package/dist/esm/components/Combobox/Option/Description.js +11 -0
- package/dist/esm/components/Combobox/Option/Option.js +35 -0
- package/dist/esm/components/Combobox/Option/SelectedIcon.js +11 -0
- package/dist/esm/components/Combobox/Option/useComboboxOption.js +49 -0
- package/dist/esm/components/Combobox/index.js +15 -0
- package/dist/esm/components/Combobox/internal/ComboboxChips.js +43 -0
- package/dist/esm/components/Combobox/internal/ComboboxClearButton.js +33 -0
- package/dist/esm/components/Combobox/internal/ComboboxError.js +10 -0
- package/dist/esm/components/Combobox/internal/ComboboxInput.js +79 -0
- package/dist/esm/components/Combobox/internal/ComboboxLabel.js +13 -0
- package/dist/esm/components/Combobox/internal/ComboboxNative.js +11 -0
- package/dist/esm/components/Combobox/omit/omit.js +28 -0
- package/dist/esm/components/Combobox/useCombobox.js +121 -0
- package/dist/esm/components/Combobox/useComboboxKeyboard.js +77 -0
- package/dist/esm/components/Combobox/useFloatingCombobox.js +74 -0
- package/dist/esm/components/Combobox/useFormField/FieldsetContext.js +6 -0
- package/dist/esm/components/Combobox/useFormField/useFormField.js +34 -0
- package/dist/esm/components/Combobox/utilities.js +34 -0
- package/dist/esm/components/alert/alert.js +16 -0
- package/dist/esm/components/avatar/avatar.js +31 -0
- package/dist/esm/components/avatar-stack/avatar-stack.js +31 -0
- package/dist/esm/components/badge/badge-position.js +19 -0
- package/dist/esm/components/badge/badge.js +21 -0
- package/dist/esm/components/badge/index.js +14 -0
- package/dist/esm/components/breadcrumbs/breadcrumbs-item.js +9 -0
- package/dist/esm/components/breadcrumbs/breadcrumbs-link.js +11 -0
- package/dist/esm/components/breadcrumbs/breadcrumbs-list.js +9 -0
- package/dist/esm/components/breadcrumbs/breadcrumbs.js +27 -0
- package/dist/esm/components/breadcrumbs/index.js +34 -0
- package/dist/esm/components/button/button.js +29 -0
- package/dist/esm/components/card/card-block.js +12 -0
- package/dist/esm/components/card/card.js +49 -0
- package/dist/esm/components/card/index.js +20 -0
- package/dist/esm/components/checkbox/checkbox.js +19 -0
- package/dist/esm/components/chip/chips.js +47 -0
- package/dist/esm/components/chip/index.js +15 -0
- package/dist/esm/components/details/details-content.js +15 -0
- package/dist/esm/components/details/details-summary.js +16 -0
- package/dist/esm/components/details/details.js +41 -0
- package/dist/esm/components/details/index.js +22 -0
- package/dist/esm/components/dialog/dialog-block.js +28 -0
- package/dist/esm/components/dialog/dialog-trigger-context.js +25 -0
- package/dist/esm/components/dialog/dialog-trigger.js +32 -0
- package/dist/esm/components/dialog/dialog.js +62 -0
- package/dist/esm/components/dialog/index.js +29 -0
- package/dist/esm/components/divider/divider.js +18 -0
- package/dist/esm/components/dropdown/dropdown-button.js +22 -0
- package/dist/esm/components/dropdown/dropdown-heading.js +18 -0
- package/dist/esm/components/dropdown/dropdown-item.js +21 -0
- package/dist/esm/components/dropdown/dropdown-list.js +21 -0
- package/dist/esm/components/dropdown/dropdown-trigger-context.js +26 -0
- package/dist/esm/components/dropdown/dropdown-trigger.js +26 -0
- package/dist/esm/components/dropdown/dropdown.js +38 -0
- package/dist/esm/components/dropdown/index.js +52 -0
- package/dist/esm/components/error-summary/error-summary-heading.js +18 -0
- package/dist/esm/components/error-summary/error-summary-item.js +21 -0
- package/dist/esm/components/error-summary/error-summary-link.js +20 -0
- package/dist/esm/components/error-summary/error-summary-list.js +25 -0
- package/dist/esm/components/error-summary/error-summary.js +30 -0
- package/dist/esm/components/error-summary/index.js +35 -0
- package/dist/esm/components/field/field-affix.js +34 -0
- package/dist/esm/components/field/field-counter.js +23 -0
- package/dist/esm/components/field/field-description.js +16 -0
- package/dist/esm/components/field/field.js +30 -0
- package/dist/esm/components/field/index.js +29 -0
- package/dist/esm/components/fieldset/fieldset-description.js +19 -0
- package/dist/esm/components/fieldset/fieldset-legend.js +17 -0
- package/dist/esm/components/fieldset/fieldset.js +26 -0
- package/dist/esm/components/fieldset/index.js +28 -0
- package/dist/esm/components/heading/heading.js +18 -0
- package/dist/esm/components/input/input.js +21 -0
- package/dist/esm/components/label/label.js +19 -0
- package/dist/esm/components/link/link.js +19 -0
- package/dist/esm/components/list/index.js +14 -0
- package/dist/esm/components/list/list-item.js +17 -0
- package/dist/esm/components/list/lists.js +38 -0
- package/dist/esm/components/pagination/index.js +34 -0
- package/dist/esm/components/pagination/pagination-button.js +18 -0
- package/dist/esm/components/pagination/pagination-item.js +21 -0
- package/dist/esm/components/pagination/pagination-list.js +23 -0
- package/dist/esm/components/pagination/pagination.js +34 -0
- package/dist/esm/components/paragraph/paragraph.js +19 -0
- package/dist/esm/components/popover/index.js +24 -0
- package/dist/esm/components/popover/popover-trigger-context.js +24 -0
- package/dist/esm/components/popover/popover-trigger.js +39 -0
- package/dist/esm/components/popover/popover.js +86 -0
- package/dist/esm/components/radio/radio.js +19 -0
- package/dist/esm/components/search/index.js +32 -0
- package/dist/esm/components/search/search-button.js +19 -0
- package/dist/esm/components/search/search-clear.js +35 -0
- package/dist/esm/components/search/search-input.js +20 -0
- package/dist/esm/components/search/search.js +26 -0
- package/dist/esm/components/select/index.js +22 -0
- package/dist/esm/components/select/select-optgroup.js +22 -0
- package/dist/esm/components/select/select-option.js +20 -0
- package/dist/esm/components/select/select.js +20 -0
- package/dist/esm/components/skeleton/skeleton.js +28 -0
- package/dist/esm/components/skip-link/skip-link.js +17 -0
- package/dist/esm/components/spinner/spinner.js +24 -0
- package/dist/esm/components/suggestion/index.js +37 -0
- package/dist/esm/components/suggestion/suggestion-clear.js +24 -0
- package/dist/esm/components/suggestion/suggestion-empty.js +23 -0
- package/dist/esm/components/suggestion/suggestion-input.js +33 -0
- package/dist/esm/components/suggestion/suggestion-list.js +26 -0
- package/dist/esm/components/suggestion/suggestion-option.js +23 -0
- package/dist/esm/components/suggestion/suggestion.js +93 -0
- package/dist/esm/components/switch/switch.js +18 -0
- package/dist/esm/components/table/index.js +51 -0
- package/dist/esm/components/table/table-body.js +20 -0
- package/dist/esm/components/table/table-cell.js +15 -0
- package/dist/esm/components/table/table-foot.js +20 -0
- package/dist/esm/components/table/table-head.js +20 -0
- package/dist/esm/components/table/table-header-cell.js +15 -0
- package/dist/esm/components/table/table-row.js +18 -0
- package/dist/esm/components/table/table.js +35 -0
- package/dist/esm/components/tabs/index.js +31 -0
- package/dist/esm/components/tabs/tabs-list.js +20 -0
- package/dist/esm/components/tabs/tabs-panel.js +19 -0
- package/dist/esm/components/tabs/tabs-tab.js +29 -0
- package/dist/esm/components/tabs/tabs.js +63 -0
- package/dist/esm/components/tag/tag.js +16 -0
- package/dist/esm/components/textarea/textarea.js +16 -0
- package/dist/esm/components/textfield/textfield.js +25 -0
- package/dist/esm/components/toggle-group/index.js +20 -0
- package/dist/esm/components/toggle-group/toggle-group-item.js +21 -0
- package/dist/esm/components/toggle-group/toggle-group.js +40 -0
- package/dist/esm/components/tooltip/tooltip.js +27 -0
- package/dist/esm/components/validation-message/validation-message.js +19 -0
- package/dist/esm/index.js +109 -0
- package/dist/esm/utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js +25 -0
- package/dist/esm/utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.js +7 -0
- package/dist/esm/utilities/hooks/deprecated/use-media-query/use-media-query.js +47 -0
- package/dist/esm/utilities/hooks/use-checkbox-group/use-checkbox-group.js +127 -0
- package/dist/esm/utilities/hooks/use-merge-refs/use-merge-refs.js +55 -0
- package/dist/esm/utilities/hooks/use-pagination/use-pagination.js +83 -0
- package/dist/esm/utilities/hooks/use-radio-group/use-radio-group.js +100 -0
- package/dist/esm/utilities/hooks/use-synchronized-animation/use-synchronized-animation.js +47 -0
- package/dist/esm/utilities/index.js +11 -0
- package/dist/esm/utilities/roving-focus/roving-focus-item.js +70 -0
- package/dist/esm/utilities/roving-focus/roving-focus-root.js +74 -0
- package/dist/esm/utilities/roving-focus/use-roving-focus.js +43 -0
- package/dist/react-types.d.ts +39 -0
- package/dist/types/colors.d.ts +2 -0
- package/dist/types/colors.d.ts.map +1 -0
- package/dist/types/components/Combobox/Combobox.d.ts +317 -0
- package/dist/types/components/Combobox/Combobox.d.ts.map +1 -0
- package/dist/types/components/Combobox/ComboboxContext.d.ts +42 -0
- package/dist/types/components/Combobox/ComboboxContext.d.ts.map +1 -0
- package/dist/types/components/Combobox/ComboboxIdContext.d.ts +19 -0
- package/dist/types/components/Combobox/ComboboxIdContext.d.ts.map +1 -0
- package/dist/types/components/Combobox/Custom.d.ts +33 -0
- package/dist/types/components/Combobox/Custom.d.ts.map +1 -0
- package/dist/types/components/Combobox/Empty.d.ts +5 -0
- package/dist/types/components/Combobox/Empty.d.ts.map +1 -0
- package/dist/types/components/Combobox/Option/Description.d.ts +5 -0
- package/dist/types/components/Combobox/Option/Description.d.ts.map +1 -0
- package/dist/types/components/Combobox/Option/Option.d.ts +34 -0
- package/dist/types/components/Combobox/Option/Option.d.ts.map +1 -0
- package/dist/types/components/Combobox/Option/SelectedIcon.d.ts +10 -0
- package/dist/types/components/Combobox/Option/SelectedIcon.d.ts.map +1 -0
- package/dist/types/components/Combobox/Option/useComboboxOption.d.ts +17 -0
- package/dist/types/components/Combobox/Option/useComboboxOption.d.ts.map +1 -0
- package/dist/types/components/Combobox/data/data.d.ts +7 -0
- package/dist/types/components/Combobox/data/data.d.ts.map +1 -0
- package/dist/types/components/Combobox/index.d.ts +16 -0
- package/dist/types/components/Combobox/index.d.ts.map +1 -0
- package/dist/types/components/Combobox/internal/ComboboxChips.d.ts +6 -0
- package/dist/types/components/Combobox/internal/ComboboxChips.d.ts.map +1 -0
- package/dist/types/components/Combobox/internal/ComboboxClearButton.d.ts +4 -0
- package/dist/types/components/Combobox/internal/ComboboxClearButton.d.ts.map +1 -0
- package/dist/types/components/Combobox/internal/ComboboxError.d.ts +13 -0
- package/dist/types/components/Combobox/internal/ComboboxError.d.ts.map +1 -0
- package/dist/types/components/Combobox/internal/ComboboxInput.d.ts +15 -0
- package/dist/types/components/Combobox/internal/ComboboxInput.d.ts.map +1 -0
- package/dist/types/components/Combobox/internal/ComboboxLabel.d.ts +16 -0
- package/dist/types/components/Combobox/internal/ComboboxLabel.d.ts.map +1 -0
- package/dist/types/components/Combobox/internal/ComboboxNative.d.ts +15 -0
- package/dist/types/components/Combobox/internal/ComboboxNative.d.ts.map +1 -0
- package/dist/types/components/Combobox/omit/omit.d.ts +13 -0
- package/dist/types/components/Combobox/omit/omit.d.ts.map +1 -0
- package/dist/types/components/Combobox/useCombobox.d.ts +34 -0
- package/dist/types/components/Combobox/useCombobox.d.ts.map +1 -0
- package/dist/types/components/Combobox/useComboboxKeyboard.d.ts +20 -0
- package/dist/types/components/Combobox/useComboboxKeyboard.d.ts.map +1 -0
- package/dist/types/components/Combobox/useFloatingCombobox.d.ts +19 -0
- package/dist/types/components/Combobox/useFloatingCombobox.d.ts.map +1 -0
- package/dist/types/components/Combobox/useFormField/FieldsetContext.d.ts +4 -0
- package/dist/types/components/Combobox/useFormField/FieldsetContext.d.ts.map +1 -0
- package/dist/types/components/Combobox/useFormField/useFormField.d.ts +36 -0
- package/dist/types/components/Combobox/useFormField/useFormField.d.ts.map +1 -0
- package/dist/types/components/Combobox/utilities.d.ts +19 -0
- package/dist/types/components/Combobox/utilities.d.ts.map +1 -0
- package/dist/types/components/alert/alert.d.ts +27 -0
- package/dist/types/components/alert/alert.d.ts.map +1 -0
- package/dist/types/components/avatar/avatar.d.ts +64 -0
- package/dist/types/components/avatar/avatar.d.ts.map +1 -0
- package/dist/types/components/avatar-stack/avatar-stack.d.ts +70 -0
- package/dist/types/components/avatar-stack/avatar-stack.d.ts.map +1 -0
- package/dist/types/components/badge/badge-position.d.ts +41 -0
- package/dist/types/components/badge/badge-position.d.ts.map +1 -0
- package/dist/types/components/badge/badge.d.ts +58 -0
- package/dist/types/components/badge/badge.d.ts.map +1 -0
- package/dist/types/components/badge/index.d.ts +23 -0
- package/dist/types/components/badge/index.d.ts.map +1 -0
- package/dist/types/components/breadcrumbs/breadcrumbs-item.d.ts +4 -0
- package/dist/types/components/breadcrumbs/breadcrumbs-item.d.ts.map +1 -0
- package/dist/types/components/breadcrumbs/breadcrumbs-link.d.ts +7 -0
- package/dist/types/components/breadcrumbs/breadcrumbs-link.d.ts.map +1 -0
- package/dist/types/components/breadcrumbs/breadcrumbs-list.d.ts +4 -0
- package/dist/types/components/breadcrumbs/breadcrumbs-list.d.ts.map +1 -0
- package/dist/types/components/breadcrumbs/breadcrumbs.d.ts +38 -0
- package/dist/types/components/breadcrumbs/breadcrumbs.d.ts.map +1 -0
- package/dist/types/components/breadcrumbs/index.d.ts +73 -0
- package/dist/types/components/breadcrumbs/index.d.ts.map +1 -0
- package/dist/types/components/button/button.d.ts +101 -0
- package/dist/types/components/button/button.d.ts.map +1 -0
- package/dist/types/components/card/card-block.d.ts +16 -0
- package/dist/types/components/card/card-block.d.ts.map +1 -0
- package/dist/types/components/card/card.d.ts +44 -0
- package/dist/types/components/card/card.d.ts.map +1 -0
- package/dist/types/components/card/index.d.ts +32 -0
- package/dist/types/components/card/index.d.ts.map +1 -0
- package/dist/types/components/checkbox/checkbox.d.ts +34 -0
- package/dist/types/components/checkbox/checkbox.d.ts.map +1 -0
- package/dist/types/components/chip/chips.d.ts +43 -0
- package/dist/types/components/chip/chips.d.ts.map +1 -0
- package/dist/types/components/chip/index.d.ts +37 -0
- package/dist/types/components/chip/index.d.ts.map +1 -0
- package/dist/types/components/details/details-content.d.ts +10 -0
- package/dist/types/components/details/details-content.d.ts.map +1 -0
- package/dist/types/components/details/details-summary.d.ts +16 -0
- package/dist/types/components/details/details-summary.d.ts.map +1 -0
- package/dist/types/components/details/details.d.ts +50 -0
- package/dist/types/components/details/details.d.ts.map +1 -0
- package/dist/types/components/details/index.d.ts +34 -0
- package/dist/types/components/details/index.d.ts.map +1 -0
- package/dist/types/components/dialog/dialog-block.d.ts +32 -0
- package/dist/types/components/dialog/dialog-block.d.ts.map +1 -0
- package/dist/types/components/dialog/dialog-trigger-context.d.ts +21 -0
- package/dist/types/components/dialog/dialog-trigger-context.d.ts.map +1 -0
- package/dist/types/components/dialog/dialog-trigger.d.ts +26 -0
- package/dist/types/components/dialog/dialog-trigger.d.ts.map +1 -0
- package/dist/types/components/dialog/dialog.d.ts +115 -0
- package/dist/types/components/dialog/dialog.d.ts.map +1 -0
- package/dist/types/components/dialog/index.d.ts +67 -0
- package/dist/types/components/dialog/index.d.ts.map +1 -0
- package/dist/types/components/divider/divider.d.ts +10 -0
- package/dist/types/components/divider/divider.d.ts.map +1 -0
- package/dist/types/components/dropdown/dropdown-button.d.ts +16 -0
- package/dist/types/components/dropdown/dropdown-button.d.ts.map +1 -0
- package/dist/types/components/dropdown/dropdown-heading.d.ts +16 -0
- package/dist/types/components/dropdown/dropdown-heading.d.ts.map +1 -0
- package/dist/types/components/dropdown/dropdown-item.d.ts +16 -0
- package/dist/types/components/dropdown/dropdown-item.d.ts.map +1 -0
- package/dist/types/components/dropdown/dropdown-list.d.ts +16 -0
- package/dist/types/components/dropdown/dropdown-list.d.ts.map +1 -0
- package/dist/types/components/dropdown/dropdown-trigger-context.d.ts +25 -0
- package/dist/types/components/dropdown/dropdown-trigger-context.d.ts.map +1 -0
- package/dist/types/components/dropdown/dropdown-trigger.d.ts +20 -0
- package/dist/types/components/dropdown/dropdown-trigger.d.ts.map +1 -0
- package/dist/types/components/dropdown/dropdown.d.ts +45 -0
- package/dist/types/components/dropdown/dropdown.d.ts.map +1 -0
- package/dist/types/components/dropdown/index.d.ts +127 -0
- package/dist/types/components/dropdown/index.d.ts.map +1 -0
- package/dist/types/components/error-summary/error-summary-heading.d.ts +16 -0
- package/dist/types/components/error-summary/error-summary-heading.d.ts.map +1 -0
- package/dist/types/components/error-summary/error-summary-item.d.ts +16 -0
- package/dist/types/components/error-summary/error-summary-item.d.ts.map +1 -0
- package/dist/types/components/error-summary/error-summary-link.d.ts +17 -0
- package/dist/types/components/error-summary/error-summary-link.d.ts.map +1 -0
- package/dist/types/components/error-summary/error-summary-list.d.ts +21 -0
- package/dist/types/components/error-summary/error-summary-list.d.ts.map +1 -0
- package/dist/types/components/error-summary/error-summary.d.ts +31 -0
- package/dist/types/components/error-summary/error-summary.d.ts.map +1 -0
- package/dist/types/components/error-summary/index.d.ts +78 -0
- package/dist/types/components/error-summary/index.d.ts.map +1 -0
- package/dist/types/components/field/field-affix.d.ts +27 -0
- package/dist/types/components/field/field-affix.d.ts.map +1 -0
- package/dist/types/components/field/field-counter.d.ts +66 -0
- package/dist/types/components/field/field-counter.d.ts.map +1 -0
- package/dist/types/components/field/field-description.d.ts +10 -0
- package/dist/types/components/field/field-description.d.ts.map +1 -0
- package/dist/types/components/field/field.d.ts +42 -0
- package/dist/types/components/field/field.d.ts.map +1 -0
- package/dist/types/components/field/index.d.ts +64 -0
- package/dist/types/components/field/index.d.ts.map +1 -0
- package/dist/types/components/fieldset/fieldset-description.d.ts +16 -0
- package/dist/types/components/fieldset/fieldset-description.d.ts.map +1 -0
- package/dist/types/components/fieldset/fieldset-legend.d.ts +11 -0
- package/dist/types/components/fieldset/fieldset-legend.d.ts.map +1 -0
- package/dist/types/components/fieldset/fieldset.d.ts +20 -0
- package/dist/types/components/fieldset/fieldset.d.ts.map +1 -0
- package/dist/types/components/fieldset/index.d.ts +42 -0
- package/dist/types/components/fieldset/index.d.ts.map +1 -0
- package/dist/types/components/heading/heading.d.ts +42 -0
- package/dist/types/components/heading/heading.d.ts.map +1 -0
- package/dist/types/components/index.d.ts +84 -0
- package/dist/types/components/index.d.ts.map +1 -0
- package/dist/types/components/input/input.d.ts +74 -0
- package/dist/types/components/input/input.d.ts.map +1 -0
- package/dist/types/components/label/label.d.ts +33 -0
- package/dist/types/components/label/label.d.ts.map +1 -0
- package/dist/types/components/link/link.d.ts +32 -0
- package/dist/types/components/link/link.d.ts.map +1 -0
- package/dist/types/components/list/index.d.ts +38 -0
- package/dist/types/components/list/index.d.ts.map +1 -0
- package/dist/types/components/list/list-item.d.ts +22 -0
- package/dist/types/components/list/list-item.d.ts.map +1 -0
- package/dist/types/components/list/lists.d.ts +47 -0
- package/dist/types/components/list/lists.d.ts.map +1 -0
- package/dist/types/components/pagination/index.d.ts +64 -0
- package/dist/types/components/pagination/index.d.ts.map +1 -0
- package/dist/types/components/pagination/pagination-button.d.ts +25 -0
- package/dist/types/components/pagination/pagination-button.d.ts.map +1 -0
- package/dist/types/components/pagination/pagination-item.d.ts +26 -0
- package/dist/types/components/pagination/pagination-item.d.ts.map +1 -0
- package/dist/types/components/pagination/pagination-list.d.ts +28 -0
- package/dist/types/components/pagination/pagination-list.d.ts.map +1 -0
- package/dist/types/components/pagination/pagination.d.ts +68 -0
- package/dist/types/components/pagination/pagination.d.ts.map +1 -0
- package/dist/types/components/paragraph/paragraph.d.ts +41 -0
- package/dist/types/components/paragraph/paragraph.d.ts.map +1 -0
- package/dist/types/components/popover/index.d.ts +56 -0
- package/dist/types/components/popover/index.d.ts.map +1 -0
- package/dist/types/components/popover/popover-trigger-context.d.ts +24 -0
- package/dist/types/components/popover/popover-trigger-context.d.ts.map +1 -0
- package/dist/types/components/popover/popover-trigger.d.ts +44 -0
- package/dist/types/components/popover/popover-trigger.d.ts.map +1 -0
- package/dist/types/components/popover/popover.d.ts +111 -0
- package/dist/types/components/popover/popover.d.ts.map +1 -0
- package/dist/types/components/radio/radio.d.ts +34 -0
- package/dist/types/components/radio/radio.d.ts.map +1 -0
- package/dist/types/components/search/index.d.ts +58 -0
- package/dist/types/components/search/index.d.ts.map +1 -0
- package/dist/types/components/search/search-button.d.ts +36 -0
- package/dist/types/components/search/search-button.d.ts.map +1 -0
- package/dist/types/components/search/search-clear.d.ts +25 -0
- package/dist/types/components/search/search-clear.d.ts.map +1 -0
- package/dist/types/components/search/search-input.d.ts +13 -0
- package/dist/types/components/search/search-input.d.ts.map +1 -0
- package/dist/types/components/search/search.d.ts +21 -0
- package/dist/types/components/search/search.d.ts.map +1 -0
- package/dist/types/components/select/index.d.ts +42 -0
- package/dist/types/components/select/index.d.ts.map +1 -0
- package/dist/types/components/select/select-optgroup.d.ts +27 -0
- package/dist/types/components/select/select-optgroup.d.ts.map +1 -0
- package/dist/types/components/select/select-option.d.ts +25 -0
- package/dist/types/components/select/select-option.d.ts.map +1 -0
- package/dist/types/components/select/select.d.ts +40 -0
- package/dist/types/components/select/select.d.ts.map +1 -0
- package/dist/types/components/skeleton/skeleton.d.ts +54 -0
- package/dist/types/components/skeleton/skeleton.d.ts.map +1 -0
- package/dist/types/components/skip-link/skip-link.d.ts +31 -0
- package/dist/types/components/skip-link/skip-link.d.ts.map +1 -0
- package/dist/types/components/spinner/spinner.d.ts +24 -0
- package/dist/types/components/spinner/spinner.d.ts.map +1 -0
- package/dist/types/components/suggestion/index.d.ts +92 -0
- package/dist/types/components/suggestion/index.d.ts.map +1 -0
- package/dist/types/components/suggestion/suggestion-clear.d.ts +30 -0
- package/dist/types/components/suggestion/suggestion-clear.d.ts.map +1 -0
- package/dist/types/components/suggestion/suggestion-empty.d.ts +16 -0
- package/dist/types/components/suggestion/suggestion-empty.d.ts.map +1 -0
- package/dist/types/components/suggestion/suggestion-input.d.ts +34 -0
- package/dist/types/components/suggestion/suggestion-input.d.ts.map +1 -0
- package/dist/types/components/suggestion/suggestion-list.d.ts +50 -0
- package/dist/types/components/suggestion/suggestion-list.d.ts.map +1 -0
- package/dist/types/components/suggestion/suggestion-option.d.ts +18 -0
- package/dist/types/components/suggestion/suggestion-option.d.ts.map +1 -0
- package/dist/types/components/suggestion/suggestion.d.ts +117 -0
- package/dist/types/components/suggestion/suggestion.d.ts.map +1 -0
- package/dist/types/components/switch/switch.d.ts +36 -0
- package/dist/types/components/switch/switch.d.ts.map +1 -0
- package/dist/types/components/table/index.d.ts +105 -0
- package/dist/types/components/table/index.d.ts.map +1 -0
- package/dist/types/components/table/table-body.d.ts +15 -0
- package/dist/types/components/table/table-body.d.ts.map +1 -0
- package/dist/types/components/table/table-cell.d.ts +10 -0
- package/dist/types/components/table/table-cell.d.ts.map +1 -0
- package/dist/types/components/table/table-foot.d.ts +15 -0
- package/dist/types/components/table/table-foot.d.ts.map +1 -0
- package/dist/types/components/table/table-head.d.ts +15 -0
- package/dist/types/components/table/table-head.d.ts.map +1 -0
- package/dist/types/components/table/table-header-cell.d.ts +23 -0
- package/dist/types/components/table/table-header-cell.d.ts.map +1 -0
- package/dist/types/components/table/table-row.d.ts +13 -0
- package/dist/types/components/table/table-row.d.ts.map +1 -0
- package/dist/types/components/table/table.d.ts +72 -0
- package/dist/types/components/table/table.d.ts.map +1 -0
- package/dist/types/components/tabs/index.d.ts +52 -0
- package/dist/types/components/tabs/index.d.ts.map +1 -0
- package/dist/types/components/tabs/tabs-list.d.ts +15 -0
- package/dist/types/components/tabs/tabs-list.d.ts.map +1 -0
- package/dist/types/components/tabs/tabs-panel.d.ts +24 -0
- package/dist/types/components/tabs/tabs-panel.d.ts.map +1 -0
- package/dist/types/components/tabs/tabs-tab.d.ts +22 -0
- package/dist/types/components/tabs/tabs-tab.d.ts.map +1 -0
- package/dist/types/components/tabs/tabs.d.ts +62 -0
- package/dist/types/components/tabs/tabs.d.ts.map +1 -0
- package/dist/types/components/tag/tag.d.ts +35 -0
- package/dist/types/components/tag/tag.d.ts.map +1 -0
- package/dist/types/components/textarea/textarea.d.ts +11 -0
- package/dist/types/components/textarea/textarea.d.ts.map +1 -0
- package/dist/types/components/textfield/textfield.d.ts +75 -0
- package/dist/types/components/textfield/textfield.d.ts.map +1 -0
- package/dist/types/components/toggle-group/index.d.ts +25 -0
- package/dist/types/components/toggle-group/index.d.ts.map +1 -0
- package/dist/types/components/toggle-group/toggle-group-item.d.ts +30 -0
- package/dist/types/components/toggle-group/toggle-group-item.d.ts.map +1 -0
- package/dist/types/components/toggle-group/toggle-group.d.ts +76 -0
- package/dist/types/components/toggle-group/toggle-group.d.ts.map +1 -0
- package/dist/types/components/tooltip/tooltip.d.ts +90 -0
- package/dist/types/components/tooltip/tooltip.d.ts.map +1 -0
- package/dist/types/components/validation-message/validation-message.d.ts +35 -0
- package/dist/types/components/validation-message/validation-message.d.ts.map +1 -0
- package/dist/types/index.d.ts +17 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/types.d.ts +30 -0
- package/dist/types/types.d.ts.map +1 -0
- package/dist/types/utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.d.ts +4 -0
- package/dist/types/utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.d.ts.map +1 -0
- package/dist/types/utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.d.ts +3 -0
- package/dist/types/utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.d.ts.map +1 -0
- package/dist/types/utilities/hooks/deprecated/use-media-query/use-media-query.d.ts +7 -0
- package/dist/types/utilities/hooks/deprecated/use-media-query/use-media-query.d.ts.map +1 -0
- package/dist/types/utilities/hooks/index.d.ts +12 -0
- package/dist/types/utilities/hooks/index.d.ts.map +1 -0
- package/dist/types/utilities/hooks/use-checkbox-group/use-checkbox-group.d.ts +64 -0
- package/dist/types/utilities/hooks/use-checkbox-group/use-checkbox-group.d.ts.map +1 -0
- package/dist/types/utilities/hooks/use-merge-refs/use-merge-refs.d.ts +6 -0
- package/dist/types/utilities/hooks/use-merge-refs/use-merge-refs.d.ts.map +1 -0
- package/dist/types/utilities/hooks/use-pagination/use-pagination.d.ts +82 -0
- package/dist/types/utilities/hooks/use-pagination/use-pagination.d.ts.map +1 -0
- package/dist/types/utilities/hooks/use-radio-group/use-radio-group.d.ts +56 -0
- package/dist/types/utilities/hooks/use-radio-group/use-radio-group.d.ts.map +1 -0
- package/dist/types/utilities/hooks/use-synchronized-animation/use-synchronized-animation.d.ts +16 -0
- package/dist/types/utilities/hooks/use-synchronized-animation/use-synchronized-animation.d.ts.map +1 -0
- package/dist/types/utilities/index.d.ts +13 -0
- package/dist/types/utilities/index.d.ts.map +1 -0
- package/dist/types/utilities/roving-focus/roving-focus-item.d.ts +17 -0
- package/dist/types/utilities/roving-focus/roving-focus-item.d.ts.map +1 -0
- package/dist/types/utilities/roving-focus/roving-focus-root.d.ts +34 -0
- package/dist/types/utilities/roving-focus/roving-focus-root.d.ts.map +1 -0
- package/dist/types/utilities/roving-focus/use-roving-focus.d.ts +298 -0
- package/dist/types/utilities/roving-focus/use-roving-focus.d.ts.map +1 -0
- package/dist/types/utilities/types.d.ts +6 -0
- package/dist/types/utilities/types.d.ts.map +1 -0
- package/package.json +73 -0
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import type { Color, ColorScheme, Size } from '@digdir/designsystemet-types';
|
|
2
|
+
|
|
3
|
+
declare global {
|
|
4
|
+
namespace React {
|
|
5
|
+
interface HTMLAttributes<T> {
|
|
6
|
+
/**
|
|
7
|
+
* Represents the recommended size options for the Designsystemet variables.
|
|
8
|
+
* - `'sm'`: Use the small size.
|
|
9
|
+
* - `'md'`: Use the medium size.
|
|
10
|
+
* - `'lg'`: Use the large size.
|
|
11
|
+
*/
|
|
12
|
+
'data-size'?: Size | (string & {});
|
|
13
|
+
/**
|
|
14
|
+
* Represents the available color options for the Designsystemet variables.
|
|
15
|
+
*
|
|
16
|
+
* These are augmented based on your theme configuration.
|
|
17
|
+
*
|
|
18
|
+
* Consist of both main and support colors
|
|
19
|
+
* @link https://theme.designsystemet.no
|
|
20
|
+
*/
|
|
21
|
+
'data-color'?: Color | (string & {});
|
|
22
|
+
/**
|
|
23
|
+
* Represents the available color scheme options for the Designsystemet variables.
|
|
24
|
+
* - `'light'`: Use the light color scheme.
|
|
25
|
+
* - `'dark'`: Use the dark color scheme.
|
|
26
|
+
* - `'auto'`: Automatically select the color scheme based on system preferences.
|
|
27
|
+
*/
|
|
28
|
+
'data-color-scheme'?: ColorScheme | (string & {});
|
|
29
|
+
// Make React 18 support popover attributes https://github.com/facebook/react/issues/27479
|
|
30
|
+
popovertarget?: string;
|
|
31
|
+
popover?: '' | 'auto' | 'manual' | 'hint';
|
|
32
|
+
}
|
|
33
|
+
// Make React support command attributes https://github.com/facebook/react/issues/27479
|
|
34
|
+
interface ButtonHTMLAttributes<T> extends React.HTMLAttributes<T> {
|
|
35
|
+
command?: string;
|
|
36
|
+
commandfor?: string;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,KAAK,EACL,cAAc,GACf,MAAM,8BAA8B,CAAC"}
|
|
@@ -0,0 +1,317 @@
|
|
|
1
|
+
import type { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import type { Option } from './useCombobox';
|
|
3
|
+
import type { FormFieldProps } from './useFormField/useFormField';
|
|
4
|
+
export type ComboboxProps = {
|
|
5
|
+
/**
|
|
6
|
+
* Label for the combobox.
|
|
7
|
+
*
|
|
8
|
+
* Passed label will be encapsulated by a `label` element.
|
|
9
|
+
*/
|
|
10
|
+
label?: ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* Visually hides `label` and `description` (still available for screen readers)
|
|
13
|
+
* @default false
|
|
14
|
+
*/
|
|
15
|
+
hideLabel?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* String array of selected options. Contains only one option during single selection mode.
|
|
18
|
+
*/
|
|
19
|
+
value?: string[];
|
|
20
|
+
/**
|
|
21
|
+
* String array of initial selected options. Contains only one option during single selection mode.
|
|
22
|
+
*/
|
|
23
|
+
initialValue?: string[];
|
|
24
|
+
/**
|
|
25
|
+
* Callback function that is called when the value changes
|
|
26
|
+
*/
|
|
27
|
+
onValueChange?: (value: string[]) => void;
|
|
28
|
+
/**
|
|
29
|
+
* Multiple options can be selected
|
|
30
|
+
* @default false
|
|
31
|
+
*/
|
|
32
|
+
multiple?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Name of the value when used in a formPuse
|
|
35
|
+
*/
|
|
36
|
+
name?: string;
|
|
37
|
+
/**
|
|
38
|
+
* Exposes the HTML `size` attribute.
|
|
39
|
+
* @default 0
|
|
40
|
+
*/
|
|
41
|
+
htmlSize?: number;
|
|
42
|
+
/**
|
|
43
|
+
* Hides chips when multiple options are selected
|
|
44
|
+
* @default false
|
|
45
|
+
*/
|
|
46
|
+
hideChips?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Hides the clear button
|
|
49
|
+
* @default false
|
|
50
|
+
*/
|
|
51
|
+
hideClearButton?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Label for the clear button
|
|
54
|
+
* @default 'Fjern alt'
|
|
55
|
+
*/
|
|
56
|
+
clearButtonLabel?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Enables virtualizing of options list.
|
|
59
|
+
* @see https://tanstack.com/virtual
|
|
60
|
+
* @default false
|
|
61
|
+
*/
|
|
62
|
+
virtual?: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* Value of the input field
|
|
65
|
+
*/
|
|
66
|
+
inputValue?: string;
|
|
67
|
+
/**
|
|
68
|
+
* Adds `aria-busy` and displays loading state for the Combobox
|
|
69
|
+
* All options will be hidden and replaced with a loading message.
|
|
70
|
+
* @default false
|
|
71
|
+
*/
|
|
72
|
+
loading?: boolean;
|
|
73
|
+
/**
|
|
74
|
+
* Text to display when the combobox is loading
|
|
75
|
+
* @default 'Laster...'
|
|
76
|
+
*/
|
|
77
|
+
loadingLabel?: string;
|
|
78
|
+
/**
|
|
79
|
+
* Filter function for filtering the list of options. Return `true` to show option, `false` to hide option.
|
|
80
|
+
* @param inputValue
|
|
81
|
+
* @param option
|
|
82
|
+
* @returns boolean
|
|
83
|
+
*
|
|
84
|
+
* @default (inputValue, option) => option.value.toLowerCase().startsWith(inputValue.toLowerCase())
|
|
85
|
+
*/
|
|
86
|
+
filter?: (inputValue: string, option: Option) => boolean;
|
|
87
|
+
/**
|
|
88
|
+
* Add a screen reader label to the chips
|
|
89
|
+
* @param option
|
|
90
|
+
* @returns string
|
|
91
|
+
*
|
|
92
|
+
* @default (option) => 'Slett ' + option.label,
|
|
93
|
+
*/
|
|
94
|
+
chipSrLabel?: (option: Option) => string;
|
|
95
|
+
/**
|
|
96
|
+
* Portals the floating element outside of the app root and into the body.
|
|
97
|
+
* @see https://floating-ui.com/docs/floatingportal
|
|
98
|
+
* @default false
|
|
99
|
+
*/
|
|
100
|
+
portal?: boolean;
|
|
101
|
+
} & FormFieldProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;
|
|
102
|
+
/**
|
|
103
|
+
* @deprecated Use `Suggestion` instead
|
|
104
|
+
*/
|
|
105
|
+
export declare const ComboboxComponent: import("react").ForwardRefExoticComponent<{
|
|
106
|
+
/**
|
|
107
|
+
* Label for the combobox.
|
|
108
|
+
*
|
|
109
|
+
* Passed label will be encapsulated by a `label` element.
|
|
110
|
+
*/
|
|
111
|
+
label?: ReactNode;
|
|
112
|
+
/**
|
|
113
|
+
* Visually hides `label` and `description` (still available for screen readers)
|
|
114
|
+
* @default false
|
|
115
|
+
*/
|
|
116
|
+
hideLabel?: boolean;
|
|
117
|
+
/**
|
|
118
|
+
* String array of selected options. Contains only one option during single selection mode.
|
|
119
|
+
*/
|
|
120
|
+
value?: string[];
|
|
121
|
+
/**
|
|
122
|
+
* String array of initial selected options. Contains only one option during single selection mode.
|
|
123
|
+
*/
|
|
124
|
+
initialValue?: string[];
|
|
125
|
+
/**
|
|
126
|
+
* Callback function that is called when the value changes
|
|
127
|
+
*/
|
|
128
|
+
onValueChange?: (value: string[]) => void;
|
|
129
|
+
/**
|
|
130
|
+
* Multiple options can be selected
|
|
131
|
+
* @default false
|
|
132
|
+
*/
|
|
133
|
+
multiple?: boolean;
|
|
134
|
+
/**
|
|
135
|
+
* Name of the value when used in a formPuse
|
|
136
|
+
*/
|
|
137
|
+
name?: string;
|
|
138
|
+
/**
|
|
139
|
+
* Exposes the HTML `size` attribute.
|
|
140
|
+
* @default 0
|
|
141
|
+
*/
|
|
142
|
+
htmlSize?: number;
|
|
143
|
+
/**
|
|
144
|
+
* Hides chips when multiple options are selected
|
|
145
|
+
* @default false
|
|
146
|
+
*/
|
|
147
|
+
hideChips?: boolean;
|
|
148
|
+
/**
|
|
149
|
+
* Hides the clear button
|
|
150
|
+
* @default false
|
|
151
|
+
*/
|
|
152
|
+
hideClearButton?: boolean;
|
|
153
|
+
/**
|
|
154
|
+
* Label for the clear button
|
|
155
|
+
* @default 'Fjern alt'
|
|
156
|
+
*/
|
|
157
|
+
clearButtonLabel?: string;
|
|
158
|
+
/**
|
|
159
|
+
* Enables virtualizing of options list.
|
|
160
|
+
* @see https://tanstack.com/virtual
|
|
161
|
+
* @default false
|
|
162
|
+
*/
|
|
163
|
+
virtual?: boolean;
|
|
164
|
+
/**
|
|
165
|
+
* Value of the input field
|
|
166
|
+
*/
|
|
167
|
+
inputValue?: string;
|
|
168
|
+
/**
|
|
169
|
+
* Adds `aria-busy` and displays loading state for the Combobox
|
|
170
|
+
* All options will be hidden and replaced with a loading message.
|
|
171
|
+
* @default false
|
|
172
|
+
*/
|
|
173
|
+
loading?: boolean;
|
|
174
|
+
/**
|
|
175
|
+
* Text to display when the combobox is loading
|
|
176
|
+
* @default 'Laster...'
|
|
177
|
+
*/
|
|
178
|
+
loadingLabel?: string;
|
|
179
|
+
/**
|
|
180
|
+
* Filter function for filtering the list of options. Return `true` to show option, `false` to hide option.
|
|
181
|
+
* @param inputValue
|
|
182
|
+
* @param option
|
|
183
|
+
* @returns boolean
|
|
184
|
+
*
|
|
185
|
+
* @default (inputValue, option) => option.value.toLowerCase().startsWith(inputValue.toLowerCase())
|
|
186
|
+
*/
|
|
187
|
+
filter?: (inputValue: string, option: Option) => boolean;
|
|
188
|
+
/**
|
|
189
|
+
* Add a screen reader label to the chips
|
|
190
|
+
* @param option
|
|
191
|
+
* @returns string
|
|
192
|
+
*
|
|
193
|
+
* @default (option) => 'Slett ' + option.label,
|
|
194
|
+
*/
|
|
195
|
+
chipSrLabel?: (option: Option) => string;
|
|
196
|
+
/**
|
|
197
|
+
* Portals the floating element outside of the app root and into the body.
|
|
198
|
+
* @see https://floating-ui.com/docs/floatingportal
|
|
199
|
+
* @default false
|
|
200
|
+
*/
|
|
201
|
+
portal?: boolean;
|
|
202
|
+
} & {
|
|
203
|
+
error?: ReactNode;
|
|
204
|
+
errorId?: string;
|
|
205
|
+
disabled?: boolean;
|
|
206
|
+
description?: ReactNode;
|
|
207
|
+
id?: string;
|
|
208
|
+
readOnly?: boolean;
|
|
209
|
+
size?: import("packages/types/dist/types").Size;
|
|
210
|
+
} & Pick<import("react").HTMLAttributes<HTMLElement>, "aria-describedby"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
211
|
+
export declare const Combobox: import("react").ForwardRefExoticComponent<{
|
|
212
|
+
/**
|
|
213
|
+
* Label for the combobox.
|
|
214
|
+
*
|
|
215
|
+
* Passed label will be encapsulated by a `label` element.
|
|
216
|
+
*/
|
|
217
|
+
label?: ReactNode;
|
|
218
|
+
/**
|
|
219
|
+
* Visually hides `label` and `description` (still available for screen readers)
|
|
220
|
+
* @default false
|
|
221
|
+
*/
|
|
222
|
+
hideLabel?: boolean;
|
|
223
|
+
/**
|
|
224
|
+
* String array of selected options. Contains only one option during single selection mode.
|
|
225
|
+
*/
|
|
226
|
+
value?: string[];
|
|
227
|
+
/**
|
|
228
|
+
* String array of initial selected options. Contains only one option during single selection mode.
|
|
229
|
+
*/
|
|
230
|
+
initialValue?: string[];
|
|
231
|
+
/**
|
|
232
|
+
* Callback function that is called when the value changes
|
|
233
|
+
*/
|
|
234
|
+
onValueChange?: (value: string[]) => void;
|
|
235
|
+
/**
|
|
236
|
+
* Multiple options can be selected
|
|
237
|
+
* @default false
|
|
238
|
+
*/
|
|
239
|
+
multiple?: boolean;
|
|
240
|
+
/**
|
|
241
|
+
* Name of the value when used in a formPuse
|
|
242
|
+
*/
|
|
243
|
+
name?: string;
|
|
244
|
+
/**
|
|
245
|
+
* Exposes the HTML `size` attribute.
|
|
246
|
+
* @default 0
|
|
247
|
+
*/
|
|
248
|
+
htmlSize?: number;
|
|
249
|
+
/**
|
|
250
|
+
* Hides chips when multiple options are selected
|
|
251
|
+
* @default false
|
|
252
|
+
*/
|
|
253
|
+
hideChips?: boolean;
|
|
254
|
+
/**
|
|
255
|
+
* Hides the clear button
|
|
256
|
+
* @default false
|
|
257
|
+
*/
|
|
258
|
+
hideClearButton?: boolean;
|
|
259
|
+
/**
|
|
260
|
+
* Label for the clear button
|
|
261
|
+
* @default 'Fjern alt'
|
|
262
|
+
*/
|
|
263
|
+
clearButtonLabel?: string;
|
|
264
|
+
/**
|
|
265
|
+
* Enables virtualizing of options list.
|
|
266
|
+
* @see https://tanstack.com/virtual
|
|
267
|
+
* @default false
|
|
268
|
+
*/
|
|
269
|
+
virtual?: boolean;
|
|
270
|
+
/**
|
|
271
|
+
* Value of the input field
|
|
272
|
+
*/
|
|
273
|
+
inputValue?: string;
|
|
274
|
+
/**
|
|
275
|
+
* Adds `aria-busy` and displays loading state for the Combobox
|
|
276
|
+
* All options will be hidden and replaced with a loading message.
|
|
277
|
+
* @default false
|
|
278
|
+
*/
|
|
279
|
+
loading?: boolean;
|
|
280
|
+
/**
|
|
281
|
+
* Text to display when the combobox is loading
|
|
282
|
+
* @default 'Laster...'
|
|
283
|
+
*/
|
|
284
|
+
loadingLabel?: string;
|
|
285
|
+
/**
|
|
286
|
+
* Filter function for filtering the list of options. Return `true` to show option, `false` to hide option.
|
|
287
|
+
* @param inputValue
|
|
288
|
+
* @param option
|
|
289
|
+
* @returns boolean
|
|
290
|
+
*
|
|
291
|
+
* @default (inputValue, option) => option.value.toLowerCase().startsWith(inputValue.toLowerCase())
|
|
292
|
+
*/
|
|
293
|
+
filter?: (inputValue: string, option: Option) => boolean;
|
|
294
|
+
/**
|
|
295
|
+
* Add a screen reader label to the chips
|
|
296
|
+
* @param option
|
|
297
|
+
* @returns string
|
|
298
|
+
*
|
|
299
|
+
* @default (option) => 'Slett ' + option.label,
|
|
300
|
+
*/
|
|
301
|
+
chipSrLabel?: (option: Option) => string;
|
|
302
|
+
/**
|
|
303
|
+
* Portals the floating element outside of the app root and into the body.
|
|
304
|
+
* @see https://floating-ui.com/docs/floatingportal
|
|
305
|
+
* @default false
|
|
306
|
+
*/
|
|
307
|
+
portal?: boolean;
|
|
308
|
+
} & {
|
|
309
|
+
error?: ReactNode;
|
|
310
|
+
errorId?: string;
|
|
311
|
+
disabled?: boolean;
|
|
312
|
+
description?: ReactNode;
|
|
313
|
+
id?: string;
|
|
314
|
+
readOnly?: boolean;
|
|
315
|
+
size?: import("packages/types/dist/types").Size;
|
|
316
|
+
} & Pick<import("react").HTMLAttributes<HTMLElement>, "aria-describedby"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
317
|
+
//# sourceMappingURL=Combobox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAY5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAI5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAIlE,MAAM,MAAM,aAAa,GAAG;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACzD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,cAAc,GAChB,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,iBAAiB;IAtG5B;;;;OAIG;YACK,SAAS;IACjB;;;OAGG;gBACS,OAAO;IACnB;;OAEG;YACK,MAAM,EAAE;IAChB;;OAEG;mBACY,MAAM,EAAE;IACvB;;OAEG;oBACa,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;eACQ,OAAO;IAClB;;OAEG;WACI,MAAM;IACb;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;gBACS,OAAO;IACnB;;;OAGG;sBACe,OAAO;IACzB;;;OAGG;uBACgB,MAAM;IACzB;;;;OAIG;cACO,OAAO;IACjB;;OAEG;iBACU,MAAM;IACnB;;;;OAIG;cACO,OAAO;IACjB;;;OAGG;mBACY,MAAM;IACrB;;;;;;;OAOG;aACM,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;kBACW,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM;IACxC;;;;OAIG;aACM,OAAO;;;;;;;;;kLA8WjB,CAAC;AAEF,eAAO,MAAM,QAAQ;IA/cnB;;;;OAIG;YACK,SAAS;IACjB;;;OAGG;gBACS,OAAO;IACnB;;OAEG;YACK,MAAM,EAAE;IAChB;;OAEG;mBACY,MAAM,EAAE;IACvB;;OAEG;oBACa,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;eACQ,OAAO;IAClB;;OAEG;WACI,MAAM;IACb;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;gBACS,OAAO;IACnB;;;OAGG;sBACe,OAAO;IACzB;;;OAGG;uBACgB,MAAM;IACzB;;;;OAIG;cACO,OAAO;IACjB;;OAEG;iBACU,MAAM;IACnB;;;;OAIG;cACO,OAAO;IACjB;;;OAGG;mBACY,MAAM;IACrB;;;;;;;OAOG;aACM,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;kBACW,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM;IACxC;;;;OAIG;aACM,OAAO;;;;;;;;;kLAsXjB,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import type { UseFloatingReturn, UseListNavigationProps, useInteractions } from '@floating-ui/react';
|
|
2
|
+
import type { Dispatch, Ref, RefObject, SetStateAction } from 'react';
|
|
3
|
+
import type { ComboboxProps } from './Combobox';
|
|
4
|
+
import type { Option, useCombobox } from './useCombobox';
|
|
5
|
+
import type { useFormField } from './useFormField/useFormField';
|
|
6
|
+
export type ComboboxContextType = {
|
|
7
|
+
multiple: NonNullable<ComboboxProps['multiple']>;
|
|
8
|
+
disabled: NonNullable<ComboboxProps['disabled']>;
|
|
9
|
+
readOnly: NonNullable<ComboboxProps['readOnly']>;
|
|
10
|
+
htmlSize: ComboboxProps['htmlSize'];
|
|
11
|
+
clearButtonLabel: NonNullable<ComboboxProps['clearButtonLabel']>;
|
|
12
|
+
filteredOptions: ReturnType<typeof useCombobox>['filteredOptions'];
|
|
13
|
+
options: {
|
|
14
|
+
[key: string]: Option;
|
|
15
|
+
};
|
|
16
|
+
selectedOptions: {
|
|
17
|
+
[key: string]: Option;
|
|
18
|
+
};
|
|
19
|
+
size: NonNullable<ComboboxProps['size']>;
|
|
20
|
+
formFieldProps: ReturnType<typeof useFormField>;
|
|
21
|
+
refs: UseFloatingReturn['refs'];
|
|
22
|
+
inputRef: RefObject<HTMLInputElement | null>;
|
|
23
|
+
open: boolean;
|
|
24
|
+
inputValue: string;
|
|
25
|
+
customIds: string[];
|
|
26
|
+
setInputValue: Dispatch<SetStateAction<string>>;
|
|
27
|
+
setOpen: (open: boolean) => void;
|
|
28
|
+
getReferenceProps: (props?: Record<string, unknown>) => Record<string, unknown>;
|
|
29
|
+
getItemProps: ReturnType<typeof useInteractions>['getItemProps'];
|
|
30
|
+
onOptionClick: (value: string) => void;
|
|
31
|
+
chipSrLabel: NonNullable<ComboboxProps['chipSrLabel']>;
|
|
32
|
+
handleSelectOption: (args: {
|
|
33
|
+
option: Option | null;
|
|
34
|
+
remove?: boolean;
|
|
35
|
+
clear?: boolean;
|
|
36
|
+
}) => void;
|
|
37
|
+
listRef: UseListNavigationProps['listRef'];
|
|
38
|
+
forwareddRef: Ref<HTMLInputElement>;
|
|
39
|
+
setListRef: (index: number, ref: HTMLElement | null) => void;
|
|
40
|
+
};
|
|
41
|
+
export declare const ComboboxContext: import("react").Context<ComboboxContextType | undefined>;
|
|
42
|
+
//# sourceMappingURL=ComboboxContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACtB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEhE,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,gBAAgB,EAAE,WAAW,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACjE,eAAe,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACnE,OAAO,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,eAAe,EAAE;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,cAAc,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IAChD,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC7C,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,iBAAiB,EAAE,CACjB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC5B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,YAAY,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,cAAc,CAAC,CAAC;IACjE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;IACvD,kBAAkB,EAAE,CAAC,IAAI,EAAE;QACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB,KAAK,IAAI,CAAC;IACX,OAAO,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACpC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF,eAAO,MAAM,eAAe,0DAE3B,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { Dispatch, ReactNode } from 'react';
|
|
2
|
+
type ComboboxIdContextType = {
|
|
3
|
+
activeIndex: number;
|
|
4
|
+
};
|
|
5
|
+
export declare const ComboboxIdContext: import("react").Context<ComboboxIdContextType>;
|
|
6
|
+
type SetActiveIndexAction = {
|
|
7
|
+
type: 'SET_ACTIVE_INDEX';
|
|
8
|
+
payload: number;
|
|
9
|
+
};
|
|
10
|
+
type ComboboxIdReducerAction = SetActiveIndexAction;
|
|
11
|
+
export declare const ComboboxIdReducer: (state: ComboboxIdContextType, action: ComboboxIdReducerAction) => ComboboxIdContextType;
|
|
12
|
+
export declare const ComboboxIdDispatch: import("react").Context<Dispatch<SetActiveIndexAction>>;
|
|
13
|
+
export declare const ComboboxIdProvider: ({ children }: {
|
|
14
|
+
children: ReactNode;
|
|
15
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare function useComboboxIdDispatch(): Dispatch<SetActiveIndexAction>;
|
|
17
|
+
export declare function useComboboxId(): ComboboxIdContextType;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=ComboboxIdContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComboboxIdContext.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxIdContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,gDAE5B,CAAC;AAEH,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,kBAAkB,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,uBAAuB,GAAG,oBAAoB,CAAC;AAEpD,eAAO,MAAM,iBAAiB,GAC5B,OAAO,qBAAqB,EAC5B,QAAQ,uBAAuB,0BAWhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,yDAI7B,CAAC;AAEH,eAAO,MAAM,kBAAkB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAYvE,CAAC;AAEF,wBAAgB,qBAAqB,mCAEpC;AAED,wBAAgB,aAAa,0BAE5B"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
|
+
type InteractiveProps = {
|
|
3
|
+
interactive: true;
|
|
4
|
+
id: string;
|
|
5
|
+
};
|
|
6
|
+
type NonInteractiveProps = {
|
|
7
|
+
interactive?: false;
|
|
8
|
+
id?: string;
|
|
9
|
+
};
|
|
10
|
+
export type ComboboxCustomProps = {
|
|
11
|
+
/**
|
|
12
|
+
* Adds the item to the navigation flow at the start of the list.
|
|
13
|
+
* @default false
|
|
14
|
+
*/
|
|
15
|
+
interactive?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Required if the element is interactive.
|
|
18
|
+
*/
|
|
19
|
+
id?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Event handler for select event.
|
|
22
|
+
* Only called if the element is interactive.
|
|
23
|
+
*/
|
|
24
|
+
onSelect?: () => void;
|
|
25
|
+
/**
|
|
26
|
+
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
27
|
+
* @default false
|
|
28
|
+
*/
|
|
29
|
+
asChild?: boolean;
|
|
30
|
+
} & HTMLAttributes<HTMLDivElement> & (InteractiveProps | NonInteractiveProps);
|
|
31
|
+
declare const ComboboxCustom: import("react").ForwardRefExoticComponent<ComboboxCustomProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
32
|
+
export { ComboboxCustom };
|
|
33
|
+
//# sourceMappingURL=Custom.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Custom.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Custom.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,KAAK,gBAAgB,GAAG;IACtB,WAAW,EAAE,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,GAChC,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;AAE3C,QAAA,MAAM,cAAc,gHA+CnB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
|
+
export type ComboboxEmptyProps = HTMLAttributes<HTMLDivElement>;
|
|
3
|
+
declare const ComboboxEmpty: import("react").ForwardRefExoticComponent<ComboboxEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
export { ComboboxEmpty };
|
|
5
|
+
//# sourceMappingURL=Empty.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Empty.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Empty.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,QAAA,MAAM,aAAa,+GAuBlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
|
+
type ComboboxOptionDescriptionProps = HTMLAttributes<HTMLSpanElement>;
|
|
3
|
+
declare const ComboboxOptionDescription: import("react").ForwardRefExoticComponent<ComboboxOptionDescriptionProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
4
|
+
export default ComboboxOptionDescription;
|
|
5
|
+
//# sourceMappingURL=Description.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Option/Description.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,KAAK,8BAA8B,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEtE,QAAA,MAAM,yBAAyB,4HAa7B,CAAC;AAIH,eAAe,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes, ReactElement, ReactNode } from 'react';
|
|
2
|
+
export type ComboboxOptionProps = {
|
|
3
|
+
/**
|
|
4
|
+
* The value returned when the option is selected
|
|
5
|
+
*/
|
|
6
|
+
value: string;
|
|
7
|
+
/**
|
|
8
|
+
* The index of the option in the list, will be overwritten by Combobox.
|
|
9
|
+
*/
|
|
10
|
+
description?: string;
|
|
11
|
+
/**
|
|
12
|
+
* The text displayed in the input or in the chips when the option is selected.
|
|
13
|
+
* Required if children is not composed of strings only.
|
|
14
|
+
*/
|
|
15
|
+
displayValue?: string;
|
|
16
|
+
} & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
17
|
+
declare const ComboboxOption: import("react").NamedExoticComponent<{
|
|
18
|
+
/**
|
|
19
|
+
* The value returned when the option is selected
|
|
20
|
+
*/
|
|
21
|
+
value: string;
|
|
22
|
+
/**
|
|
23
|
+
* The index of the option in the list, will be overwritten by Combobox.
|
|
24
|
+
*/
|
|
25
|
+
description?: string;
|
|
26
|
+
/**
|
|
27
|
+
* The text displayed in the input or in the chips when the option is selected.
|
|
28
|
+
* Required if children is not composed of strings only.
|
|
29
|
+
*/
|
|
30
|
+
displayValue?: string;
|
|
31
|
+
} & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
32
|
+
export { ComboboxOption };
|
|
33
|
+
export declare function isComboboxOption(child: ReactNode): child is ReactElement<ComboboxOptionProps>;
|
|
34
|
+
//# sourceMappingURL=Option.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Option/Option.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAS3E,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,QAAA,MAAM,cAAc;IAflB;;OAEG;WACI,MAAM;IACb;;OAEG;kBACW,MAAM;IACpB;;;OAGG;mBACY,MAAM;+FAmEtB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
type SelectedIconProps = {
|
|
2
|
+
multiple: boolean;
|
|
3
|
+
selected: boolean;
|
|
4
|
+
};
|
|
5
|
+
declare const SelectedIcon: {
|
|
6
|
+
({ multiple, selected }: SelectedIconProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
displayName: string;
|
|
8
|
+
};
|
|
9
|
+
export { SelectedIcon };
|
|
10
|
+
//# sourceMappingURL=SelectedIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectedIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Option/SelectedIcon.tsx"],"names":[],"mappings":"AAGA,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,YAAY;6BAA4B,iBAAiB;;CAgB9D,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Ref } from 'react';
|
|
2
|
+
import type { Option } from '../useCombobox';
|
|
3
|
+
type UseComboboxOptionProps = {
|
|
4
|
+
id?: string;
|
|
5
|
+
ref: Ref<HTMLButtonElement>;
|
|
6
|
+
value: string;
|
|
7
|
+
};
|
|
8
|
+
type UseComboboxOptionReturn = {
|
|
9
|
+
id: string;
|
|
10
|
+
ref: Ref<HTMLButtonElement>;
|
|
11
|
+
selected: Option;
|
|
12
|
+
active: boolean;
|
|
13
|
+
onOptionClick: () => void;
|
|
14
|
+
};
|
|
15
|
+
export declare const useComboboxOption: ({ id, ref, value, }: UseComboboxOptionProps) => UseComboboxOptionReturn;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=useComboboxOption.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useComboboxOption.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Option/useComboboxOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAMjC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAG7C,KAAK,sBAAsB,GAAG;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,qBAI/B,sBAAsB,KAAG,uBAuD3B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/data/data.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;GAylEhB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Combobox as ComboboxRoot } from './Combobox';
|
|
2
|
+
import { ComboboxEmpty } from './Empty';
|
|
3
|
+
import { ComboboxOption } from './Option/Option';
|
|
4
|
+
type ComboboxComponent = typeof ComboboxRoot & {
|
|
5
|
+
Option: typeof ComboboxOption;
|
|
6
|
+
Empty: typeof ComboboxEmpty;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* @deprecated Use `Suggestion` instead
|
|
10
|
+
*/
|
|
11
|
+
declare const Combobox: ComboboxComponent;
|
|
12
|
+
export type { ComboboxProps } from './Combobox';
|
|
13
|
+
export type { ComboboxEmptyProps } from './Empty';
|
|
14
|
+
export type { ComboboxOptionProps } from './Option/Option';
|
|
15
|
+
export { Combobox, ComboboxEmpty, ComboboxOption };
|
|
16
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,KAAK,iBAAiB,GAAG,OAAO,YAAY,GAAG;IAC7C,MAAM,EAAE,OAAO,cAAc,CAAC;IAC9B,KAAK,EAAE,OAAO,aAAa,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,QAAQ,EAAmB,iBAAiB,CAAC;AAQnD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComboboxChips.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/internal/ComboboxChips.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,aAAa;;;CAsDlB,CAAC;AAIF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes } from 'react';
|
|
2
|
+
declare const ComboboxClearButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
3
|
+
export default ComboboxClearButton;
|
|
4
|
+
//# sourceMappingURL=ComboboxClearButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComboboxClearButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/internal/ComboboxClearButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAKlD,QAAA,MAAM,mBAAmB,uIAqCvB,CAAC;AAIH,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ComboboxProps } from '../Combobox';
|
|
2
|
+
import type { useFormField } from '../useFormField/useFormField';
|
|
3
|
+
type ComboboxErrorProps = {
|
|
4
|
+
size: ComboboxProps['size'];
|
|
5
|
+
error?: ComboboxProps['error'];
|
|
6
|
+
formFieldProps: ReturnType<typeof useFormField>;
|
|
7
|
+
};
|
|
8
|
+
declare const ComboboxError: {
|
|
9
|
+
({ size, error, formFieldProps }: ComboboxErrorProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
export default ComboboxError;
|
|
13
|
+
//# sourceMappingURL=ComboboxError.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComboboxError.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/internal/ComboboxError.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,cAAc,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;CACjD,CAAC;AAEF,QAAA,MAAM,aAAa;sCAAqC,kBAAkB;;CAWzE,CAAC;AAIF,eAAe,aAAa,CAAC"}
|