ingred-ui 13.0.0 → 14.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.
Files changed (17) hide show
  1. package/dist/components/CreatableSelect/CreatableSelect.d.ts +1 -93
  2. package/dist/components/CreatableSelect/CreatableSelect.stories.d.ts +1 -93
  3. package/dist/components/Icon/Icon.d.ts +1 -1
  4. package/dist/components/Icon/internal/AdBlockIcon/index.d.ts +4 -0
  5. package/dist/components/Select/Select.d.ts +2 -94
  6. package/dist/components/Select/Select.stories.d.ts +1 -93
  7. package/dist/components/Switch/Switch.d.ts +4 -0
  8. package/dist/components/Tabs/Tabs.d.ts +0 -1
  9. package/dist/components/Tabs/Tabs.stories.d.ts +1 -2
  10. package/dist/components/Tabs/internal/Tab.d.ts +0 -1
  11. package/dist/constants/locale.d.ts +1 -0
  12. package/dist/hooks/useLocaleProps.d.ts +2 -1
  13. package/dist/index.es.js +3 -3
  14. package/dist/index.es.js.map +1 -1
  15. package/dist/index.js +4 -4
  16. package/dist/index.js.map +1 -1
  17. package/package.json +6 -6
package/dist/components/CreatableSelect/CreatableSelect.d.ts CHANGED
@@ -16,99 +16,7 @@ declare const _default: <T>(props: {
16
16
  error?: boolean | undefined;
17
17
  emptyMessage?: string | undefined;
18
18
  addMessage?: string | undefined;
19
- } & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "theme" | "form" | "value" | "name" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "autoFocus" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
20
- placeholder?: React.ReactNode;
21
- tabIndex?: number | undefined;
22
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
23
- classNames?: import("react-select").ClassNamesConfig<OptionType<T>, boolean, GroupBase<OptionType<T>>> | undefined;
24
- loadingMessage?: ((obj: {
25
- inputValue: string;
26
- }) => React.ReactNode) | undefined;
27
- noOptionsMessage?: ((obj: {
28
- inputValue: string;
29
- }) => React.ReactNode) | undefined;
30
- isDisabled?: boolean | undefined;
31
- isMulti?: boolean | undefined;
32
- isRtl?: boolean | undefined;
33
- options?: import("react-select/dist/declarations/src/types").OptionsOrGroups<OptionType<T>, GroupBase<OptionType<T>>> | undefined;
34
- menuIsOpen?: boolean | undefined;
35
- backspaceRemovesValue?: boolean | undefined;
36
- blurInputOnSelect?: boolean | undefined;
37
- captureMenuScroll?: boolean | undefined;
38
- closeMenuOnSelect?: boolean | undefined;
39
- closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
40
- components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<OptionType<T>, boolean, GroupBase<OptionType<T>>>> | undefined;
41
- controlShouldRenderValue?: boolean | undefined;
42
- escapeClearsValue?: boolean | undefined;
43
- filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<OptionType<T>>, inputValue: string) => boolean) | null | undefined;
44
- formatGroupLabel?: ((group: GroupBase<OptionType<T>>) => React.ReactNode) | undefined;
45
- getOptionLabel?: import("react-select/dist/declarations/src/types").GetOptionLabel<OptionType<T>> | undefined;
46
- getOptionValue?: import("react-select/dist/declarations/src/types").GetOptionValue<OptionType<T>> | undefined;
47
- isLoading?: boolean | undefined;
48
- isOptionDisabled?: ((option: OptionType<T>, selectValue: import("react-select/dist/declarations/src/types").Options<OptionType<T>>) => boolean) | undefined;
49
- isSearchable?: boolean | undefined;
50
- minMenuHeight?: number | undefined;
51
- maxMenuHeight?: number | undefined;
52
- menuPlacement?: import("react-select/dist/declarations/src/types").MenuPlacement | undefined;
53
- menuPosition?: import("react-select/dist/declarations/src/types").MenuPosition | undefined;
54
- menuShouldBlockScroll?: boolean | undefined;
55
- menuShouldScrollIntoView?: boolean | undefined;
56
- openMenuOnFocus?: boolean | undefined;
57
- openMenuOnClick?: boolean | undefined;
58
- pageSize?: number | undefined;
59
- screenReaderStatus?: ((obj: {
60
- count: number;
61
- }) => string) | undefined;
62
- styles?: import("react-select").StylesConfig<OptionType<T>, boolean, GroupBase<OptionType<T>>> | undefined;
63
- tabSelectsValue?: boolean | undefined;
64
- unstyled?: boolean | undefined;
65
- } & {}, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "theme" | "form" | "value" | "name" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "autoFocus" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
66
- placeholder?: React.ReactNode;
67
- tabIndex?: number | undefined;
68
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
69
- classNames?: import("react-select").ClassNamesConfig<OptionType<T>, boolean, GroupBase<OptionType<T>>> | undefined;
70
- loadingMessage?: ((obj: {
71
- inputValue: string;
72
- }) => React.ReactNode) | undefined;
73
- noOptionsMessage?: ((obj: {
74
- inputValue: string;
75
- }) => React.ReactNode) | undefined;
76
- isDisabled?: boolean | undefined;
77
- isMulti?: boolean | undefined;
78
- isRtl?: boolean | undefined;
79
- options?: import("react-select/dist/declarations/src/types").OptionsOrGroups<OptionType<T>, GroupBase<OptionType<T>>> | undefined;
80
- menuIsOpen?: boolean | undefined;
81
- backspaceRemovesValue?: boolean | undefined;
82
- blurInputOnSelect?: boolean | undefined;
83
- captureMenuScroll?: boolean | undefined;
84
- closeMenuOnSelect?: boolean | undefined;
85
- closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
86
- components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<OptionType<T>, boolean, GroupBase<OptionType<T>>>> | undefined;
87
- controlShouldRenderValue?: boolean | undefined;
88
- escapeClearsValue?: boolean | undefined;
89
- filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<OptionType<T>>, inputValue: string) => boolean) | null | undefined;
90
- formatGroupLabel?: ((group: GroupBase<OptionType<T>>) => React.ReactNode) | undefined;
91
- getOptionLabel?: import("react-select/dist/declarations/src/types").GetOptionLabel<OptionType<T>> | undefined;
92
- getOptionValue?: import("react-select/dist/declarations/src/types").GetOptionValue<OptionType<T>> | undefined;
93
- isLoading?: boolean | undefined;
94
- isOptionDisabled?: ((option: OptionType<T>, selectValue: import("react-select/dist/declarations/src/types").Options<OptionType<T>>) => boolean) | undefined;
95
- isSearchable?: boolean | undefined;
96
- minMenuHeight?: number | undefined;
97
- maxMenuHeight?: number | undefined;
98
- menuPlacement?: import("react-select/dist/declarations/src/types").MenuPlacement | undefined;
99
- menuPosition?: import("react-select/dist/declarations/src/types").MenuPosition | undefined;
100
- menuShouldBlockScroll?: boolean | undefined;
101
- menuShouldScrollIntoView?: boolean | undefined;
102
- openMenuOnFocus?: boolean | undefined;
103
- openMenuOnClick?: boolean | undefined;
104
- pageSize?: number | undefined;
105
- screenReaderStatus?: ((obj: {
106
- count: number;
107
- }) => string) | undefined;
108
- styles?: import("react-select").StylesConfig<OptionType<T>, boolean, GroupBase<OptionType<T>>> | undefined;
109
- tabSelectsValue?: boolean | undefined;
110
- unstyled?: boolean | undefined;
111
- } & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<OptionType<T>> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<OptionType<T>, GroupBase<OptionType<T>>> & {
19
+ } & Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<OptionType<T>, boolean, GroupBase<OptionType<T>>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<OptionType<T>> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<OptionType<T>, GroupBase<OptionType<T>>> & {
112
20
  ref?: React.ForwardedRef<HTMLDivElement> | undefined;
113
21
  }) => ReturnType<typeof CreatableSelect>;
