ingred-ui 9.8.0 → 9.9.2

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 (28) hide show
  1. package/dist/components/CreatableSelect/CreatableSelect.d.ts +87 -79
  2. package/dist/components/CreatableSelect/CreatableSelect.stories.d.ts +87 -79
  3. package/dist/components/DataTable/DataTable.d.ts +2 -2
  4. package/dist/components/DataTable/DataTable.stories.d.ts +1 -1
  5. package/dist/components/DataTable/internal/Table/Body.d.ts +3 -1
  6. package/dist/components/DataTable/internal/Table/Header.d.ts +3 -1
  7. package/dist/components/LocaleProvider/LocaleProvider.d.ts +1 -0
  8. package/dist/components/MenuList/MenuList.d.ts +1 -1
  9. package/dist/components/Portal/Portal.d.ts +1 -0
  10. package/dist/components/Select/Select.d.ts +92 -84
  11. package/dist/components/Select/Select.stories.d.ts +89 -81
  12. package/dist/components/Select/internal/ClearIndicator/ClearIndicator.d.ts +1 -0
  13. package/dist/components/Select/internal/DropdownIndicator/DropdownIndicator.d.ts +1 -0
  14. package/dist/components/Select/internal/MultiValueRemove/MultiValueRemove.d.ts +1 -0
  15. package/dist/components/Snackbar/internal/SnackbarContent/SnackbarContent.d.ts +1 -0
  16. package/dist/components/Toast/Toast.d.ts +1 -1
  17. package/dist/components/Toast/ToastProvider/ToastProvider.d.ts +3 -1
  18. package/dist/components/Toast/ToastProvider/internal/ToastContainer/styled.d.ts +1 -0
  19. package/dist/constants/locale.d.ts +1 -1
  20. package/dist/index.es.js +4 -9
  21. package/dist/index.es.js.map +1 -1
  22. package/dist/index.js +3 -8
  23. package/dist/index.js.map +1 -1
  24. package/dist/lib/react-toast-notification/src/ToastProvider.d.ts +3 -2
  25. package/dist/lib/react-toast-notification/src/icons.d.ts +1 -0
  26. package/dist/themes/ThemeProvider.d.ts +1 -0
  27. package/dist/utils/renderWithThemeProvider.d.ts +1 -0
  28. package/package.json +33 -29
