ingred-ui 10.2.4 → 11.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/dist/components/CreatableSelect/CreatableSelect.d.ts +2 -2
- package/dist/components/CreatableSelect/CreatableSelect.stories.d.ts +2 -2
- package/dist/components/DatePicker/DatePicker.d.ts +15 -5
- package/dist/components/DatePicker/DatePicker.stories.d.ts +10 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +21 -7
- package/dist/components/DateRangePicker/DateRangePicker.stories.d.ts +14 -1
- package/dist/components/Select/Select.d.ts +2 -2
- package/dist/components/Select/Select.stories.d.ts +2 -2
- package/dist/index.es.js +4 -4
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/dist/utils/time.d.ts +13 -0
- package/package.json +10 -10
|
@@ -18,7 +18,7 @@ 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"> & {
|
|
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" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
|
|
22
22
|
placeholder?: React.ReactNode;
|
|
23
23
|
tabIndex?: number | undefined;
|
|
24
24
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
@@ -62,7 +62,7 @@ declare const _default: <T>(props: {
|
|
|
62
62
|
count: number;
|
|
63
63
|
}) => string) | undefined;
|
|
64
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"> & {
|
|
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" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
|
|
66
66
|
placeholder?: React.ReactNode;
|
|
67
67
|
tabIndex?: number | undefined;
|
|
68
68
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
@@ -8,7 +8,7 @@ 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"> & {
|
|
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" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
|
|
12
12
|
placeholder?: React.ReactNode;
|
|
13
13
|
tabIndex?: number | undefined;
|
|
14
14
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
@@ -52,7 +52,7 @@ declare const _default: {
|
|
|
52
52
|
count: number;
|
|
53
53
|
}) => string) | undefined;
|
|
54
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"> & {
|
|
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" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
|
|
56
56
|
placeholder?: React.ReactNode;
|
|
57
57
|
tabIndex?: number | undefined;
|
|
58
58
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
@@ -1,11 +1,21 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import "react-dates/initialize";
|
|
3
|
-
import
|
|
3
|
+
import dayjs, { InstanceLocaleDataReturn } from "dayjs";
|
|
4
4
|
import { RenderMonthProps, SingleDatePickerShape } from "react-dates";
|
|
5
|
-
export declare type DatePickerProps = Partial<Omit<SingleDatePickerShape, "date" | "onFocusChange">> & RenderMonthProps & {
|
|
6
|
-
date:
|
|
7
|
-
onDateChange: (date:
|
|
5
|
+
export declare type DatePickerProps = Partial<Omit<SingleDatePickerShape, "date" | "onFocusChange" | "onDateChange" | "renderMonthText">> & Omit<RenderMonthProps, "renderMonthText"> & {
|
|
6
|
+
date: dayjs.Dayjs | null;
|
|
7
|
+
onDateChange: (date: dayjs.Dayjs | null) => void;
|
|
8
|
+
renderMonthText?: ((month: dayjs.Dayjs) => React.ReactNode) | null;
|
|
9
|
+
locale?: string;
|
|
10
|
+
localeData?: InstanceLocaleDataReturn;
|
|
8
11
|
error?: boolean;
|
|
9
12
|
};
|
|
10
|
-
declare const DatePicker: React.ForwardRefExoticComponent<
|
|
13
|
+
declare const DatePicker: React.ForwardRefExoticComponent<Partial<Omit<SingleDatePickerShape, "date" | "onFocusChange" | "onDateChange" | "renderMonthText">> & Omit<RenderMonthProps, "renderMonthText"> & {
|
|
14
|
+
date: dayjs.Dayjs | null;
|
|
15
|
+
onDateChange: (date: dayjs.Dayjs | null) => void;
|
|
16
|
+
renderMonthText?: ((month: dayjs.Dayjs) => React.ReactNode) | null | undefined;
|
|
17
|
+
locale?: string | undefined;
|
|
18
|
+
localeData?: dayjs.InstanceLocaleDataReturn | undefined;
|
|
19
|
+
error?: boolean | undefined;
|
|
20
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
11
21
|
export default DatePicker;
|
|
@@ -1,8 +1,17 @@
|
|
|
1
1
|
import { Story } from "@storybook/react/types-6-0";
|
|
2
|
+
import dayjs from "dayjs";
|
|
2
3
|
import React from "react";
|
|
4
|
+
import "dayjs/locale/ja";
|
|
3
5
|
declare const _default: {
|
|
4
6
|
title: string;
|
|
5
|
-
component: React.ForwardRefExoticComponent<import("
|
|
7
|
+
component: React.ForwardRefExoticComponent<Partial<Omit<import("react-dates").SingleDatePickerShape, "date" | "onFocusChange" | "onDateChange" | "renderMonthText">> & Omit<import("react-dates").RenderMonthProps, "renderMonthText"> & {
|
|
8
|
+
date: dayjs.Dayjs | null;
|
|
9
|
+
onDateChange: (date: dayjs.Dayjs | null) => void;
|
|
10
|
+
renderMonthText?: ((month: dayjs.Dayjs) => React.ReactNode) | null | undefined;
|
|
11
|
+
locale?: string | undefined;
|
|
12
|
+
localeData?: dayjs.InstanceLocaleDataReturn | undefined;
|
|
13
|
+
error?: boolean | undefined;
|
|
14
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
6
15
|
parameters: {
|
|
7
16
|
docs: {
|
|
8
17
|
source: {
|
|
@@ -1,15 +1,29 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import "react-dates/initialize";
|
|
3
|
-
import
|
|
3
|
+
import dayjs, { InstanceLocaleDataReturn } from "dayjs";
|
|
4
4
|
import { DateRangePickerShape } from "react-dates";
|
|
5
|
-
export declare type DateRangePickerProps = Partial<DateRangePickerShape
|
|
6
|
-
startDate:
|
|
7
|
-
endDate:
|
|
5
|
+
export declare type DateRangePickerProps = Partial<Omit<DateRangePickerShape, "startDate" | "endDate" | "onDatesChange" | "renderMonthText">> & {
|
|
6
|
+
startDate: dayjs.Dayjs | null;
|
|
7
|
+
endDate: dayjs.Dayjs | null;
|
|
8
8
|
onDatesChange: (arg: {
|
|
9
|
-
startDate:
|
|
10
|
-
endDate:
|
|
9
|
+
startDate: dayjs.Dayjs | null;
|
|
10
|
+
endDate: dayjs.Dayjs | null;
|
|
11
11
|
}) => void;
|
|
12
|
+
renderMonthText?: ((month: dayjs.Dayjs) => React.ReactNode) | null;
|
|
13
|
+
locale?: string;
|
|
14
|
+
localeData?: InstanceLocaleDataReturn;
|
|
12
15
|
error?: boolean;
|
|
13
16
|
};
|
|
14
|
-
declare const DateRangePicker: React.ForwardRefExoticComponent<
|
|
17
|
+
declare const DateRangePicker: React.ForwardRefExoticComponent<Partial<Omit<DateRangePickerShape, "renderMonthText" | "startDate" | "endDate" | "onDatesChange">> & {
|
|
18
|
+
startDate: dayjs.Dayjs | null;
|
|
19
|
+
endDate: dayjs.Dayjs | null;
|
|
20
|
+
onDatesChange: (arg: {
|
|
21
|
+
startDate: dayjs.Dayjs | null;
|
|
22
|
+
endDate: dayjs.Dayjs | null;
|
|
23
|
+
}) => void;
|
|
24
|
+
renderMonthText?: ((month: dayjs.Dayjs) => React.ReactNode) | null | undefined;
|
|
25
|
+
locale?: string | undefined;
|
|
26
|
+
localeData?: dayjs.InstanceLocaleDataReturn | undefined;
|
|
27
|
+
error?: boolean | undefined;
|
|
28
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
15
29
|
export default DateRangePicker;
|
|
@@ -1,10 +1,23 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Story } from "@storybook/react/types-6-0";
|
|
3
|
+
import dayjs from "dayjs";
|
|
3
4
|
import { DateRangePickerProps } from "./DateRangePicker";
|
|
4
5
|
import "react-dates/lib/css/_datepicker.css";
|
|
6
|
+
import "dayjs/locale/ja";
|
|
5
7
|
declare const _default: {
|
|
6
8
|
title: string;
|
|
7
|
-
component: React.ForwardRefExoticComponent<
|
|
9
|
+
component: React.ForwardRefExoticComponent<Partial<Omit<import("react-dates").DateRangePickerShape, "renderMonthText" | "startDate" | "endDate" | "onDatesChange">> & {
|
|
10
|
+
startDate: dayjs.Dayjs | null;
|
|
11
|
+
endDate: dayjs.Dayjs | null;
|
|
12
|
+
onDatesChange: (arg: {
|
|
13
|
+
startDate: dayjs.Dayjs | null;
|
|
14
|
+
endDate: dayjs.Dayjs | null;
|
|
15
|
+
}) => void;
|
|
16
|
+
renderMonthText?: ((month: dayjs.Dayjs) => React.ReactNode) | null | undefined;
|
|
17
|
+
locale?: string | undefined;
|
|
18
|
+
localeData?: dayjs.InstanceLocaleDataReturn | undefined;
|
|
19
|
+
error?: boolean | undefined;
|
|
20
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
8
21
|
parameters: {
|
|
9
22
|
docs: {
|
|
10
23
|
source: {
|
|
@@ -20,7 +20,7 @@ declare const _default: <OptionValue, IsMulti extends boolean = false>(props: {
|
|
|
20
20
|
placeholder?: string | undefined;
|
|
21
21
|
error?: boolean | undefined;
|
|
22
22
|
emptyMessage?: string | undefined;
|
|
23
|
-
} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "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"> & {
|
|
23
|
+
} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
|
|
24
24
|
placeholder?: React.ReactNode;
|
|
25
25
|
tabIndex?: number | undefined;
|
|
26
26
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
@@ -64,7 +64,7 @@ declare const _default: <OptionValue, IsMulti extends boolean = false>(props: {
|
|
|
64
64
|
count: number;
|
|
65
65
|
}) => string) | undefined;
|
|
66
66
|
tabSelectsValue?: 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>>>, "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"> & {
|
|
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>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
|
|
68
68
|
placeholder?: React.ReactNode;
|
|
69
69
|
tabIndex?: number | undefined;
|
|
70
70
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
@@ -9,7 +9,7 @@ declare const _default: {
|
|
|
9
9
|
placeholder?: string | undefined;
|
|
10
10
|
error?: boolean | undefined;
|
|
11
11
|
emptyMessage?: string | undefined;
|
|
12
|
-
} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "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
|
+
} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
|
|
13
13
|
placeholder?: React.ReactNode;
|
|
14
14
|
tabIndex?: number | undefined;
|
|
15
15
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
@@ -53,7 +53,7 @@ declare const _default: {
|
|
|
53
53
|
count: number;
|
|
54
54
|
}) => string) | undefined;
|
|
55
55
|
tabSelectsValue?: boolean | undefined;
|
|
56
|
-
} & {}, "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>>>, "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
|
+
} & {}, "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>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
|
|
57
57
|
placeholder?: React.ReactNode;
|
|
58
58
|
tabIndex?: number | undefined;
|
|
59
59
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|