114
22
  export default _default;
package/dist/components/CreatableSelect/CreatableSelect.stories.d.ts CHANGED
@@ -7,99 +7,7 @@ declare const _default: {
7
7
  error?: boolean | undefined;
8
8
  emptyMessage?: string | undefined;
9
9
  addMessage?: string | undefined;
10
- } & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "theme" | "form" | "value" | "name" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "autoFocus" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
11
- placeholder?: React.ReactNode;
12
- tabIndex?: number | undefined;
13
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
14
- classNames?: import("react-select").ClassNamesConfig<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>> | undefined;
15
- loadingMessage?: ((obj: {
16
- inputValue: string;
17
- }) => React.ReactNode) | undefined;
18
- noOptionsMessage?: ((obj: {
19
- inputValue: string;
20
- }) => React.ReactNode) | undefined;
21
- isDisabled?: boolean | undefined;
22
- isMulti?: boolean | undefined;
23
- isRtl?: boolean | undefined;
24
- options?: import("react-select").OptionsOrGroups<import("..").OptionType<T>, import("react-select").GroupBase<import("..").OptionType<T>>> | undefined;
25
- menuIsOpen?: boolean | undefined;
26
- backspaceRemovesValue?: boolean | undefined;
27
- blurInputOnSelect?: boolean | undefined;
28
- captureMenuScroll?: boolean | undefined;
29
- closeMenuOnSelect?: boolean | undefined;
30
- closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
31
- components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>> | undefined;
32
- controlShouldRenderValue?: boolean | undefined;
33
- escapeClearsValue?: boolean | undefined;
34
- filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<import("..").OptionType<T>>, inputValue: string) => boolean) | null | undefined;
35
- formatGroupLabel?: ((group: import("react-select").GroupBase<import("..").OptionType<T>>) => React.ReactNode) | undefined;
36
- getOptionLabel?: import("react-select").GetOptionLabel<import("..").OptionType<T>> | undefined;
37
- getOptionValue?: import("react-select").GetOptionValue<import("..").OptionType<T>> | undefined;
38
- isLoading?: boolean | undefined;
39
- isOptionDisabled?: ((option: import("..").OptionType<T>, selectValue: import("react-select").Options<import("..").OptionType<T>>) => boolean) | undefined;
40
- isSearchable?: boolean | undefined;
41
- minMenuHeight?: number | undefined;
42
- maxMenuHeight?: number | undefined;
43
- menuPlacement?: import("react-select").MenuPlacement | undefined;
44
- menuPosition?: import("react-select").MenuPosition | undefined;
45
- menuShouldBlockScroll?: boolean | undefined;
46
- menuShouldScrollIntoView?: boolean | undefined;
47
- openMenuOnFocus?: boolean | undefined;
48
- openMenuOnClick?: boolean | undefined;
49
- pageSize?: number | undefined;
50
- screenReaderStatus?: ((obj: {
51
- count: number;
52
- }) => string) | undefined;
53
- styles?: import("react-select").StylesConfig<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>> | undefined;
54
- tabSelectsValue?: boolean | undefined;
55
- unstyled?: boolean | undefined;
56
- } & {}, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "theme" | "form" | "value" | "name" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "autoFocus" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
57
- placeholder?: React.ReactNode;
58
- tabIndex?: number | undefined;
59
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
60
- classNames?: import("react-select").ClassNamesConfig<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>> | undefined;
61
- loadingMessage?: ((obj: {
62
- inputValue: string;
63
- }) => React.ReactNode) | undefined;
64
- noOptionsMessage?: ((obj: {
65
- inputValue: string;
66
- }) => React.ReactNode) | undefined;
67
- isDisabled?: boolean | undefined;
68
- isMulti?: boolean | undefined;
69
- isRtl?: boolean | undefined;
70
- options?: import("react-select").OptionsOrGroups<import("..").OptionType<T>, import("react-select").GroupBase<import("..").OptionType<T>>> | undefined;
71
- menuIsOpen?: boolean | undefined;
72
- backspaceRemovesValue?: boolean | undefined;
73
- blurInputOnSelect?: boolean | undefined;
74
- captureMenuScroll?: boolean | undefined;
75
- closeMenuOnSelect?: boolean | undefined;
76
- closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
77
- components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>> | undefined;
78
- controlShouldRenderValue?: boolean | undefined;
79
- escapeClearsValue?: boolean | undefined;
80
- filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<import("..").OptionType<T>>, inputValue: string) => boolean) | null | undefined;
81
- formatGroupLabel?: ((group: import("react-select").GroupBase<import("..").OptionType<T>>) => React.ReactNode) | undefined;
82
- getOptionLabel?: import("react-select").GetOptionLabel<import("..").OptionType<T>> | undefined;
83
- getOptionValue?: import("react-select").GetOptionValue<import("..").OptionType<T>> | undefined;
84
- isLoading?: boolean | undefined;
85
- isOptionDisabled?: ((option: import("..").OptionType<T>, selectValue: import("react-select").Options<import("..").OptionType<T>>) => boolean) | undefined;
86
- isSearchable?: boolean | undefined;
87
- minMenuHeight?: number | undefined;
88
- maxMenuHeight?: number | undefined;
89
- menuPlacement?: import("react-select").MenuPlacement | undefined;
90
- menuPosition?: import("react-select").MenuPosition | undefined;
91
- menuShouldBlockScroll?: boolean | undefined;
92
- menuShouldScrollIntoView?: boolean | undefined;
93
- openMenuOnFocus?: boolean | undefined;
94
- openMenuOnClick?: boolean | undefined;
95
- pageSize?: number | undefined;
96
- screenReaderStatus?: ((obj: {
97
- count: number;
98
- }) => string) | undefined;
99
- styles?: import("react-select").StylesConfig<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>> | undefined;
100
- tabSelectsValue?: boolean | undefined;
101
- unstyled?: boolean | undefined;
102
- } & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<import("..").OptionType<T>> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<import("..").OptionType<T>, import("react-select").GroupBase<import("..").OptionType<T>>> & {
10
+ } & Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<import("..").OptionType<T>> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<import("..").OptionType<T>, import("react-select").GroupBase<import("..").OptionType<T>>> & {
103
11
  ref?: React.ForwardedRef<HTMLDivElement> | undefined;
104
12
  }) => React.ReactElement<import("./CreatableSelect").CreatableSelectProps<unknown>, string | React.JSXElementConstructor<any>>;