package/dist/components/CreatableSelect/CreatableSelect.d.ts CHANGED
@@ -18,87 +18,95 @@ declare const _default: <T>(props: {
18
18
  error?: boolean | undefined;
19
19
  emptyMessage?: string | undefined;
20
20
  addMessage?: string | undefined;
21
- } & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "menuIsOpen" | "isDisabled" | "isMulti" | "isRtl" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isOptionDisabled" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
22
- 'aria-live': string;
23
- backspaceRemovesValue: boolean;
24
- blurInputOnSelect: boolean;
25
- captureMenuScroll: boolean;
26
- closeMenuOnSelect: boolean;
27
- closeMenuOnScroll: boolean;
28
- components: {};
29
- controlShouldRenderValue: boolean;
30
- escapeClearsValue: boolean;
31
- filterOption: (option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, rawInput: string) => boolean;
32
- formatGroupLabel: <Option_1, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
33
- getOptionLabel: <Option_2>(option: Option_2) => string;
34
- getOptionValue: <Option_3>(option: Option_3) => string;
35
- isDisabled: boolean;
36
- isLoading: boolean;
37
- isMulti: boolean;
38
- isRtl: boolean;
39
- isSearchable: boolean;
40
- isOptionDisabled: <Option_4>(option: Option_4) => boolean;
41
- loadingMessage: () => string;
42
- maxMenuHeight: number;
43
- minMenuHeight: number;
44
- menuIsOpen: boolean;
45
- menuPlacement: string;
46
- menuPosition: string;
47
- menuShouldBlockScroll: boolean;
48
- menuShouldScrollIntoView: boolean;
49
- noOptionsMessage: () => string;
50
- openMenuOnFocus: boolean;
51
- openMenuOnClick: boolean;
52
- options: never[];
53
- pageSize: number;
54
- placeholder: string;
55
- screenReaderStatus: ({ count }: {
21
+ } & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "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
+ styles?: import("react-select").StylesConfig<OptionType<T>, boolean, GroupBase<OptionType<T>>> | undefined;
26
+ options?: import("react-select/dist/declarations/src/types").OptionsOrGroups<OptionType<T>, GroupBase<OptionType<T>>> | undefined;
27
+ menuIsOpen?: boolean | undefined;
28
+ isDisabled?: boolean | undefined;
29
+ isMulti?: boolean | undefined;
30
+ isRtl?: boolean | undefined;
31
+ loadingMessage?: ((obj: {
32
+ inputValue: string;
33
+ }) => React.ReactNode) | undefined;
34
+ noOptionsMessage?: ((obj: {
35
+ inputValue: string;
36
+ }) => React.ReactNode) | 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<T>, boolean, GroupBase<OptionType<T>>>> | undefined;
43
+ controlShouldRenderValue?: boolean | undefined;
44
+ escapeClearsValue?: boolean | undefined;
45
+ filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<OptionType<T>>, inputValue: string) => boolean) | null | undefined;
46
+ formatGroupLabel?: ((group: GroupBase<OptionType<T>>) => React.ReactNode) | undefined;
47
+ getOptionLabel?: import("react-select/dist/declarations/src/types").GetOptionLabel<OptionType<T>> | undefined;
48
+ getOptionValue?: import("react-select/dist/declarations/src/types").GetOptionValue<OptionType<T>> | undefined;
49
+ isLoading?: boolean | undefined;
50
+ isOptionDisabled?: ((option: OptionType<T>, selectValue: import("react-select/dist/declarations/src/types").Options<OptionType<T>>) => boolean) | undefined;
51
+ isSearchable?: boolean | undefined;
52
+ minMenuHeight?: number | undefined;
53
+ maxMenuHeight?: number | undefined;
54
+ menuPlacement?: import("react-select/dist/declarations/src/types").MenuPlacement | undefined;
55
+ menuPosition?: import("react-select/dist/declarations/src/types").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: {
56
62
  count: number;
57
- }) => string;
58
- styles: {};
59
- tabIndex: number;
60
- tabSelectsValue: boolean;
61
- }, never>>, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "menuIsOpen" | "isDisabled" | "isMulti" | "isRtl" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isOptionDisabled" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
62
- 'aria-live': string;
63
- backspaceRemovesValue: boolean;
64
- blurInputOnSelect: boolean;
65
- captureMenuScroll: boolean;
66
- closeMenuOnSelect: boolean;
67
- closeMenuOnScroll: boolean;
68
- components: {};
69
- controlShouldRenderValue: boolean;
70
- escapeClearsValue: boolean;
71
- filterOption: (option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, rawInput: string) => boolean;
72
- formatGroupLabel: <Option_1, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
73
- getOptionLabel: <Option_2>(option: Option_2) => string;
74
- getOptionValue: <Option_3>(option: Option_3) => string;
75
- isDisabled: boolean;
76
- isLoading: boolean;
77
- isMulti: boolean;
78
- isRtl: boolean;
79
- isSearchable: boolean;
80
- isOptionDisabled: <Option_4>(option: Option_4) => boolean;
81
- loadingMessage: () => string;
82
- maxMenuHeight: number;
83
- minMenuHeight: number;
84
- menuIsOpen: boolean;
85
- menuPlacement: string;
86
- menuPosition: string;
87
- menuShouldBlockScroll: boolean;
88
- menuShouldScrollIntoView: boolean;
89
- noOptionsMessage: () => string;
90
- openMenuOnFocus: boolean;
91
- openMenuOnClick: boolean;
92
- options: never[];
93
- pageSize: number;
94
- placeholder: string;
95
- screenReaderStatus: ({ count }: {
63
+ }) => string) | undefined;
64
+ tabSelectsValue?: 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>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "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
+ styles?: import("react-select").StylesConfig<OptionType<T>, boolean, GroupBase<OptionType<T>>> | undefined;
70
+ options?: import("react-select/dist/declarations/src/types").OptionsOrGroups<OptionType<T>, GroupBase<OptionType<T>>> | undefined;
71
+ menuIsOpen?: boolean | undefined;
72
+ isDisabled?: boolean | undefined;
73
+ isMulti?: boolean | undefined;
74
+ isRtl?: boolean | undefined;
75
+ loadingMessage?: ((obj: {
76
+ inputValue: string;
77
+ }) => React.ReactNode) | undefined;
78
+ noOptionsMessage?: ((obj: {
79
+ inputValue: string;
80
+ }) => React.ReactNode) | 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: {
96
106
  count: number;
97
- }) => string;
98
- styles: {};
99
- tabIndex: number;
100
- tabSelectsValue: boolean;
101
- }, never>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<OptionType<T>> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<OptionType<T>, GroupBase<OptionType<T>>> & {
107
+ }) => string) | undefined;
108
+ tabSelectsValue?: boolean | undefined;
109
+ } & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<OptionType<T>> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<OptionType<T>, GroupBase<OptionType<T>>> & {
102
110
  ref?: React.ForwardedRef<HTMLDivElement> | undefined;
103
111
  }) => ReturnType<typeof CreatableSelect>;
