@atlaskit/react-select 3.14.3 → 3.14.4
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/CHANGELOG.md +8 -0
- package/dist/cjs/compiled/components/containers.compiled.css +6 -6
- package/dist/cjs/compiled/components/containers.js +7 -17
- package/dist/cjs/components/containers/indicators-container.compiled.css +5 -0
- package/dist/cjs/components/containers/indicators-container.js +36 -0
- package/dist/cjs/components/containers/multi-value-container.compiled.css +19 -0
- package/dist/cjs/components/containers/multi-value-container.js +34 -0
- package/dist/cjs/components/containers/select-container.compiled.css +6 -0
- package/dist/cjs/components/containers/select-container.js +43 -0
- package/dist/cjs/components/containers/value-container.compiled.css +17 -0
- package/dist/cjs/components/containers/value-container.js +46 -0
- package/dist/cjs/components/control.js +3 -6
- package/dist/cjs/components/{internal/dummy-input.js → dummy-input.js} +22 -5
- package/dist/cjs/components/group-heading.compiled.css +9 -0
- package/dist/cjs/components/group-heading.js +40 -0
- package/dist/cjs/components/group.compiled.css +2 -11
- package/dist/cjs/components/group.js +4 -33
- package/dist/cjs/components/index.js +31 -21
- package/dist/{esm/components/indicators.compiled.css → cjs/components/indicators/clear-indicator.compiled.css} +0 -6
- package/dist/cjs/components/indicators/clear-indicator.js +55 -0
- package/dist/cjs/components/indicators/dropdown-indicator.compiled.css +13 -0
- package/dist/cjs/components/indicators/dropdown-indicator.js +55 -0
- package/dist/cjs/components/indicators/loading-indicator.compiled.css +6 -0
- package/dist/cjs/components/indicators/loading-indicator.js +55 -0
- package/dist/cjs/components/input.js +5 -7
- package/dist/cjs/components/live-region.js +1 -1
- package/dist/cjs/components/menu-list.compiled.css +5 -0
- package/dist/cjs/components/menu-list.js +48 -0
- package/dist/cjs/components/menu-loading-message.compiled.css +5 -0
- package/dist/cjs/components/menu-loading-message.js +53 -0
- package/dist/cjs/components/menu-no-options-message.compiled.css +5 -0
- package/dist/cjs/components/menu-no-options-message.js +52 -0
- package/dist/cjs/components/menu-placer.js +301 -0
- package/dist/cjs/components/menu-portal.compiled.css +5 -0
- package/dist/cjs/components/menu-portal.js +132 -0
- package/dist/cjs/components/menu.compiled.css +2 -14
- package/dist/cjs/components/menu.js +5 -449
- package/dist/cjs/components/multi-value-label.compiled.css +10 -0
- package/dist/cjs/components/multi-value-label.js +34 -0
- package/dist/cjs/components/multi-value-remove.compiled.css +24 -0
- package/dist/cjs/components/multi-value-remove.js +40 -0
- package/dist/cjs/components/multi-value.compiled.css +0 -30
- package/dist/cjs/components/multi-value.js +10 -82
- package/dist/cjs/components/option.js +3 -6
- package/dist/cjs/components/placeholder.compiled.css +4 -4
- package/dist/cjs/components/placeholder.js +4 -7
- package/dist/cjs/components/single-value.compiled.css +5 -5
- package/dist/cjs/components/single-value.js +4 -7
- package/dist/cjs/get-style-props.js +16 -0
- package/dist/cjs/internal/classnames.js +42 -0
- package/dist/cjs/internal/clean-common-props.js +34 -0
- package/dist/cjs/internal/clean-value.js +17 -0
- package/dist/cjs/internal/is-document-el.js +9 -0
- package/dist/cjs/internal/multi-value-as-value.js +9 -0
- package/dist/cjs/internal/passive-event-detector.js +30 -0
- package/dist/cjs/internal/portal-placement-context.js +19 -0
- package/dist/cjs/internal/scroll-to.js +15 -0
- package/dist/cjs/internal/single-value-as-value.js +9 -0
- package/dist/cjs/{components/internal → internal}/use-scroll-capture.js +2 -2
- package/dist/cjs/internal/value-ternary.js +9 -0
- package/dist/cjs/select.compiled.css +3 -0
- package/dist/cjs/select.js +132 -35
- package/dist/cjs/styles.js +0 -34
- package/dist/cjs/use-async.js +10 -2
- package/dist/cjs/use-creatable.js +4 -3
- package/dist/es2019/compiled/components/containers.compiled.css +6 -6
- package/dist/es2019/compiled/components/containers.js +3 -7
- package/dist/es2019/components/containers/indicators-container.compiled.css +5 -0
- package/dist/es2019/components/containers/indicators-container.js +30 -0
- package/dist/es2019/components/containers/multi-value-container.compiled.css +19 -0
- package/dist/es2019/components/containers/multi-value-container.js +26 -0
- package/dist/es2019/components/containers/select-container.compiled.css +6 -0
- package/dist/es2019/components/containers/select-container.js +37 -0
- package/dist/es2019/components/containers/value-container.compiled.css +17 -0
- package/dist/es2019/components/containers/value-container.js +42 -0
- package/dist/es2019/components/control.js +1 -2
- package/dist/es2019/components/{internal/dummy-input.js → dummy-input.js} +7 -1
- package/dist/es2019/components/group-heading.compiled.css +9 -0
- package/dist/es2019/components/group-heading.js +33 -0
- package/dist/es2019/components/group.compiled.css +2 -11
- package/dist/es2019/components/group.js +2 -29
- package/dist/es2019/components/index.js +17 -5
- package/dist/{cjs/components/indicators.compiled.css → es2019/components/indicators/clear-indicator.compiled.css} +0 -6
- package/dist/es2019/components/indicators/clear-indicator.js +48 -0
- package/dist/es2019/components/indicators/dropdown-indicator.compiled.css +13 -0
- package/dist/es2019/components/indicators/dropdown-indicator.js +49 -0
- package/dist/es2019/components/indicators/loading-indicator.compiled.css +6 -0
- package/dist/es2019/components/indicators/loading-indicator.js +43 -0
- package/dist/es2019/components/input.js +2 -2
- package/dist/es2019/components/live-region.js +1 -1
- package/dist/es2019/components/menu-list.compiled.css +5 -0
- package/dist/es2019/components/menu-list.js +40 -0
- package/dist/es2019/components/menu-loading-message.compiled.css +5 -0
- package/dist/es2019/components/menu-loading-message.js +41 -0
- package/dist/es2019/components/menu-no-options-message.compiled.css +5 -0
- package/dist/es2019/components/menu-no-options-message.js +40 -0
- package/dist/es2019/components/menu-placer.js +288 -0
- package/dist/es2019/components/menu-portal.compiled.css +5 -0
- package/dist/es2019/components/menu-portal.js +115 -0
- package/dist/es2019/components/menu.compiled.css +2 -14
- package/dist/es2019/components/menu.js +2 -441
- package/dist/es2019/components/multi-value-label.compiled.css +10 -0
- package/dist/es2019/components/multi-value-label.js +26 -0
- package/dist/es2019/components/multi-value-remove.compiled.css +24 -0
- package/dist/es2019/components/multi-value-remove.js +32 -0
- package/dist/es2019/components/multi-value.compiled.css +0 -30
- package/dist/es2019/components/multi-value.js +2 -69
- package/dist/es2019/components/option.js +1 -2
- package/dist/es2019/components/placeholder.compiled.css +4 -4
- package/dist/es2019/components/placeholder.js +2 -3
- package/dist/es2019/components/single-value.compiled.css +5 -5
- package/dist/es2019/components/single-value.js +2 -3
- package/dist/es2019/get-style-props.js +12 -0
- package/dist/es2019/internal/classnames.js +29 -0
- package/dist/es2019/internal/clean-common-props.js +28 -0
- package/dist/es2019/internal/clean-value.js +9 -0
- package/dist/es2019/internal/is-document-el.js +3 -0
- package/dist/es2019/internal/multi-value-as-value.js +3 -0
- package/dist/es2019/internal/passive-event-detector.js +22 -0
- package/dist/es2019/internal/portal-placement-context.js +13 -0
- package/dist/es2019/internal/scroll-to.js +9 -0
- package/dist/es2019/internal/single-value-as-value.js +3 -0
- package/dist/es2019/{components/internal → internal}/use-scroll-capture.js +1 -1
- package/dist/es2019/internal/value-ternary.js +3 -0
- package/dist/es2019/select.compiled.css +3 -0
- package/dist/es2019/select.js +110 -15
- package/dist/es2019/styles.js +0 -33
- package/dist/es2019/use-async.js +9 -1
- package/dist/es2019/use-creatable.js +2 -1
- package/dist/esm/compiled/components/containers.compiled.css +6 -6
- package/dist/esm/compiled/components/containers.js +3 -13
- package/dist/esm/components/containers/indicators-container.compiled.css +5 -0
- package/dist/esm/components/containers/indicators-container.js +27 -0
- package/dist/esm/components/containers/multi-value-container.compiled.css +19 -0
- package/dist/esm/components/containers/multi-value-container.js +25 -0
- package/dist/esm/components/containers/select-container.compiled.css +6 -0
- package/dist/esm/components/containers/select-container.js +34 -0
- package/dist/esm/components/containers/value-container.compiled.css +17 -0
- package/dist/esm/components/containers/value-container.js +37 -0
- package/dist/esm/components/control.js +1 -4
- package/dist/esm/components/{internal/dummy-input.js → dummy-input.js} +21 -4
- package/dist/esm/components/group-heading.compiled.css +9 -0
- package/dist/esm/components/group-heading.js +31 -0
- package/dist/esm/components/group.compiled.css +2 -11
- package/dist/esm/components/group.js +2 -31
- package/dist/esm/components/index.js +17 -5
- package/dist/{es2019/components/indicators.compiled.css → esm/components/indicators/clear-indicator.compiled.css} +0 -6
- package/dist/esm/components/indicators/clear-indicator.js +46 -0
- package/dist/esm/components/indicators/dropdown-indicator.compiled.css +13 -0
- package/dist/esm/components/indicators/dropdown-indicator.js +46 -0
- package/dist/esm/components/indicators/loading-indicator.compiled.css +6 -0
- package/dist/esm/components/indicators/loading-indicator.js +47 -0
- package/dist/esm/components/input.js +2 -4
- package/dist/esm/components/live-region.js +1 -1
- package/dist/esm/components/menu-list.compiled.css +5 -0
- package/dist/esm/components/menu-list.js +39 -0
- package/dist/esm/components/menu-loading-message.compiled.css +5 -0
- package/dist/esm/components/menu-loading-message.js +45 -0
- package/dist/esm/components/menu-no-options-message.compiled.css +5 -0
- package/dist/esm/components/menu-no-options-message.js +44 -0
- package/dist/esm/components/menu-placer.js +294 -0
- package/dist/esm/components/menu-portal.compiled.css +5 -0
- package/dist/esm/components/menu-portal.js +123 -0
- package/dist/esm/components/menu.compiled.css +2 -14
- package/dist/esm/components/menu.js +2 -451
- package/dist/esm/components/multi-value-label.compiled.css +10 -0
- package/dist/esm/components/multi-value-label.js +25 -0
- package/dist/esm/components/multi-value-remove.compiled.css +24 -0
- package/dist/esm/components/multi-value-remove.js +31 -0
- package/dist/esm/components/multi-value.compiled.css +0 -30
- package/dist/esm/components/multi-value.js +5 -75
- package/dist/esm/components/option.js +1 -4
- package/dist/esm/components/placeholder.compiled.css +4 -4
- package/dist/esm/components/placeholder.js +2 -5
- package/dist/esm/components/single-value.compiled.css +5 -5
- package/dist/esm/components/single-value.js +2 -5
- package/dist/esm/get-style-props.js +10 -0
- package/dist/esm/internal/classnames.js +36 -0
- package/dist/esm/internal/clean-common-props.js +27 -0
- package/dist/esm/internal/clean-value.js +10 -0
- package/dist/esm/internal/is-document-el.js +3 -0
- package/dist/esm/internal/multi-value-as-value.js +3 -0
- package/dist/esm/internal/passive-event-detector.js +22 -0
- package/dist/esm/internal/portal-placement-context.js +13 -0
- package/dist/esm/internal/scroll-to.js +9 -0
- package/dist/esm/internal/single-value-as-value.js +3 -0
- package/dist/esm/{components/internal → internal}/use-scroll-capture.js +1 -1
- package/dist/esm/internal/value-ternary.js +3 -0
- package/dist/esm/select.compiled.css +3 -0
- package/dist/esm/select.js +112 -15
- package/dist/esm/styles.js +0 -33
- package/dist/esm/use-async.js +9 -1
- package/dist/esm/use-creatable.js +2 -1
- package/dist/types/async-creatable.d.ts +1 -1
- package/dist/types/async.d.ts +1 -1
- package/dist/types/builtins.d.ts +1 -1
- package/dist/types/compiled/components/containers.d.ts +0 -3
- package/dist/types/components/containers/indicators-container.d.ts +18 -0
- package/dist/types/components/containers/multi-value-container.d.ts +6 -0
- package/dist/types/components/containers/select-container.d.ts +22 -0
- package/dist/types/components/containers/value-container.d.ts +22 -0
- package/dist/types/components/control.d.ts +0 -1
- package/dist/types/components/{internal/dummy-input.d.ts → dummy-input.d.ts} +1 -1
- package/dist/types/components/group-heading.d.ts +19 -0
- package/dist/types/components/group.d.ts +3 -21
- package/dist/types/components/index.d.ts +20 -7
- package/dist/types/components/indicators/clear-indicator.d.ts +29 -0
- package/dist/types/components/indicators/dropdown-indicator.d.ts +26 -0
- package/dist/types/components/indicators/loading-indicator.d.ts +25 -0
- package/dist/types/components/input.d.ts +0 -1
- package/dist/types/components/menu-list.d.ts +29 -0
- package/dist/types/components/menu-loading-message.d.ts +2 -0
- package/dist/types/components/menu-no-options-message.d.ts +2 -0
- package/dist/types/components/menu-placer.d.ts +49 -0
- package/dist/types/components/menu-portal.d.ts +23 -0
- package/dist/types/components/menu.d.ts +3 -96
- package/dist/types/components/multi-value-label.d.ts +6 -0
- package/dist/types/components/multi-value-remove.d.ts +20 -0
- package/dist/types/components/multi-value.d.ts +3 -35
- package/dist/types/components/option.d.ts +0 -1
- package/dist/types/components/placeholder.d.ts +0 -1
- package/dist/types/components/single-value.d.ts +0 -1
- package/dist/types/creatable.d.ts +1 -1
- package/dist/types/get-style-props.d.ts +6 -0
- package/dist/types/index.d.ts +14 -5
- package/dist/types/internal/classnames.d.ts +2 -0
- package/dist/types/internal/clean-common-props.d.ts +2 -0
- package/dist/types/internal/clean-value.d.ts +2 -0
- package/dist/types/internal/is-document-el.d.ts +1 -0
- package/dist/types/internal/multi-value-as-value.d.ts +2 -0
- package/dist/types/internal/passive-event-detector.d.ts +1 -0
- package/dist/types/internal/portal-placement-context.d.ts +13 -0
- package/dist/types/internal/scroll-to.d.ts +1 -0
- package/dist/types/internal/single-value-as-value.d.ts +2 -0
- package/dist/types/internal/value-ternary.d.ts +2 -0
- package/dist/types/select.d.ts +4 -0
- package/dist/types/state-manager.d.ts +1 -1
- package/dist/types/styles.d.ts +12 -8
- package/dist/types/theme.d.ts +1 -1
- package/dist/types/types.d.ts +28 -3
- package/dist/types/use-async.d.ts +2 -2
- package/dist/types/use-creatable.d.ts +1 -1
- package/dist/types/use-state-manager.d.ts +2 -2
- package/dist/types-ts4.5/async-creatable.d.ts +1 -1
- package/dist/types-ts4.5/async.d.ts +1 -1
- package/dist/types-ts4.5/builtins.d.ts +1 -1
- package/dist/types-ts4.5/compiled/components/containers.d.ts +0 -3
- package/dist/types-ts4.5/components/containers/indicators-container.d.ts +18 -0
- package/dist/types-ts4.5/components/containers/multi-value-container.d.ts +6 -0
- package/dist/types-ts4.5/components/containers/select-container.d.ts +22 -0
- package/dist/types-ts4.5/components/containers/value-container.d.ts +22 -0
- package/dist/types-ts4.5/components/control.d.ts +0 -1
- package/dist/types-ts4.5/components/{internal/dummy-input.d.ts → dummy-input.d.ts} +1 -1
- package/dist/types-ts4.5/components/group-heading.d.ts +19 -0
- package/dist/types-ts4.5/components/group.d.ts +3 -21
- package/dist/types-ts4.5/components/index.d.ts +20 -7
- package/dist/types-ts4.5/components/indicators/clear-indicator.d.ts +29 -0
- package/dist/types-ts4.5/components/indicators/dropdown-indicator.d.ts +26 -0
- package/dist/types-ts4.5/components/indicators/loading-indicator.d.ts +25 -0
- package/dist/types-ts4.5/components/input.d.ts +0 -1
- package/dist/types-ts4.5/components/menu-list.d.ts +29 -0
- package/dist/types-ts4.5/components/menu-loading-message.d.ts +2 -0
- package/dist/types-ts4.5/components/menu-no-options-message.d.ts +2 -0
- package/dist/types-ts4.5/components/menu-placer.d.ts +49 -0
- package/dist/types-ts4.5/components/menu-portal.d.ts +23 -0
- package/dist/types-ts4.5/components/menu.d.ts +3 -96
- package/dist/types-ts4.5/components/multi-value-label.d.ts +6 -0
- package/dist/types-ts4.5/components/multi-value-remove.d.ts +20 -0
- package/dist/types-ts4.5/components/multi-value.d.ts +3 -35
- package/dist/types-ts4.5/components/option.d.ts +0 -1
- package/dist/types-ts4.5/components/placeholder.d.ts +0 -1
- package/dist/types-ts4.5/components/single-value.d.ts +0 -1
- package/dist/types-ts4.5/creatable.d.ts +1 -1
- package/dist/types-ts4.5/get-style-props.d.ts +6 -0
- package/dist/types-ts4.5/index.d.ts +14 -5
- package/dist/types-ts4.5/internal/classnames.d.ts +2 -0
- package/dist/types-ts4.5/internal/clean-common-props.d.ts +2 -0
- package/dist/types-ts4.5/internal/clean-value.d.ts +2 -0
- package/dist/types-ts4.5/internal/is-document-el.d.ts +1 -0
- package/dist/types-ts4.5/internal/multi-value-as-value.d.ts +2 -0
- package/dist/types-ts4.5/internal/passive-event-detector.d.ts +1 -0
- package/dist/types-ts4.5/internal/portal-placement-context.d.ts +13 -0
- package/dist/types-ts4.5/internal/scroll-to.d.ts +1 -0
- package/dist/types-ts4.5/internal/single-value-as-value.d.ts +2 -0
- package/dist/types-ts4.5/internal/value-ternary.d.ts +2 -0
- package/dist/types-ts4.5/select.d.ts +4 -0
- package/dist/types-ts4.5/state-manager.d.ts +1 -1
- package/dist/types-ts4.5/styles.d.ts +12 -8
- package/dist/types-ts4.5/theme.d.ts +1 -1
- package/dist/types-ts4.5/types.d.ts +28 -3
- package/dist/types-ts4.5/use-async.d.ts +2 -2
- package/dist/types-ts4.5/use-creatable.d.ts +1 -1
- package/dist/types-ts4.5/use-state-manager.d.ts +2 -2
- package/package.json +6 -6
- package/dist/cjs/components/containers.compiled.css +0 -25
- package/dist/cjs/components/containers.js +0 -116
- package/dist/cjs/components/indicators.js +0 -155
- package/dist/cjs/utils.js +0 -391
- package/dist/es2019/components/containers.compiled.css +0 -25
- package/dist/es2019/components/containers.js +0 -113
- package/dist/es2019/components/indicators.js +0 -143
- package/dist/es2019/utils.js +0 -344
- package/dist/esm/components/containers.compiled.css +0 -25
- package/dist/esm/components/containers.js +0 -108
- package/dist/esm/components/indicators.js +0 -148
- package/dist/esm/utils.js +0 -364
- package/dist/types/components/containers.d.ts +0 -53
- package/dist/types/components/indicators.d.ts +0 -72
- package/dist/types/utils.d.ts +0 -40
- package/dist/types-ts4.5/components/containers.d.ts +0 -53
- package/dist/types-ts4.5/components/indicators.d.ts +0 -72
- package/dist/types-ts4.5/utils.d.ts +0 -40
- /package/dist/cjs/components/{internal/dummy-input.compiled.css → dummy-input.compiled.css} +0 -0
- /package/dist/cjs/{components/internal → internal}/a11y-text.compiled.css +0 -0
- /package/dist/cjs/{components/internal → internal}/a11y-text.js +0 -0
- /package/dist/cjs/{components/internal → internal}/notify-open-layer-observer.js +0 -0
- /package/dist/cjs/{components/internal → internal}/required-input.compiled.css +0 -0
- /package/dist/cjs/{components/internal → internal}/required-input.js +0 -0
- /package/dist/cjs/{components/internal → internal}/scroll-manager.js +0 -0
- /package/dist/cjs/{components/internal → internal}/use-scroll-lock.js +0 -0
- /package/dist/es2019/components/{internal/dummy-input.compiled.css → dummy-input.compiled.css} +0 -0
- /package/dist/es2019/{components/internal → internal}/a11y-text.compiled.css +0 -0
- /package/dist/es2019/{components/internal → internal}/a11y-text.js +0 -0
- /package/dist/es2019/{components/internal → internal}/notify-open-layer-observer.js +0 -0
- /package/dist/es2019/{components/internal → internal}/required-input.compiled.css +0 -0
- /package/dist/es2019/{components/internal → internal}/required-input.js +0 -0
- /package/dist/es2019/{components/internal → internal}/scroll-manager.js +0 -0
- /package/dist/es2019/{components/internal → internal}/use-scroll-lock.js +0 -0
- /package/dist/esm/components/{internal/dummy-input.compiled.css → dummy-input.compiled.css} +0 -0
- /package/dist/esm/{components/internal → internal}/a11y-text.compiled.css +0 -0
- /package/dist/esm/{components/internal → internal}/a11y-text.js +0 -0
- /package/dist/esm/{components/internal → internal}/notify-open-layer-observer.js +0 -0
- /package/dist/esm/{components/internal → internal}/required-input.compiled.css +0 -0
- /package/dist/esm/{components/internal → internal}/required-input.js +0 -0
- /package/dist/esm/{components/internal → internal}/scroll-manager.js +0 -0
- /package/dist/esm/{components/internal → internal}/use-scroll-lock.js +0 -0
- /package/dist/types/{components/internal → internal}/a11y-text.d.ts +0 -0
- /package/dist/types/{components/internal → internal}/notify-open-layer-observer.d.ts +0 -0
- /package/dist/types/{components/internal → internal}/required-input.d.ts +0 -0
- /package/dist/types/{components/internal → internal}/scroll-manager.d.ts +0 -0
- /package/dist/types/{components/internal → internal}/use-scroll-capture.d.ts +0 -0
- /package/dist/types/{components/internal → internal}/use-scroll-lock.d.ts +0 -0
- /package/dist/types-ts4.5/{components/internal → internal}/a11y-text.d.ts +0 -0
- /package/dist/types-ts4.5/{components/internal → internal}/notify-open-layer-observer.d.ts +0 -0
- /package/dist/types-ts4.5/{components/internal → internal}/required-input.d.ts +0 -0
- /package/dist/types-ts4.5/{components/internal → internal}/scroll-manager.d.ts +0 -0
- /package/dist/types-ts4.5/{components/internal → internal}/use-scroll-capture.d.ts +0 -0
- /package/dist/types-ts4.5/{components/internal → internal}/use-scroll-lock.d.ts +0 -0
package/dist/types/index.d.ts
CHANGED
|
@@ -9,13 +9,22 @@ export type SelectInstance<Option = unknown, IsMulti extends boolean = false, Gr
|
|
|
9
9
|
export type { StateManagerProps as Props } from './use-state-manager';
|
|
10
10
|
export { useStateManager };
|
|
11
11
|
export type { SelectComponentsConfig, SelectComponents } from './components';
|
|
12
|
-
export type { ContainerProps
|
|
12
|
+
export type { ContainerProps } from './components/containers/select-container';
|
|
13
|
+
export type { IndicatorsContainerProps } from './components/containers/indicators-container';
|
|
14
|
+
export type { ValueContainerProps } from './components/containers/value-container';
|
|
13
15
|
export type { ControlProps } from './components/control';
|
|
14
|
-
export type { GroupProps
|
|
15
|
-
export type {
|
|
16
|
+
export type { GroupProps } from './components/group';
|
|
17
|
+
export type { GroupHeadingProps } from './components/group-heading';
|
|
18
|
+
export type { ClearIndicatorProps } from './components/indicators/clear-indicator';
|
|
19
|
+
export type { DropdownIndicatorProps } from './components/indicators/dropdown-indicator';
|
|
20
|
+
export type { LoadingIndicatorProps } from './components/indicators/loading-indicator';
|
|
16
21
|
export type { InputProps } from './components/input';
|
|
17
|
-
export type { MenuListProps
|
|
18
|
-
export type {
|
|
22
|
+
export type { MenuListProps } from './components/menu-list';
|
|
23
|
+
export type { MenuProps } from './components/menu';
|
|
24
|
+
export type { MenuPortalProps } from './components/menu-portal';
|
|
25
|
+
export type { NoticeProps, MultiValueGenericProps } from './types';
|
|
26
|
+
export type { MultiValueProps } from './components/multi-value';
|
|
27
|
+
export type { MultiValueRemoveProps } from './components/multi-value-remove';
|
|
19
28
|
export type { OptionProps } from './components/option';
|
|
20
29
|
export type { PlaceholderProps } from './components/placeholder';
|
|
21
30
|
export type { SingleValueProps } from './components/single-value';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { CommonPropsAndClassName, GroupBase } from '../types';
|
|
2
|
+
export declare const cleanCommonProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, AdditionalProps>(props: Partial<CommonPropsAndClassName<Option, IsMulti, Group>> & AdditionalProps) => Omit<AdditionalProps, keyof CommonPropsAndClassName<Option, IsMulti, Group>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function isDocumentElement(el: HTMLElement | typeof window): el is typeof window;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const supportsPassiveEvents: boolean;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { CoercedMenuPlacement } from '../types';
|
|
2
|
+
/**
|
|
3
|
+
* __Portal placement context__
|
|
4
|
+
*
|
|
5
|
+
* A portal placement context {description}.
|
|
6
|
+
*
|
|
7
|
+
* - [Examples](https://atlassian.design/components/{packageName}/examples)
|
|
8
|
+
* - [Code](https://atlassian.design/components/{packageName}/code)
|
|
9
|
+
* - [Usage](https://atlassian.design/components/{packageName}/usage)
|
|
10
|
+
*/
|
|
11
|
+
export declare const PortalPlacementContext: import("react").Context<{
|
|
12
|
+
setPortalPlacement: (placement: CoercedMenuPlacement) => void;
|
|
13
|
+
} | null>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function scrollTo(el: HTMLElement | typeof window, top: number): void;
|
package/dist/types/select.d.ts
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
1
5
|
import React, { type AriaAttributes, Component, type FocusEventHandler, type FormEventHandler, type KeyboardEventHandler, type MouseEventHandler, type ReactNode, type RefCallback, type TouchEventHandler } from 'react';
|
|
2
6
|
import { type AriaLiveMessages, type AriaSelection } from './accessibility';
|
|
3
7
|
import { defaultComponents, type SelectComponentsConfig } from './components';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ReactElement, type RefAttributes } from 'react';
|
|
2
2
|
import Select from './select';
|
|
3
|
-
import {
|
|
3
|
+
import type { GroupBase } from './types';
|
|
4
4
|
import { type StateManagerProps } from './use-state-manager';
|
|
5
5
|
/**
|
|
6
6
|
* __StateManagedSelect__
|
package/dist/types/styles.d.ts
CHANGED
|
@@ -1,14 +1,21 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type IndicatorsContainerProps } from './components/containers/indicators-container';
|
|
2
|
+
import { type ContainerProps } from './components/containers/select-container';
|
|
3
|
+
import { type ValueContainerProps } from './components/containers/value-container';
|
|
2
4
|
import { type ControlProps } from './components/control';
|
|
3
|
-
import { type
|
|
4
|
-
import { type
|
|
5
|
+
import { type GroupProps } from './components/group';
|
|
6
|
+
import { type GroupHeadingProps } from './components/group-heading';
|
|
7
|
+
import { type ClearIndicatorProps } from './components/indicators/clear-indicator';
|
|
8
|
+
import { type DropdownIndicatorProps } from './components/indicators/dropdown-indicator';
|
|
9
|
+
import { type LoadingIndicatorProps } from './components/indicators/loading-indicator';
|
|
5
10
|
import { type InputProps } from './components/input';
|
|
6
|
-
import { type
|
|
11
|
+
import { type MenuProps } from './components/menu';
|
|
12
|
+
import { type MenuListProps } from './components/menu-list';
|
|
13
|
+
import { type PortalStyleArgs } from './components/menu-portal';
|
|
7
14
|
import { type MultiValueProps } from './components/multi-value';
|
|
8
15
|
import { type OptionProps } from './components/option';
|
|
9
16
|
import { type PlaceholderProps } from './components/placeholder';
|
|
10
17
|
import { type SingleValueProps } from './components/single-value';
|
|
11
|
-
import { type CSSObjectWithLabel, type GroupBase } from './types';
|
|
18
|
+
import { type CSSObjectWithLabel, type GroupBase, type NoticeProps } from './types';
|
|
12
19
|
export interface StylesProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
|
|
13
20
|
clearIndicator: ClearIndicatorProps<Option, IsMulti, Group>;
|
|
14
21
|
container: ContainerProps<Option, IsMulti, Group>;
|
|
@@ -32,9 +39,6 @@ export interface StylesProps<Option, IsMulti extends boolean, Group extends Grou
|
|
|
32
39
|
singleValue: SingleValueProps<Option, IsMulti, Group>;
|
|
33
40
|
valueContainer: ValueContainerProps<Option, IsMulti, Group>;
|
|
34
41
|
}
|
|
35
|
-
export declare const defaultStyles: {
|
|
36
|
-
[K in keyof StylesProps<any, any, any>]: (props: StylesProps<unknown, boolean, GroupBase<unknown>>[K]) => CSSObjectWithLabel;
|
|
37
|
-
};
|
|
38
42
|
export type StylesConfig<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = {
|
|
39
43
|
[K in keyof StylesProps<Option, IsMulti, Group>]?: (base: CSSObjectWithLabel, props: StylesProps<Option, IsMulti, Group>[K]) => CSSObjectWithLabel;
|
|
40
44
|
};
|
package/dist/types/theme.d.ts
CHANGED
package/dist/types/types.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { CSSProperties, XCSSProp } from '@compiled/react';
|
|
2
3
|
import type { XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
4
|
+
import type { SelectProps } from './select';
|
|
5
|
+
import type { StylesProps } from './styles';
|
|
5
6
|
export interface GroupBase<Option> {
|
|
6
7
|
readonly options: readonly Option[];
|
|
7
8
|
readonly label?: string;
|
|
@@ -127,3 +128,27 @@ export type FocusDirection = 'up' | 'down' | 'pageup' | 'pagedown' | 'first' | '
|
|
|
127
128
|
export type GetOptionLabel<Option> = (option: Option) => string;
|
|
128
129
|
export type GetOptionValue<Option> = (option: Option) => string;
|
|
129
130
|
export type CSSObjectWithLabel = any;
|
|
131
|
+
export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
|
|
132
|
+
children: ReactNode;
|
|
133
|
+
data: any;
|
|
134
|
+
innerProps: {
|
|
135
|
+
className?: string;
|
|
136
|
+
style?: CSSProperties;
|
|
137
|
+
};
|
|
138
|
+
selectProps: SelectProps<Option, IsMulti, Group>;
|
|
139
|
+
isFocused?: boolean;
|
|
140
|
+
isDisabled?: boolean;
|
|
141
|
+
hasEllipsis?: boolean;
|
|
142
|
+
className?: string | undefined;
|
|
143
|
+
xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
|
|
144
|
+
}
|
|
145
|
+
export interface NoticeProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
146
|
+
/**
|
|
147
|
+
* The children to be rendered.
|
|
148
|
+
*/
|
|
149
|
+
children: ReactNode;
|
|
150
|
+
/**
|
|
151
|
+
* Props to be passed on to the wrapper.
|
|
152
|
+
*/
|
|
153
|
+
innerProps: JSX.IntrinsicElements['div'];
|
|
154
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import type { GroupBase, OptionsOrGroups } from './types';
|
|
2
|
+
import type { StateManagerProps } from './use-state-manager';
|
|
3
3
|
type AsyncManagedPropKeys = 'options' | 'isLoading' | 'onInputChange' | 'filterOption';
|
|
4
4
|
export interface AsyncAdditionalProps<Option, Group extends GroupBase<Option>> {
|
|
5
5
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import type { PublicBaseSelectProps } from './select';
|
|
3
3
|
import { type GetOptionLabel, type GetOptionValue, type GroupBase, type Options, type OptionsOrGroups } from './types';
|
|
4
4
|
interface Accessors<Option> {
|
|
5
5
|
getOptionValue: GetOptionValue<Option>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { PublicBaseSelectProps } from './select';
|
|
2
2
|
import { type GroupBase, type PropsValue } from './types';
|
|
3
3
|
type StateManagedPropKeys = 'inputValue' | 'menuIsOpen' | 'onChange' | 'onInputChange' | 'onMenuClose' | 'onMenuOpen' | 'value';
|
|
4
4
|
type SelectPropsWithOptionalStateManagedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = Omit<PublicBaseSelectProps<Option, IsMulti, Group>, StateManagedPropKeys> & Partial<PublicBaseSelectProps<Option, IsMulti, Group>>;
|
|
5
|
-
|
|
5
|
+
interface StateManagerAdditionalProps<Option> {
|
|
6
6
|
defaultInputValue?: string;
|
|
7
7
|
defaultMenuIsOpen?: boolean;
|
|
8
8
|
defaultValue?: PropsValue<Option>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ReactElement, type RefAttributes } from 'react';
|
|
2
2
|
import Select from './select';
|
|
3
|
-
import {
|
|
3
|
+
import type { GroupBase } from './types';
|
|
4
4
|
import { type AsyncAdditionalProps } from './use-async';
|
|
5
5
|
import { type CreatableAdditionalProps } from './use-creatable';
|
|
6
6
|
import { type StateManagerProps } from './use-state-manager';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ReactElement, type RefAttributes } from 'react';
|
|
2
2
|
import Select from './select';
|
|
3
|
-
import {
|
|
3
|
+
import type { GroupBase } from './types';
|
|
4
4
|
import useAsync, { type AsyncProps } from './use-async';
|
|
5
5
|
export type { AsyncProps };
|
|
6
6
|
type AsyncSelect = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: AsyncProps<Option, IsMulti, Group> & RefAttributes<Select<Option, IsMulti, Group>>) => ReactElement;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { GroupBase } from './types';
|
|
2
2
|
export declare const formatGroupLabel: <Option, Group extends GroupBase<Option>>(group: Group) => string;
|
|
3
3
|
export declare const getOptionLabel: <Option>(option: Option) => string;
|
|
4
4
|
export declare const getOptionValue: <Option>(option: Option) => string;
|
|
@@ -19,7 +19,6 @@ export interface ContainerProps<Option = unknown, IsMulti extends boolean = bool
|
|
|
19
19
|
*/
|
|
20
20
|
innerProps: {};
|
|
21
21
|
}
|
|
22
|
-
export declare const containerCSS: () => {};
|
|
23
22
|
export declare const SelectContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>) => JSX.Element;
|
|
24
23
|
export interface ValueContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
25
24
|
/**
|
|
@@ -36,7 +35,6 @@ export interface ValueContainerProps<Option = unknown, IsMulti extends boolean =
|
|
|
36
35
|
*/
|
|
37
36
|
isCompact?: boolean;
|
|
38
37
|
}
|
|
39
|
-
export declare const valueContainerCSS: () => {};
|
|
40
38
|
export declare const ValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => JSX.Element;
|
|
41
39
|
export interface IndicatorsContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
42
40
|
isDisabled: boolean;
|
|
@@ -49,5 +47,4 @@ export interface IndicatorsContainerProps<Option = unknown, IsMulti extends bool
|
|
|
49
47
|
*/
|
|
50
48
|
innerProps?: {};
|
|
51
49
|
}
|
|
52
|
-
export declare const indicatorsContainerCSS: () => {};
|
|
53
50
|
export declare const IndicatorsContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => JSX.Element;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { type ReactNode } from 'react';
|
|
6
|
+
import { type CommonPropsAndClassName, type GroupBase } from '../../types';
|
|
7
|
+
export interface IndicatorsContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
8
|
+
isDisabled: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* The children to be rendered.
|
|
11
|
+
*/
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
/**
|
|
14
|
+
* Props to be passed to the indicators container element.
|
|
15
|
+
*/
|
|
16
|
+
innerProps?: {};
|
|
17
|
+
}
|
|
18
|
+
export declare const IndicatorsContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import type { GroupBase, MultiValueGenericProps } from '../../types';
|
|
6
|
+
export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, isFocused, isDisabled, className, xcss, }: MultiValueGenericProps<Option, IsMulti, Group>) => JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { type ReactNode } from 'react';
|
|
6
|
+
import { type CommonPropsAndClassName, type GroupBase } from '../../types';
|
|
7
|
+
export interface ContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
8
|
+
/**
|
|
9
|
+
* Whether the select is disabled.
|
|
10
|
+
*/
|
|
11
|
+
isDisabled: boolean;
|
|
12
|
+
isFocused: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* The children to be rendered.
|
|
15
|
+
*/
|
|
16
|
+
children: ReactNode;
|
|
17
|
+
/**
|
|
18
|
+
* Inner props to be passed down to the container.
|
|
19
|
+
*/
|
|
20
|
+
innerProps: {};
|
|
21
|
+
}
|
|
22
|
+
export declare const SelectContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>) => JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { type ReactNode } from 'react';
|
|
6
|
+
import { type CommonPropsAndClassName, type GroupBase } from '../../types';
|
|
7
|
+
export interface ValueContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
8
|
+
/**
|
|
9
|
+
* Props to be passed to the value container element.
|
|
10
|
+
*/
|
|
11
|
+
innerProps?: {};
|
|
12
|
+
/**
|
|
13
|
+
* The children to be rendered.
|
|
14
|
+
*/
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
isDisabled: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Whether the select is compact.
|
|
19
|
+
*/
|
|
20
|
+
isCompact?: boolean;
|
|
21
|
+
}
|
|
22
|
+
export declare const ValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => JSX.Element;
|
|
@@ -36,6 +36,5 @@ export interface ControlProps<Option = unknown, IsMulti extends boolean = boolea
|
|
|
36
36
|
*/
|
|
37
37
|
menuIsOpen: boolean;
|
|
38
38
|
}
|
|
39
|
-
export declare const css: () => {};
|
|
40
39
|
declare const Control: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => JSX.Element;
|
|
41
40
|
export default Control;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import {
|
|
5
|
+
import type { Ref } from 'react';
|
|
6
6
|
export default function DummyInput({ innerRef, ...props }: JSX.IntrinsicElements['input'] & {
|
|
7
7
|
readonly innerRef: Ref<HTMLInputElement>;
|
|
8
8
|
}): JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type XCSSProp } from '@compiled/react';
|
|
2
|
+
import type { XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
|
|
3
|
+
import { type SelectProps } from '../select';
|
|
4
|
+
import { type CommonProps, type CX, type GetStyles, type GroupBase } from '../types';
|
|
5
|
+
export interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
|
|
6
|
+
id: string;
|
|
7
|
+
data: Group;
|
|
8
|
+
}
|
|
9
|
+
interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends ForwardedHeadingProps<Option, Group> {
|
|
10
|
+
className?: string | undefined;
|
|
11
|
+
selectProps: SelectProps<Option, IsMulti, Group>;
|
|
12
|
+
getStyles: GetStyles<Option, IsMulti, Group>;
|
|
13
|
+
getClassNames: CommonProps<Option, IsMulti, Group>['getClassNames'];
|
|
14
|
+
cx: CX;
|
|
15
|
+
xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
|
|
16
|
+
}
|
|
17
|
+
export type GroupHeadingProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = GroupHeadingPropsDefinedProps<Option, IsMulti, Group> & JSX.IntrinsicElements['div'];
|
|
18
|
+
export declare const GroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => JSX.Element;
|
|
19
|
+
export {};
|
|
@@ -2,15 +2,9 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import {
|
|
6
|
-
import { type
|
|
7
|
-
import type
|
|
8
|
-
import { type SelectProps } from '../select';
|
|
9
|
-
import { type CommonProps, type CommonPropsAndClassName, type CX, type GetStyles, type GroupBase, type Options } from '../types';
|
|
10
|
-
interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
|
|
11
|
-
id: string;
|
|
12
|
-
data: Group;
|
|
13
|
-
}
|
|
5
|
+
import type { ComponentType, ReactNode } from 'react';
|
|
6
|
+
import { type CommonPropsAndClassName, type GroupBase, type Options } from '../types';
|
|
7
|
+
import { type ForwardedHeadingProps, type GroupHeadingProps } from './group-heading';
|
|
14
8
|
export interface GroupProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
15
9
|
/**
|
|
16
10
|
* The children to be rendered.
|
|
@@ -38,17 +32,5 @@ export interface GroupProps<Option = unknown, IsMulti extends boolean = boolean,
|
|
|
38
32
|
data: Group;
|
|
39
33
|
options: Options<Option>;
|
|
40
34
|
}
|
|
41
|
-
export declare const groupCSS: () => {};
|
|
42
35
|
declare const Group: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => JSX.Element;
|
|
43
|
-
interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends ForwardedHeadingProps<Option, Group> {
|
|
44
|
-
className?: string | undefined;
|
|
45
|
-
selectProps: SelectProps<Option, IsMulti, Group>;
|
|
46
|
-
getStyles: GetStyles<Option, IsMulti, Group>;
|
|
47
|
-
getClassNames: CommonProps<Option, IsMulti, Group>['getClassNames'];
|
|
48
|
-
cx: CX;
|
|
49
|
-
xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
|
|
50
|
-
}
|
|
51
|
-
export type GroupHeadingProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = GroupHeadingPropsDefinedProps<Option, IsMulti, Group> & JSX.IntrinsicElements['div'];
|
|
52
|
-
export declare const groupHeadingCSS: () => {};
|
|
53
|
-
export declare const GroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => JSX.Element;
|
|
54
36
|
export default Group;
|
|
@@ -1,12 +1,25 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import type { ComponentType } from 'react';
|
|
2
|
+
import type { GroupBase, MultiValueGenericProps, NoticeProps } from '../types';
|
|
3
|
+
import { IndicatorsContainer, type IndicatorsContainerProps } from './containers/indicators-container';
|
|
4
|
+
import { MultiValueContainer } from './containers/multi-value-container';
|
|
5
|
+
import { type ContainerProps, SelectContainer } from './containers/select-container';
|
|
6
|
+
import { ValueContainer, type ValueContainerProps } from './containers/value-container';
|
|
4
7
|
import Control, { type ControlProps } from './control';
|
|
5
|
-
import Group, {
|
|
6
|
-
import {
|
|
8
|
+
import Group, { type GroupProps } from './group';
|
|
9
|
+
import { GroupHeading, type GroupHeadingProps } from './group-heading';
|
|
10
|
+
import { ClearIndicator, type ClearIndicatorProps } from './indicators/clear-indicator';
|
|
11
|
+
import { DropdownIndicator, type DropdownIndicatorProps } from './indicators/dropdown-indicator';
|
|
12
|
+
import { LoadingIndicator, type LoadingIndicatorProps } from './indicators/loading-indicator';
|
|
7
13
|
import Input, { type InputProps } from './input';
|
|
8
|
-
import Menu
|
|
9
|
-
import
|
|
14
|
+
import Menu from './menu';
|
|
15
|
+
import type { MenuProps } from './menu';
|
|
16
|
+
import { MenuList, type MenuListProps } from './menu-list';
|
|
17
|
+
import { LoadingMessage } from './menu-loading-message';
|
|
18
|
+
import { NoOptionsMessage } from './menu-no-options-message';
|
|
19
|
+
import { MenuPortal, type MenuPortalProps } from './menu-portal';
|
|
20
|
+
import MultiValue, { type MultiValueProps } from './multi-value';
|
|
21
|
+
import { MultiValueLabel } from './multi-value-label';
|
|
22
|
+
import { MultiValueRemove, type MultiValueRemoveProps } from './multi-value-remove';
|
|
10
23
|
import Option, { type OptionProps } from './option';
|
|
11
24
|
import Placeholder, { type PlaceholderProps } from './placeholder';
|
|
12
25
|
import SingleValue, { type SingleValueProps } from './single-value';
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { type ReactNode } from 'react';
|
|
6
|
+
import { type CommonPropsAndClassName, type GroupBase } from '../../types';
|
|
7
|
+
export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
8
|
+
/**
|
|
9
|
+
* The children to be rendered inside the indicator.
|
|
10
|
+
*/
|
|
11
|
+
children?: ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Sets the `aria-label` for the clear icon button
|
|
14
|
+
*/
|
|
15
|
+
clearControlLabel?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Props that will be passed on to the children.
|
|
18
|
+
*/
|
|
19
|
+
innerProps: JSX.IntrinsicElements['div'];
|
|
20
|
+
/**
|
|
21
|
+
* The focused state of the select.
|
|
22
|
+
*/
|
|
23
|
+
isFocused: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Whether the select is compact.
|
|
26
|
+
*/
|
|
27
|
+
isCompact?: boolean;
|
|
28
|
+
}
|
|
29
|
+
export declare const ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => JSX.Element;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { type ReactNode } from 'react';
|
|
6
|
+
import { type CommonPropsAndClassName, type GroupBase } from '../../types';
|
|
7
|
+
export interface DropdownIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
8
|
+
/**
|
|
9
|
+
* The children to be rendered inside the indicator.
|
|
10
|
+
*/
|
|
11
|
+
children?: ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Props that will be passed on to the children.
|
|
14
|
+
*/
|
|
15
|
+
innerProps: JSX.IntrinsicElements['div'];
|
|
16
|
+
/**
|
|
17
|
+
* The focused state of the select.
|
|
18
|
+
*/
|
|
19
|
+
isFocused: boolean;
|
|
20
|
+
isDisabled: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Whether the select is compact.
|
|
23
|
+
*/
|
|
24
|
+
isCompact?: boolean;
|
|
25
|
+
}
|
|
26
|
+
export declare const DropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => JSX.Element;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { type CommonPropsAndClassName, type GroupBase } from '../../types';
|
|
6
|
+
export interface LoadingIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
7
|
+
/**
|
|
8
|
+
* Props that will be passed on to the children.
|
|
9
|
+
*/
|
|
10
|
+
innerProps: JSX.IntrinsicElements['div'];
|
|
11
|
+
/**
|
|
12
|
+
* The focused state of the select.
|
|
13
|
+
*/
|
|
14
|
+
isFocused: boolean;
|
|
15
|
+
isDisabled: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Set size of the container.
|
|
18
|
+
*/
|
|
19
|
+
size: number;
|
|
20
|
+
/**
|
|
21
|
+
* Whether the select is compact.
|
|
22
|
+
*/
|
|
23
|
+
isCompact?: boolean;
|
|
24
|
+
}
|
|
25
|
+
export declare const LoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ innerProps, isRtl, size, isCompact, xcss, ...restProps }: LoadingIndicatorProps<Option, IsMulti, Group>) => JSX.Element;
|
|
@@ -31,6 +31,5 @@ interface InputSpecificProps<Option = unknown, IsMulti extends boolean = boolean
|
|
|
31
31
|
testId?: string;
|
|
32
32
|
}
|
|
33
33
|
export type InputProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = InputSpecificProps<Option, IsMulti, Group>;
|
|
34
|
-
export declare const inputCSS: () => {};
|
|
35
34
|
declare const Input: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => JSX.Element;
|
|
36
35
|
export default Input;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { type LegacyRef, type ReactNode } from 'react';
|
|
6
|
+
import type { CommonPropsAndClassName, GroupBase } from '../types';
|
|
7
|
+
export interface MenuListProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
8
|
+
/**
|
|
9
|
+
* Set the max height of the Menu component
|
|
10
|
+
*/
|
|
11
|
+
maxHeight: number;
|
|
12
|
+
/**
|
|
13
|
+
* The children to be rendered.
|
|
14
|
+
*/
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
/**
|
|
17
|
+
* Inner ref to DOM ReactNode
|
|
18
|
+
*/
|
|
19
|
+
innerRef: LegacyRef<HTMLDivElement>;
|
|
20
|
+
/**
|
|
21
|
+
* The currently focused option
|
|
22
|
+
*/
|
|
23
|
+
focusedOption: Option;
|
|
24
|
+
/**
|
|
25
|
+
* Props to be passed to the menu-list wrapper.
|
|
26
|
+
*/
|
|
27
|
+
innerProps: JSX.IntrinsicElements['div'];
|
|
28
|
+
}
|
|
29
|
+
export declare const MenuList: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => JSX.Element;
|