105
13
  source: {
package/dist/components/Icon/Icon.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- export type IconName = "dashboard" | "bar_chart" | "bar_chart_framed" | "line_chart_framed" | "multi_line_chart_framed" | "logout" | "setting" | "arrow_bottom" | "arrow_left" | "arrow_right" | "pencil" | "delete_bin" | "close" | "forbid" | "check" | "eye" | "eye_off" | "exclamation" | "arrow_double_left" | "arrow_double_right" | "question" | "zoom_in" | "sort_up" | "sort_down" | "sort_inactive" | "folder" | "folder_open" | "return_line" | "link" | "unlink" | "no_link" | "search" | "import" | "export" | "add_line" | "more" | "more_vert" | "date_range" | "external_link" | "desktop" | "mobile" | "desktop_mobile" | "copy" | "truck" | "camera_movie" | "code_file" | "cart_secure" | "profile" | "auction" | "mail" | "mail_open" | "filter" | "notification" | "user_settings" | "company_settings" | "heart_pulse" | "checkbox_circle" | "alart" | "base_station" | "braille" | "label" | "download_cloud" | "save" | "close_circle" | "bid_strap" | "fluct" | "data_strap" | "company" | "document" | "user" | "information" | "analytics" | "support" | "apps";
2
+ export type IconName = "dashboard" | "bar_chart" | "bar_chart_framed" | "line_chart_framed" | "multi_line_chart_framed" | "logout" | "setting" | "arrow_bottom" | "arrow_left" | "arrow_right" | "pencil" | "delete_bin" | "close" | "forbid" | "check" | "eye" | "eye_off" | "exclamation" | "arrow_double_left" | "arrow_double_right" | "question" | "zoom_in" | "sort_up" | "sort_down" | "sort_inactive" | "folder" | "folder_open" | "return_line" | "link" | "unlink" | "no_link" | "search" | "import" | "export" | "add_line" | "more" | "more_vert" | "date_range" | "external_link" | "desktop" | "mobile" | "desktop_mobile" | "copy" | "truck" | "camera_movie" | "code_file" | "cart_secure" | "profile" | "auction" | "mail" | "mail_open" | "filter" | "notification" | "user_settings" | "company_settings" | "heart_pulse" | "checkbox_circle" | "alart" | "base_station" | "braille" | "label" | "download_cloud" | "save" | "close_circle" | "bid_strap" | "fluct" | "data_strap" | "company" | "document" | "user" | "information" | "analytics" | "support" | "apps" | "ad_block";
3
3
  type IconType = "fill" | "line";
4
4
  type IconColor = IconType | "active" | string;
5
5
  type IconSize = "sm" | "md" | "lg";
package/dist/components/Icon/internal/AdBlockIcon/index.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ import { IconProps } from "../../Icon";
3
+ declare const AdBlockIcon: React.FunctionComponent<IconProps>;
4
+ export { AdBlockIcon };
package/dist/components/Select/Select.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from "react";
2
2
  import { Props as ReactSelectProps, StylesConfig } from "react-select";
3
3
  import { Theme } from "../../themes";
4
- export declare const getOverrideStyles: <OptionValue>(theme: Theme, error: boolean) => StylesConfig<OptionType<OptionValue>, boolean, import("react-select").GroupBase<OptionType<OptionValue>>>;
4
+ export declare const getOverrideStyles: <OptionValue>(theme: Theme, error: boolean) => StylesConfig<OptionType<OptionValue>, boolean>;
5
5
  export type OptionType<T = string> = {
6
6
  label: string;
7
7
  value: T;
@@ -18,99 +18,7 @@ declare const _default: <OptionValue, IsMulti extends boolean = false>(props: {
18
18
  placeholder?: string | undefined;
19
19
  error?: boolean | undefined;
20
20
  emptyMessage?: string | undefined;
21
- } & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "theme" | "form" | "value" | "name" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "autoFocus" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
22
- placeholder?: React.ReactNode;
23
- tabIndex?: number | undefined;
24
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
25
- classNames?: import("react-select").ClassNamesConfig<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>> | undefined;
26
- loadingMessage?: ((obj: {
27
- inputValue: string;
28
- }) => React.ReactNode) | undefined;
29
- noOptionsMessage?: ((obj: {
30
- inputValue: string;
31
- }) => React.ReactNode) | undefined;
32
- isDisabled?: boolean | undefined;
33
- isMulti?: IsMulti | undefined;
34
- isRtl?: boolean | undefined;
35
- options?: import("react-select").OptionsOrGroups<OptionType<OptionValue>, import("react-select").GroupBase<OptionType<OptionValue>>> | undefined;
36
- menuIsOpen?: boolean | undefined;
37
- backspaceRemovesValue?: boolean | undefined;
38
- blurInputOnSelect?: boolean | undefined;
39
- captureMenuScroll?: boolean | undefined;
40
- closeMenuOnSelect?: boolean | undefined;
41
- closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
42
- components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>> | undefined;
43
- controlShouldRenderValue?: boolean | undefined;
44
- escapeClearsValue?: boolean | undefined;
45
- filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<OptionType<OptionValue>>, inputValue: string) => boolean) | null | undefined;
46
- formatGroupLabel?: ((group: import("react-select").GroupBase<OptionType<OptionValue>>) => React.ReactNode) | undefined;
47
- getOptionLabel?: import("react-select").GetOptionLabel<OptionType<OptionValue>> | undefined;
48
- getOptionValue?: import("react-select").GetOptionValue<OptionType<OptionValue>> | undefined;
49
- isLoading?: boolean | undefined;
50
- isOptionDisabled?: ((option: OptionType<OptionValue>, selectValue: import("react-select").Options<OptionType<OptionValue>>) => boolean) | undefined;
51
- isSearchable?: boolean | undefined;
52
- minMenuHeight?: number | undefined;
53
- maxMenuHeight?: number | undefined;
54
- menuPlacement?: import("react-select").MenuPlacement | undefined;
55
- menuPosition?: import("react-select").MenuPosition | undefined;
56
- menuShouldBlockScroll?: boolean | undefined;
57
- menuShouldScrollIntoView?: boolean | undefined;
58
- openMenuOnFocus?: boolean | undefined;
59
- openMenuOnClick?: boolean | undefined;
60
- pageSize?: number | undefined;
61
- screenReaderStatus?: ((obj: {
62
- count: number;
63
- }) => string) | undefined;
64
- styles?: StylesConfig<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>> | undefined;
65
- tabSelectsValue?: boolean | undefined;
66
- unstyled?: boolean | undefined;
67
- } & {}, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "theme" | "form" | "value" | "name" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "autoFocus" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
68
- placeholder?: React.ReactNode;
69
- tabIndex?: number | undefined;
70
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
71
- classNames?: import("react-select").ClassNamesConfig<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>> | undefined;
72
- loadingMessage?: ((obj: {
73
- inputValue: string;
74
- }) => React.ReactNode) | undefined;
75
- noOptionsMessage?: ((obj: {
76
- inputValue: string;
77
- }) => React.ReactNode) | undefined;
78
- isDisabled?: boolean | undefined;
79
- isMulti?: IsMulti | undefined;
80
- isRtl?: boolean | undefined;
81
- options?: import("react-select").OptionsOrGroups<OptionType<OptionValue>, import("react-select").GroupBase<OptionType<OptionValue>>> | undefined;
82
- menuIsOpen?: boolean | undefined;
83
- backspaceRemovesValue?: boolean | undefined;
84
- blurInputOnSelect?: boolean | undefined;
85
- captureMenuScroll?: boolean | undefined;
86
- closeMenuOnSelect?: boolean | undefined;
87
- closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
88
- components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>> | undefined;
89
- controlShouldRenderValue?: boolean | undefined;
90
- escapeClearsValue?: boolean | undefined;
91
- filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<OptionType<OptionValue>>, inputValue: string) => boolean) | null | undefined;
92
- formatGroupLabel?: ((group: import("react-select").GroupBase<OptionType<OptionValue>>) => React.ReactNode) | undefined;
93
- getOptionLabel?: import("react-select").GetOptionLabel<OptionType<OptionValue>> | undefined;
94
- getOptionValue?: import("react-select").GetOptionValue<OptionType<OptionValue>> | undefined;
95
- isLoading?: boolean | undefined;
96
- isOptionDisabled?: ((option: OptionType<OptionValue>, selectValue: import("react-select").Options<OptionType<OptionValue>>) => boolean) | undefined;
97
- isSearchable?: boolean | undefined;
98
- minMenuHeight?: number | undefined;
99
- maxMenuHeight?: number | undefined;
100
- menuPlacement?: import("react-select").MenuPlacement | undefined;
101
- menuPosition?: import("react-select").MenuPosition | undefined;
102
- menuShouldBlockScroll?: boolean | undefined;
103
- menuShouldScrollIntoView?: boolean | undefined;
104
- openMenuOnFocus?: boolean | undefined;
105
- openMenuOnClick?: boolean | undefined;
106
- pageSize?: number | undefined;
107
- screenReaderStatus?: ((obj: {
108
- count: number;
109
- }) => string) | undefined;
110
- styles?: StylesConfig<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>> | undefined;
111
- tabSelectsValue?: boolean | undefined;
112
- unstyled?: boolean | undefined;
113
- } & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<OptionType<OptionValue>> & {
21
+ } & Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<OptionType<OptionValue>> & {
114
22
  ref?: React.ForwardedRef<HTMLDivElement> | undefined;
115
23
  }) => ReturnType<typeof Select>;