104
112
  export default _default;
package/dist/components/CreatableSelect/CreatableSelect.stories.d.ts CHANGED
@@ -8,87 +8,95 @@ declare const _default: {
8
8
  error?: boolean | undefined;
9
9
  emptyMessage?: string | undefined;
10
10
  addMessage?: string | undefined;
11
- } & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "menuIsOpen" | "isDisabled" | "isMulti" | "isRtl" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isOptionDisabled" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
12
- 'aria-live': string;
13
- backspaceRemovesValue: boolean;
14
- blurInputOnSelect: boolean;
15
- captureMenuScroll: boolean;
16
- closeMenuOnSelect: boolean;
17
- closeMenuOnScroll: boolean;
18
- components: {};
19
- controlShouldRenderValue: boolean;
20
- escapeClearsValue: boolean;
21
- filterOption: (option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, rawInput: string) => boolean;
22
- formatGroupLabel: <Option_1, Group_1 extends import("react-select").GroupBase<Option_1>>(group: Group_1) => string;
23
- getOptionLabel: <Option_2>(option: Option_2) => string;
24
- getOptionValue: <Option_3>(option: Option_3) => string;
25
- isDisabled: boolean;
26
- isLoading: boolean;
27
- isMulti: boolean;
28
- isRtl: boolean;
29
- isSearchable: boolean;
30
- isOptionDisabled: <Option_4>(option: Option_4) => boolean;
31
- loadingMessage: () => string;
32
- maxMenuHeight: number;
33
- minMenuHeight: number;
34
- menuIsOpen: boolean;
35
- menuPlacement: string;
36
- menuPosition: string;
37
- menuShouldBlockScroll: boolean;
38
- menuShouldScrollIntoView: boolean;
39
- noOptionsMessage: () => string;
40
- openMenuOnFocus: boolean;
41
- openMenuOnClick: boolean;
42
- options: never[];
43
- pageSize: number;
44
- placeholder: string;
45
- screenReaderStatus: ({ count }: {
11
+ } & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "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
+ styles?: import("react-select").StylesConfig<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>> | undefined;
16
+ options?: import("react-select").OptionsOrGroups<import("..").OptionType<T>, import("react-select").GroupBase<import("..").OptionType<T>>> | undefined;
17
+ menuIsOpen?: boolean | undefined;
18
+ isDisabled?: boolean | undefined;
19
+ isMulti?: boolean | undefined;
20
+ isRtl?: boolean | undefined;
21
+ loadingMessage?: ((obj: {
22
+ inputValue: string;
23
+ }) => React.ReactNode) | undefined;
24
+ noOptionsMessage?: ((obj: {
25
+ inputValue: string;
26
+ }) => React.ReactNode) | 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<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>> | undefined;
33
+ controlShouldRenderValue?: boolean | undefined;
34
+ escapeClearsValue?: boolean | undefined;
35
+ filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<import("..").OptionType<T>>, inputValue: string) => boolean) | null | undefined;
36
+ formatGroupLabel?: ((group: import("react-select").GroupBase<import("..").OptionType<T>>) => React.ReactNode) | undefined;
37
+ getOptionLabel?: import("react-select").GetOptionLabel<import("..").OptionType<T>> | undefined;
38
+ getOptionValue?: import("react-select").GetOptionValue<import("..").OptionType<T>> | undefined;
39
+ isLoading?: boolean | undefined;
40
+ isOptionDisabled?: ((option: import("..").OptionType<T>, selectValue: import("react-select").Options<import("..").OptionType<T>>) => 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: {
46
52
  count: number;
47
- }) => string;
48
- styles: {};
49
- tabIndex: number;
50
- tabSelectsValue: boolean;
51
- }, never>>, "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>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "menuIsOpen" | "isDisabled" | "isMulti" | "isRtl" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isOptionDisabled" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
52
- 'aria-live': string;
53
- backspaceRemovesValue: boolean;
54
- blurInputOnSelect: boolean;
55
- captureMenuScroll: boolean;
56
- closeMenuOnSelect: boolean;
57
- closeMenuOnScroll: boolean;
58
- components: {};
59
- controlShouldRenderValue: boolean;
60
- escapeClearsValue: boolean;
61
- filterOption: (option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, rawInput: string) => boolean;
62
- formatGroupLabel: <Option_1, Group_1 extends import("react-select").GroupBase<Option_1>>(group: Group_1) => string;
63
- getOptionLabel: <Option_2>(option: Option_2) => string;
64
- getOptionValue: <Option_3>(option: Option_3) => string;
65
- isDisabled: boolean;
66
- isLoading: boolean;
67
- isMulti: boolean;
68
- isRtl: boolean;
69
- isSearchable: boolean;
70
- isOptionDisabled: <Option_4>(option: Option_4) => boolean;
71
- loadingMessage: () => string;
72
- maxMenuHeight: number;
73
- minMenuHeight: number;
74
- menuIsOpen: boolean;
75
- menuPlacement: string;
76
- menuPosition: string;
77
- menuShouldBlockScroll: boolean;
78
- menuShouldScrollIntoView: boolean;
79
- noOptionsMessage: () => string;
80
- openMenuOnFocus: boolean;
81
- openMenuOnClick: boolean;
82
- options: never[];
83
- pageSize: number;
84
- placeholder: string;
85
- screenReaderStatus: ({ count }: {
53
+ }) => string) | undefined;
54
+ tabSelectsValue?: boolean | undefined;
55
+ } & {}, "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>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
56
+ placeholder?: React.ReactNode;
57
+ tabIndex?: number | undefined;
58
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
59
+ styles?: import("react-select").StylesConfig<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>> | undefined;
60
+ options?: import("react-select").OptionsOrGroups<import("..").OptionType<T>, import("react-select").GroupBase<import("..").OptionType<T>>> | undefined;
61
+ menuIsOpen?: boolean | undefined;
62
+ isDisabled?: boolean | undefined;
63
+ isMulti?: boolean | undefined;
64
+ isRtl?: boolean | undefined;
65
+ loadingMessage?: ((obj: {
66
+ inputValue: string;
67
+ }) => React.ReactNode) | undefined;
68
+ noOptionsMessage?: ((obj: {
69
+ inputValue: string;
70
+ }) => React.ReactNode) | undefined;
71
+ backspaceRemovesValue?: boolean | undefined;
72
+ blurInputOnSelect?: boolean | undefined;
73
+ captureMenuScroll?: boolean | undefined;
74
+ closeMenuOnSelect?: boolean | undefined;
75
+ closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
76
+ components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>> | undefined;
77
+ controlShouldRenderValue?: boolean | undefined;
78
+ escapeClearsValue?: boolean | undefined;
79
+ filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<import("..").OptionType<T>>, inputValue: string) => boolean) | null | undefined;
80
+ formatGroupLabel?: ((group: import("react-select").GroupBase<import("..").OptionType<T>>) => React.ReactNode) | undefined;
81
+ getOptionLabel?: import("react-select").GetOptionLabel<import("..").OptionType<T>> | undefined;
82
+ getOptionValue?: import("react-select").GetOptionValue<import("..").OptionType<T>> | undefined;
83
+ isLoading?: boolean | undefined;
84
+ isOptionDisabled?: ((option: import("..").OptionType<T>, selectValue: import("react-select").Options<import("..").OptionType<T>>) => boolean) | undefined;
85
+ isSearchable?: boolean | undefined;
86
+ minMenuHeight?: number | undefined;
87
+ maxMenuHeight?: number | undefined;
88
+ menuPlacement?: import("react-select").MenuPlacement | undefined;
89
+ menuPosition?: import("react-select").MenuPosition | undefined;
90
+ menuShouldBlockScroll?: boolean | undefined;
91
+ menuShouldScrollIntoView?: boolean | undefined;
92
+ openMenuOnFocus?: boolean | undefined;
93
+ openMenuOnClick?: boolean | undefined;
94
+ pageSize?: number | undefined;
95
+ screenReaderStatus?: ((obj: {
86
96
  count: number;
87
- }) => string;
88
- styles: {};
89
- tabIndex: number;
90
- tabSelectsValue: boolean;
91
- }, never>>> & 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>>> & {
97
+ }) => string) | undefined;
98
+ tabSelectsValue?: boolean | undefined;
99
+ } & {}> & 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>>> & {
92
100
  ref?: React.ForwardedRef<HTMLDivElement> | undefined;
93
101
  }) => React.ReactElement<import("./CreatableSelect").CreatableSelectProps<unknown>, string | React.JSXElementConstructor<any>>;
