@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
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { type ReactElement, type Ref } from 'react';
|
|
2
|
+
import type { CoercedMenuPlacement, CommonProps, GroupBase, MenuPlacement, MenuPosition } from '../types';
|
|
3
|
+
interface ChildrenProps {
|
|
4
|
+
ref: Ref<HTMLDivElement>;
|
|
5
|
+
placerProps: PlacerProps;
|
|
6
|
+
}
|
|
7
|
+
interface PlacerProps {
|
|
8
|
+
placement: CoercedMenuPlacement;
|
|
9
|
+
maxHeight: number;
|
|
10
|
+
}
|
|
11
|
+
export interface MenuPlacementProps {
|
|
12
|
+
/**
|
|
13
|
+
* Set the minimum height of the menu.
|
|
14
|
+
*/
|
|
15
|
+
minMenuHeight: number;
|
|
16
|
+
/**
|
|
17
|
+
* Set the maximum height of the menu.
|
|
18
|
+
*/
|
|
19
|
+
maxMenuHeight: number;
|
|
20
|
+
/**
|
|
21
|
+
* Set whether the menu should be at the top, at the bottom. The auto options sets it to bottom.
|
|
22
|
+
*/
|
|
23
|
+
menuPlacement: MenuPlacement;
|
|
24
|
+
/**
|
|
25
|
+
* The CSS position value of the menu, when "fixed" extra layout management is required
|
|
26
|
+
*/
|
|
27
|
+
menuPosition: MenuPosition;
|
|
28
|
+
/**
|
|
29
|
+
* Set whether the page should scroll to show the menu.
|
|
30
|
+
*/
|
|
31
|
+
menuShouldScrollIntoView: boolean;
|
|
32
|
+
}
|
|
33
|
+
interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group>, MenuPlacementProps {
|
|
34
|
+
/**
|
|
35
|
+
* The children to be rendered.
|
|
36
|
+
*/
|
|
37
|
+
children: (childrenProps: ChildrenProps) => ReactElement;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* __Menu placer__
|
|
41
|
+
*
|
|
42
|
+
* A menu placer {description}.
|
|
43
|
+
*
|
|
44
|
+
* - [Examples](https://atlassian.design/components/{packageName}/examples)
|
|
45
|
+
* - [Code](https://atlassian.design/components/{packageName}/code)
|
|
46
|
+
* - [Usage](https://atlassian.design/components/{packageName}/usage)
|
|
47
|
+
*/
|
|
48
|
+
declare const MenuPlacer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPlacerProps<Option, IsMulti, Group>) => ReactElement<any, string | import('react').JSXElementConstructor<any>>;
|
|
49
|
+
export default MenuPlacer;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { type ReactNode } from 'react';
|
|
6
|
+
import type { CommonPropsAndClassName, GroupBase, MenuPlacement, MenuPosition } from '../types';
|
|
7
|
+
export interface MenuPortalProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
8
|
+
appendTo: HTMLElement | undefined;
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
controlElement: HTMLDivElement | null;
|
|
11
|
+
innerProps: JSX.IntrinsicElements['div'];
|
|
12
|
+
menuPlacement: MenuPlacement;
|
|
13
|
+
menuPosition: MenuPosition;
|
|
14
|
+
}
|
|
15
|
+
export interface PortalStyleArgs {
|
|
16
|
+
offset: number;
|
|
17
|
+
position: MenuPosition;
|
|
18
|
+
rect: {
|
|
19
|
+
left: number;
|
|
20
|
+
width: number;
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
export declare const MenuPortal: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPortalProps<Option, IsMulti, Group>) => JSX.Element | null;
|
|
@@ -2,30 +2,9 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import { type
|
|
6
|
-
import { type CoercedMenuPlacement, type
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Set the minimum height of the menu.
|
|
10
|
-
*/
|
|
11
|
-
minMenuHeight: number;
|
|
12
|
-
/**
|
|
13
|
-
* Set the maximum height of the menu.
|
|
14
|
-
*/
|
|
15
|
-
maxMenuHeight: number;
|
|
16
|
-
/**
|
|
17
|
-
* Set whether the menu should be at the top, at the bottom. The auto options sets it to bottom.
|
|
18
|
-
*/
|
|
19
|
-
menuPlacement: MenuPlacement;
|
|
20
|
-
/**
|
|
21
|
-
* The CSS position value of the menu, when "fixed" extra layout management is required
|
|
22
|
-
*/
|
|
23
|
-
menuPosition: MenuPosition;
|
|
24
|
-
/**
|
|
25
|
-
* Set whether the page should scroll to show the menu.
|
|
26
|
-
*/
|
|
27
|
-
menuShouldScrollIntoView: boolean;
|
|
28
|
-
}
|
|
5
|
+
import { type ReactNode, type Ref } from 'react';
|
|
6
|
+
import { type CoercedMenuPlacement, type CommonPropsAndClassName, type GroupBase } from '../types';
|
|
7
|
+
import type { MenuPlacementProps } from './menu-placer';
|
|
29
8
|
export interface MenuProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group>, MenuPlacementProps {
|
|
30
9
|
/**
|
|
31
10
|
* Reference to the internal element, consumed by the MenuPlacer component
|
|
@@ -39,77 +18,5 @@ export interface MenuProps<Option = unknown, IsMulti extends boolean = boolean,
|
|
|
39
18
|
*/
|
|
40
19
|
children: ReactNode;
|
|
41
20
|
}
|
|
42
|
-
interface PlacerProps {
|
|
43
|
-
placement: CoercedMenuPlacement;
|
|
44
|
-
maxHeight: number;
|
|
45
|
-
}
|
|
46
|
-
interface ChildrenProps {
|
|
47
|
-
ref: Ref<HTMLDivElement>;
|
|
48
|
-
placerProps: PlacerProps;
|
|
49
|
-
}
|
|
50
|
-
interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group>, MenuPlacementProps {
|
|
51
|
-
/**
|
|
52
|
-
* The children to be rendered.
|
|
53
|
-
*/
|
|
54
|
-
children: (childrenProps: ChildrenProps) => ReactElement;
|
|
55
|
-
}
|
|
56
|
-
export declare const menuCSS: () => {};
|
|
57
|
-
export declare const MenuPlacer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPlacerProps<Option, IsMulti, Group>) => ReactElement<any, string | import('react').JSXElementConstructor<any>>;
|
|
58
21
|
declare const Menu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => JSX.Element;
|
|
59
22
|
export default Menu;
|
|
60
|
-
export interface MenuListProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
61
|
-
/**
|
|
62
|
-
* Set the max height of the Menu component
|
|
63
|
-
*/
|
|
64
|
-
maxHeight: number;
|
|
65
|
-
/**
|
|
66
|
-
* The children to be rendered.
|
|
67
|
-
*/
|
|
68
|
-
children: ReactNode;
|
|
69
|
-
/**
|
|
70
|
-
* Inner ref to DOM ReactNode
|
|
71
|
-
*/
|
|
72
|
-
innerRef: LegacyRef<HTMLDivElement>;
|
|
73
|
-
/**
|
|
74
|
-
* The currently focused option
|
|
75
|
-
*/
|
|
76
|
-
focusedOption: Option;
|
|
77
|
-
/**
|
|
78
|
-
* Props to be passed to the menu-list wrapper.
|
|
79
|
-
*/
|
|
80
|
-
innerProps: JSX.IntrinsicElements['div'];
|
|
81
|
-
}
|
|
82
|
-
export declare const menuListCSS: () => {};
|
|
83
|
-
export declare const MenuList: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => JSX.Element;
|
|
84
|
-
export declare const noOptionsMessageCSS: () => {};
|
|
85
|
-
export declare const loadingMessageCSS: () => {};
|
|
86
|
-
export interface NoticeProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
87
|
-
/**
|
|
88
|
-
* The children to be rendered.
|
|
89
|
-
*/
|
|
90
|
-
children: ReactNode;
|
|
91
|
-
/**
|
|
92
|
-
* Props to be passed on to the wrapper.
|
|
93
|
-
*/
|
|
94
|
-
innerProps: JSX.IntrinsicElements['div'];
|
|
95
|
-
}
|
|
96
|
-
export declare const NoOptionsMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, xcss, ...restProps }: NoticeProps<Option, IsMulti, Group>) => JSX.Element;
|
|
97
|
-
export declare const LoadingMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, xcss, ...restProps }: NoticeProps<Option, IsMulti, Group>) => JSX.Element;
|
|
98
|
-
export interface MenuPortalProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
99
|
-
appendTo: HTMLElement | undefined;
|
|
100
|
-
children: ReactNode;
|
|
101
|
-
controlElement: HTMLDivElement | null;
|
|
102
|
-
innerProps: JSX.IntrinsicElements['div'];
|
|
103
|
-
menuPlacement: MenuPlacement;
|
|
104
|
-
menuPosition: MenuPosition;
|
|
105
|
-
}
|
|
106
|
-
export interface PortalStyleArgs {
|
|
107
|
-
offset: number;
|
|
108
|
-
position: MenuPosition;
|
|
109
|
-
rect: {
|
|
110
|
-
left: number;
|
|
111
|
-
width: number;
|
|
112
|
-
};
|
|
113
|
-
}
|
|
114
|
-
export declare const menuPortalCSS: () => {};
|
|
115
|
-
export declare const MenuPortal: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPortalProps<Option, IsMulti, Group>) => JSX.Element | null;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import type { GroupBase, MultiValueGenericProps } from '../types';
|
|
6
|
+
export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, isDisabled, hasEllipsis, className, xcss, }: MultiValueGenericProps<Option, IsMulti, Group>) => JSX.Element;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import type { ReactNode } from 'react';
|
|
6
|
+
import { type XCSSProp } from '@compiled/react';
|
|
7
|
+
import type { XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
|
|
8
|
+
import type { SelectProps } from '../select';
|
|
9
|
+
import type { GroupBase } from '../types';
|
|
10
|
+
export interface MultiValueRemoveProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
|
|
11
|
+
children?: ReactNode;
|
|
12
|
+
data: Option;
|
|
13
|
+
innerProps: JSX.IntrinsicElements['div'];
|
|
14
|
+
selectProps: SelectProps<Option, IsMulti, Group>;
|
|
15
|
+
isDisabled: boolean;
|
|
16
|
+
isFocused?: boolean;
|
|
17
|
+
className?: string | undefined;
|
|
18
|
+
xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
|
|
19
|
+
}
|
|
20
|
+
export declare function MultiValueRemove<Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, innerProps, className, xcss, }: MultiValueRemoveProps<Option, IsMulti, Group>): JSX.Element;
|
|
@@ -2,11 +2,9 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import type {
|
|
8
|
-
import { type SelectProps } from '../select';
|
|
9
|
-
import { type CommonPropsAndClassName, type GroupBase } from '../types';
|
|
5
|
+
import type { ComponentType, ReactNode } from 'react';
|
|
6
|
+
import type { CommonPropsAndClassName, GroupBase, MultiValueGenericProps } from '../types';
|
|
7
|
+
import type { MultiValueRemoveProps } from './multi-value-remove';
|
|
10
8
|
interface MultiValueComponents<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
|
|
11
9
|
Container: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
|
|
12
10
|
Label: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
|
|
@@ -23,35 +21,5 @@ export interface MultiValueProps<Option = unknown, IsMulti extends boolean = boo
|
|
|
23
21
|
removeProps: JSX.IntrinsicElements['div'];
|
|
24
22
|
index: number;
|
|
25
23
|
}
|
|
26
|
-
export declare const multiValueCSS: () => {};
|
|
27
|
-
export declare const multiValueLabelCSS: () => {};
|
|
28
|
-
export declare const multiValueRemoveCSS: () => {};
|
|
29
|
-
export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
|
|
30
|
-
children: ReactNode;
|
|
31
|
-
data: any;
|
|
32
|
-
innerProps: {
|
|
33
|
-
className?: string;
|
|
34
|
-
style?: CSSProperties;
|
|
35
|
-
};
|
|
36
|
-
selectProps: SelectProps<Option, IsMulti, Group>;
|
|
37
|
-
isFocused?: boolean;
|
|
38
|
-
isDisabled?: boolean;
|
|
39
|
-
hasEllipsis?: boolean;
|
|
40
|
-
className?: string | undefined;
|
|
41
|
-
xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
|
|
42
|
-
}
|
|
43
|
-
export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, isFocused, isDisabled, className, xcss, }: MultiValueGenericProps<Option, IsMulti, Group>) => JSX.Element;
|
|
44
|
-
export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, isDisabled, hasEllipsis, className, xcss, }: MultiValueGenericProps<Option, IsMulti, Group>) => JSX.Element;
|
|
45
|
-
export interface MultiValueRemoveProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
|
|
46
|
-
children?: ReactNode;
|
|
47
|
-
data: Option;
|
|
48
|
-
innerProps: JSX.IntrinsicElements['div'];
|
|
49
|
-
selectProps: SelectProps<Option, IsMulti, Group>;
|
|
50
|
-
isDisabled: boolean;
|
|
51
|
-
isFocused?: boolean;
|
|
52
|
-
className?: string | undefined;
|
|
53
|
-
xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
|
|
54
|
-
}
|
|
55
|
-
export declare function MultiValueRemove<Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, innerProps, className, xcss, }: MultiValueRemoveProps<Option, IsMulti, Group>): JSX.Element;
|
|
56
24
|
declare const MultiValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => JSX.Element;
|
|
57
25
|
export default MultiValue;
|
|
@@ -43,6 +43,5 @@ export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean
|
|
|
43
43
|
*/
|
|
44
44
|
isSelected: boolean;
|
|
45
45
|
}
|
|
46
|
-
export declare const optionCSS: () => {};
|
|
47
46
|
declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => JSX.Element;
|
|
48
47
|
export default Option;
|
|
@@ -16,6 +16,5 @@ export interface PlaceholderProps<Option = unknown, IsMulti extends boolean = bo
|
|
|
16
16
|
isDisabled: boolean;
|
|
17
17
|
isFocused: boolean;
|
|
18
18
|
}
|
|
19
|
-
export declare const placeholderCSS: () => {};
|
|
20
19
|
declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => JSX.Element;
|
|
21
20
|
export default Placeholder;
|
|
@@ -22,6 +22,5 @@ export interface SingleValueProps<Option = unknown, IsMulti extends boolean = bo
|
|
|
22
22
|
*/
|
|
23
23
|
isDisabled: boolean;
|
|
24
24
|
}
|
|
25
|
-
export declare const css: () => {};
|
|
26
25
|
declare const SingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => JSX.Element;
|
|
27
26
|
export default SingleValue;
|
|
@@ -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 useCreatable, { type CreatableAdditionalProps } from './use-creatable';
|
|
5
5
|
import { type StateManagerProps } from './use-state-manager';
|
|
6
6
|
export type CreatableProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = StateManagerProps<Option, IsMulti, Group> & CreatableAdditionalProps<Option, Group>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { StylesProps } from './styles';
|
|
2
|
+
import type { ClassNamesState, CommonPropsAndClassName, GroupBase } from './types';
|
|
3
|
+
export declare const getStyleProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, Key extends keyof StylesProps<Option, IsMulti, Group>>(props: Pick<CommonPropsAndClassName<Option, IsMulti, Group>, 'cx' | 'getStyles' | 'getClassNames' | 'className'> & StylesProps<Option, IsMulti, Group>[Key], name: Key, classNamesState?: ClassNamesState) => {
|
|
4
|
+
css: any;
|
|
5
|
+
className: string;
|
|
6
|
+
};
|
|
@@ -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;
|
|
@@ -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__
|
|
@@ -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
|
};
|
|
@@ -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>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/react-select",
|
|
3
|
-
"version": "3.14.
|
|
3
|
+
"version": "3.14.4",
|
|
4
4
|
"description": "A forked version of react-select to only be used in atlaskit/select",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -21,13 +21,13 @@
|
|
|
21
21
|
"atlaskit:src": "src/index.tsx",
|
|
22
22
|
"dependencies": {
|
|
23
23
|
"@atlaskit/ds-lib": "^6.0.0",
|
|
24
|
-
"@atlaskit/icon": "^33.
|
|
24
|
+
"@atlaskit/icon": "^33.1.0",
|
|
25
25
|
"@atlaskit/layering": "^3.6.0",
|
|
26
26
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
27
|
-
"@atlaskit/primitives": "^18.
|
|
27
|
+
"@atlaskit/primitives": "^18.1.0",
|
|
28
28
|
"@atlaskit/spinner": "^19.0.0",
|
|
29
|
-
"@atlaskit/tag": "^14.
|
|
30
|
-
"@atlaskit/tokens": "^11.
|
|
29
|
+
"@atlaskit/tag": "^14.6.0",
|
|
30
|
+
"@atlaskit/tokens": "^11.4.0",
|
|
31
31
|
"@babel/runtime": "^7.0.0",
|
|
32
32
|
"@compiled/react": "^0.20.0",
|
|
33
33
|
"@floating-ui/dom": "^1.0.1",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@af/accessibility-testing": "workspace:^",
|
|
43
43
|
"@atlaskit/checkbox": "^17.3.0",
|
|
44
|
-
"@atlaskit/form": "^15.
|
|
44
|
+
"@atlaskit/form": "^15.5.0",
|
|
45
45
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
46
46
|
"@testing-library/react": "^16.3.0",
|
|
47
47
|
"@testing-library/user-event": "^14.4.3",
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
-
._16jlkb7n{flex-grow:1}
|
|
3
|
-
._18m915vq{overflow-y:hidden}
|
|
4
|
-
._1e0c11p5{display:grid}
|
|
5
|
-
._1e0c1txw{display:flex}
|
|
6
|
-
._1eim1xrj{direction:rtl}
|
|
7
|
-
._1n261g80{flex-wrap:wrap}
|
|
8
|
-
._1o9zidpf{flex-shrink:0}
|
|
9
|
-
._1o9zkb7n{flex-shrink:1}
|
|
10
|
-
._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
|
|
11
|
-
._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
|
|
12
|
-
._1reo15vq{overflow-x:hidden}
|
|
13
|
-
._1wpz1fhb{align-self:stretch}
|
|
14
|
-
._4cvr1h6o{align-items:center}
|
|
15
|
-
._80om13gf{cursor:not-allowed}
|
|
16
|
-
._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
|
|
17
|
-
._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
|
|
18
|
-
._8am5i4x0{-webkit-overflow-scrolling:touch}
|
|
19
|
-
._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
|
|
20
|
-
._i0dlf1ug{flex-basis:0%}
|
|
21
|
-
._kqswh2mm{position:relative}
|
|
22
|
-
._lcxv1rj4{pointer-events:all}
|
|
23
|
-
._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
|
|
24
|
-
._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
|
|
25
|
-
@media (min-width:30rem){._1tn2fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}}
|