116
24
  export default _default;
package/dist/components/Select/Select.stories.d.ts CHANGED
@@ -8,99 +8,7 @@ declare const _default: {
8
8
  placeholder?: string | undefined;
9
9
  error?: boolean | undefined;
10
10
  emptyMessage?: string | undefined;
11
- } & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "theme" | "form" | "value" | "name" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "autoFocus" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
12
- placeholder?: React.ReactNode;
13
- tabIndex?: number | undefined;
14
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
15
- classNames?: import("react-select").ClassNamesConfig<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>> | undefined;
16
- loadingMessage?: ((obj: {
17
- inputValue: string;
18
- }) => React.ReactNode) | undefined;
19
- noOptionsMessage?: ((obj: {
20
- inputValue: string;
21
- }) => React.ReactNode) | undefined;
22
- isDisabled?: boolean | undefined;
23
- isMulti?: IsMulti | undefined;
24
- isRtl?: boolean | undefined;
25
- options?: import("react-select").OptionsOrGroups<OptionType<OptionValue>, import("react-select").GroupBase<OptionType<OptionValue>>> | undefined;
26
- menuIsOpen?: boolean | undefined;
27
- backspaceRemovesValue?: boolean | undefined;
28
- blurInputOnSelect?: boolean | undefined;
29
- captureMenuScroll?: boolean | undefined;
30
- closeMenuOnSelect?: boolean | undefined;
31
- closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
32
- components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>> | undefined;
33
- controlShouldRenderValue?: boolean | undefined;
34
- escapeClearsValue?: boolean | undefined;
35
- filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<OptionType<OptionValue>>, inputValue: string) => boolean) | null | undefined;
36
- formatGroupLabel?: ((group: import("react-select").GroupBase<OptionType<OptionValue>>) => React.ReactNode) | undefined;
37
- getOptionLabel?: import("react-select").GetOptionLabel<OptionType<OptionValue>> | undefined;
38
- getOptionValue?: import("react-select").GetOptionValue<OptionType<OptionValue>> | undefined;
39
- isLoading?: boolean | undefined;
40
- isOptionDisabled?: ((option: OptionType<OptionValue>, selectValue: import("react-select").Options<OptionType<OptionValue>>) => boolean) | undefined;
41
- isSearchable?: boolean | undefined;
42
- minMenuHeight?: number | undefined;
43
- maxMenuHeight?: number | undefined;
44
- menuPlacement?: import("react-select").MenuPlacement | undefined;
45
- menuPosition?: import("react-select").MenuPosition | undefined;
46
- menuShouldBlockScroll?: boolean | undefined;
47
- menuShouldScrollIntoView?: boolean | undefined;
48
- openMenuOnFocus?: boolean | undefined;
49
- openMenuOnClick?: boolean | undefined;
50
- pageSize?: number | undefined;
51
- screenReaderStatus?: ((obj: {
52
- count: number;
53
- }) => string) | undefined;
54
- styles?: import("react-select").StylesConfig<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>> | undefined;
55
- tabSelectsValue?: boolean | undefined;
56
- unstyled?: boolean | undefined;
57
- } & {}, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "theme" | "form" | "value" | "name" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "autoFocus" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
58
- placeholder?: React.ReactNode;
59
- tabIndex?: number | undefined;
60
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
61
- classNames?: import("react-select").ClassNamesConfig<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>> | undefined;
62
- loadingMessage?: ((obj: {
63
- inputValue: string;
64
- }) => React.ReactNode) | undefined;
65
- noOptionsMessage?: ((obj: {
66
- inputValue: string;
67
- }) => React.ReactNode) | undefined;
68
- isDisabled?: boolean | undefined;
69
- isMulti?: IsMulti | undefined;
70
- isRtl?: boolean | undefined;
71
- options?: import("react-select").OptionsOrGroups<OptionType<OptionValue>, import("react-select").GroupBase<OptionType<OptionValue>>> | undefined;
72
- menuIsOpen?: boolean | undefined;
73
- backspaceRemovesValue?: boolean | undefined;
74
- blurInputOnSelect?: boolean | undefined;
75
- captureMenuScroll?: boolean | undefined;
76
- closeMenuOnSelect?: boolean | undefined;
77
- closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
78
- components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>> | undefined;
79
- controlShouldRenderValue?: boolean | undefined;
80
- escapeClearsValue?: boolean | undefined;
81
- filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<OptionType<OptionValue>>, inputValue: string) => boolean) | null | undefined;
82
- formatGroupLabel?: ((group: import("react-select").GroupBase<OptionType<OptionValue>>) => React.ReactNode) | undefined;
83
- getOptionLabel?: import("react-select").GetOptionLabel<OptionType<OptionValue>> | undefined;
84
- getOptionValue?: import("react-select").GetOptionValue<OptionType<OptionValue>> | undefined;
85
- isLoading?: boolean | undefined;
86
- isOptionDisabled?: ((option: OptionType<OptionValue>, selectValue: import("react-select").Options<OptionType<OptionValue>>) => boolean) | undefined;
87
- isSearchable?: boolean | undefined;
88
- minMenuHeight?: number | undefined;
89
- maxMenuHeight?: number | undefined;
90
- menuPlacement?: import("react-select").MenuPlacement | undefined;
91
- menuPosition?: import("react-select").MenuPosition | undefined;
92
- menuShouldBlockScroll?: boolean | undefined;
93
- menuShouldScrollIntoView?: boolean | undefined;
94
- openMenuOnFocus?: boolean | undefined;
95
- openMenuOnClick?: boolean | undefined;
96
- pageSize?: number | undefined;
97
- screenReaderStatus?: ((obj: {
98
- count: number;
99
- }) => string) | undefined;
100
- styles?: import("react-select").StylesConfig<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>> | undefined;
101
- tabSelectsValue?: boolean | undefined;
102
- unstyled?: boolean | undefined;
103
- } & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<OptionType<OptionValue>> & {
11
+ } & Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<OptionType<OptionValue>> & {
104
12
  ref?: React.ForwardedRef<HTMLDivElement> | undefined;
105
13
  }) => React.ReactElement<import("./Select").SelectProps<unknown, boolean>, string | React.JSXElementConstructor<any>>;
