@wordpress/components 26.0.4 → 27.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.stylelintrc.js +2 -2
- package/CHANGELOG.md +45 -0
- package/CONTRIBUTING.md +72 -0
- package/build/autocomplete/index.js +3 -8
- package/build/autocomplete/index.js.map +1 -1
- package/build/base-control/index.native.js.map +1 -1
- package/build/border-box-control/border-box-control/component.js.map +1 -1
- package/build/border-box-control/border-box-control-split-controls/component.js.map +1 -1
- package/build/border-control/border-control-dropdown/component.js.map +1 -1
- package/build/button/index.js +2 -2
- package/build/button/index.js.map +1 -1
- package/build/button/index.native.js.map +1 -1
- package/build/color-picker/component.js +10 -1
- package/build/color-picker/component.js.map +1 -1
- package/build/color-picker/styles.js +8 -9
- package/build/color-picker/styles.js.map +1 -1
- package/build/combobox-control/index.js +4 -9
- package/build/combobox-control/index.js.map +1 -1
- package/build/confirm-dialog/component.js.map +1 -1
- package/build/custom-select-control/index.js +2 -15
- package/build/custom-select-control/index.js.map +1 -1
- package/build/custom-select-control-v2/custom-select-item.js +32 -0
- package/build/custom-select-control-v2/custom-select-item.js.map +1 -0
- package/build/custom-select-control-v2/custom-select.js +91 -0
- package/build/custom-select-control-v2/custom-select.js.map +1 -0
- package/build/custom-select-control-v2/default-component/index.js +41 -0
- package/build/custom-select-control-v2/default-component/index.js.map +1 -0
- package/build/custom-select-control-v2/index.js +13 -82
- package/build/custom-select-control-v2/index.js.map +1 -1
- package/build/custom-select-control-v2/legacy-component/index.js +123 -0
- package/build/custom-select-control-v2/legacy-component/index.js.map +1 -0
- package/build/custom-select-control-v2/styles.js +73 -50
- package/build/custom-select-control-v2/styles.js.map +1 -1
- package/build/custom-select-control-v2/types.js.map +1 -1
- package/build/draggable/index.native.js +2 -2
- package/build/draggable/index.native.js.map +1 -1
- package/build/dropdown-menu/index.native.js.map +1 -1
- package/build/flex/flex/hook.js +1 -1
- package/build/flex/flex/hook.js.map +1 -1
- package/build/font-size-picker/font-size-picker-select.js +0 -1
- package/build/font-size-picker/font-size-picker-select.js.map +1 -1
- package/build/font-size-picker/index.native.js.map +1 -1
- package/build/form-token-field/index.js +3 -8
- package/build/form-token-field/index.js.map +1 -1
- package/build/form-token-field/suggestions-list.js +5 -12
- package/build/form-token-field/suggestions-list.js.map +1 -1
- package/build/h-stack/hook.js +6 -1
- package/build/h-stack/hook.js.map +1 -1
- package/build/mobile/bottom-sheet/button.native.js.map +1 -1
- package/build/mobile/bottom-sheet/index.native.js.map +1 -1
- package/build/mobile/bottom-sheet/range-cell.native.js.map +1 -1
- package/build/mobile/bottom-sheet/stepper-cell/index.native.js.map +1 -1
- package/build/mobile/bottom-sheet-select-control/index.native.js.map +1 -1
- package/build/mobile/bottom-sheet-text-control/index.native.js.map +1 -1
- package/build/mobile/gradient/index.native.js.map +1 -1
- package/build/mobile/image/index.native.js +4 -13
- package/build/mobile/image/index.native.js.map +1 -1
- package/build/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js +1 -1
- package/build/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js.map +1 -1
- package/build/mobile/media-edit/index.native.js.map +1 -1
- package/build/modal/index.js +2 -10
- package/build/modal/index.js.map +1 -1
- package/build/palette-edit/index.js.map +1 -1
- package/build/progress-bar/styles.js +5 -5
- package/build/progress-bar/styles.js.map +1 -1
- package/build/query-controls/index.native.js.map +1 -1
- package/build/range-control/index.js.map +1 -1
- package/build/search-control/index.native.js.map +1 -1
- package/build/snackbar/index.js +3 -2
- package/build/snackbar/index.js.map +1 -1
- package/build/snackbar/list.js +2 -1
- package/build/snackbar/list.js.map +1 -1
- package/build/snackbar/types.js.map +1 -1
- package/build/tabs/index.js +7 -7
- package/build/tabs/index.js.map +1 -1
- package/build/tabs/types.js.map +1 -1
- package/build/utils/hooks/index.js +0 -7
- package/build/utils/hooks/index.js.map +1 -1
- package/build/utils/with-ignore-ime-events.js +34 -0
- package/build/utils/with-ignore-ime-events.js.map +1 -0
- package/build-module/autocomplete/index.js +3 -8
- package/build-module/autocomplete/index.js.map +1 -1
- package/build-module/base-control/index.native.js.map +1 -1
- package/build-module/border-box-control/border-box-control/component.js.map +1 -1
- package/build-module/border-box-control/border-box-control-split-controls/component.js.map +1 -1
- package/build-module/border-control/border-control-dropdown/component.js.map +1 -1
- package/build-module/button/index.js +2 -2
- package/build-module/button/index.js.map +1 -1
- package/build-module/button/index.native.js.map +1 -1
- package/build-module/color-picker/component.js +11 -2
- package/build-module/color-picker/component.js.map +1 -1
- package/build-module/color-picker/styles.js +8 -9
- package/build-module/color-picker/styles.js.map +1 -1
- package/build-module/combobox-control/index.js +4 -9
- package/build-module/combobox-control/index.js.map +1 -1
- package/build-module/confirm-dialog/component.js.map +1 -1
- package/build-module/custom-select-control/index.js +2 -15
- package/build-module/custom-select-control/index.js.map +1 -1
- package/build-module/custom-select-control-v2/custom-select-item.js +26 -0
- package/build-module/custom-select-control-v2/custom-select-item.js.map +1 -0
- package/build-module/custom-select-control-v2/custom-select.js +82 -0
- package/build-module/custom-select-control-v2/custom-select.js.map +1 -0
- package/build-module/custom-select-control-v2/default-component/index.js +30 -0
- package/build-module/custom-select-control-v2/default-component/index.js.map +1 -0
- package/build-module/custom-select-control-v2/index.js +2 -74
- package/build-module/custom-select-control-v2/index.js.map +1 -1
- package/build-module/custom-select-control-v2/legacy-component/index.js +111 -0
- package/build-module/custom-select-control-v2/legacy-component/index.js.map +1 -0
- package/build-module/custom-select-control-v2/styles.js +73 -42
- package/build-module/custom-select-control-v2/styles.js.map +1 -1
- package/build-module/custom-select-control-v2/types.js.map +1 -1
- package/build-module/draggable/index.native.js +2 -2
- package/build-module/draggable/index.native.js.map +1 -1
- package/build-module/dropdown-menu/index.native.js.map +1 -1
- package/build-module/flex/flex/hook.js +1 -1
- package/build-module/flex/flex/hook.js.map +1 -1
- package/build-module/font-size-picker/font-size-picker-select.js +0 -1
- package/build-module/font-size-picker/font-size-picker-select.js.map +1 -1
- package/build-module/font-size-picker/index.native.js.map +1 -1
- package/build-module/form-token-field/index.js +3 -8
- package/build-module/form-token-field/index.js.map +1 -1
- package/build-module/form-token-field/suggestions-list.js +5 -12
- package/build-module/form-token-field/suggestions-list.js.map +1 -1
- package/build-module/h-stack/hook.js +6 -1
- package/build-module/h-stack/hook.js.map +1 -1
- package/build-module/mobile/bottom-sheet/button.native.js.map +1 -1
- package/build-module/mobile/bottom-sheet/index.native.js.map +1 -1
- package/build-module/mobile/bottom-sheet/range-cell.native.js.map +1 -1
- package/build-module/mobile/bottom-sheet/stepper-cell/index.native.js.map +1 -1
- package/build-module/mobile/bottom-sheet-select-control/index.native.js.map +1 -1
- package/build-module/mobile/bottom-sheet-text-control/index.native.js.map +1 -1
- package/build-module/mobile/gradient/index.native.js.map +1 -1
- package/build-module/mobile/image/index.native.js +6 -15
- package/build-module/mobile/image/index.native.js.map +1 -1
- package/build-module/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js +1 -1
- package/build-module/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js.map +1 -1
- package/build-module/mobile/media-edit/index.native.js.map +1 -1
- package/build-module/modal/index.js +3 -10
- package/build-module/modal/index.js.map +1 -1
- package/build-module/palette-edit/index.js.map +1 -1
- package/build-module/progress-bar/styles.js +5 -5
- package/build-module/progress-bar/styles.js.map +1 -1
- package/build-module/query-controls/index.native.js.map +1 -1
- package/build-module/range-control/index.js.map +1 -1
- package/build-module/search-control/index.native.js.map +1 -1
- package/build-module/snackbar/index.js +3 -2
- package/build-module/snackbar/index.js.map +1 -1
- package/build-module/snackbar/list.js +2 -1
- package/build-module/snackbar/list.js.map +1 -1
- package/build-module/snackbar/types.js.map +1 -1
- package/build-module/tabs/index.js +7 -7
- package/build-module/tabs/index.js.map +1 -1
- package/build-module/tabs/types.js.map +1 -1
- package/build-module/utils/hooks/index.js +0 -1
- package/build-module/utils/hooks/index.js.map +1 -1
- package/build-module/utils/with-ignore-ime-events.js +28 -0
- package/build-module/utils/with-ignore-ime-events.js.map +1 -0
- package/build-style/style-rtl.css +10 -2
- package/build-style/style.css +10 -2
- package/build-types/alignment-matrix-control/stories/index.story.d.ts +1 -1
- package/build-types/angle-picker-control/stories/index.story.d.ts +1 -1
- package/build-types/animate/stories/index.story.d.ts +7 -7
- package/build-types/autocomplete/index.d.ts.map +1 -1
- package/build-types/base-control/stories/index.story.d.ts +1 -1
- package/build-types/border-box-control/stories/index.story.d.ts +1 -1
- package/build-types/border-control/stories/index.story.d.ts +6 -6
- package/build-types/box-control/stories/index.story.d.ts +6 -6
- package/build-types/button/stories/e2e/index.story.d.ts +1 -1
- package/build-types/button/stories/index.story.d.ts +7 -7
- package/build-types/card/stories/index.story.d.ts +2 -2
- package/build-types/circular-option-picker/stories/index.story.d.ts +5 -5
- package/build-types/color-palette/stories/index.story.d.ts +3 -3
- package/build-types/color-picker/component.d.ts.map +1 -1
- package/build-types/color-picker/stories/index.story.d.ts +1 -1
- package/build-types/color-picker/styles.d.ts.map +1 -1
- package/build-types/combobox-control/index.d.ts.map +1 -1
- package/build-types/combobox-control/stories/index.story.d.ts +2 -2
- package/build-types/confirm-dialog/stories/index.story.d.ts +2 -2
- package/build-types/custom-gradient-picker/stories/index.story.d.ts +1 -1
- package/build-types/custom-select-control/index.d.ts.map +1 -1
- package/build-types/custom-select-control-v2/custom-select-item.d.ts +9 -0
- package/build-types/custom-select-control-v2/custom-select-item.d.ts.map +1 -0
- package/build-types/custom-select-control-v2/custom-select.d.ts +6 -0
- package/build-types/custom-select-control-v2/custom-select.d.ts.map +1 -0
- package/build-types/custom-select-control-v2/default-component/index.d.ts +6 -0
- package/build-types/custom-select-control-v2/default-component/index.d.ts.map +1 -0
- package/build-types/custom-select-control-v2/index.d.ts +5 -6
- package/build-types/custom-select-control-v2/index.d.ts.map +1 -1
- package/build-types/custom-select-control-v2/legacy-component/index.d.ts +5 -0
- package/build-types/custom-select-control-v2/legacy-component/index.d.ts.map +1 -0
- package/build-types/custom-select-control-v2/legacy-component/test/index.d.ts +2 -0
- package/build-types/custom-select-control-v2/legacy-component/test/index.d.ts.map +1 -0
- package/build-types/custom-select-control-v2/stories/default.story.d.ts +30 -0
- package/build-types/custom-select-control-v2/stories/default.story.d.ts.map +1 -0
- package/build-types/custom-select-control-v2/stories/legacy.story.d.ts +12 -0
- package/build-types/custom-select-control-v2/stories/legacy.story.d.ts.map +1 -0
- package/build-types/custom-select-control-v2/styles.d.ts +31 -6
- package/build-types/custom-select-control-v2/styles.d.ts.map +1 -1
- package/build-types/custom-select-control-v2/types.d.ts +136 -14
- package/build-types/custom-select-control-v2/types.d.ts.map +1 -1
- package/build-types/dimension-control/stories/index.story.d.ts +2 -2
- package/build-types/drop-zone/stories/index.story.d.ts +1 -1
- package/build-types/dropdown/stories/index.story.d.ts +3 -3
- package/build-types/dropdown-menu/stories/index.story.d.ts +2 -2
- package/build-types/dropdown-menu-v2/stories/index.story.d.ts.map +1 -1
- package/build-types/duotone-picker/stories/duotone-picker.story.d.ts +1 -1
- package/build-types/duotone-picker/stories/duotone-swatch.story.d.ts +3 -3
- package/build-types/flex/flex/hook.d.ts +2 -3
- package/build-types/flex/flex/hook.d.ts.map +1 -1
- package/build-types/focal-point-picker/stories/index.story.d.ts +4 -4
- package/build-types/font-size-picker/font-size-picker-select.d.ts.map +1 -1
- package/build-types/form-file-upload/stories/index.story.d.ts +5 -5
- package/build-types/form-token-field/index.d.ts.map +1 -1
- package/build-types/form-token-field/suggestions-list.d.ts.map +1 -1
- package/build-types/gradient-picker/stories/index.story.d.ts +3 -3
- package/build-types/guide/stories/index.story.d.ts +1 -1
- package/build-types/h-stack/hook.d.ts +2 -4
- package/build-types/h-stack/hook.d.ts.map +1 -1
- package/build-types/icon/stories/index.story.d.ts +4 -4
- package/build-types/input-control/stories/index.story.d.ts +6 -6
- package/build-types/keyboard-shortcuts/stories/index.story.d.ts +1 -1
- package/build-types/menu-group/stories/index.story.d.ts +1 -1
- package/build-types/menu-item/stories/index.story.d.ts +4 -4
- package/build-types/modal/index.d.ts.map +1 -1
- package/build-types/navigation/stories/index.story.d.ts +6 -6
- package/build-types/navigation/stories/utils/hide-if-empty.d.ts.map +1 -1
- package/build-types/notice/stories/index.story.d.ts +4 -4
- package/build-types/number-control/stories/index.story.d.ts +1 -1
- package/build-types/palette-edit/stories/index.story.d.ts +2 -2
- package/build-types/progress-bar/stories/index.story.d.ts.map +1 -1
- package/build-types/query-controls/stories/index.story.d.ts +1 -1
- package/build-types/radio-group/stories/index.story.d.ts.map +1 -1
- package/build-types/resizable-box/stories/index.story.d.ts +2 -2
- package/build-types/responsive-wrapper/stories/index.story.d.ts +1 -1
- package/build-types/sandbox/stories/index.story.d.ts +1 -1
- package/build-types/search-control/stories/index.story.d.ts +2 -2
- package/build-types/select-control/stories/index.story.d.ts +2 -2
- package/build-types/shortcut/stories/index.story.d.ts +1 -1
- package/build-types/snackbar/index.d.ts +5 -2
- package/build-types/snackbar/index.d.ts.map +1 -1
- package/build-types/snackbar/list.d.ts.map +1 -1
- package/build-types/snackbar/test/index.d.ts +2 -0
- package/build-types/snackbar/test/index.d.ts.map +1 -0
- package/build-types/snackbar/test/list.d.ts +2 -0
- package/build-types/snackbar/test/list.d.ts.map +1 -0
- package/build-types/snackbar/types.d.ts +18 -2
- package/build-types/snackbar/types.d.ts.map +1 -1
- package/build-types/tab-panel/stories/index.story.d.ts +4 -4
- package/build-types/tabs/index.d.ts +1 -1
- package/build-types/tabs/stories/index.story.d.ts +9 -9
- package/build-types/tabs/stories/index.story.d.ts.map +1 -1
- package/build-types/tabs/types.d.ts +1 -1
- package/build-types/text/stories/index.story.d.ts +3 -3
- package/build-types/theme/stories/index.story.d.ts +1 -1
- package/build-types/theme/stories/index.story.d.ts.map +1 -1
- package/build-types/toggle-control/stories/index.story.d.ts +2 -2
- package/build-types/toolbar/stories/index.story.d.ts +3 -3
- package/build-types/tooltip/stories/index.story.d.ts +1 -1
- package/build-types/tree-grid/stories/index.story.d.ts +1 -1
- package/build-types/tree-select/stories/index.story.d.ts +1 -1
- package/build-types/utils/hooks/index.d.ts +0 -1
- package/build-types/utils/with-ignore-ime-events.d.ts +15 -0
- package/build-types/utils/with-ignore-ime-events.d.ts.map +1 -0
- package/build-types/v-stack/hook.d.ts +2 -4
- package/build-types/v-stack/hook.d.ts.map +1 -1
- package/build-types/v-stack/stories/index.story.d.ts +1 -1
- package/package.json +19 -20
- package/src/alignment-matrix-control/test/index.tsx +3 -1
- package/src/autocomplete/index.tsx +3 -10
- package/src/base-control/index.native.js +1 -1
- package/src/base-control/test/index.tsx +1 -1
- package/src/border-box-control/border-box-control/component.tsx +1 -1
- package/src/border-box-control/border-box-control-split-controls/component.tsx +4 -4
- package/src/border-control/border-control-dropdown/component.tsx +1 -1
- package/src/button/index.native.js +1 -1
- package/src/button/index.tsx +1 -1
- package/src/button/style.scss +1 -3
- package/src/circular-option-picker/test/index.tsx +6 -5
- package/src/color-picker/component.tsx +22 -11
- package/src/color-picker/styles.ts +1 -15
- package/src/combobox-control/index.tsx +33 -41
- package/src/combobox-control/test/index.tsx +1 -1
- package/src/composite/legacy/test/index.tsx +18 -2
- package/src/confirm-dialog/component.tsx +1 -1
- package/src/confirm-dialog/test/index.tsx +5 -21
- package/src/custom-select-control/README.md +0 -10
- package/src/custom-select-control/index.js +3 -22
- package/src/custom-select-control/stories/index.story.js +0 -1
- package/src/custom-select-control/test/index.js +17 -17
- package/src/custom-select-control-v2/README.md +97 -7
- package/src/custom-select-control-v2/custom-select-item.tsx +29 -0
- package/src/custom-select-control-v2/custom-select.tsx +122 -0
- package/src/custom-select-control-v2/default-component/index.tsx +27 -0
- package/src/custom-select-control-v2/index.tsx +2 -102
- package/src/custom-select-control-v2/legacy-component/index.tsx +133 -0
- package/src/custom-select-control-v2/legacy-component/test/index.tsx +457 -0
- package/src/custom-select-control-v2/stories/{index.story.tsx → default.story.tsx} +27 -33
- package/src/custom-select-control-v2/stories/legacy.story.tsx +87 -0
- package/src/custom-select-control-v2/styles.ts +82 -38
- package/src/custom-select-control-v2/test/index.tsx +207 -17
- package/src/custom-select-control-v2/types.ts +147 -20
- package/src/disabled/test/index.tsx +1 -1
- package/src/draggable/index.native.js +2 -2
- package/src/draggable/test/index.native.js +6 -2
- package/src/dropdown-menu/index.native.js +2 -2
- package/src/dropdown-menu-v2/stories/index.story.tsx +1 -0
- package/src/dropdown-menu-v2/test/index.tsx +4 -1
- package/src/flex/flex/hook.ts +1 -1
- package/src/font-size-picker/font-size-picker-select.tsx +0 -1
- package/src/font-size-picker/index.native.js +2 -2
- package/src/form-token-field/index.tsx +4 -11
- package/src/form-token-field/suggestions-list.tsx +5 -17
- package/src/h-stack/hook.tsx +2 -1
- package/src/h-stack/test/index.tsx +10 -0
- package/src/item-group/test/index.js +2 -2
- package/src/mobile/bottom-sheet/bottom-sheet-navigation/test/navigation-container.native.js +10 -15
- package/src/mobile/bottom-sheet/button.native.js +1 -5
- package/src/mobile/bottom-sheet/index.native.js +2 -2
- package/src/mobile/bottom-sheet/range-cell.native.js +1 -1
- package/src/mobile/bottom-sheet/stepper-cell/index.native.js +2 -2
- package/src/mobile/bottom-sheet-select-control/index.native.js +1 -1
- package/src/mobile/bottom-sheet-text-control/index.native.js +1 -1
- package/src/mobile/gradient/index.native.js +1 -1
- package/src/mobile/image/index.native.js +8 -23
- package/src/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js +1 -1
- package/src/mobile/media-edit/index.native.js +1 -1
- package/src/modal/index.tsx +2 -12
- package/src/modal/style.scss +1 -0
- package/src/modal/test/index.tsx +1 -1
- package/src/navigation/stories/utils/hide-if-empty.tsx +2 -6
- package/src/palette-edit/index.tsx +2 -2
- package/src/popover/test/index.tsx +1 -4
- package/src/progress-bar/stories/index.story.tsx +1 -0
- package/src/progress-bar/styles.ts +2 -2
- package/src/query-controls/index.native.js +2 -2
- package/src/radio-group/stories/index.story.tsx +1 -0
- package/src/range-control/index.tsx +3 -3
- package/src/range-control/test/index.tsx +2 -2
- package/src/search-control/index.native.js +1 -1
- package/src/snackbar/index.tsx +5 -2
- package/src/snackbar/list.tsx +6 -1
- package/src/snackbar/stories/list.story.tsx +0 -3
- package/src/snackbar/test/index.tsx +267 -0
- package/src/snackbar/test/list.tsx +46 -0
- package/src/snackbar/types.ts +31 -3
- package/src/tab-panel/test/index.tsx +8 -1
- package/src/tabs/README.md +18 -18
- package/src/tabs/index.tsx +7 -7
- package/src/tabs/stories/index.story.tsx +2 -1
- package/src/tabs/test/index.tsx +66 -36
- package/src/tabs/types.ts +1 -1
- package/src/theme/stories/index.story.tsx +1 -0
- package/src/toggle-group-control/test/index.tsx +5 -1
- package/src/toolbar/toolbar-group/style.scss +1 -0
- package/src/tools-panel/stories/index.story.tsx +8 -8
- package/src/tools-panel/test/index.tsx +10 -28
- package/src/tooltip/style.scss +2 -1
- package/src/tooltip/test/index.native.js +3 -3
- package/src/tooltip/test/index.tsx +5 -0
- package/src/tree-grid/test/index.tsx +1 -1
- package/src/utils/hooks/index.js +0 -1
- package/src/utils/with-ignore-ime-events.ts +32 -0
- package/src/v-stack/test/index.tsx +10 -0
- package/tsconfig.json +0 -1
- package/tsconfig.tsbuildinfo +1 -1
- package/build/custom-select-control/styles.js +0 -27
- package/build/custom-select-control/styles.js.map +0 -1
- package/build/utils/hooks/use-latest-ref.js +0 -33
- package/build/utils/hooks/use-latest-ref.js.map +0 -1
- package/build-module/custom-select-control/styles.js +0 -18
- package/build-module/custom-select-control/styles.js.map +0 -1
- package/build-module/utils/hooks/use-latest-ref.js +0 -27
- package/build-module/utils/hooks/use-latest-ref.js.map +0 -1
- package/build-types/custom-select-control/styles.d.ts +0 -11
- package/build-types/custom-select-control/styles.d.ts.map +0 -1
- package/build-types/custom-select-control-v2/stories/index.story.d.ts +0 -20
- package/build-types/custom-select-control-v2/stories/index.story.d.ts.map +0 -1
- package/build-types/utils/hooks/use-latest-ref.d.ts +0 -15
- package/build-types/utils/hooks/use-latest-ref.d.ts.map +0 -1
- package/src/custom-select-control/styles.ts +0 -28
- package/src/utils/hooks/test/use-latest-ref.js +0 -119
- package/src/utils/hooks/use-latest-ref.ts +0 -29
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/custom-select-control-v2/legacy-component/index.tsx"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAKxD,iBAAS,YAAY,CAAE,KAAK,EAAE,uBAAuB,eAgHpD;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/custom-select-control-v2/legacy-component/test/index.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
* External dependencies
|
|
4
|
+
*/
|
|
5
|
+
import type { Meta } from '@storybook/react';
|
|
6
|
+
/**
|
|
7
|
+
* Internal dependencies
|
|
8
|
+
*/
|
|
9
|
+
import CustomSelect from '../default-component';
|
|
10
|
+
declare const meta: Meta<typeof CustomSelect>;
|
|
11
|
+
export default meta;
|
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types")._CustomSelectProps & Omit<import("../types").CustomSelectButtonProps, "size"> & {
|
|
13
|
+
size?: "default" | "compact" | undefined;
|
|
14
|
+
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "onChange" | "size" | "value" | "as" | "defaultValue" | "renderSelectedValue" | keyof import("../types")._CustomSelectProps>>;
|
|
15
|
+
/**
|
|
16
|
+
* Multiple selection can be enabled by using an array for the `value` and
|
|
17
|
+
* `defaultValue` props. The argument type of the `onChange` function will also
|
|
18
|
+
* change accordingly.
|
|
19
|
+
*/
|
|
20
|
+
export declare const MultipleSelection: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types")._CustomSelectProps & Omit<import("../types").CustomSelectButtonProps, "size"> & {
|
|
21
|
+
size?: "default" | "compact" | undefined;
|
|
22
|
+
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "onChange" | "size" | "value" | "as" | "defaultValue" | "renderSelectedValue" | keyof import("../types")._CustomSelectProps>>;
|
|
23
|
+
/**
|
|
24
|
+
* The `renderSelectedValue` prop can be used to customize how the selected value
|
|
25
|
+
* is rendered in the dropdown trigger.
|
|
26
|
+
*/
|
|
27
|
+
export declare const CustomSelectedValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types")._CustomSelectProps & Omit<import("../types").CustomSelectButtonProps, "size"> & {
|
|
28
|
+
size?: "default" | "compact" | undefined;
|
|
29
|
+
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "onChange" | "size" | "value" | "as" | "defaultValue" | "renderSelectedValue" | keyof import("../types")._CustomSelectProps>>;
|
|
30
|
+
//# sourceMappingURL=default.story.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"default.story.d.ts","sourceRoot":"","sources":["../../../src/custom-select-control-v2/stories/default.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAGhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA+BpC,CAAC;AACF,eAAe,IAAI,CAAC;AAgBpB,eAAO,MAAM,OAAO;;kUAAsB,CAAC;AAmB3C;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;kUAAsB,CAAC;AAoCrD;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;kUAAsB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* External dependencies
|
|
3
|
+
*/
|
|
4
|
+
import type { Meta } from '@storybook/react';
|
|
5
|
+
/**
|
|
6
|
+
* Internal dependencies
|
|
7
|
+
*/
|
|
8
|
+
import CustomSelect from '../legacy-component';
|
|
9
|
+
declare const meta: Meta<typeof CustomSelect>;
|
|
10
|
+
export default meta;
|
|
11
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").LegacyCustomSelectProps>;
|
|
12
|
+
//# sourceMappingURL=legacy.story.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"legacy.story.d.ts","sourceRoot":"","sources":["../../../src/custom-select-control-v2/stories/legacy.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA0BpC,CAAC;AACF,eAAe,IAAI,CAAC;AAiBpB,eAAO,MAAM,OAAO,2IAAsB,CAAC"}
|
|
@@ -1,7 +1,22 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
* External dependencies
|
|
4
|
+
*/
|
|
2
5
|
import * as Ariakit from '@ariakit/react';
|
|
3
|
-
import type {
|
|
4
|
-
export declare const
|
|
6
|
+
import type { CustomSelectButtonProps } from './types';
|
|
7
|
+
export declare const WithHintWrapper: import("@emotion/styled").StyledComponent<{
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
as?: import("react").ElementType<any> | undefined;
|
|
10
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
11
|
+
export declare const SelectedExperimentalHintItem: import("@emotion/styled").StyledComponent<{
|
|
12
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
+
as?: import("react").ElementType<any> | undefined;
|
|
14
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
15
|
+
export declare const ExperimentalHintItem: import("@emotion/styled").StyledComponent<{
|
|
16
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
17
|
+
as?: import("react").ElementType<any> | undefined;
|
|
18
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
19
|
+
export declare const SelectLabel: import("@emotion/styled").StyledComponent<Ariakit.SelectLabelOptions<"div"> & {
|
|
5
20
|
[index: `data-${string}`]: unknown;
|
|
6
21
|
wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
|
|
7
22
|
children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
|
|
@@ -11,7 +26,7 @@ export declare const CustomSelectLabel: import("@emotion/styled").StyledComponen
|
|
|
11
26
|
}, "children" | keyof Ariakit.SelectLabelOptions<"div">> & {
|
|
12
27
|
theme?: import("@emotion/react").Theme | undefined;
|
|
13
28
|
}, {}, {}>;
|
|
14
|
-
export declare const
|
|
29
|
+
export declare const Select: import("@emotion/styled").StyledComponent<Ariakit.SelectOptions<"button"> & {
|
|
15
30
|
[index: `data-${string}`]: unknown;
|
|
16
31
|
wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
|
|
17
32
|
children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
|
|
@@ -21,10 +36,10 @@ export declare const CustomSelectButton: import("@emotion/styled").StyledCompone
|
|
|
21
36
|
}, "children" | keyof Ariakit.SelectOptions<"button">> & {
|
|
22
37
|
theme?: import("@emotion/react").Theme | undefined;
|
|
23
38
|
} & {
|
|
24
|
-
size: NonNullable<
|
|
39
|
+
size: NonNullable<CustomSelectButtonProps['size']>;
|
|
25
40
|
hasCustomRenderProp: boolean;
|
|
26
41
|
}, {}, {}>;
|
|
27
|
-
export declare const
|
|
42
|
+
export declare const SelectPopover: import("@emotion/styled").StyledComponent<Ariakit.SelectPopoverOptions<"div"> & {
|
|
28
43
|
[index: `data-${string}`]: unknown;
|
|
29
44
|
wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
|
|
30
45
|
children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
|
|
@@ -34,7 +49,7 @@ export declare const CustomSelectPopover: import("@emotion/styled").StyledCompon
|
|
|
34
49
|
}, "children" | keyof Ariakit.SelectPopoverOptions<"div">> & {
|
|
35
50
|
theme?: import("@emotion/react").Theme | undefined;
|
|
36
51
|
}, {}, {}>;
|
|
37
|
-
export declare const
|
|
52
|
+
export declare const SelectItem: import("@emotion/styled").StyledComponent<Ariakit.SelectItemOptions<"div"> & {
|
|
38
53
|
[index: `data-${string}`]: unknown;
|
|
39
54
|
wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
|
|
40
55
|
children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
|
|
@@ -44,4 +59,14 @@ export declare const CustomSelectItem: import("@emotion/styled").StyledComponent
|
|
|
44
59
|
}, "children" | keyof Ariakit.SelectItemOptions<"div">> & {
|
|
45
60
|
theme?: import("@emotion/react").Theme | undefined;
|
|
46
61
|
}, {}, {}>;
|
|
62
|
+
export declare const SelectedItemCheck: import("@emotion/styled").StyledComponent<Ariakit.SelectItemCheckOptions<"span"> & {
|
|
63
|
+
[index: `data-${string}`]: unknown;
|
|
64
|
+
wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
|
|
65
|
+
children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
|
|
66
|
+
render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
|
|
67
|
+
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
|
|
68
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
69
|
+
}, "children" | keyof Ariakit.SelectItemCheckOptions<"span">> & {
|
|
70
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
71
|
+
}, {}, {}>;
|
|
47
72
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/styles.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/styles.ts"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAQ1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIvD,eAAO,MAAM,eAAe;;;yGAI3B,CAAC;AAEF,eAAO,MAAM,4BAA4B;;;2GAGxC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;2GAIhC,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;UAMvB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;UAOZ,YAAa,uBAAuB,CAAE,MAAM,CAAE,CAAE;yBACjC,OAAO;UA6C1B,CAAC;AAEJ,eAAO,MAAM,aAAa;;;;;;;;;UAIzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;UAUtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;UAK7B,CAAC"}
|
|
@@ -1,46 +1,167 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
/**
|
|
3
2
|
* External dependencies
|
|
4
3
|
*/
|
|
5
4
|
import type * as Ariakit from '@ariakit/react';
|
|
6
|
-
|
|
5
|
+
import type { FocusEventHandler, MouseEventHandler } from 'react';
|
|
6
|
+
export type CustomSelectStore = {
|
|
7
7
|
/**
|
|
8
8
|
* The store object returned by Ariakit's `useSelectStore` hook.
|
|
9
9
|
*/
|
|
10
10
|
store: Ariakit.SelectStore;
|
|
11
|
-
}
|
|
12
|
-
export type
|
|
11
|
+
};
|
|
12
|
+
export type CustomSelectContext = CustomSelectStore | undefined;
|
|
13
|
+
export type CustomSelectButtonProps = {
|
|
14
|
+
/**
|
|
15
|
+
* An optional default value for the control when used in uncontrolled mode.
|
|
16
|
+
* If left `undefined`, the first non-disabled item will be used.
|
|
17
|
+
*/
|
|
18
|
+
defaultValue?: string | string[];
|
|
19
|
+
/**
|
|
20
|
+
* A function that receives the new value of the input.
|
|
21
|
+
*/
|
|
22
|
+
onChange?: (newValue: string | string[]) => void;
|
|
23
|
+
/**
|
|
24
|
+
* Can be used to render select UI with custom styled values.
|
|
25
|
+
*/
|
|
26
|
+
renderSelectedValue?: (selectedValue: string | string[]) => React.ReactNode;
|
|
27
|
+
/**
|
|
28
|
+
* The size of the control.
|
|
29
|
+
*
|
|
30
|
+
* @default 'default'
|
|
31
|
+
*/
|
|
32
|
+
size?: 'compact' | 'default' | 'small';
|
|
33
|
+
/**
|
|
34
|
+
* The value of the control when used in uncontrolled mode.
|
|
35
|
+
*/
|
|
36
|
+
value?: string | string[];
|
|
37
|
+
};
|
|
38
|
+
export type _CustomSelectProps = {
|
|
13
39
|
/**
|
|
14
|
-
* The child elements. This should be composed of CustomSelectItem components.
|
|
40
|
+
* The child elements. This should be composed of `CustomSelectItem` components.
|
|
15
41
|
*/
|
|
16
42
|
children: React.ReactNode;
|
|
17
43
|
/**
|
|
18
|
-
*
|
|
19
|
-
*
|
|
44
|
+
* Used to visually hide the label. It will always be visible to screen readers.
|
|
45
|
+
*
|
|
46
|
+
* @default false
|
|
20
47
|
*/
|
|
21
|
-
|
|
48
|
+
hideLabelFromVision?: boolean;
|
|
49
|
+
/**
|
|
50
|
+
* Accessible label for the control.
|
|
51
|
+
*/
|
|
52
|
+
label: string;
|
|
53
|
+
};
|
|
54
|
+
export type CustomSelectProps = _CustomSelectProps & Omit<CustomSelectButtonProps, 'size'> & {
|
|
55
|
+
/**
|
|
56
|
+
* The size of the control.
|
|
57
|
+
*
|
|
58
|
+
* @default 'default'
|
|
59
|
+
*/
|
|
60
|
+
size?: Exclude<CustomSelectButtonProps['size'], 'small'>;
|
|
61
|
+
};
|
|
62
|
+
/**
|
|
63
|
+
* The legacy object structure for the options array.
|
|
64
|
+
*/
|
|
65
|
+
type LegacyOption = {
|
|
66
|
+
key: string;
|
|
67
|
+
name: string;
|
|
68
|
+
style?: React.CSSProperties;
|
|
69
|
+
className?: string;
|
|
70
|
+
__experimentalHint?: string;
|
|
71
|
+
};
|
|
72
|
+
/**
|
|
73
|
+
* The legacy object returned from the onChange event.
|
|
74
|
+
*/
|
|
75
|
+
type LegacyOnChangeObject = {
|
|
76
|
+
highlightedIndex?: number;
|
|
77
|
+
inputValue?: string;
|
|
78
|
+
isOpen?: boolean;
|
|
79
|
+
type?: string;
|
|
80
|
+
selectedItem: LegacyOption;
|
|
81
|
+
};
|
|
82
|
+
export type LegacyCustomSelectProps = {
|
|
83
|
+
/**
|
|
84
|
+
* Optional classname for the component.
|
|
85
|
+
*/
|
|
86
|
+
className?: string;
|
|
87
|
+
/**
|
|
88
|
+
* Used to visually hide the label. It will always be visible to screen readers.
|
|
89
|
+
*
|
|
90
|
+
*/
|
|
91
|
+
hideLabelFromVision?: boolean;
|
|
92
|
+
/**
|
|
93
|
+
* Pass in a description that will be shown to screen readers associated with the
|
|
94
|
+
* select trigger button. If no value is passed, the text "Currently selected:
|
|
95
|
+
* selectedItem.name" will be used fully translated.
|
|
96
|
+
*/
|
|
97
|
+
describedBy?: string;
|
|
22
98
|
/**
|
|
23
99
|
* Label for the control.
|
|
24
100
|
*/
|
|
25
101
|
label: string;
|
|
26
102
|
/**
|
|
27
|
-
*
|
|
103
|
+
* Function called with the control's internal state changes. The `selectedItem`
|
|
104
|
+
* property contains the next selected item.
|
|
28
105
|
*/
|
|
29
|
-
onChange?: (newValue:
|
|
106
|
+
onChange?: (newValue: LegacyOnChangeObject) => void;
|
|
30
107
|
/**
|
|
31
|
-
*
|
|
108
|
+
* A handler for `onBlur` events.
|
|
109
|
+
*
|
|
110
|
+
* @ignore
|
|
32
111
|
*/
|
|
33
|
-
|
|
112
|
+
onBlur?: FocusEventHandler<HTMLButtonElement>;
|
|
113
|
+
/**
|
|
114
|
+
* A handler for `onFocus` events.
|
|
115
|
+
*
|
|
116
|
+
* @ignore
|
|
117
|
+
*/
|
|
118
|
+
onFocus?: FocusEventHandler<HTMLButtonElement>;
|
|
119
|
+
/**
|
|
120
|
+
* A handler for `onMouseOver` events.
|
|
121
|
+
*
|
|
122
|
+
* @ignore
|
|
123
|
+
*/
|
|
124
|
+
onMouseOut?: MouseEventHandler<HTMLButtonElement>;
|
|
125
|
+
/**
|
|
126
|
+
* A handler for `onMouseOut` events.
|
|
127
|
+
*
|
|
128
|
+
* @ignore
|
|
129
|
+
*/
|
|
130
|
+
onMouseOver?: MouseEventHandler<HTMLButtonElement>;
|
|
131
|
+
/**
|
|
132
|
+
* The options that can be chosen from.
|
|
133
|
+
*/
|
|
134
|
+
options: Array<LegacyOption>;
|
|
34
135
|
/**
|
|
35
136
|
* The size of the control.
|
|
36
137
|
*
|
|
37
138
|
* @default 'default'
|
|
38
139
|
*/
|
|
39
|
-
size?: 'default' | 'small';
|
|
140
|
+
size?: 'default' | 'small' | '__unstable-large';
|
|
40
141
|
/**
|
|
41
142
|
* Can be used to externally control the value of the control.
|
|
42
143
|
*/
|
|
43
|
-
value?:
|
|
144
|
+
value?: LegacyOption;
|
|
145
|
+
/**
|
|
146
|
+
* Legacy way to add additional text to the right of each option.
|
|
147
|
+
*
|
|
148
|
+
* @default false
|
|
149
|
+
*/
|
|
150
|
+
__experimentalShowSelectedHint?: boolean;
|
|
151
|
+
/**
|
|
152
|
+
* Opt-in prop for an unconstrained width style which became the default in
|
|
153
|
+
* WordPress 6.5. The prop is no longer needed and can be safely removed.
|
|
154
|
+
*
|
|
155
|
+
* @deprecated
|
|
156
|
+
* @ignore
|
|
157
|
+
*/
|
|
158
|
+
__nextUnconstrainedWidth?: boolean;
|
|
159
|
+
/**
|
|
160
|
+
* Start opting into the larger default height that will become the default size in a future version.
|
|
161
|
+
*
|
|
162
|
+
* @default false
|
|
163
|
+
*/
|
|
164
|
+
__next40pxDefaultSize?: boolean;
|
|
44
165
|
};
|
|
45
166
|
export type CustomSelectItemProps = {
|
|
46
167
|
/**
|
|
@@ -54,4 +175,5 @@ export type CustomSelectItemProps = {
|
|
|
54
175
|
*/
|
|
55
176
|
children?: React.ReactNode;
|
|
56
177
|
};
|
|
178
|
+
export {};
|
|
57
179
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG,SAAS,CAAC;AAEhE,MAAM,MAAM,uBAAuB,GAAG;IACrC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAM,IAAI,CAAC;IACnD;;OAEG;IACH,mBAAmB,CAAC,EAAE,CACrB,aAAa,EAAE,MAAM,GAAG,MAAM,EAAE,KAC5B,KAAK,CAAC,SAAS,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GACjD,IAAI,CAAE,uBAAuB,EAAE,MAAM,CAAE,GAAG;IACzC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAE,uBAAuB,CAAE,MAAM,CAAE,EAAE,OAAO,CAAE,CAAC;CAC7D,CAAC;AAEH;;GAEG;AACH,KAAK,YAAY,GAAG;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,KAAK,oBAAoB,GAAG;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,YAAY,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,QAAQ,EAAE,oBAAoB,KAAM,IAAI,CAAC;IACtD;;;;OAIG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAE,iBAAiB,CAAE,CAAC;IAChD;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAE,iBAAiB,CAAE,CAAC;IACjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAE,iBAAiB,CAAE,CAAC;IACpD;;;;OAIG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAE,iBAAiB,CAAE,CAAC;IACrD;;OAEG;IACH,OAAO,EAAE,KAAK,CAAE,YAAY,CAAE,CAAC;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,kBAAkB,CAAC;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB;;;;OAIG;IACH,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC;;;;;;OAMG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IACnC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
1
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DimensionControlProps>;
|
|
2
2
|
export default _default;
|
|
3
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
3
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DimensionControlProps>;
|
|
4
4
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -9,5 +9,5 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import DropZone from '..';
|
|
10
10
|
declare const meta: Meta<typeof DropZone>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DropZoneProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as" | keyof import("../types").DropZoneProps>>;
|
|
13
13
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -9,16 +9,16 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import Dropdown from '..';
|
|
10
10
|
declare const meta: Meta<typeof Dropdown>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any> | null, boolean>>;
|
|
13
13
|
/**
|
|
14
14
|
* To apply more padding to the dropdown content, use the provided `<DropdownContentWrapper>`
|
|
15
15
|
* convenience wrapper. A `paddingSize` of `"medium"` is suitable for relatively larger dropdowns (default is `"small"`).
|
|
16
16
|
*/
|
|
17
|
-
export declare const WithMorePadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
17
|
+
export declare const WithMorePadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any> | null, boolean>>;
|
|
18
18
|
/**
|
|
19
19
|
* The `<DropdownContentWrapper>` convenience wrapper can also be used to remove padding entirely,
|
|
20
20
|
* with a `paddingSize` of `"none"`. This can also serve as a clean foundation to add arbitrary
|
|
21
21
|
* paddings, for example when child components already have padding on their own.
|
|
22
22
|
*/
|
|
23
|
-
export declare const WithNoPadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
23
|
+
export declare const WithNoPadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any> | null, boolean>>;
|
|
24
24
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -9,6 +9,6 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import { DropdownMenu } from '..';
|
|
10
10
|
declare const meta: Meta<typeof DropdownMenu>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
13
|
-
export declare const WithChildren: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").DropdownMenuProps, import("react").ElementType<any> | null, boolean>>;
|
|
13
|
+
export declare const WithChildren: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").DropdownMenuProps, import("react").ElementType<any> | null, boolean>>;
|
|
14
14
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu-v2/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAatD,OAAO,EACN,YAAY,EASZ,MAAM,IAAI,CAAC;AAOZ,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu-v2/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAatD,OAAO,EACN,YAAY,EASZ,MAAM,IAAI,CAAC;AAOZ,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA+CpC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,YAAY,CA6CjD,CAAC;AASF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,YAAY,CAoCrD,CAAC;AAKF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAE,OAAO,YAAY,CAoIxD,CAAC;AAKF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAE,OAAO,YAAY,CAqDpD,CAAC;AAYF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAE,OAAO,YAAY,CAmDpD,CAAC;AAwDF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAE,OAAO,YAAY,CAkCtD,CAAC;AAUF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAE,OAAO,YAAY,CA0BxD,CAAC;AAKF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,YAAY,CAgDrD,CAAC"}
|
|
@@ -9,5 +9,5 @@ import { DuotonePicker } from '..';
|
|
|
9
9
|
import type { DuotonePickerProps } from '../types';
|
|
10
10
|
declare const meta: Meta<typeof DuotonePicker>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, DuotonePickerProps>;
|
|
13
13
|
//# sourceMappingURL=duotone-picker.story.d.ts.map
|
|
@@ -8,7 +8,7 @@ import type { Meta } from '@storybook/react';
|
|
|
8
8
|
import { DuotoneSwatch } from '..';
|
|
9
9
|
declare const meta: Meta<typeof DuotoneSwatch>;
|
|
10
10
|
export default meta;
|
|
11
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
-
export declare const SingleColor: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
13
|
-
export declare const Null: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
11
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DuotoneSwatchProps>;
|
|
12
|
+
export declare const SingleColor: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DuotoneSwatchProps>;
|
|
13
|
+
export declare const Null: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DuotoneSwatchProps>;
|
|
14
14
|
//# sourceMappingURL=duotone-swatch.story.d.ts.map
|
|
@@ -7,12 +7,11 @@ import type { FlexProps } from '../types';
|
|
|
7
7
|
export declare function useFlex(props: WordPressComponentProps<FlexProps, 'div'>): {
|
|
8
8
|
className: string;
|
|
9
9
|
isColumn: boolean;
|
|
10
|
-
children: import("react").ReactNode;
|
|
11
|
-
isReversed?: boolean | undefined;
|
|
12
10
|
id?: string | undefined;
|
|
13
11
|
prefix?: string | undefined;
|
|
14
12
|
slot?: string | undefined;
|
|
15
13
|
role?: import("react").AriaRole | undefined;
|
|
14
|
+
children: import("react").ReactNode;
|
|
16
15
|
style?: import("react").CSSProperties | undefined;
|
|
17
16
|
title?: string | undefined;
|
|
18
17
|
color?: string | undefined;
|
|
@@ -231,6 +230,7 @@ export declare function useFlex(props: WordPressComponentProps<FlexProps, 'div'>
|
|
|
231
230
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
232
231
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
233
232
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
233
|
+
as?: keyof JSX.IntrinsicElements | undefined;
|
|
234
234
|
key?: import("react").Key | null | undefined;
|
|
235
235
|
defaultChecked?: boolean | undefined;
|
|
236
236
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
@@ -264,6 +264,5 @@ export declare function useFlex(props: WordPressComponentProps<FlexProps, 'div'>
|
|
|
264
264
|
unselectable?: "on" | "off" | undefined;
|
|
265
265
|
inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
266
266
|
is?: string | undefined;
|
|
267
|
-
as?: keyof JSX.IntrinsicElements | undefined;
|
|
268
267
|
};
|
|
269
268
|
//# sourceMappingURL=hook.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/flex/flex/hook.ts"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAM7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAqB1C,wBAAgB,OAAO,CAAE,KAAK,EAAE,uBAAuB,CAAE,SAAS,EAAE,KAAK,CAAE
|
|
1
|
+
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/flex/flex/hook.ts"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAM7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAqB1C,wBAAgB,OAAO,CAAE,KAAK,EAAE,uBAAuB,CAAE,SAAS,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoD1E"}
|
|
@@ -9,7 +9,7 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import FocalPointPicker from '..';
|
|
10
10
|
declare const meta: Meta<typeof FocalPointPicker>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
|
|
13
13
|
__nextHasNoMarginBottom?: boolean | undefined;
|
|
14
14
|
__next40pxDefaultSize?: boolean | undefined;
|
|
15
15
|
autoPlay?: boolean | undefined;
|
|
@@ -21,7 +21,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
|
|
|
21
21
|
url: string;
|
|
22
22
|
value: import("../types").FocalPoint;
|
|
23
23
|
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "label" | "help" | "onChange" | "onDrag" | "onDragEnd" | "onDragStart" | "value" | "as" | "autoPlay" | "url" | "__next40pxDefaultSize" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "resolvePoint">>;
|
|
24
|
-
export declare const Image: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
24
|
+
export declare const Image: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
|
|
25
25
|
__nextHasNoMarginBottom?: boolean | undefined;
|
|
26
26
|
__next40pxDefaultSize?: boolean | undefined;
|
|
27
27
|
autoPlay?: boolean | undefined;
|
|
@@ -33,7 +33,7 @@ export declare const Image: import("@storybook/types").AnnotatedStoryFn<import("
|
|
|
33
33
|
url: string;
|
|
34
34
|
value: import("../types").FocalPoint;
|
|
35
35
|
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "label" | "help" | "onChange" | "onDrag" | "onDragEnd" | "onDragStart" | "value" | "as" | "autoPlay" | "url" | "__next40pxDefaultSize" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "resolvePoint">>;
|
|
36
|
-
export declare const Video: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
36
|
+
export declare const Video: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
|
|
37
37
|
__nextHasNoMarginBottom?: boolean | undefined;
|
|
38
38
|
__next40pxDefaultSize?: boolean | undefined;
|
|
39
39
|
autoPlay?: boolean | undefined;
|
|
@@ -45,7 +45,7 @@ export declare const Video: import("@storybook/types").AnnotatedStoryFn<import("
|
|
|
45
45
|
url: string;
|
|
46
46
|
value: import("../types").FocalPoint;
|
|
47
47
|
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "label" | "help" | "onChange" | "onDrag" | "onDragEnd" | "onDragStart" | "value" | "as" | "autoPlay" | "url" | "__next40pxDefaultSize" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "resolvePoint">>;
|
|
48
|
-
export declare const Snapping: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
48
|
+
export declare const Snapping: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
|
|
49
49
|
__nextHasNoMarginBottom?: boolean | undefined;
|
|
50
50
|
__next40pxDefaultSize?: boolean | undefined;
|
|
51
51
|
autoPlay?: boolean | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"font-size-picker-select.d.ts","sourceRoot":"","sources":["../../src/font-size-picker/font-size-picker-select.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EACX,yBAAyB,EAEzB,MAAM,SAAS,CAAC;AAcjB,QAAA,MAAM,oBAAoB,UAAY,yBAAyB,
|
|
1
|
+
{"version":3,"file":"font-size-picker-select.d.ts","sourceRoot":"","sources":["../../src/font-size-picker/font-size-picker-select.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EACX,yBAAyB,EAEzB,MAAM,SAAS,CAAC;AAcjB,QAAA,MAAM,oBAAoB,UAAY,yBAAyB,gBAqE9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -9,10 +9,10 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import FormFileUpload from '..';
|
|
10
10
|
declare const meta: Meta<typeof FormFileUpload>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
13
|
-
export declare const RestrictFileTypes: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
14
|
-
export declare const AllowMultipleFiles: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
15
|
-
export declare const WithIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
|
|
13
|
+
export declare const RestrictFileTypes: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
|
|
14
|
+
export declare const AllowMultipleFiles: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
|
|
15
|
+
export declare const WithIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
|
|
16
16
|
/**
|
|
17
17
|
* Render a custom trigger button by passing a render function to the `render` prop.
|
|
18
18
|
*
|
|
@@ -20,5 +20,5 @@ export declare const WithIcon: import("@storybook/types").AnnotatedStoryFn<impor
|
|
|
20
20
|
* ( { openFileDialog } ) => <button onClick={ openFileDialog }>Custom Upload Button</button>
|
|
21
21
|
* ```
|
|
22
22
|
*/
|
|
23
|
-
export declare const WithCustomRender: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
23
|
+
export declare const WithCustomRender: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
|
|
24
24
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-token-field/index.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-token-field/index.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAY9D;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,mBAAmB,eAksBzD;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"suggestions-list.d.ts","sourceRoot":"","sources":["../../src/form-token-field/suggestions-list.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"suggestions-list.d.ts","sourceRoot":"","sources":["../../src/form-token-field/suggestions-list.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAOpD,wBAAgB,eAAe,CAAE,CAAC,SAAS,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EAAI,EACxE,aAAa,EACb,cAAc,EACd,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,wBAAwB,GACxB,EAAE,oBAAoB,CAAE,CAAC,CAAE,eA2H3B;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -8,7 +8,7 @@ import type { Meta } from '@storybook/react';
|
|
|
8
8
|
import GradientPicker from '..';
|
|
9
9
|
declare const meta: Meta<typeof GradientPicker>;
|
|
10
10
|
export default meta;
|
|
11
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
-
export declare const WithNoExistingGradients: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
13
|
-
export declare const MultipleOrigins: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
11
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").GradientPickerComponentProps>;
|
|
12
|
+
export declare const WithNoExistingGradients: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").GradientPickerComponentProps>;
|
|
13
|
+
export declare const MultipleOrigins: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").GradientPickerComponentProps>;
|
|
14
14
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -5,5 +5,5 @@ import type { Meta } from '@storybook/react';
|
|
|
5
5
|
import Guide from '..';
|
|
6
6
|
declare const meta: Meta<typeof Guide>;
|
|
7
7
|
export default meta;
|
|
8
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
8
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").GuideProps>;
|
|
9
9
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -6,13 +6,11 @@ import type { WordPressComponentProps } from '../context';
|
|
|
6
6
|
import type { Props } from './types';
|
|
7
7
|
export declare function useHStack(props: WordPressComponentProps<Props, 'div'>): {
|
|
8
8
|
className: string;
|
|
9
|
-
isColumn: boolean;
|
|
10
|
-
children: import("react").ReactNode;
|
|
11
|
-
isReversed?: boolean | undefined;
|
|
12
9
|
id?: string | undefined;
|
|
13
10
|
prefix?: string | undefined;
|
|
14
11
|
slot?: string | undefined;
|
|
15
12
|
role?: import("react").AriaRole | undefined;
|
|
13
|
+
children: import("react").ReactNode;
|
|
16
14
|
style?: import("react").CSSProperties | undefined;
|
|
17
15
|
title?: string | undefined;
|
|
18
16
|
color?: string | undefined;
|
|
@@ -231,6 +229,7 @@ export declare function useHStack(props: WordPressComponentProps<Props, 'div'>):
|
|
|
231
229
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
232
230
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
233
231
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
232
|
+
as?: keyof JSX.IntrinsicElements | undefined;
|
|
234
233
|
key?: import("react").Key | null | undefined;
|
|
235
234
|
defaultChecked?: boolean | undefined;
|
|
236
235
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
@@ -264,6 +263,5 @@ export declare function useHStack(props: WordPressComponentProps<Props, 'div'>):
|
|
|
264
263
|
unselectable?: "on" | "off" | undefined;
|
|
265
264
|
inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
266
265
|
is?: string | undefined;
|
|
267
|
-
as?: keyof JSX.IntrinsicElements | undefined;
|
|
268
266
|
};
|
|
269
267
|
//# sourceMappingURL=hook.d.ts.map
|