94
102
  source: {
package/dist/components/DataTable/DataTable.d.ts CHANGED
@@ -101,8 +101,8 @@ export declare type DataTableProps<T> = {
101
101
  labelRowsPerPage?: string;
102
102
  labelDisplayedRows?: LabelDisplayRows;
103
103
  };
104
- declare const DataTable: <T extends DataTableBaseData>({ data: sourceData, columns, enablePagination, onSelectRowsChange, onRadioChange, clearSelectedRows, tabs, itemEmptyProps, per, defaultSortField, defaultSortOrder, defaultSelectedRows, defaultSelectedRow, enableRuledLine, verticalSpacing, fullWidth, disableCheckWhenClickRow, tableMaxHeight, horizontalScrollable, labelRowsPerPage, labelDisplayedRows, }: DataTableProps<T>, ref?: React.ForwardedRef<HTMLDivElement> | undefined) => JSX.Element;
105
- declare const _default: <T>(props: DataTableProps<T> & {
104
+ declare const DataTable: <T extends DataTableBaseData>({ data: sourceData, columns, enablePagination, onSelectRowsChange, onRadioChange, clearSelectedRows, tabs, itemEmptyProps, per, defaultSortField, defaultSortOrder, defaultSelectedRows, defaultSelectedRow, enableRuledLine, verticalSpacing, fullWidth, disableCheckWhenClickRow, tableMaxHeight, horizontalScrollable, labelRowsPerPage, labelDisplayedRows, }: DataTableProps<T>, ref?: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
105
+ declare const _default: <T extends DataTableBaseData>(props: DataTableProps<T> & {
106
106
  ref?: React.ForwardedRef<HTMLDivElement> | undefined;
107
107
  }) => ReturnType<typeof DataTable>;
108
108
  export default _default;
package/dist/components/DataTable/DataTable.stories.d.ts CHANGED
@@ -3,7 +3,7 @@ import { DataTableProps } from "./DataTable";
3
3
  import { Story } from "@storybook/react/types-6-0";
4
4
  declare const _default: {
5
5
  title: string;
6
- component: <T>(props: DataTableProps<T> & {
6
+ component: <T extends import("./DataTable").DataTableBaseData>(props: DataTableProps<T> & {
7
7
  ref?: React.ForwardedRef<HTMLDivElement> | undefined;
8
8
  }) => JSX.Element;
9
9
  parameters: {
package/dist/components/DataTable/internal/Table/Body.d.ts CHANGED
@@ -1,3 +1,5 @@
1
1
  import * as React from "react";
2
- export declare type Props = {};
2
+ export declare type Props = {
3
+ children: React.ReactNode;
4
+ };
3
5
  export declare const Body: React.FunctionComponent<Props>;
package/dist/components/DataTable/internal/Table/Header.d.ts CHANGED
@@ -1,3 +1,5 @@
1
1
  import * as React from "react";
2
- export declare type Props = {};
2
+ export declare type Props = {
3
+ children: React.ReactNode;
4
+ };
3
5
  export declare const Header: React.FunctionComponent<Props>;
package/dist/components/LocaleProvider/LocaleProvider.d.ts CHANGED
@@ -2,6 +2,7 @@ import * as React from "react";
2
2
  import { Localization } from "../../constants/locale";
3
3
  export declare type LocaleProviderProps = {
4
4
  locale?: Localization;
5
+ children?: React.ReactNode;
5
6
  };
6
7
  export declare const LocaleContext: React.Context<LocaleProviderProps>;
7
8
  declare const LocaleProvider: React.FunctionComponent<LocaleProviderProps>;
package/dist/components/MenuList/MenuList.d.ts CHANGED
@@ -16,7 +16,7 @@ export declare type ContentTypeStyle = {
16
16
  color: string;
17
17
  };
18
18
  };
19
- export declare const getContentTypeStyles: (theme: Theme, type?: ContentType | undefined) => ContentTypeStyle;
19
+ export declare const getContentTypeStyles: (theme: Theme, type?: ContentType) => ContentTypeStyle;
20
20
  export declare type ContentProp = React.ComponentPropsWithoutRef<"div"> & {
21
21
  text: string;
22
22
  onClick: () => void;
package/dist/components/Portal/Portal.d.ts CHANGED
@@ -9,6 +9,7 @@ export declare type PortalProps = {
9
9
  * If it is `true`, portal component renders as it is.
10
10
  */
11
11
  disablePortal?: boolean;
12
+ children: React.ReactNode;
12
13
  };
13
14
  /**
14
15
  * The portal component renders its children into a new "subtree" outside of current DOM hierarchy.