106
14
  parameters: {
package/dist/components/Switch/Switch.d.ts CHANGED
@@ -12,5 +12,9 @@ export type SwitchProps = {
12
12
  value: any;
13
13
  onChange?: (value: any) => void;
14
14
  };
15
+ export type IndicatorStyle = {
16
+ width?: number;
17
+ left?: number;
18
+ };
15
19
  declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLDivElement>>;
16
20
  export default Switch;
package/dist/components/Tabs/Tabs.d.ts CHANGED
@@ -6,7 +6,6 @@ type TabsProps<T> = {
6
6
  value: T;
7
7
  }[];
8
8
  value: T;
9
- withBadge?: boolean;
10
9
  onChange?: (value: T) => void;
11
10
  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
12
11
  };
package/dist/components/Tabs/Tabs.stories.d.ts CHANGED
@@ -8,7 +8,6 @@ declare const _default: {
8
8
  value: T;
9
9
  }[];
10
10
  value: T;
11
- withBadge?: boolean | undefined;
12
11
  onChange?: ((value: T) => void) | undefined;
13
12
  onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
14
13
  }, ref: React.ForwardedRef<HTMLDivElement>) => React.ReactElement<{
@@ -18,7 +17,6 @@ declare const _default: {
18
17
  value: unknown;
19
18
  }[];
20
19
  value: unknown;
21
- withBadge?: boolean | undefined;
22
20
  onChange?: ((value: unknown) => void) | undefined;
23
21
  onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
24
22
  }, string | React.JSXElementConstructor<any>>;
