@wordpress/components 26.0.2 → 27.0.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 +23 -0
- package/CONTRIBUTING.md +72 -0
- package/build/autocomplete/index.js +3 -8
- package/build/autocomplete/index.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/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-adapter.js +29 -0
- package/build/custom-select-control-v2/legacy-adapter.js.map +1 -0
- 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/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/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/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/modal/index.js +2 -10
- package/build/modal/index.js.map +1 -1
- package/build/progress-bar/styles.js +5 -5
- package/build/progress-bar/styles.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/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/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-adapter.js +21 -0
- package/build-module/custom-select-control-v2/legacy-adapter.js.map +1 -0
- 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/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/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/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/modal/index.js +3 -10
- package/build-module/modal/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/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 +8 -1
- package/build-style/style.css +8 -1
- 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 +5 -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-adapter.d.ts +6 -0
- package/build-types/custom-select-control-v2/legacy-adapter.d.ts.map +1 -0
- 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/stories/default.story.d.ts +29 -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 +137 -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/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/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/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/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/tab-panel/stories/index.story.d.ts +4 -4
- 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/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/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/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/circular-option-picker/test/index.tsx +4 -1
- 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/composite/legacy/test/index.tsx +18 -2
- 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 +24 -0
- package/src/custom-select-control-v2/index.tsx +2 -102
- package/src/custom-select-control-v2/legacy-adapter.tsx +25 -0
- package/src/custom-select-control-v2/legacy-component/index.tsx +133 -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 +88 -0
- package/src/custom-select-control-v2/styles.ts +82 -38
- package/src/custom-select-control-v2/test/index.tsx +808 -148
- package/src/custom-select-control-v2/types.ts +148 -20
- package/src/dropdown-menu-v2/stories/index.story.tsx +1 -0
- package/src/dropdown-menu-v2/test/index.tsx +4 -1
- package/src/font-size-picker/font-size-picker-select.tsx +0 -1
- package/src/form-token-field/index.tsx +3 -10
- package/src/form-token-field/suggestions-list.tsx +5 -17
- package/src/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js +1 -1
- package/src/modal/index.tsx +2 -12
- package/src/modal/style.scss +1 -0
- package/src/progress-bar/stories/index.story.tsx +1 -0
- package/src/progress-bar/styles.ts +2 -2
- package/src/tab-panel/test/index.tsx +8 -1
- package/src/tabs/stories/index.story.tsx +1 -0
- package/src/tabs/test/index.tsx +36 -6
- package/src/theme/stories/index.story.tsx +1 -0
- package/src/toggle-group-control/test/index.tsx +4 -0
- package/src/toolbar/toolbar-group/style.scss +1 -0
- package/src/tooltip/test/index.tsx +5 -0
- package/src/utils/with-ignore-ime-events.ts +32 -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-module/custom-select-control/styles.js +0 -18
- package/build-module/custom-select-control/styles.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/src/custom-select-control/styles.ts +0 -28
|
@@ -11,7 +11,7 @@ export declare const Default: StoryFn<typeof MenuItem>;
|
|
|
11
11
|
* When the `role` prop is either `"menuitemcheckbox"` or `"menuitemradio"`, the
|
|
12
12
|
* `isSelected` prop should be used so screen readers can tell which item is currently selected.
|
|
13
13
|
*/
|
|
14
|
-
export declare const IsSelected: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
14
|
+
export declare const IsSelected: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../button/types").ButtonAsButtonProps, "isDestructive"> & {
|
|
15
15
|
className?: string | undefined;
|
|
16
16
|
children?: import("react").ReactNode;
|
|
17
17
|
info?: string | undefined;
|
|
@@ -26,7 +26,7 @@ export declare const IsSelected: import("@storybook/types").AnnotatedStoryFn<imp
|
|
|
26
26
|
suffix?: import("react").ReactNode;
|
|
27
27
|
label?: string | undefined;
|
|
28
28
|
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "className" | "role" | "children" | "shortcut" | "label" | "as" | "icon" | "isDestructive" | "suffix" | "info" | "iconPosition" | "isSelected"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
29
|
-
export declare const WithIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
29
|
+
export declare const WithIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../button/types").ButtonAsButtonProps, "isDestructive"> & {
|
|
30
30
|
className?: string | undefined;
|
|
31
31
|
children?: import("react").ReactNode;
|
|
32
32
|
info?: string | undefined;
|
|
@@ -41,7 +41,7 @@ export declare const WithIcon: import("@storybook/types").AnnotatedStoryFn<impor
|
|
|
41
41
|
suffix?: import("react").ReactNode;
|
|
42
42
|
label?: string | undefined;
|
|
43
43
|
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "className" | "role" | "children" | "shortcut" | "label" | "as" | "icon" | "isDestructive" | "suffix" | "info" | "iconPosition" | "isSelected"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
44
|
-
export declare const WithInfo: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
44
|
+
export declare const WithInfo: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../button/types").ButtonAsButtonProps, "isDestructive"> & {
|
|
45
45
|
className?: string | undefined;
|
|
46
46
|
children?: import("react").ReactNode;
|
|
47
47
|
info?: string | undefined;
|
|
@@ -56,7 +56,7 @@ export declare const WithInfo: import("@storybook/types").AnnotatedStoryFn<impor
|
|
|
56
56
|
suffix?: import("react").ReactNode;
|
|
57
57
|
label?: string | undefined;
|
|
58
58
|
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "className" | "role" | "children" | "shortcut" | "label" | "as" | "icon" | "isDestructive" | "suffix" | "info" | "iconPosition" | "isSelected"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
59
|
-
export declare const WithSuffix: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
59
|
+
export declare const WithSuffix: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../button/types").ButtonAsButtonProps, "isDestructive"> & {
|
|
60
60
|
className?: string | undefined;
|
|
61
61
|
children?: import("react").ReactNode;
|
|
62
62
|
info?: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.tsx"],"names":[],"mappings":";AA0CA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.tsx"],"names":[],"mappings":";AA0CA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAyT1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,uGAAiC,CAAC;AAEpD,eAAe,KAAK,CAAC"}
|
|
@@ -9,10 +9,10 @@ import { Navigation } from '..';
|
|
|
9
9
|
import './style.css';
|
|
10
10
|
declare const meta: Meta<typeof Navigation>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const _default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
13
|
-
export declare const ControlledState: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
14
|
-
export declare const Groups: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
15
|
-
export declare const Search: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
16
|
-
export declare const MoreExamples: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
17
|
-
export declare const HideIfEmpty: 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").NavigationProps>;
|
|
13
|
+
export declare const ControlledState: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").NavigationProps>;
|
|
14
|
+
export declare const Groups: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").NavigationProps>;
|
|
15
|
+
export declare const Search: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").NavigationProps>;
|
|
16
|
+
export declare const MoreExamples: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").NavigationProps>;
|
|
17
|
+
export declare const HideIfEmpty: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").NavigationProps>;
|
|
18
18
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -9,9 +9,9 @@ import Notice from '..';
|
|
|
9
9
|
import NoticeList from '../list';
|
|
10
10
|
declare const meta: Meta<typeof Notice>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
13
|
-
export declare const WithCustomSpokenMessage: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
14
|
-
export declare const WithJSXChildren: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
15
|
-
export declare const WithActions: 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").NoticeProps>;
|
|
13
|
+
export declare const WithCustomSpokenMessage: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").NoticeProps>;
|
|
14
|
+
export declare const WithJSXChildren: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").NoticeProps>;
|
|
15
|
+
export declare const WithActions: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").NoticeProps>;
|
|
16
16
|
export declare const NoticeListSubcomponent: StoryFn<typeof NoticeList>;
|
|
17
17
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -9,7 +9,7 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import NumberControl from '..';
|
|
10
10
|
declare const meta: Meta<typeof NumberControl>;
|
|
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, Omit<import("../../input-control/types").InputControlProps, "max" | "min" | "type" | "value" | "required" | "step" | "isDragEnabled"> & {
|
|
13
13
|
hideHTMLArrows?: boolean | undefined;
|
|
14
14
|
spinControls?: "none" | "native" | "custom" | undefined;
|
|
15
15
|
isDragEnabled?: boolean | undefined;
|
|
@@ -8,6 +8,6 @@ import type { Meta } from '@storybook/react';
|
|
|
8
8
|
import PaletteEdit from '..';
|
|
9
9
|
declare const meta: Meta<typeof PaletteEdit>;
|
|
10
10
|
export default meta;
|
|
11
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
-
export declare const Gradients: 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").PaletteEditProps>;
|
|
12
|
+
export declare const Gradients: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").PaletteEditProps>;
|
|
13
13
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/progress-bar/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/progress-bar/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAcnC,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,WAAW,CAAwB,CAAC"}
|
|
@@ -9,5 +9,5 @@ import QueryControls from '..';
|
|
|
9
9
|
declare const meta: Meta<typeof QueryControls>;
|
|
10
10
|
export default meta;
|
|
11
11
|
export declare const Default: StoryFn<typeof QueryControls>;
|
|
12
|
-
export declare const SelectSingleCategory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
+
export declare const SelectSingleCategory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").QueryControlsProps>;
|
|
13
13
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -9,7 +9,7 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import ResizableBox from '..';
|
|
10
10
|
declare const meta: Meta<typeof ResizableBox>;
|
|
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("re-resizable").ResizableProps & {
|
|
13
13
|
children: import("react").ReactNode;
|
|
14
14
|
showHandle?: boolean | undefined;
|
|
15
15
|
__experimentalShowTooltip?: boolean | undefined;
|
|
@@ -35,7 +35,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
|
|
|
35
35
|
/**
|
|
36
36
|
* The `enable` prop can be used to disable resizing in specific directions.
|
|
37
37
|
*/
|
|
38
|
-
export declare const DisabledDirections: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
38
|
+
export declare const DisabledDirections: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("re-resizable").ResizableProps & {
|
|
39
39
|
children: import("react").ReactNode;
|
|
40
40
|
showHandle?: boolean | undefined;
|
|
41
41
|
__experimentalShowTooltip?: boolean | undefined;
|
|
@@ -8,7 +8,7 @@ import type { Meta, StoryFn } from '@storybook/react';
|
|
|
8
8
|
import ResponsiveWrapper from '..';
|
|
9
9
|
declare const meta: Meta<typeof ResponsiveWrapper>;
|
|
10
10
|
export default meta;
|
|
11
|
-
export declare const Default: 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").ResponsiveWrapperProps>;
|
|
12
12
|
/**
|
|
13
13
|
* When passing an `SVG` element as the `<ResponsiveWrapper />`'s child, make
|
|
14
14
|
* sure that it has the `viewbox` and the `preserveAspectRatio` set.
|
|
@@ -8,5 +8,5 @@ import type { Meta } from '@storybook/react';
|
|
|
8
8
|
import SandBox from '..';
|
|
9
9
|
declare const meta: Meta<typeof SandBox>;
|
|
10
10
|
export default meta;
|
|
11
|
-
export declare const Default: 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").SandBoxProps>;
|
|
12
12
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -9,7 +9,7 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import SearchControl from '..';
|
|
10
10
|
declare const meta: Meta<typeof SearchControl>;
|
|
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, Omit<import("../../context").WordPressComponentProps<import("../types").SearchControlProps, "input", false>, "disabled"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
13
13
|
/**
|
|
14
14
|
* When an `onClose` callback is provided, the search control will render a close button
|
|
15
15
|
* that will trigger the given callback.
|
|
@@ -17,5 +17,5 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
|
|
|
17
17
|
* Use this if you want the button to trigger your own logic to close the search field entirely,
|
|
18
18
|
* rather than just clearing the input value.
|
|
19
19
|
*/
|
|
20
|
-
export declare const WithOnClose: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
20
|
+
export declare const WithOnClose: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("../../context").WordPressComponentProps<import("../types").SearchControlProps, "input", false>, "disabled"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
21
21
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -9,8 +9,8 @@ import type { Meta, StoryFn } from '@storybook/react';
|
|
|
9
9
|
import SelectControl from '../';
|
|
10
10
|
declare const meta: Meta<typeof SelectControl>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
13
|
-
export declare const WithLabelAndHelpText: 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").SelectControlProps, "select", false> & import("react").RefAttributes<HTMLSelectElement>>;
|
|
13
|
+
export declare const WithLabelAndHelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").SelectControlProps, "select", false> & import("react").RefAttributes<HTMLSelectElement>>;
|
|
14
14
|
/**
|
|
15
15
|
* As an alternative to the `options` prop, `optgroup`s and `options` can be
|
|
16
16
|
* passed in as `children` for more customizeability.
|
|
@@ -9,5 +9,5 @@ import Shortcut from '../';
|
|
|
9
9
|
declare const meta: Meta<typeof Shortcut>;
|
|
10
10
|
export default meta;
|
|
11
11
|
export declare const Default: StoryFn<typeof Shortcut>;
|
|
12
|
-
export declare const WithAriaLabel: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
+
export declare const WithAriaLabel: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").ShortcutProps>;
|
|
13
13
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -9,8 +9,8 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import TabPanel from '..';
|
|
10
10
|
declare const meta: Meta<typeof TabPanel>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
13
|
-
export declare const DisabledTab: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
14
|
-
export declare const WithTabIconsAndTooltips: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
15
|
-
export declare const ManualActivation: 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").TabPanelProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("../types").TabPanelProps> & import("react").RefAttributes<any>>;
|
|
13
|
+
export declare const DisabledTab: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").TabPanelProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("../types").TabPanelProps> & import("react").RefAttributes<any>>;
|
|
14
|
+
export declare const WithTabIconsAndTooltips: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").TabPanelProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("../types").TabPanelProps> & import("react").RefAttributes<any>>;
|
|
15
|
+
export declare const ManualActivation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").TabPanelProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("../types").TabPanelProps> & import("react").RefAttributes<any>>;
|
|
16
16
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -8,13 +8,13 @@ import type { Meta } from '@storybook/react';
|
|
|
8
8
|
import Tabs from '..';
|
|
9
9
|
declare const meta: Meta<typeof Tabs>;
|
|
10
10
|
export default meta;
|
|
11
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
-
export declare const DisabledTab: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
13
|
-
export declare const WithTabIconsAndTooltips: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
14
|
-
export declare const ManualActivation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
15
|
-
export declare const UsingSlotFill: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
16
|
-
export declare const InsertCustomElements: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
17
|
-
export declare const ControlledMode: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
18
|
-
export declare const TabBecomesDisabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
19
|
-
export declare const TabGetsRemoved: 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").TabsProps>;
|
|
12
|
+
export declare const DisabledTab: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").TabsProps>;
|
|
13
|
+
export declare const WithTabIconsAndTooltips: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").TabsProps>;
|
|
14
|
+
export declare const ManualActivation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").TabsProps>;
|
|
15
|
+
export declare const UsingSlotFill: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").TabsProps>;
|
|
16
|
+
export declare const InsertCustomElements: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").TabsProps>;
|
|
17
|
+
export declare const ControlledMode: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").TabsProps>;
|
|
18
|
+
export declare const TabBecomesDisabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").TabsProps>;
|
|
19
|
+
export declare const TabGetsRemoved: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").TabsProps>;
|
|
20
20
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/tabs/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAQtD;;GAEG;AACH,OAAO,IAAI,MAAM,IAAI,CAAC;AAKtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/tabs/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAQtD;;GAEG;AACH,OAAO,IAAI,MAAM,IAAI,CAAC;AAKtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAkB5B,CAAC;AACF,eAAe,IAAI,CAAC;AA+BpB,eAAO,MAAM,OAAO,6HAAsB,CAAC;AAwB3C,eAAO,MAAM,WAAW,6HAAiC,CAAC;AAqC1D,eAAO,MAAM,uBAAuB,6HAEnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,6HAAsB,CAAC;AA0CpD,eAAO,MAAM,aAAa,6HAAmC,CAAC;AA6D9D,eAAO,MAAM,oBAAoB,6HAAiC,CAAC;AA+DnE,eAAO,MAAM,cAAc,6HAAoC,CAAC;AAqChE,eAAO,MAAM,kBAAkB,6HAAwC,CAAC;AAgCxE,eAAO,MAAM,cAAc,6HAAoC,CAAC"}
|
|
@@ -9,13 +9,13 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import { Text } from '../component';
|
|
10
10
|
declare const meta: Meta<typeof Text>;
|
|
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").Props & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../types").Props> & {
|
|
13
13
|
as?: keyof JSX.IntrinsicElements | undefined;
|
|
14
14
|
}>;
|
|
15
|
-
export declare const Truncate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
15
|
+
export declare const Truncate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").Props & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../types").Props> & {
|
|
16
16
|
as?: keyof JSX.IntrinsicElements | undefined;
|
|
17
17
|
}>;
|
|
18
|
-
export declare const Highlight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
18
|
+
export declare const Highlight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").Props & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../types").Props> & {
|
|
19
19
|
as?: keyof JSX.IntrinsicElements | undefined;
|
|
20
20
|
}>;
|
|
21
21
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -9,7 +9,7 @@ import type { Meta, StoryFn } from '@storybook/react';
|
|
|
9
9
|
import Theme from '../index';
|
|
10
10
|
declare const meta: Meta<typeof Theme>;
|
|
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").ThemeInputValues & {
|
|
13
13
|
children?: import("react").ReactNode;
|
|
14
14
|
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as" | keyof import("../types").ThemeInputValues> & {
|
|
15
15
|
as?: keyof JSX.IntrinsicElements | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/theme/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,MAAM,UAAU,CAAC;AAK7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/theme/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,MAAM,UAAU,CAAC;AAK7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,CAa7B,CAAC;AACF,eAAe,IAAI,CAAC;AAQpB,eAAO,MAAM,OAAO;;;;EAAsB,CAAC;AAG3C,eAAO,MAAM,MAAM,EAAE,OAAO,CAAE,OAAO,KAAK,CAUzC,CAAC;AAKF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,KAAK,CAiD9C,CAAC"}
|
|
@@ -9,12 +9,12 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import ToggleControl from '..';
|
|
10
10
|
declare const meta: Meta<typeof ToggleControl>;
|
|
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("../../form-toggle/types").FormToggleProps, "disabled" | "checked"> & Pick<import("../../base-control/types").BaseControlProps, "className" | "__nextHasNoMarginBottom"> & {
|
|
13
13
|
help?: import("react").ReactNode | ((checked: boolean) => import("react").ReactNode);
|
|
14
14
|
label: import("react").ReactNode;
|
|
15
15
|
onChange: (value: boolean) => void;
|
|
16
16
|
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "className" | "children" | "label" | "help" | "onChange" | "as" | "disabled" | "checked" | "__nextHasNoMarginBottom">>;
|
|
17
|
-
export declare const WithHelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
17
|
+
export declare const WithHelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../form-toggle/types").FormToggleProps, "disabled" | "checked"> & Pick<import("../../base-control/types").BaseControlProps, "className" | "__nextHasNoMarginBottom"> & {
|
|
18
18
|
help?: import("react").ReactNode | ((checked: boolean) => import("react").ReactNode);
|
|
19
19
|
label: import("react").ReactNode;
|
|
20
20
|
onChange: (value: boolean) => void;
|
|
@@ -9,11 +9,11 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import { Toolbar } from '..';
|
|
10
10
|
declare const meta: Meta<typeof Toolbar>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
13
|
-
export declare const WithoutGroup: 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("../toolbar/types").ToolbarProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("../toolbar/types").ToolbarProps> & import("react").RefAttributes<any>>;
|
|
13
|
+
export declare const WithoutGroup: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../toolbar/types").ToolbarProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("../toolbar/types").ToolbarProps> & import("react").RefAttributes<any>>;
|
|
14
14
|
/**
|
|
15
15
|
* Set the variant to `unstyled` to remove default border styles.
|
|
16
16
|
* Otherwise, leave it as `undefined` for default styles.
|
|
17
17
|
*/
|
|
18
|
-
export declare const Unstyled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
18
|
+
export declare const Unstyled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../toolbar/types").ToolbarProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("../toolbar/types").ToolbarProps> & import("react").RefAttributes<any>>;
|
|
19
19
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -10,7 +10,7 @@ import Tooltip from '..';
|
|
|
10
10
|
declare const meta: Meta<typeof Tooltip>;
|
|
11
11
|
export default meta;
|
|
12
12
|
export declare const Default: StoryFn<typeof Tooltip>;
|
|
13
|
-
export declare const KeyboardShortcut: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
13
|
+
export declare const KeyboardShortcut: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").TooltipProps & import("react").RefAttributes<any>>;
|
|
14
14
|
/**
|
|
15
15
|
* In case one or more `Tooltip` components are rendered inside another
|
|
16
16
|
* `Tooltip` component, only the tooltip associated to the outermost `Tooltip`
|
|
@@ -9,5 +9,5 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import TreeGrid from '..';
|
|
10
10
|
declare const meta: Meta<typeof TreeGrid>;
|
|
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").TreeGridProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "key" | keyof import("react").TableHTMLAttributes<HTMLTableElement>>, "as" | keyof import("../types").TreeGridProps> & import("react").RefAttributes<HTMLTableElement>>;
|
|
13
13
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -8,5 +8,5 @@ import type { Meta } from '@storybook/react';
|
|
|
8
8
|
import TreeSelect from '../';
|
|
9
9
|
declare const meta: Meta<typeof TreeSelect>;
|
|
10
10
|
export default meta;
|
|
11
|
-
export declare const Default: 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").TreeSelectProps>;
|
|
12
12
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
* A higher-order function that wraps a keydown event handler to ensure it is not an IME event.
|
|
4
|
+
*
|
|
5
|
+
* In CJK languages, an IME (Input Method Editor) is used to input complex characters.
|
|
6
|
+
* During an IME composition, keydown events (e.g. Enter or Escape) can be fired
|
|
7
|
+
* which are intended to control the IME and not the application.
|
|
8
|
+
* These events should be ignored by any application logic.
|
|
9
|
+
*
|
|
10
|
+
* @param keydownHandler The keydown event handler to execute after ensuring it was not an IME event.
|
|
11
|
+
*
|
|
12
|
+
* @return A wrapped version of the given event handler that ignores IME events.
|
|
13
|
+
*/
|
|
14
|
+
export declare function withIgnoreIMEEvents<E extends React.KeyboardEvent | KeyboardEvent>(keydownHandler: (event: E) => void): (event: E) => void;
|
|
15
|
+
//# sourceMappingURL=with-ignore-ime-events.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"with-ignore-ime-events.d.ts","sourceRoot":"","sources":["../../src/utils/with-ignore-ime-events.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAClC,CAAC,SAAS,KAAK,CAAC,aAAa,GAAG,aAAa,EAC3C,cAAc,EAAE,CAAE,KAAK,EAAE,CAAC,KAAM,IAAI,WACtB,CAAC,UAgBjB"}
|
|
@@ -6,7 +6,7 @@ import type { Meta } from '@storybook/react';
|
|
|
6
6
|
import { VStack } from '..';
|
|
7
7
|
declare const meta: Meta<typeof VStack>;
|
|
8
8
|
export default meta;
|
|
9
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
9
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("../../h-stack/types").Props, "spacing" | "alignment"> & {
|
|
10
10
|
alignment?: "top" | "bottom" | "left" | "center" | "right" | "start" | "end" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "baseline" | "stretch" | "flex-end" | "flex-start" | "self-end" | "self-start" | "edge" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
|
|
11
11
|
spacing?: import("csstype").Property.Width<string | number> | undefined;
|
|
12
12
|
} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "direction" | "expanded" | "spacing" | "as" | "wrap" | "justify" | keyof import("react").RefAttributes<any> | "isReversed" | "alignment"> & {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/components",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "27.0.0",
|
|
4
4
|
"description": "UI components for WordPress.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -42,29 +42,28 @@
|
|
|
42
42
|
"@types/gradient-parser": "0.1.3",
|
|
43
43
|
"@types/highlight-words-core": "1.2.1",
|
|
44
44
|
"@use-gesture/react": "^10.2.24",
|
|
45
|
-
"@wordpress/a11y": "^3.
|
|
46
|
-
"@wordpress/compose": "^6.
|
|
47
|
-
"@wordpress/date": "^4.
|
|
48
|
-
"@wordpress/deprecated": "^3.
|
|
49
|
-
"@wordpress/dom": "^3.
|
|
50
|
-
"@wordpress/element": "^5.
|
|
51
|
-
"@wordpress/escape-html": "^2.
|
|
52
|
-
"@wordpress/hooks": "^3.
|
|
53
|
-
"@wordpress/html-entities": "^3.
|
|
54
|
-
"@wordpress/i18n": "^4.
|
|
55
|
-
"@wordpress/icons": "^9.
|
|
56
|
-
"@wordpress/is-shallow-equal": "^4.
|
|
57
|
-
"@wordpress/keycodes": "^3.
|
|
58
|
-
"@wordpress/primitives": "^3.
|
|
59
|
-
"@wordpress/private-apis": "^0.
|
|
60
|
-
"@wordpress/rich-text": "^6.
|
|
61
|
-
"@wordpress/warning": "^2.
|
|
45
|
+
"@wordpress/a11y": "^3.52.0",
|
|
46
|
+
"@wordpress/compose": "^6.29.0",
|
|
47
|
+
"@wordpress/date": "^4.52.0",
|
|
48
|
+
"@wordpress/deprecated": "^3.52.0",
|
|
49
|
+
"@wordpress/dom": "^3.52.0",
|
|
50
|
+
"@wordpress/element": "^5.29.0",
|
|
51
|
+
"@wordpress/escape-html": "^2.52.0",
|
|
52
|
+
"@wordpress/hooks": "^3.52.0",
|
|
53
|
+
"@wordpress/html-entities": "^3.52.0",
|
|
54
|
+
"@wordpress/i18n": "^4.52.0",
|
|
55
|
+
"@wordpress/icons": "^9.43.0",
|
|
56
|
+
"@wordpress/is-shallow-equal": "^4.52.0",
|
|
57
|
+
"@wordpress/keycodes": "^3.52.0",
|
|
58
|
+
"@wordpress/primitives": "^3.50.0",
|
|
59
|
+
"@wordpress/private-apis": "^0.34.0",
|
|
60
|
+
"@wordpress/rich-text": "^6.29.0",
|
|
61
|
+
"@wordpress/warning": "^2.52.0",
|
|
62
62
|
"change-case": "^4.1.2",
|
|
63
63
|
"classnames": "^2.3.1",
|
|
64
64
|
"colord": "^2.7.0",
|
|
65
65
|
"date-fns": "^2.28.0",
|
|
66
66
|
"deepmerge": "^4.3.0",
|
|
67
|
-
"dom-scroll-into-view": "^1.2.1",
|
|
68
67
|
"downshift": "^6.0.15",
|
|
69
68
|
"fast-deep-equal": "^3.1.3",
|
|
70
69
|
"framer-motion": "^10.13.0",
|
|
@@ -87,5 +86,5 @@
|
|
|
87
86
|
"publishConfig": {
|
|
88
87
|
"access": "public"
|
|
89
88
|
},
|
|
90
|
-
"gitHead": "
|
|
89
|
+
"gitHead": "c139588f4c668b38bafbc5431f2f4e3903dbe683"
|
|
91
90
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* External dependencies
|
|
3
3
|
*/
|
|
4
4
|
import { render, screen, waitFor, within } from '@testing-library/react';
|
|
5
|
-
import { press, click } from '@ariakit/test';
|
|
5
|
+
import { press, click, sleep } from '@ariakit/test';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Internal dependencies
|
|
@@ -39,6 +39,7 @@ describe( 'AlignmentMatrixControl', () => {
|
|
|
39
39
|
it( 'should be centered by default', async () => {
|
|
40
40
|
await renderAndInitCompositeStore( <AlignmentMatrixControl /> );
|
|
41
41
|
|
|
42
|
+
await sleep();
|
|
42
43
|
await press.Tab();
|
|
43
44
|
|
|
44
45
|
expect( getCell( 'center center' ) ).toHaveFocus();
|
|
@@ -109,6 +110,7 @@ describe( 'AlignmentMatrixControl', () => {
|
|
|
109
110
|
<AlignmentMatrixControl onChange={ spy } />
|
|
110
111
|
);
|
|
111
112
|
|
|
113
|
+
await sleep();
|
|
112
114
|
await press.Tab();
|
|
113
115
|
await press[ keyRef ]();
|
|
114
116
|
|
|
@@ -30,6 +30,7 @@ import { isAppleOS } from '@wordpress/keycodes';
|
|
|
30
30
|
*/
|
|
31
31
|
import { getAutoCompleterUI } from './autocompleter-ui';
|
|
32
32
|
import { escapeRegExp } from '../utils/strings';
|
|
33
|
+
import { withIgnoreIMEEvents } from '../utils/with-ignore-ime-events';
|
|
33
34
|
import type {
|
|
34
35
|
AutocompleteProps,
|
|
35
36
|
AutocompleterUIProps,
|
|
@@ -183,15 +184,7 @@ export function useAutocomplete( {
|
|
|
183
184
|
return;
|
|
184
185
|
}
|
|
185
186
|
|
|
186
|
-
if (
|
|
187
|
-
event.defaultPrevented ||
|
|
188
|
-
// Ignore keydowns from IMEs
|
|
189
|
-
event.isComposing ||
|
|
190
|
-
// Workaround for Mac Safari where the final Enter/Backspace of an IME composition
|
|
191
|
-
// is `isComposing=false`, even though it's technically still part of the composition.
|
|
192
|
-
// These can only be detected by keyCode.
|
|
193
|
-
event.keyCode === 229
|
|
194
|
-
) {
|
|
187
|
+
if ( event.defaultPrevented ) {
|
|
195
188
|
return;
|
|
196
189
|
}
|
|
197
190
|
|
|
@@ -390,7 +383,7 @@ export function useAutocomplete( {
|
|
|
390
383
|
return {
|
|
391
384
|
listBoxId,
|
|
392
385
|
activeId,
|
|
393
|
-
onKeyDown: handleKeyDown,
|
|
386
|
+
onKeyDown: withIgnoreIMEEvents( handleKeyDown ),
|
|
394
387
|
popover: hasSelection && AutocompleterUI && (
|
|
395
388
|
<AutocompleterUI
|
|
396
389
|
className={ className }
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* External dependencies
|
|
3
3
|
*/
|
|
4
4
|
import { render, screen } from '@testing-library/react';
|
|
5
|
-
import { press } from '@ariakit/test';
|
|
5
|
+
import { press, sleep } from '@ariakit/test';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Internal dependencies
|
|
@@ -78,6 +78,7 @@ describe( 'CircularOptionPicker', () => {
|
|
|
78
78
|
/>
|
|
79
79
|
);
|
|
80
80
|
|
|
81
|
+
await sleep();
|
|
81
82
|
await press.Tab();
|
|
82
83
|
expect( getOption( 'Option One' ) ).toHaveFocus();
|
|
83
84
|
await press.ArrowRight();
|
|
@@ -97,6 +98,7 @@ describe( 'CircularOptionPicker', () => {
|
|
|
97
98
|
/>
|
|
98
99
|
);
|
|
99
100
|
|
|
101
|
+
await sleep();
|
|
100
102
|
await press.Tab();
|
|
101
103
|
expect( getOption( 'Option One' ) ).toHaveFocus();
|
|
102
104
|
await press.ArrowRight();
|
|
@@ -116,6 +118,7 @@ describe( 'CircularOptionPicker', () => {
|
|
|
116
118
|
/>
|
|
117
119
|
);
|
|
118
120
|
|
|
121
|
+
await sleep();
|
|
119
122
|
await press.Tab();
|
|
120
123
|
expect( getOption( 'Option One' ) ).toHaveFocus();
|
|
121
124
|
await press.ArrowRight();
|