@reapit/elements 5.0.0-beta.61 → 5.0.0-beta.62
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/dist/js/{anchor-positioning-B1GaMHJG.js → anchor-positioning-BE1BAJzc.js} +1 -1
- package/dist/js/{anchor-positioning-CLE_h1Lf.cjs → anchor-positioning-DGfgb1OU.cjs} +1 -1
- package/dist/js/{app-switcher-BJ3QVShT.cjs → app-switcher-BVWKLNBP.cjs} +1 -1
- package/dist/js/{app-switcher-DxTGg961.js → app-switcher-DgZcEQS0.js} +3 -3
- package/dist/js/at-a-glance-Dk4sZwAl.js +330 -0
- package/dist/js/at-a-glance-Xj0li1Dm.cjs +1 -0
- package/dist/js/autocomplete-BbOHe_2t.js +58 -0
- package/dist/js/autocomplete-D0vKABmX.cjs +1 -0
- package/dist/js/autocomplete-control-Ddah11Qw.js +43 -0
- package/dist/js/autocomplete-control-IlAuj9Gg.cjs +1 -0
- package/dist/js/{badge-Zx--ZLW_.cjs → badge-DZ7zeLug.cjs} +1 -1
- package/dist/js/{badge-BpKFyHEh.js → badge-ntRw2gnO.js} +1 -1
- package/dist/js/{bottom-bar-DTz-l7Au.cjs → bottom-bar-BaunqLTn.cjs} +1 -1
- package/dist/js/{bottom-bar-BxBYIIOf.js → bottom-bar-BgqRBSgu.js} +1 -1
- package/dist/js/checkbox-control-BX5tvR42.js +23 -0
- package/dist/js/checkbox-control-DV_psN4F.cjs +1 -0
- package/dist/js/checkbox-group-control-O_wPnLhn.js +80 -0
- package/dist/js/checkbox-group-control-STqRmURg.cjs +1 -0
- package/dist/js/chip-group-66bqmP7S.cjs +1 -0
- package/dist/js/chip-group-Bbc7ODc9.js +55 -0
- package/dist/js/chip-select-control-DAEVXXLk.cjs +1 -0
- package/dist/js/chip-select-control-DXaemJHi.js +38 -0
- package/dist/js/combobox-DmzxFDJp.cjs +1 -0
- package/dist/js/combobox-vYU1IEFA.js +690 -0
- package/dist/js/core/app-switcher.cjs +1 -1
- package/dist/js/core/app-switcher.js +1 -1
- package/dist/js/core/at-a-glance.cjs +1 -1
- package/dist/js/core/at-a-glance.js +13 -14
- package/dist/js/core/autocomplete-control.cjs +1 -0
- package/dist/js/core/autocomplete-control.js +4 -0
- package/dist/js/core/autocomplete.cjs +1 -0
- package/dist/js/core/autocomplete.js +6 -0
- package/dist/js/core/badge.cjs +1 -1
- package/dist/js/core/badge.js +1 -1
- package/dist/js/core/bottom-bar.cjs +1 -1
- package/dist/js/core/bottom-bar.js +1 -1
- package/dist/js/core/checkbox-control.cjs +1 -1
- package/dist/js/core/checkbox-control.js +1 -1
- package/dist/js/core/checkbox-group-control.cjs +1 -1
- package/dist/js/core/checkbox-group-control.js +1 -1
- package/dist/js/core/chip-group.cjs +1 -1
- package/dist/js/core/chip-group.js +1 -1
- package/dist/js/core/chip-select-control.cjs +1 -1
- package/dist/js/core/chip-select-control.js +1 -1
- package/dist/js/core/combobox.cjs +1 -1
- package/dist/js/core/combobox.js +46 -35
- package/dist/js/core/compact-select.cjs +1 -0
- package/dist/js/core/compact-select.js +68 -0
- package/dist/js/core/date-time-control.cjs +1 -1
- package/dist/js/core/date-time-control.js +1 -1
- package/dist/js/core/features.cjs +1 -1
- package/dist/js/core/features.js +1 -1
- package/dist/js/core/menu.cjs +1 -1
- package/dist/js/core/menu.js +1 -1
- package/dist/js/core/radio-group-control.cjs +1 -1
- package/dist/js/core/radio-group-control.js +1 -1
- package/dist/js/core/search-input.cjs +1 -1
- package/dist/js/core/search-input.js +3 -2
- package/dist/js/core/select-control.cjs +1 -0
- package/dist/js/core/select-control.js +4 -0
- package/dist/js/core/select-native-control.cjs +1 -1
- package/dist/js/core/select-native-control.js +1 -1
- package/dist/js/core/select.cjs +1 -0
- package/dist/js/core/select.js +6 -0
- package/dist/js/core/side-bar.cjs +1 -1
- package/dist/js/core/side-bar.js +1 -1
- package/dist/js/core/split-button.cjs +1 -1
- package/dist/js/core/split-button.js +1 -1
- package/dist/js/core/table.cjs +1 -1
- package/dist/js/core/table.js +1 -1
- package/dist/js/core/text-control.cjs +1 -1
- package/dist/js/core/text-control.js +1 -1
- package/dist/js/core/textarea-control.cjs +1 -1
- package/dist/js/core/textarea-control.js +1 -1
- package/dist/js/core/tooltip.cjs +1 -1
- package/dist/js/core/tooltip.js +1 -1
- package/dist/js/core/top-bar.cjs +1 -1
- package/dist/js/core/top-bar.js +1 -1
- package/dist/js/css-anchor-positioning-fn-BAjj14xc.cjs +17 -0
- package/dist/js/{css-anchor-positioning-fn-8Er8T2lM.js → css-anchor-positioning-fn-CoDEvwLG.js} +3596 -3520
- package/dist/js/date-time-control-B7ijIShP.cjs +1 -0
- package/dist/js/date-time-control-BQ6exDEj.js +35 -0
- package/dist/js/deprecated/modal.cjs +1 -1
- package/dist/js/deprecated/modal.js +1 -1
- package/dist/js/deprecated/select.cjs +1 -1
- package/dist/js/deprecated/select.js +3 -3
- package/dist/js/{features-CZgcOqCG.js → features-CrKtIrzO.js} +1 -1
- package/dist/js/{features-C84sWzat.cjs → features-kOnpc8sr.cjs} +1 -1
- package/dist/js/index.cjs +1 -1
- package/dist/js/index.js +877 -854
- package/dist/js/lab/select-custom.cjs +1 -1
- package/dist/js/lab/select-custom.js +4 -4
- package/dist/js/listbox-WqmeAQ3c.cjs +1 -0
- package/dist/js/listbox-z26X2kKG.js +335 -0
- package/dist/js/{menu-D9gFfy6f.js → menu-C1vGEA92.js} +43 -37
- package/dist/js/menu-GxHkUuv-.cjs +1 -0
- package/dist/js/{modal-DKlfnpvX.js → modal-DHGiIVEh.js} +25 -25
- package/dist/js/modal-DtRra0Y8.cjs +1 -0
- package/dist/js/{popover-CBn3dqXl.js → popover-CH-6Mc2I.js} +1 -1
- package/dist/js/{popover-CbOEj92d.cjs → popover-CUAeSUdU.cjs} +1 -1
- package/dist/js/radio-group-control--oDDh_mt.cjs +1 -0
- package/dist/js/radio-group-control-CIi2IzvJ.js +115 -0
- package/dist/js/search-input-P7uo0pIh.js +79 -0
- package/dist/js/search-input-iGgUwfw7.cjs +1 -0
- package/dist/js/select-BcO4bwIu.cjs +1 -0
- package/dist/js/select-CUsOgdsQ.js +53 -0
- package/dist/js/select-CsCYHJSX.cjs +1 -0
- package/dist/js/select-GBZSXtmy.js +22 -0
- package/dist/js/select-control-DtOt-YWz.cjs +1 -0
- package/dist/js/select-control-k3vB6VlD.js +48 -0
- package/dist/js/select-native-control-D754Vcty.js +35 -0
- package/dist/js/select-native-control-lF3GUKy8.cjs +1 -0
- package/dist/js/{side-bar-jvQgNSjh.js → side-bar-BIh8Gmz0.js} +1 -1
- package/dist/js/{side-bar-DmHftRpF.cjs → side-bar-wQGhHxQE.cjs} +1 -1
- package/dist/js/{split-button-WGJ19cIj.cjs → split-button-Bbbg58PG.cjs} +1 -1
- package/dist/js/{split-button-wezejHqc.js → split-button-Bx14hvm7.js} +1 -1
- package/dist/js/style.css +1 -1
- package/dist/js/table-BVWjirIs.cjs +1 -0
- package/dist/js/{table-19vtq5fP.js → table-Hr5aWZeT.js} +2 -2
- package/dist/js/text-control-BuUv9ihH.js +35 -0
- package/dist/js/text-control-DJsYUo8t.cjs +1 -0
- package/dist/js/textarea-control-BUMon2es.cjs +1 -0
- package/dist/js/textarea-control-CQI7qpuH.js +35 -0
- package/dist/js/{tooltip-BdHUoiNa.js → tooltip-AKtYPwAT.js} +1 -1
- package/dist/js/{tooltip-D5C0ub0E.cjs → tooltip-CXN3ioZt.cjs} +1 -1
- package/dist/js/{top-bar-C9AXulG6.cjs → top-bar-CJerQrcH.cjs} +1 -1
- package/dist/js/{top-bar-BkvYrpXe.js → top-bar-n7rICsQe.js} +2 -2
- package/dist/js/utils/anchor-positioning.cjs +1 -1
- package/dist/js/utils/anchor-positioning.js +1 -1
- package/dist/js/utils/listbox.cjs +1 -1
- package/dist/js/utils/listbox.js +9 -8
- package/dist/js/utils/popover.cjs +1 -1
- package/dist/js/utils/popover.js +2 -2
- package/dist/types/core/at-a-glance/carousel/carousel.d.ts.map +1 -1
- package/dist/types/core/at-a-glance/carousel/index.d.ts +0 -1
- package/dist/types/core/at-a-glance/carousel/index.d.ts.map +1 -1
- package/dist/types/core/at-a-glance/carousel/scroll-container-left.d.ts.map +1 -1
- package/dist/types/core/at-a-glance/carousel/scroll-container-right.d.ts.map +1 -1
- package/dist/types/core/at-a-glance/carousel/styles.d.ts.map +1 -1
- package/dist/types/core/at-a-glance/grid/styles.d.ts.map +1 -1
- package/dist/types/core/at-a-glance/listbox/listbox-option.d.ts +2 -2
- package/dist/types/core/at-a-glance/listbox/listbox-option.d.ts.map +1 -1
- package/dist/types/core/at-a-glance/listbox/styles.d.ts +2 -0
- package/dist/types/core/at-a-glance/listbox/styles.d.ts.map +1 -0
- package/dist/types/core/autocomplete/__tests__/autocomplete-button.test.d.ts +2 -0
- package/dist/types/core/autocomplete/__tests__/autocomplete-button.test.d.ts.map +1 -0
- package/dist/types/core/autocomplete/__tests__/autocomplete-popup.test.d.ts +2 -0
- package/dist/types/core/autocomplete/__tests__/autocomplete-popup.test.d.ts.map +1 -0
- package/dist/types/core/autocomplete/__tests__/autocomplete.test.d.ts +2 -0
- package/dist/types/core/autocomplete/__tests__/autocomplete.test.d.ts.map +1 -0
- package/dist/types/core/autocomplete/autocomplete-button.d.ts +19 -0
- package/dist/types/core/autocomplete/autocomplete-button.d.ts.map +1 -0
- package/dist/types/core/autocomplete/autocomplete-popup.d.ts +19 -0
- package/dist/types/core/autocomplete/autocomplete-popup.d.ts.map +1 -0
- package/dist/types/core/autocomplete/autocomplete.d.ts +55 -0
- package/dist/types/core/autocomplete/autocomplete.d.ts.map +1 -0
- package/dist/types/core/autocomplete/autocomplete.stories.d.ts +603 -0
- package/dist/types/core/autocomplete/autocomplete.stories.d.ts.map +1 -0
- package/dist/types/core/autocomplete/index.d.ts +4 -0
- package/dist/types/core/autocomplete/index.d.ts.map +1 -0
- package/dist/types/core/autocomplete-control/__tests__/autocomplete-control.test.d.ts +2 -0
- package/dist/types/core/autocomplete-control/__tests__/autocomplete-control.test.d.ts.map +1 -0
- package/dist/types/core/autocomplete-control/autocomplete-control.d.ts +24 -0
- package/dist/types/core/autocomplete-control/autocomplete-control.d.ts.map +1 -0
- package/dist/types/core/autocomplete-control/autocomplete-control.stories.d.ts +70 -0
- package/dist/types/core/autocomplete-control/autocomplete-control.stories.d.ts.map +1 -0
- package/dist/types/core/autocomplete-control/index.d.ts +2 -0
- package/dist/types/core/autocomplete-control/index.d.ts.map +1 -0
- package/dist/types/core/checkbox-group-control/checkbox-group-control.d.ts.map +1 -1
- package/dist/types/core/chip-group/chip-group-item.d.ts +6 -4
- package/dist/types/core/chip-group/chip-group-item.d.ts.map +1 -1
- package/dist/types/core/chip-group/chip-group.d.ts +18 -2
- package/dist/types/core/chip-group/chip-group.d.ts.map +1 -1
- package/dist/types/core/chip-group/chip-group.stories.d.ts +15 -2
- package/dist/types/core/chip-group/chip-group.stories.d.ts.map +1 -1
- package/dist/types/core/chip-group/context.d.ts +21 -0
- package/dist/types/core/chip-group/context.d.ts.map +1 -0
- package/dist/types/core/chip-select-control/chip-select-control.d.ts.map +1 -1
- package/dist/types/core/combobox/__tests__/get-listbox-id.test.d.ts +2 -0
- package/dist/types/core/combobox/__tests__/get-listbox-id.test.d.ts.map +1 -0
- package/dist/types/core/combobox/__tests__/get-popup-id.test.d.ts +2 -0
- package/dist/types/core/combobox/__tests__/get-popup-id.test.d.ts.map +1 -0
- package/dist/types/core/combobox/__tests__/use-has-selection.test.d.ts +2 -0
- package/dist/types/core/combobox/__tests__/use-has-selection.test.d.ts.map +1 -0
- package/dist/types/core/combobox/__tests__/use-state.test.d.ts +2 -0
- package/dist/types/core/combobox/__tests__/use-state.test.d.ts.map +1 -0
- package/dist/types/core/combobox/button/button.d.ts +5 -1
- package/dist/types/core/combobox/button/button.d.ts.map +1 -1
- package/dist/types/core/combobox/button/button.stories.d.ts +10 -1
- package/dist/types/core/combobox/button/button.stories.d.ts.map +1 -1
- package/dist/types/core/combobox/button/styles.d.ts +1 -0
- package/dist/types/core/combobox/button/styles.d.ts.map +1 -1
- package/dist/types/core/combobox/combobox.d.ts +74 -15
- package/dist/types/core/combobox/combobox.d.ts.map +1 -1
- package/dist/types/core/combobox/combobox.stories.d.ts +23 -6
- package/dist/types/core/combobox/combobox.stories.d.ts.map +1 -1
- package/dist/types/core/combobox/context.d.ts +14 -7
- package/dist/types/core/combobox/context.d.ts.map +1 -1
- package/dist/types/core/combobox/default-options-context.d.ts +14 -0
- package/dist/types/core/combobox/default-options-context.d.ts.map +1 -0
- package/dist/types/core/combobox/get-listbox-id.d.ts +7 -0
- package/dist/types/core/combobox/get-listbox-id.d.ts.map +1 -0
- package/dist/types/core/combobox/get-popup-id.d.ts +7 -0
- package/dist/types/core/combobox/get-popup-id.d.ts.map +1 -0
- package/dist/types/core/combobox/index.d.ts +4 -3
- package/dist/types/core/combobox/index.d.ts.map +1 -1
- package/dist/types/core/combobox/listbox/__tests__/listbox-option.test.d.ts +2 -0
- package/dist/types/core/combobox/listbox/__tests__/listbox-option.test.d.ts.map +1 -0
- package/dist/types/core/combobox/listbox/listbox-option.d.ts +5 -1
- package/dist/types/core/combobox/listbox/listbox-option.d.ts.map +1 -1
- package/dist/types/core/combobox/listbox/listbox.d.ts +12 -2
- package/dist/types/core/combobox/listbox/listbox.d.ts.map +1 -1
- package/dist/types/core/combobox/listbox/listbox.stories.d.ts +271 -5
- package/dist/types/core/combobox/listbox/listbox.stories.d.ts.map +1 -1
- package/dist/types/core/combobox/listbox/styles.d.ts.map +1 -1
- package/dist/types/core/combobox/option/option.d.ts +5 -1
- package/dist/types/core/combobox/option/option.d.ts.map +1 -1
- package/dist/types/core/combobox/option/option.stories.d.ts +4 -0
- package/dist/types/core/combobox/option/option.stories.d.ts.map +1 -1
- package/dist/types/core/combobox/option/styles.d.ts.map +1 -1
- package/dist/types/core/combobox/popup-dialog/__tests__/close-button.test.d.ts +2 -0
- package/dist/types/core/combobox/popup-dialog/__tests__/close-button.test.d.ts.map +1 -0
- package/dist/types/core/combobox/popup-dialog/__tests__/event-handlers.test.d.ts +2 -0
- package/dist/types/core/combobox/popup-dialog/__tests__/event-handlers.test.d.ts.map +1 -0
- package/dist/types/core/combobox/popup-dialog/close-button.d.ts +8 -0
- package/dist/types/core/combobox/popup-dialog/close-button.d.ts.map +1 -0
- package/dist/types/core/combobox/popup-dialog/context.d.ts +1 -1
- package/dist/types/core/combobox/popup-dialog/event-handlers.d.ts +73 -0
- package/dist/types/core/combobox/popup-dialog/event-handlers.d.ts.map +1 -0
- package/dist/types/core/combobox/popup-dialog/index.d.ts +1 -1
- package/dist/types/core/combobox/popup-dialog/index.d.ts.map +1 -1
- package/dist/types/core/combobox/popup-dialog/popup-dialog.d.ts +15 -2
- package/dist/types/core/combobox/popup-dialog/popup-dialog.d.ts.map +1 -1
- package/dist/types/core/combobox/popup-dialog/popup-dialog.stories.d.ts +19 -6
- package/dist/types/core/combobox/popup-dialog/popup-dialog.stories.d.ts.map +1 -1
- package/dist/types/core/combobox/popup-dialog/styles.d.ts +2 -0
- package/dist/types/core/combobox/popup-dialog/styles.d.ts.map +1 -1
- package/dist/types/core/combobox/search-input/search-input.d.ts +4 -2
- package/dist/types/core/combobox/search-input/search-input.d.ts.map +1 -1
- package/dist/types/core/combobox/search-input/search-input.stories.d.ts +2 -2
- package/dist/types/core/combobox/selected-content/index.d.ts +2 -0
- package/dist/types/core/combobox/selected-content/index.d.ts.map +1 -0
- package/dist/types/core/combobox/selected-content/selected-content.d.ts +20 -0
- package/dist/types/core/combobox/selected-content/selected-content.d.ts.map +1 -0
- package/dist/types/core/combobox/selected-content/selected-content.stories.d.ts +564 -0
- package/dist/types/core/combobox/selected-content/selected-content.stories.d.ts.map +1 -0
- package/dist/types/core/combobox/selection-chips/__tests__/selection-chip.test.d.ts +2 -0
- package/dist/types/core/combobox/selection-chips/__tests__/selection-chip.test.d.ts.map +1 -0
- package/dist/types/core/combobox/selection-chips/__tests__/selection-chips.test.d.ts +2 -0
- package/dist/types/core/combobox/selection-chips/__tests__/selection-chips.test.d.ts.map +1 -0
- package/dist/types/core/combobox/selection-chips/context.d.ts +17 -0
- package/dist/types/core/combobox/selection-chips/context.d.ts.map +1 -0
- package/dist/types/core/combobox/selection-chips/index.d.ts +2 -0
- package/dist/types/core/combobox/selection-chips/index.d.ts.map +1 -0
- package/dist/types/core/combobox/selection-chips/selection-chip.d.ts +15 -0
- package/dist/types/core/combobox/selection-chips/selection-chip.d.ts.map +1 -0
- package/dist/types/core/combobox/selection-chips/selection-chips.d.ts +31 -0
- package/dist/types/core/combobox/selection-chips/selection-chips.d.ts.map +1 -0
- package/dist/types/core/combobox/selection-chips/selection-chips.stories.d.ts +588 -0
- package/dist/types/core/combobox/selection-chips/selection-chips.stories.d.ts.map +1 -0
- package/dist/types/core/combobox/selection-chips/styles.d.ts +2 -0
- package/dist/types/core/combobox/selection-chips/styles.d.ts.map +1 -0
- package/dist/types/core/combobox/use-button.d.ts +35 -46
- package/dist/types/core/combobox/use-button.d.ts.map +1 -1
- package/dist/types/core/combobox/use-has-selection.d.ts +17 -0
- package/dist/types/core/combobox/use-has-selection.d.ts.map +1 -0
- package/dist/types/core/combobox/use-selected-options.d.ts +12 -9
- package/dist/types/core/combobox/use-selected-options.d.ts.map +1 -1
- package/dist/types/core/combobox/use-state.d.ts +7 -0
- package/dist/types/core/combobox/use-state.d.ts.map +1 -0
- package/dist/types/core/compact-select/__tests__/compact-select-button.test.d.ts +2 -0
- package/dist/types/core/compact-select/__tests__/compact-select-button.test.d.ts.map +1 -0
- package/dist/types/core/compact-select/__tests__/compact-select-popup.test.d.ts +2 -0
- package/dist/types/core/compact-select/__tests__/compact-select-popup.test.d.ts.map +1 -0
- package/dist/types/core/compact-select/__tests__/compact-select.test.d.ts +2 -0
- package/dist/types/core/compact-select/__tests__/compact-select.test.d.ts.map +1 -0
- package/dist/types/core/compact-select/compact-select-button.d.ts +15 -0
- package/dist/types/core/compact-select/compact-select-button.d.ts.map +1 -0
- package/dist/types/core/compact-select/compact-select-popup.d.ts +12 -0
- package/dist/types/core/compact-select/compact-select-popup.d.ts.map +1 -0
- package/dist/types/core/compact-select/compact-select.d.ts +43 -0
- package/dist/types/core/compact-select/compact-select.d.ts.map +1 -0
- package/dist/types/core/compact-select/compact-select.stories.d.ts +32 -0
- package/dist/types/core/compact-select/compact-select.stories.d.ts.map +1 -0
- package/dist/types/core/compact-select/index.d.ts +3 -0
- package/dist/types/core/compact-select/index.d.ts.map +1 -0
- package/dist/types/core/compact-select/styles.d.ts +4 -0
- package/dist/types/core/compact-select/styles.d.ts.map +1 -0
- package/dist/types/core/date-time-control/date-time-control.d.ts.map +1 -1
- package/dist/types/core/filter-bar/applied-filters/applied-filters.stories.d.ts.map +1 -1
- package/dist/types/core/filter-bar/filter-bar.stories.d.ts.map +1 -1
- package/dist/types/core/form-control/error-text/styles.d.ts.map +1 -1
- package/dist/types/core/form-control/help-text/styles.d.ts.map +1 -1
- package/dist/types/core/form-control/label/styles.d.ts.map +1 -1
- package/dist/types/core/form-control/styles.d.ts.map +1 -1
- package/dist/types/core/index.d.ts +4 -0
- package/dist/types/core/index.d.ts.map +1 -1
- package/dist/types/core/menu/group/group.d.ts.map +1 -1
- package/dist/types/core/menu/use-close-menu-on-click.d.ts.map +1 -1
- package/dist/types/core/radio-group-control/radio-group-control.d.ts.map +1 -1
- package/dist/types/core/search-input/__tests__/clear-search-input.test.d.ts +2 -0
- package/dist/types/core/search-input/__tests__/clear-search-input.test.d.ts.map +1 -0
- package/dist/types/core/search-input/clear-button/clear-button.d.ts +3 -3
- package/dist/types/core/search-input/clear-button/clear-button.d.ts.map +1 -1
- package/dist/types/core/search-input/clear-search-input.d.ts +16 -0
- package/dist/types/core/search-input/clear-search-input.d.ts.map +1 -0
- package/dist/types/core/search-input/index.d.ts +1 -0
- package/dist/types/core/search-input/index.d.ts.map +1 -1
- package/dist/types/core/search-input/search-input.d.ts.map +1 -1
- package/dist/types/core/select/__tests__/select-button.test.d.ts +2 -0
- package/dist/types/core/select/__tests__/select-button.test.d.ts.map +1 -0
- package/dist/types/core/select/__tests__/select-popup.test.d.ts +2 -0
- package/dist/types/core/select/__tests__/select-popup.test.d.ts.map +1 -0
- package/dist/types/core/select/__tests__/select.test.d.ts +2 -0
- package/dist/types/core/select/__tests__/select.test.d.ts.map +1 -0
- package/dist/types/core/select/index.d.ts +4 -0
- package/dist/types/core/select/index.d.ts.map +1 -0
- package/dist/types/core/select/select-button.d.ts +18 -0
- package/dist/types/core/select/select-button.d.ts.map +1 -0
- package/dist/types/core/select/select-popup.d.ts +12 -0
- package/dist/types/core/select/select-popup.d.ts.map +1 -0
- package/dist/types/core/select/select.d.ts +48 -0
- package/dist/types/core/select/select.d.ts.map +1 -0
- package/dist/types/core/select/select.stories.d.ts +599 -0
- package/dist/types/core/select/select.stories.d.ts.map +1 -0
- package/dist/types/core/select-control/__tests__/select-control.test.d.ts +2 -0
- package/dist/types/core/select-control/__tests__/select-control.test.d.ts.map +1 -0
- package/dist/types/core/select-control/index.d.ts +2 -0
- package/dist/types/core/select-control/index.d.ts.map +1 -0
- package/dist/types/core/select-control/select-control.d.ts +24 -0
- package/dist/types/core/select-control/select-control.d.ts.map +1 -0
- package/dist/types/core/select-control/select-control.stories.d.ts +71 -0
- package/dist/types/core/select-control/select-control.stories.d.ts.map +1 -0
- package/dist/types/core/select-native-control/select-native-control.d.ts.map +1 -1
- package/dist/types/core/table/table.d.ts.map +1 -1
- package/dist/types/core/text-control/text-control.d.ts.map +1 -1
- package/dist/types/core/textarea-control/textarea-control.d.ts.map +1 -1
- package/dist/types/deprecated/button/button.stories.d.ts +1 -1
- package/dist/types/deprecated/select/__styles__/index.d.ts +1 -1
- package/dist/types/deprecated/select/__styles__/index.d.ts.map +1 -1
- package/dist/types/deprecated/select/select.d.ts +3 -3
- package/dist/types/deprecated/select/select.d.ts.map +1 -1
- package/dist/types/deprecated/select/select.stories.d.ts +1 -1
- package/dist/types/utils/anchor-positioning/build-anchor-positioning-css.d.ts +2 -2
- package/dist/types/utils/listbox/__tests__/get-select-id.test.d.ts +2 -0
- package/dist/types/utils/listbox/__tests__/get-select-id.test.d.ts.map +1 -0
- package/dist/types/utils/listbox/dom-helpers/get-listbox-selected-options.d.ts.map +1 -1
- package/dist/types/utils/listbox/dom-helpers/index.d.ts +1 -1
- package/dist/types/utils/listbox/dom-helpers/index.d.ts.map +1 -1
- package/dist/types/utils/listbox/get-select-id.d.ts +2 -0
- package/dist/types/utils/listbox/get-select-id.d.ts.map +1 -0
- package/dist/types/utils/listbox/index.d.ts +1 -0
- package/dist/types/utils/listbox/index.d.ts.map +1 -1
- package/dist/types/utils/listbox/listbox.d.ts +25 -3
- package/dist/types/utils/listbox/listbox.d.ts.map +1 -1
- package/dist/types/utils/listbox/option/option.d.ts.map +1 -1
- package/dist/types/utils/listbox/option/update-option-selection.d.ts.map +1 -1
- package/dist/types/utils/listbox/select/select.d.ts +1 -1
- package/dist/types/utils/listbox/select/select.d.ts.map +1 -1
- package/dist/types/utils/listbox/use-listbox-selection-observer.d.ts +5 -1
- package/dist/types/utils/listbox/use-listbox-selection-observer.d.ts.map +1 -1
- package/package.json +14 -14
- package/dist/js/at-a-glance-Bwe8ORpg.js +0 -325
- package/dist/js/at-a-glance-ur4F_2V6.cjs +0 -1
- package/dist/js/checkbox-control-CQnfBvph.cjs +0 -1
- package/dist/js/checkbox-control-DLIP3r9I.js +0 -22
- package/dist/js/checkbox-group-control-BOda9k19.js +0 -69
- package/dist/js/checkbox-group-control-DZaXmETO.cjs +0 -1
- package/dist/js/chip-group-CMOQNhYo.cjs +0 -1
- package/dist/js/chip-group-_1Ujkr17.js +0 -25
- package/dist/js/chip-select-control-AgupgCE2.js +0 -28
- package/dist/js/chip-select-control-D-xOl5kM.cjs +0 -1
- package/dist/js/combobox-03XqZXXl.js +0 -584
- package/dist/js/combobox-2N9VzJOL.cjs +0 -1
- package/dist/js/css-anchor-positioning-fn-DmupQmpv.cjs +0 -17
- package/dist/js/date-time-control-DJRUX78G.cjs +0 -1
- package/dist/js/date-time-control-KkDFxY7C.js +0 -24
- package/dist/js/listbox-CpjeARsg.js +0 -325
- package/dist/js/listbox-KFMBDR-S.cjs +0 -1
- package/dist/js/menu-CY3VaZRu.cjs +0 -1
- package/dist/js/modal-CVFm4Zkj.cjs +0 -1
- package/dist/js/radio-group-control-BzTfznjG.cjs +0 -1
- package/dist/js/radio-group-control-Dasa9-6L.js +0 -104
- package/dist/js/search-input-1Ta8fJAP.js +0 -76
- package/dist/js/search-input-BG7g9Hnr.cjs +0 -1
- package/dist/js/select-CL3U-vtY.cjs +0 -1
- package/dist/js/select-ZpW0tfJg.js +0 -22
- package/dist/js/select-native-control-B8_KRbGq.cjs +0 -1
- package/dist/js/select-native-control-BDdMCBb3.js +0 -24
- package/dist/js/table-CC_Ijg5n.cjs +0 -1
- package/dist/js/text-control-CL_XW_BZ.cjs +0 -1
- package/dist/js/text-control-Do0ZtVIt.js +0 -24
- package/dist/js/textarea-control-Bv5uUtDN.cjs +0 -1
- package/dist/js/textarea-control-FzXPBiHJ.js +0 -24
- package/dist/types/core/combobox/__tests__/combobox-autocomplete-button.test.d.ts +0 -2
- package/dist/types/core/combobox/__tests__/combobox-autocomplete-button.test.d.ts.map +0 -1
- package/dist/types/core/combobox/__tests__/combobox-select-button.test.d.ts +0 -2
- package/dist/types/core/combobox/__tests__/combobox-select-button.test.d.ts.map +0 -1
- package/dist/types/core/combobox/__tests__/use-selection-summary.test.d.ts +0 -2
- package/dist/types/core/combobox/__tests__/use-selection-summary.test.d.ts.map +0 -1
- package/dist/types/core/combobox/combobox-autocomplete-button.d.ts +0 -16
- package/dist/types/core/combobox/combobox-autocomplete-button.d.ts.map +0 -1
- package/dist/types/core/combobox/combobox-select-button.d.ts +0 -16
- package/dist/types/core/combobox/combobox-select-button.d.ts.map +0 -1
- package/dist/types/core/combobox/popup-dialog/__tests__/use-close-on-click.test.d.ts +0 -2
- package/dist/types/core/combobox/popup-dialog/__tests__/use-close-on-click.test.d.ts.map +0 -1
- package/dist/types/core/combobox/popup-dialog/use-close-on-click.d.ts +0 -19
- package/dist/types/core/combobox/popup-dialog/use-close-on-click.d.ts.map +0 -1
- package/dist/types/core/combobox/use-selection-summary.d.ts +0 -34
- package/dist/types/core/combobox/use-selection-summary.d.ts.map +0 -1
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Autocomplete } from '#src/core/autocomplete';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
3
|
+
export declare namespace AutocompleteControl {
|
|
4
|
+
interface Props extends Autocomplete.Props {
|
|
5
|
+
defaultOptions?: Autocomplete.DefaultOptionsContextValue;
|
|
6
|
+
/** Optional error text that communicates why the autocomplete's value is invalid. */
|
|
7
|
+
errorText?: ReactNode;
|
|
8
|
+
/** Optional help text that provides more context about the autocomplete. */
|
|
9
|
+
helpText?: ReactNode;
|
|
10
|
+
/** The maximum width of the form control. */
|
|
11
|
+
maxWidth?: string;
|
|
12
|
+
/**
|
|
13
|
+
* The visual label for the autocomplete. If no visual label is provided, an accessible
|
|
14
|
+
* label should be provided via `aria-label`.
|
|
15
|
+
*/
|
|
16
|
+
label?: ReactNode;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* A pre-baked `Autocomplete` + `FormControl`. Used when you need a label, help text, and/or error message
|
|
21
|
+
* for an autocomplete.
|
|
22
|
+
*/
|
|
23
|
+
export declare function AutocompleteControl({ children, defaultOptions, disabled, errorText, helpText, id, label, maxWidth, multiple, required, size, ...rest }: AutocompleteControl.Props): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
//# sourceMappingURL=autocomplete-control.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocomplete-control.d.ts","sourceRoot":"/","sources":["core/autocomplete-control/autocomplete-control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAIrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,yBAAiB,mBAAmB,CAAC;IACnC,UAAiB,KAAM,SAAQ,YAAY,CAAC,KAAK;QAC/C,cAAc,CAAC,EAAE,YAAY,CAAC,0BAA0B,CAAA;QACxD,qFAAqF;QACrF,SAAS,CAAC,EAAE,SAAS,CAAA;QACrB,4EAA4E;QAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB,6CAA6C;QAC7C,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB;;;WAGG;QACH,KAAK,CAAC,EAAE,SAAS,CAAA;KAClB;CACF;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,mBAAmB,CAAC,KAAK,2CAsC3B"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { AutocompleteControl } from './autocomplete-control';
|
|
2
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof AutocompleteControl;
|
|
6
|
+
argTypes: {
|
|
7
|
+
children: {
|
|
8
|
+
control: false;
|
|
9
|
+
};
|
|
10
|
+
errorText: {
|
|
11
|
+
control: "text";
|
|
12
|
+
};
|
|
13
|
+
helpText: {
|
|
14
|
+
control: "text";
|
|
15
|
+
};
|
|
16
|
+
label: {
|
|
17
|
+
control: "text";
|
|
18
|
+
};
|
|
19
|
+
size: {
|
|
20
|
+
control: "select";
|
|
21
|
+
options: string[];
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
render: (args: AutocompleteControl.Props) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
};
|
|
26
|
+
export default meta;
|
|
27
|
+
type Story = StoryObj<typeof meta>;
|
|
28
|
+
/**
|
|
29
|
+
* Demonstrates a basic autocomplete with label and form control wrapper.
|
|
30
|
+
*/
|
|
31
|
+
export declare const Example: Story;
|
|
32
|
+
/**
|
|
33
|
+
* When the autocomplete has one or more options initially selected, the control must be provided with
|
|
34
|
+
* `defaultOptions` that define the label text to use for those options.
|
|
35
|
+
*/
|
|
36
|
+
export declare const DefaultOptions: Story;
|
|
37
|
+
/**
|
|
38
|
+
* There are three sizes available: `small`, `medium` and `large`.
|
|
39
|
+
*/
|
|
40
|
+
export declare const Sizes: Story;
|
|
41
|
+
/**
|
|
42
|
+
* Optional help text can be provided to give more context about the autocomplete.
|
|
43
|
+
*/
|
|
44
|
+
export declare const HelpText: Story;
|
|
45
|
+
/**
|
|
46
|
+
* Like all form controls that visually communicate their validity, the autocomplete will display in an
|
|
47
|
+
* invalid state when its value does not meet the validation constraints applied to it, such as being
|
|
48
|
+
* required, and `showValidity` is true. Typically, `showValidity` will be true when the control has
|
|
49
|
+
* been touched (interacted with).
|
|
50
|
+
*/
|
|
51
|
+
export declare const Invalid: Story;
|
|
52
|
+
/**
|
|
53
|
+
* Autocompletes can be disabled. A disabled autocomplete will not receive interaction events.
|
|
54
|
+
*/
|
|
55
|
+
export declare const Disabled: Story;
|
|
56
|
+
/**
|
|
57
|
+
* By default, autocompletes will fill their parent's width. This can be constrained by providing a `maxWidth`.
|
|
58
|
+
*/
|
|
59
|
+
export declare const MaxWidth: Story;
|
|
60
|
+
/**
|
|
61
|
+
* The label, help text and error text will all wrap naturally when the form control does not have sufficient
|
|
62
|
+
* space available for them.
|
|
63
|
+
*/
|
|
64
|
+
export declare const Wrapping: Story;
|
|
65
|
+
/**
|
|
66
|
+
* Autocompletes can be used in forms. The name prop is required for the control to participate
|
|
67
|
+
* in form submission.
|
|
68
|
+
*/
|
|
69
|
+
export declare const Forms: Story;
|
|
70
|
+
//# sourceMappingURL=autocomplete-control.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocomplete-control.stories.d.ts","sourceRoot":"/","sources":["core/autocomplete-control/autocomplete-control.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAG5D,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;CA4DkC,CAAA;AAE5C,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAS5B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAkBnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAmBnB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/autocomplete-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-group-control.d.ts","sourceRoot":"/","sources":["core/checkbox-group-control/checkbox-group-control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAA;AAC5E,OAAO,EAAE,2BAA2B,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAA;AAKvF,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9D,yBAAiB,oBAAoB,CAAC;IACpC,UAAiB,KAAM,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;QACxE;;;WAGG;QACH,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,yCAAyC;QACzC,QAAQ,EAAE,SAAS,CAAA;QACnB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,uFAAuF;QACvF,SAAS,CAAC,EAAE,SAAS,CAAA;QACrB;;;;WAIG;QACH,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,8FAA8F;QAC9F,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB;;;WAGG;QACH,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB,6DAA6D;QAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,sEAAsE;QACtE,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;QACvC;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB;;;WAGG;QACH,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB;CACF;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,WAAwB,EACxB,QAAQ,EACR,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,oBAAoB,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"checkbox-group-control.d.ts","sourceRoot":"/","sources":["core/checkbox-group-control/checkbox-group-control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAA;AAC5E,OAAO,EAAE,2BAA2B,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAA;AAKvF,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9D,yBAAiB,oBAAoB,CAAC;IACpC,UAAiB,KAAM,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;QACxE;;;WAGG;QACH,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,yCAAyC;QACzC,QAAQ,EAAE,SAAS,CAAA;QACnB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,uFAAuF;QACvF,SAAS,CAAC,EAAE,SAAS,CAAA;QACrB;;;;WAIG;QACH,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,8FAA8F;QAC9F,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB;;;WAGG;QACH,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB,6DAA6D;QAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,sEAAsE;QACtE,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;QACvC;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB;;;WAGG;QACH,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB;CACF;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,WAAwB,EACxB,QAAQ,EACR,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,oBAAoB,CAAC,KAAK,2CAgC5B;yBA5Ce,oBAAoB"}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
import { Chip } from '../chip
|
|
2
|
-
|
|
1
|
+
import { Chip } from '../chip';
|
|
2
|
+
type AttributesToOmit = 'variant';
|
|
3
3
|
export declare namespace ChipGroupItem {
|
|
4
|
-
interface Props extends
|
|
4
|
+
interface Props extends Omit<Chip.Props, AttributesToOmit> {
|
|
5
|
+
variant?: Chip.Props['variant'];
|
|
5
6
|
}
|
|
6
7
|
}
|
|
7
8
|
/**
|
|
8
9
|
* A thin wrapper around a chip to ensure it is rendered as a list item inside the chip group.
|
|
9
10
|
*/
|
|
10
|
-
export declare function ChipGroupItem(
|
|
11
|
+
export declare function ChipGroupItem({ 'aria-disabled': ariaDisabled, disabled, variant, ...rest }: ChipGroupItem.Props): import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
export declare namespace ChipGroupItem {
|
|
12
13
|
var displayName: string;
|
|
13
14
|
}
|
|
15
|
+
export {};
|
|
14
16
|
//# sourceMappingURL=chip-group-item.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip-group-item.d.ts","sourceRoot":"/","sources":["core/chip-group/chip-group-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"chip-group-item.d.ts","sourceRoot":"/","sources":["core/chip-group/chip-group-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAI9B,KAAK,gBAAgB,GAAG,SAAS,CAAA;AAEjC,yBAAiB,aAAa,CAAC;IAC7B,UAAiB,KAAM,SAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,gBAAgB,CAAC;QAC/D,OAAO,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;KAChC;CACF;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,eAAe,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,CAAC,KAAK,2CAY/G;yBAZe,aAAa"}
|
|
@@ -1,21 +1,37 @@
|
|
|
1
1
|
import { ChipGroupItem } from './chip-group-item';
|
|
2
|
-
import
|
|
2
|
+
import { ChipGroupContext, useChipGroupContext } from './context';
|
|
3
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
3
4
|
export declare namespace ChipGroup {
|
|
5
|
+
interface ItemProps extends ChipGroupItem.Props {
|
|
6
|
+
}
|
|
4
7
|
interface Props extends HTMLAttributes<HTMLUListElement> {
|
|
8
|
+
/**
|
|
9
|
+
* Whether the chips in the chip group are disabled. This can be used to make the chips appear disabled to
|
|
10
|
+
* users, but still be focusable. ARIA disabled chips, whether they are button or anchor DOM elements, will
|
|
11
|
+
* ignore click events. Using `aria-disabled` is preferred when the chip should still be focusable while
|
|
12
|
+
* it's disabled; for example, to allow a tooltip to be displayed that explains why the chip is disabled.
|
|
13
|
+
*/
|
|
14
|
+
'aria-disabled'?: boolean;
|
|
5
15
|
/** The chip group items. */
|
|
6
16
|
children: ReactNode;
|
|
17
|
+
/** Whether the chips in the chip group are disabled. */
|
|
18
|
+
disabled?: boolean;
|
|
7
19
|
/** Whether the chip group should wrap or not. */
|
|
8
20
|
flow?: 'wrap' | 'nowrap';
|
|
9
21
|
/** What overflow behaviour the chip group should exhibit. */
|
|
10
22
|
overflow?: 'auto' | 'visible';
|
|
23
|
+
/** The variant of the chips in the chip group. */
|
|
24
|
+
variant: 'filter' | 'selection';
|
|
11
25
|
}
|
|
12
26
|
}
|
|
13
27
|
/**
|
|
14
28
|
* Groups multiple chips together. Should only be used to group chips of the same variant. By default,
|
|
15
29
|
* chips will wrap within the group, though horizontal scrolling can be permitted when required.
|
|
16
30
|
*/
|
|
17
|
-
export declare function ChipGroup({ children, flow, overflow, ...rest }: ChipGroup.Props): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export declare function ChipGroup({ 'aria-disabled': ariaDisabled, children, disabled, flow, overflow, variant, ...rest }: ChipGroup.Props): import("react/jsx-runtime").JSX.Element;
|
|
18
32
|
export declare namespace ChipGroup {
|
|
33
|
+
var Context: import("react").Context<ChipGroupContext.Value | null>;
|
|
19
34
|
var Item: typeof ChipGroupItem;
|
|
35
|
+
var useContext: typeof useChipGroupContext;
|
|
20
36
|
}
|
|
21
37
|
//# sourceMappingURL=chip-group.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip-group.d.ts","sourceRoot":"/","sources":["core/chip-group/chip-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"chip-group.d.ts","sourceRoot":"/","sources":["core/chip-group/chip-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAGjE,OAAO,EAAW,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEpE,yBAAiB,SAAS,CAAC;IACzB,UAAiB,SAAU,SAAQ,aAAa,CAAC,KAAK;KAAG;IAEzD,UAAiB,KAAM,SAAQ,cAAc,CAAC,gBAAgB,CAAC;QAC7D;;;;;WAKG;QACH,eAAe,CAAC,EAAE,OAAO,CAAA;QACzB,4BAA4B;QAC5B,QAAQ,EAAE,SAAS,CAAA;QACnB,wDAAwD;QACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,iDAAiD;QACjD,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;QACxB,6DAA6D;QAC7D,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;QAC7B,kDAAkD;QAClD,OAAO,EAAE,QAAQ,GAAG,WAAW,CAAA;KAChC;CACF;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,eAAe,EAAE,YAAY,EAC7B,QAAQ,EACR,QAAQ,EACR,IAAa,EACb,QAAoB,EACpB,OAAO,EACP,GAAG,IAAI,EACR,EAAE,SAAS,CAAC,KAAK,2CAWjB;yBAnBe,SAAS"}
|
|
@@ -9,13 +9,17 @@ declare const meta: {
|
|
|
9
9
|
defaultValue: string;
|
|
10
10
|
options: string[];
|
|
11
11
|
mapping: {
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
Fruit: import("react/jsx-runtime").JSX.Element[];
|
|
13
|
+
Colours: import("react/jsx-runtime").JSX.Element[];
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
16
|
overflow: {
|
|
17
17
|
control: "radio";
|
|
18
18
|
};
|
|
19
|
+
variant: {
|
|
20
|
+
control: "radio";
|
|
21
|
+
options: string[];
|
|
22
|
+
};
|
|
19
23
|
};
|
|
20
24
|
};
|
|
21
25
|
export default meta;
|
|
@@ -24,6 +28,15 @@ type Story = StoryObj<typeof meta>;
|
|
|
24
28
|
* By default, a chip group will grow to whatever width it's parent allows.
|
|
25
29
|
*/
|
|
26
30
|
export declare const Example: Story;
|
|
31
|
+
/**
|
|
32
|
+
* All chips in the group can be disabled. Individual chips can override the group's disabled state;
|
|
33
|
+
* `aria-disabled` works the same way.
|
|
34
|
+
*/
|
|
35
|
+
export declare const Disabled: Story;
|
|
36
|
+
/**
|
|
37
|
+
* The variant of all chips in the group can be set using `variant`.
|
|
38
|
+
*/
|
|
39
|
+
export declare const Variants: Story;
|
|
27
40
|
/**
|
|
28
41
|
* By default, chips will wrap to other lines if there is insufficient space.
|
|
29
42
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip-group.stories.d.ts","sourceRoot":"/","sources":["core/chip-group/chip-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,OAAO,KAAK,EAAmB,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAEtE,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"chip-group.stories.d.ts","sourceRoot":"/","sources":["core/chip-group/chip-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,OAAO,KAAK,EAAmB,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAEtE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAmCwB,CAAA;AAElC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAUlC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export declare namespace ChipGroupContext {
|
|
2
|
+
interface Value {
|
|
3
|
+
/** Whether the chip group is disabled for assistive technology */
|
|
4
|
+
ariaDisabled?: boolean;
|
|
5
|
+
/** Whether the chip group is disabled for user interaction */
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
/** The visual and functional variant of the chip group */
|
|
8
|
+
variant: 'filter' | 'selection';
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Context that ChipGroup provides to descendants. Exposes configuration
|
|
13
|
+
* for chip behavior including disabled state and variant type.
|
|
14
|
+
*/
|
|
15
|
+
export declare const ChipGroupContext: import("react").Context<ChipGroupContext.Value | null>;
|
|
16
|
+
/**
|
|
17
|
+
* Returns ChipGroupContext.Value from the nearest ChipGroup ancestor.
|
|
18
|
+
* @throws Error when called outside a ChipGroup component.
|
|
19
|
+
*/
|
|
20
|
+
export declare function useChipGroupContext(): ChipGroupContext.Value;
|
|
21
|
+
//# sourceMappingURL=context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"/","sources":["core/chip-group/context.ts"],"names":[],"mappings":"AAEA,yBAAiB,gBAAgB,CAAC;IAChC,UAAiB,KAAK;QACpB,kEAAkE;QAClE,YAAY,CAAC,EAAE,OAAO,CAAA;QACtB,8DAA8D;QAC9D,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,0DAA0D;QAC1D,OAAO,EAAE,QAAQ,GAAG,WAAW,CAAA;KAChC;CACF;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,wDAAqD,CAAA;AAElF;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,CAAC,KAAK,CAM5D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip-select-control.d.ts","sourceRoot":"/","sources":["core/chip-select-control/chip-select-control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAKlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,yBAAiB,iBAAiB,CAAC;IACjC,UAAiB,KAAM,SAAQ,UAAU,CAAC,KAAK;QAC7C,oFAAoF;QACpF,SAAS,CAAC,EAAE,SAAS,CAAA;QACrB,iFAAiF;QACjF,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB,qCAAqC;QACrC,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,mCAAmC;QACnC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;KACpC;CACF;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"chip-select-control.d.ts","sourceRoot":"/","sources":["core/chip-select-control/chip-select-control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAKlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,yBAAiB,iBAAiB,CAAC;IACjC,UAAiB,KAAM,SAAQ,UAAU,CAAC,KAAK;QAC7C,oFAAoF;QACpF,SAAS,CAAC,EAAE,SAAS,CAAA;QACrB,iFAAiF;QACjF,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB,qCAAqC;QACrC,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,mCAAmC;QACnC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;KACpC;CACF;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,KAAK,2CAyBzB;yBAjCe,iBAAiB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"get-listbox-id.test.d.ts","sourceRoot":"/","sources":["core/combobox/__tests__/get-listbox-id.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"get-popup-id.test.d.ts","sourceRoot":"/","sources":["core/combobox/__tests__/get-popup-id.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-has-selection.test.d.ts","sourceRoot":"/","sources":["core/combobox/__tests__/use-has-selection.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-state.test.d.ts","sourceRoot":"/","sources":["core/combobox/__tests__/use-state.test.tsx"],"names":[],"mappings":""}
|
|
@@ -3,6 +3,10 @@ import { ComboboxButtonOpenPopupButton } from './open-popup-button';
|
|
|
3
3
|
import type { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
4
4
|
type AttributesToOmit = 'size';
|
|
5
5
|
export declare namespace ComboboxButton {
|
|
6
|
+
interface ClearButtonProps extends ComboboxButtonClearButton.Props {
|
|
7
|
+
}
|
|
8
|
+
interface OpenPopupButtonProps extends ComboboxButtonOpenPopupButton.Props {
|
|
9
|
+
}
|
|
6
10
|
interface Props extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, AttributesToOmit> {
|
|
7
11
|
/** Secondary button displayed at the end (e.g., clear button or toggle button). */
|
|
8
12
|
action?: ReactNode;
|
|
@@ -11,7 +15,7 @@ export declare namespace ComboboxButton {
|
|
|
11
15
|
/** Whether the popup is open. */
|
|
12
16
|
'aria-expanded': boolean;
|
|
13
17
|
/** Current label of the button. Must be plain text. */
|
|
14
|
-
children?:
|
|
18
|
+
children?: ReactNode;
|
|
15
19
|
/** ID of the button */
|
|
16
20
|
id: string;
|
|
17
21
|
/** Icon displayed at the start of the button. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"/","sources":["core/combobox/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAC1D,OAAO,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"/","sources":["core/combobox/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAC1D,OAAO,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAA;AASnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAG5D,KAAK,gBAAgB,GAAG,MAAM,CAAA;AAE9B,yBAAiB,cAAc,CAAC;IAC9B,UAAiB,gBAAiB,SAAQ,yBAAyB,CAAC,KAAK;KAAG;IAC5E,UAAiB,oBAAqB,SAAQ,6BAA6B,CAAC,KAAK;KAAG;IAEpF,UAAiB,KAAM,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;QAC5F,mFAAmF;QACnF,MAAM,CAAC,EAAE,SAAS,CAAA;QAClB,yDAAyD;QACzD,eAAe,EAAE,MAAM,CAAA;QACvB,iCAAiC;QACjC,eAAe,EAAE,OAAO,CAAA;QACxB,uDAAuD;QACvD,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB,uBAAuB;QACvB,EAAE,EAAE,MAAM,CAAA;QACV,iDAAiD;QACjD,WAAW,CAAC,EAAE,SAAS,CAAA;QACvB,gFAAgF;QAChF,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,gFAAgF;QAChF,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,iCAAiC;QACjC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;QACnC,0FAA0F;QAC1F,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB;CACF;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,eAAe,EAAE,YAAY,EAC7B,eAAe,EAAE,YAAY,EAC7B,QAAQ,EACR,SAAS,EACT,EAAE,EACF,WAAW,EACX,WAAgC,EAChC,YAAY,EACZ,IAAe,EACf,KAAK,EACL,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,KAAK,2CAyBtB;yBAtCe,cAAc"}
|
|
@@ -21,7 +21,7 @@ declare const meta: {
|
|
|
21
21
|
action?: import("react").ReactNode;
|
|
22
22
|
'aria-controls': string;
|
|
23
23
|
'aria-expanded': boolean;
|
|
24
|
-
children?:
|
|
24
|
+
children?: import("react").ReactNode;
|
|
25
25
|
id: string;
|
|
26
26
|
leadingIcon?: import("react").ReactNode;
|
|
27
27
|
maxWidth?: string | undefined;
|
|
@@ -332,4 +332,13 @@ export declare const Disabled: Story;
|
|
|
332
332
|
* visually communicate its validity via the combobox button. This behaviour is manually shown here.
|
|
333
333
|
*/
|
|
334
334
|
export declare const Invalid: Story;
|
|
335
|
+
/**
|
|
336
|
+
* By default, combobox buttons will fill their parent's width. This can be constrained by providing
|
|
337
|
+
* a `maxWidth` to the combobox.
|
|
338
|
+
*/
|
|
339
|
+
export declare const MaxWidth: Story;
|
|
340
|
+
/**
|
|
341
|
+
* When the label text is too long, it will be truncated.
|
|
342
|
+
*/
|
|
343
|
+
export declare const Truncation: Story;
|
|
335
344
|
//# sourceMappingURL=button.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.stories.d.ts","sourceRoot":"/","sources":["core/combobox/button/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAGzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuB6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAA"}
|
|
1
|
+
{"version":3,"file":"button.stories.d.ts","sourceRoot":"/","sources":["core/combobox/button/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAGzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuB6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export declare const ElComboboxButtonContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
2
2
|
export declare const ElComboboxButton: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
|
|
3
3
|
export declare const ElComboboxButtonIconContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
|
4
|
+
export declare const ElComboboxButtonLabelContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
|
4
5
|
export declare const ElComboboxButtonActionContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
|
5
6
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/combobox/button/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/combobox/button/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB,qKA6CrC,CAAA;AAED,eAAO,MAAM,gBAAgB,iLA+C5B,CAAA;AAED,eAAO,MAAM,6BAA6B,uKAWzC,CAAA;AAED,eAAO,MAAM,8BAA8B,uKAI1C,CAAA;AAED,eAAO,MAAM,+BAA+B,uKAiB3C,CAAA"}
|
|
@@ -1,10 +1,51 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { ComboboxButton } from './button';
|
|
2
|
+
import { ComboboxContext, useComboboxContext } from './context';
|
|
3
|
+
import { ComboboxDefaultOptionsContext, useComboboxDefaultOptionsContext } from './default-options-context';
|
|
3
4
|
import { ComboboxListbox } from './listbox';
|
|
4
5
|
import { ComboboxPopup } from './combobox-popup';
|
|
5
6
|
import { ComboboxSearchInput } from './search-input';
|
|
7
|
+
import { ComboboxSelectedContent } from './selected-content';
|
|
8
|
+
import { ComboboxSelectionChips } from './selection-chips';
|
|
9
|
+
import { getComboboxListboxId } from './get-listbox-id';
|
|
10
|
+
import { getComboboxPopupId } from './get-popup-id';
|
|
11
|
+
import { useComboboxButton } from './use-button';
|
|
12
|
+
import { useComboboxHasSelection } from './use-has-selection';
|
|
13
|
+
import { useComboboxSelectedOptions } from './use-selected-options';
|
|
14
|
+
import { useComboboxState } from './use-state';
|
|
6
15
|
import type { HTMLAttributes } from 'react';
|
|
7
16
|
export declare namespace Combobox {
|
|
17
|
+
interface ButtonProps extends ComboboxButton.Props {
|
|
18
|
+
}
|
|
19
|
+
interface ClearButtonProps extends ComboboxButton.ClearButtonProps {
|
|
20
|
+
}
|
|
21
|
+
interface ContextValue extends ComboboxContext.Value {
|
|
22
|
+
}
|
|
23
|
+
interface DefaultOptionsContextValue extends ComboboxDefaultOptionsContext.Value {
|
|
24
|
+
}
|
|
25
|
+
interface DividerProps extends ComboboxListbox.DividerProps {
|
|
26
|
+
}
|
|
27
|
+
interface ListboxProps extends ComboboxListbox.Props {
|
|
28
|
+
}
|
|
29
|
+
interface ListboxPlaceholderProps extends ComboboxListbox.PlaceholderProps {
|
|
30
|
+
}
|
|
31
|
+
interface OpenPopupButtonProps extends ComboboxButton.OpenPopupButtonProps {
|
|
32
|
+
}
|
|
33
|
+
interface OptgroupProps extends ComboboxListbox.OptgroupProps {
|
|
34
|
+
}
|
|
35
|
+
interface OptionProps extends ComboboxListbox.OptionProps {
|
|
36
|
+
}
|
|
37
|
+
interface OptionAdditionalInfoProps extends ComboboxListbox.OptionAdditionalInfoProps {
|
|
38
|
+
}
|
|
39
|
+
interface PopupProps extends ComboboxPopup.Props {
|
|
40
|
+
}
|
|
41
|
+
interface SearchInputProps extends ComboboxSearchInput.Props {
|
|
42
|
+
}
|
|
43
|
+
interface SelectedContentProps extends ComboboxSelectedContent.Props {
|
|
44
|
+
}
|
|
45
|
+
interface SelectionChipsProps extends ComboboxSelectionChips.Props {
|
|
46
|
+
}
|
|
47
|
+
interface SelectionChipsItemProps extends ComboboxSelectionChips.ItemProps {
|
|
48
|
+
}
|
|
8
49
|
interface Props extends HTMLAttributes<HTMLElement> {
|
|
9
50
|
/** Combobox button, popup, and other child components */
|
|
10
51
|
children?: React.ReactNode;
|
|
@@ -12,10 +53,14 @@ export declare namespace Combobox {
|
|
|
12
53
|
disabled?: boolean;
|
|
13
54
|
/** Maximum width of the combobox. Defaults to 100% */
|
|
14
55
|
maxWidth?: string;
|
|
56
|
+
/** Whether the combobox supports multiple selections. */
|
|
57
|
+
multiple?: boolean;
|
|
15
58
|
/** Whether a selection is required */
|
|
16
59
|
required?: boolean;
|
|
17
60
|
/** Whether to show validation state styling */
|
|
18
61
|
showValidity?: boolean;
|
|
62
|
+
/** Size of the combobox */
|
|
63
|
+
size?: 'small' | 'medium' | 'large';
|
|
19
64
|
}
|
|
20
65
|
}
|
|
21
66
|
/**
|
|
@@ -23,14 +68,14 @@ export declare namespace Combobox {
|
|
|
23
68
|
* a value for the input from a collection.
|
|
24
69
|
*
|
|
25
70
|
* Provides context to descendant components for managing accessibility relationships and state.
|
|
26
|
-
* Use with `Combobox.
|
|
27
|
-
*
|
|
71
|
+
* Use with `Combobox.Popup`, `Combobox.SearchInput`, `Combobox.Listbox` et al to build a
|
|
72
|
+
* complete combobox pattern.
|
|
28
73
|
*
|
|
29
74
|
* @example
|
|
30
75
|
* ```tsx
|
|
31
76
|
* <Combobox required>
|
|
32
|
-
* <
|
|
33
|
-
* <Combobox.Popup
|
|
77
|
+
* <MyComboboxButton />
|
|
78
|
+
* <Combobox.Popup>
|
|
34
79
|
* <Combobox.Listbox>
|
|
35
80
|
* <Combobox.Option value="1">Option 1</Combobox.Option>
|
|
36
81
|
* <Combobox.Option value="2">Option 2</Combobox.Option>
|
|
@@ -39,19 +84,33 @@ export declare namespace Combobox {
|
|
|
39
84
|
* </Combobox>
|
|
40
85
|
* ```
|
|
41
86
|
*/
|
|
42
|
-
export declare function Combobox({ children, disabled, maxWidth, required, showValidity, style, ...rest }: Combobox.Props): import("react/jsx-runtime").JSX.Element;
|
|
87
|
+
export declare function Combobox({ 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, 'aria-invalid': ariaInvalid, children, disabled, id, maxWidth, multiple, required, showValidity, size, style, ...rest }: Combobox.Props): import("react/jsx-runtime").JSX.Element;
|
|
43
88
|
export declare namespace Combobox {
|
|
44
89
|
var getOptionLabel: typeof import("./option").getOptionLabel;
|
|
45
90
|
var getListboxValue: typeof import("#src/utils/listbox").getListboxValue;
|
|
46
|
-
var
|
|
47
|
-
var
|
|
48
|
-
var
|
|
49
|
-
var
|
|
50
|
-
var Listbox: typeof ComboboxListbox;
|
|
51
|
-
var Option: typeof import("./listbox").ComboboxListboxOption;
|
|
52
|
-
var Optgroup: typeof import("./listbox").ComboboxListboxOptgroup;
|
|
53
|
-
var OptionSupplementaryInfo: typeof import("./option").ComboboxOptionAdditionalInfo;
|
|
91
|
+
var getListboxId: typeof getComboboxListboxId;
|
|
92
|
+
var getPopupId: typeof getComboboxPopupId;
|
|
93
|
+
var Button: typeof ComboboxButton;
|
|
94
|
+
var ClearButton: typeof import("./button").ComboboxButtonClearButton;
|
|
54
95
|
var Divider: typeof import("..").Divider;
|
|
96
|
+
var Listbox: typeof ComboboxListbox;
|
|
55
97
|
var ListboxPlaceholder: typeof import("./listbox").ComboboxListboxPlaceholder;
|
|
98
|
+
var OpenPopupButton: typeof import("./button").ComboboxButtonOpenPopupButton;
|
|
99
|
+
var Optgroup: typeof import("./listbox").ComboboxListboxOptgroup;
|
|
100
|
+
var Option: typeof import("./listbox").ComboboxListboxOption;
|
|
101
|
+
var OptionAdditionalInfo: typeof import("./option").ComboboxOptionAdditionalInfo;
|
|
102
|
+
var Popup: typeof ComboboxPopup;
|
|
103
|
+
var SearchInput: typeof ComboboxSearchInput;
|
|
104
|
+
var SelectedContent: typeof ComboboxSelectedContent;
|
|
105
|
+
var SelectionChips: typeof ComboboxSelectionChips;
|
|
106
|
+
var SelectionChipsItem: typeof import("./selection-chips/selection-chip").ComboboxSelectionChip;
|
|
107
|
+
var Context: import("react").Context<ComboboxContext.Value | null>;
|
|
108
|
+
var DefaultOptionsContext: import("react").Context<ComboboxDefaultOptionsContext.Value>;
|
|
109
|
+
var useButton: typeof useComboboxButton;
|
|
110
|
+
var useContext: typeof useComboboxContext;
|
|
111
|
+
var useDefaultOptionsContext: typeof useComboboxDefaultOptionsContext;
|
|
112
|
+
var useHasSelection: typeof useComboboxHasSelection;
|
|
113
|
+
var useSelectedOptions: typeof useComboboxSelectedOptions;
|
|
114
|
+
var useState: typeof useComboboxState;
|
|
56
115
|
}
|
|
57
116
|
//# sourceMappingURL=combobox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.d.ts","sourceRoot":"/","sources":["core/combobox/combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"combobox.d.ts","sourceRoot":"/","sources":["core/combobox/combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAC/D,OAAO,EAAE,6BAA6B,EAAE,gCAAgC,EAAE,MAAM,2BAA2B,CAAA;AAC3G,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAA;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAG9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,yBAAiB,QAAQ,CAAC;IACxB,UAAiB,WAAY,SAAQ,cAAc,CAAC,KAAK;KAAG;IAC5D,UAAiB,gBAAiB,SAAQ,cAAc,CAAC,gBAAgB;KAAG;IAC5E,UAAiB,YAAa,SAAQ,eAAe,CAAC,KAAK;KAAG;IAC9D,UAAiB,0BAA2B,SAAQ,6BAA6B,CAAC,KAAK;KAAG;IAC1F,UAAiB,YAAa,SAAQ,eAAe,CAAC,YAAY;KAAG;IACrE,UAAiB,YAAa,SAAQ,eAAe,CAAC,KAAK;KAAG;IAC9D,UAAiB,uBAAwB,SAAQ,eAAe,CAAC,gBAAgB;KAAG;IACpF,UAAiB,oBAAqB,SAAQ,cAAc,CAAC,oBAAoB;KAAG;IACpF,UAAiB,aAAc,SAAQ,eAAe,CAAC,aAAa;KAAG;IACvE,UAAiB,WAAY,SAAQ,eAAe,CAAC,WAAW;KAAG;IACnE,UAAiB,yBAA0B,SAAQ,eAAe,CAAC,yBAAyB;KAAG;IAC/F,UAAiB,UAAW,SAAQ,aAAa,CAAC,KAAK;KAAG;IAC1D,UAAiB,gBAAiB,SAAQ,mBAAmB,CAAC,KAAK;KAAG;IACtE,UAAiB,oBAAqB,SAAQ,uBAAuB,CAAC,KAAK;KAAG;IAC9E,UAAiB,mBAAoB,SAAQ,sBAAsB,CAAC,KAAK;KAAG;IAC5E,UAAiB,uBAAwB,SAAQ,sBAAsB,CAAC,SAAS;KAAG;IAEpF,UAAiB,KAAM,SAAQ,cAAc,CAAC,WAAW,CAAC;QACxD,yDAAyD;QACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QAC1B,uCAAuC;QACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,sDAAsD;QACtD,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,yDAAyD;QACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,sCAAsC;QACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,+CAA+C;QAC/C,YAAY,CAAC,EAAE,OAAO,CAAA;QACtB,2BAA2B;QAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;KACpC;CACF;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,kBAAkB,EAAE,eAAe,EACnC,mBAAmB,EAAE,gBAAgB,EACrC,cAAc,EAAE,WAAW,EAC3B,QAAQ,EACR,QAAgB,EAChB,EAAE,EACF,QAAQ,EACR,QAAgB,EAChB,QAAgB,EAChB,YAAoB,EACpB,IAAe,EACf,KAAK,EACL,GAAG,IAAI,EACR,EAAE,QAAQ,CAAC,KAAK,2CA0BhB;yBAxCe,QAAQ"}
|
|
@@ -7,26 +7,43 @@ declare const meta: {
|
|
|
7
7
|
children: {
|
|
8
8
|
control: false;
|
|
9
9
|
};
|
|
10
|
+
size: {
|
|
11
|
+
control: "select";
|
|
12
|
+
options: string[];
|
|
13
|
+
};
|
|
10
14
|
};
|
|
11
15
|
};
|
|
12
16
|
export default meta;
|
|
13
17
|
type Story = StoryObj<typeof meta>;
|
|
14
18
|
/**
|
|
15
|
-
* Demonstrates a basic combobox with static options.
|
|
19
|
+
* Demonstrates a basic combobox with static options using the low-level ComboboxButton primitive.
|
|
16
20
|
*/
|
|
17
21
|
export declare const Example: Story;
|
|
18
22
|
/**
|
|
19
|
-
* Demonstrates
|
|
23
|
+
* Demonstrates a searchable combobox that lets users filter options by typing. As the options
|
|
24
|
+
* are dynamically rendered, and the combobox allows multiple selections, the selected options are
|
|
25
|
+
* displayed using `Combobox.SelectionChips`.
|
|
20
26
|
*/
|
|
21
|
-
export declare const
|
|
27
|
+
export declare const DynamicOptions: Story;
|
|
22
28
|
/**
|
|
23
29
|
* By default, the combobox popup will switch to a drawer experience on XS breakpoints. It can also be
|
|
24
30
|
* pinned to a popover or drawer using the `variant` prop.
|
|
25
31
|
*/
|
|
26
32
|
export declare const Drawer: Story;
|
|
27
33
|
/**
|
|
28
|
-
*
|
|
29
|
-
*
|
|
34
|
+
* Three sizes are supported: small, medium, and large. The size impacts both the combobox button and
|
|
35
|
+
* the option labels.
|
|
36
|
+
*/
|
|
37
|
+
export declare const Sizes: Story;
|
|
38
|
+
/**
|
|
39
|
+
* The combobox's value can be controlled like any other form control. The `Combobox.useState` hook is
|
|
40
|
+
* available; it has the correct type baked-in. When responding to changes, `Combobox.getListboxValue`
|
|
41
|
+
* can be used to retrieve the appropriate value from the DOM element.
|
|
42
|
+
*/
|
|
43
|
+
export declare const Controlled: Story;
|
|
44
|
+
/**
|
|
45
|
+
* Three sizes are supported: small, medium, and large. The size impacts both the combobox button and
|
|
46
|
+
* the option labels.
|
|
30
47
|
*/
|
|
31
|
-
export declare const
|
|
48
|
+
export declare const Forms: Story;
|
|
32
49
|
//# sourceMappingURL=combobox.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.stories.d.ts","sourceRoot":"/","sources":["core/combobox/combobox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"combobox.stories.d.ts","sourceRoot":"/","sources":["core/combobox/combobox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAOrC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAYuB,CAAA;AAEjC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KAoE5B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAcpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAkCxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAqBnB,CAAA"}
|
|
@@ -1,23 +1,30 @@
|
|
|
1
1
|
export declare namespace ComboboxContext {
|
|
2
|
-
/**
|
|
3
|
-
* Configuration shared between Combobox subcomponents.
|
|
4
|
-
* Only includes attributes used by multiple subcomponents.
|
|
5
|
-
*/
|
|
6
2
|
interface Value {
|
|
7
|
-
/**
|
|
8
|
-
|
|
3
|
+
/** ID of element(s) describing the combobox */
|
|
4
|
+
ariaDescribedBy?: string;
|
|
5
|
+
/** ID of element providing error message for the combobox */
|
|
6
|
+
ariaErrorMessage?: string;
|
|
7
|
+
/** Whether the combobox value is invalid */
|
|
8
|
+
ariaInvalid?: boolean | 'false' | 'true' | 'grammar' | 'spelling';
|
|
9
|
+
/** Combobox element ID */
|
|
10
|
+
comboboxId: string;
|
|
9
11
|
/** Whether the combobox is disabled */
|
|
10
12
|
disabled: boolean;
|
|
11
13
|
/** Listbox element ID */
|
|
12
14
|
listboxId: string;
|
|
15
|
+
/** Whether multiple selections are allowed */
|
|
16
|
+
multiple: boolean;
|
|
13
17
|
/** Popup element ID */
|
|
14
18
|
popupId: string;
|
|
15
19
|
/** Whether the combobox is required */
|
|
16
20
|
required: boolean;
|
|
21
|
+
/** Size of the combobox */
|
|
22
|
+
size: 'small' | 'medium' | 'large';
|
|
17
23
|
}
|
|
18
24
|
}
|
|
19
25
|
/**
|
|
20
|
-
*
|
|
26
|
+
* Context that Combobox provides to descendants. Exposes configuration for
|
|
27
|
+
* managing shared state across button, listbox, and popup components.
|
|
21
28
|
*/
|
|
22
29
|
export declare const ComboboxContext: import("react").Context<ComboboxContext.Value | null>;
|
|
23
30
|
/**
|