@@ -26,3 +24,4 @@ declare const _default: {
26
24
  export default _default;
27
25
  export declare const Example: () => JSX.Element;
28
26
  export declare const WithBadge: () => JSX.Element;
27
+ export declare const FixableBadge: () => JSX.Element;
package/dist/components/Tabs/internal/Tab.d.ts CHANGED
@@ -4,7 +4,6 @@ type TabProps = {
4
4
  count?: number;
5
5
  value: any;
6
6
  selected: boolean;
7
- withBadge: boolean;
8
7
  onChange?: (value: any) => void;
9
8
  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
10
9
  };
package/dist/constants/locale.d.ts CHANGED
@@ -47,3 +47,4 @@ export interface Localization {
47
47
  export declare const jaJP: Localization;
48
48
  export declare const zhCN: Localization;
49
49
  export declare const enUS: Localization;
50
+ export type LocalizationComponentName = keyof (Localization["components"] & {});
package/dist/hooks/useLocaleProps.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import { LocalizationComponentName } from "../constants/locale";
2
3
  /**
3
4
  * Overwrite the props by locale if there is no params props.
4
5
  * @param params
@@ -6,5 +7,5 @@ import React from "react";
6
7
  */
7
8
  export declare function useLocaleProps<T>(params: {
8
9
  props: React.PropsWithChildren<T>;
9
- name: string;
10
+ name: LocalizationComponentName;
10
11
  }): React.PropsWithChildren<T>;