@salutejs/sdds-serv 0.227.0-canary.1702.12829190112.0 → 0.227.0-canary.1709.12829247465.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/sdds-serv.api.md +20 -18
- package/components/Combobox/Combobox.d.ts +12 -12
- package/components/DatePicker/DatePicker.d.ts +4 -5
- package/components/Range/Range.d.ts +12 -12
- package/components/Select/Select.d.ts +4 -4
- package/emotion/cjs/components/DatePicker/DatePicker.stories.tsx +7 -1
- package/emotion/es/components/DatePicker/DatePicker.stories.tsx +7 -1
- package/package.json +3 -3
package/api/sdds-serv.api.md
CHANGED
@@ -50,6 +50,7 @@ import { CellTextbox } from '@salutejs/plasma-new-hope/styled-components';
|
|
50
50
|
import { CellTextboxLabel } from '@salutejs/plasma-new-hope/styled-components';
|
51
51
|
import { CellTextboxSubtitle } from '@salutejs/plasma-new-hope/styled-components';
|
52
52
|
import { CellTextboxTitle } from '@salutejs/plasma-new-hope/styled-components';
|
53
|
+
import { ChangeEvent } from 'react';
|
53
54
|
import { ChangeInstanceCallback } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
|
54
55
|
import { CheckboxProps as CheckboxProps_2 } from '@salutejs/plasma-new-hope/types/components/Checkbox/Checkbox.types';
|
55
56
|
import { ChipGroupProps } from '@salutejs/plasma-new-hope/types/components/ChipGroup/ChipGroup.types';
|
@@ -111,7 +112,6 @@ import { FC } from 'react';
|
|
111
112
|
import { FileProcessHandler } from '@salutejs/plasma-new-hope/types/components/Dropzone/Dropzone.types';
|
112
113
|
import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
|
113
114
|
import { FlowProps } from '@salutejs/plasma-new-hope/styled-components';
|
114
|
-
import { FocusEvent as FocusEvent_2 } from 'react';
|
115
115
|
import { FormTypeNumber } from '@salutejs/plasma-new-hope/types/types/FormType';
|
116
116
|
import { FormTypeString } from '@salutejs/plasma-new-hope/types/types/FormType';
|
117
117
|
import { ForwardRefExoticComponent } from 'react';
|
@@ -159,6 +159,7 @@ import { Overlay } from '@salutejs/plasma-new-hope/styled-components';
|
|
159
159
|
import { OverlayProps } from '@salutejs/plasma-new-hope/styled-components';
|
160
160
|
import { PaginationProps } from '@salutejs/plasma-new-hope/styled-components';
|
161
161
|
import { PanelProps } from '@salutejs/plasma-new-hope/types/components/Panel';
|
162
|
+
import { Placement } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types';
|
162
163
|
import { PolymorphicClassName } from '@salutejs/plasma-new-hope/types/engines/types';
|
163
164
|
import { PopoverPlacement } from '@salutejs/plasma-new-hope/styled-components';
|
164
165
|
import { PopoverPlacementBasic } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -199,6 +200,8 @@ import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
199
200
|
import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
|
200
201
|
import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components';
|
201
202
|
import { SegmentProviderProps } from '@salutejs/plasma-new-hope/styled-components';
|
203
|
+
import { SelectPlacement } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
|
204
|
+
import { SelectPlacementBasic } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
|
202
205
|
import type { SelectProps as SelectProps_2 } from '@salutejs/plasma-new-hope';
|
203
206
|
import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components';
|
204
207
|
import { SheetProps } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -1513,10 +1516,10 @@ secondTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<an
|
|
1513
1516
|
secondTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1514
1517
|
firstTextfieldTextAfter?: string | undefined;
|
1515
1518
|
secondTextfieldTextAfter?: string | undefined;
|
1516
|
-
onFocusFirstTextfield?: ((event:
|
1517
|
-
onFocusSecondTextfield?: ((event:
|
1518
|
-
onBlurFirstTextfield?: ((event:
|
1519
|
-
onBlurSecondTextfield?: ((event:
|
1519
|
+
onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
1520
|
+
onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
1521
|
+
onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
1522
|
+
onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
1520
1523
|
firstTextfieldTextBefore?: string | undefined;
|
1521
1524
|
secondTextfieldTextBefore?: string | undefined;
|
1522
1525
|
dividerVariant?: "none" | "dash" | "icon" | undefined;
|
@@ -1524,7 +1527,6 @@ dividerIcon?: ReactNode;
|
|
1524
1527
|
} & DatePickerCalendarProps & Omit<DatePickerPopoverProps, "placement"> & {
|
1525
1528
|
placement?: DatePickerRangePlacement | DatePickerRangePlacementBasic[] | undefined;
|
1526
1529
|
isDoubleCalendar?: boolean | undefined;
|
1527
|
-
closeAfterDateSelect?: boolean | undefined;
|
1528
1530
|
} & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>>;
|
1529
1531
|
|
1530
1532
|
export { DatePickerRangePlacement }
|
@@ -2927,10 +2929,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
|
|
2927
2929
|
onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
|
2928
2930
|
onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
|
2929
2931
|
onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
|
2930
|
-
onFocusFirstTextfield?: ((event:
|
2931
|
-
onFocusSecondTextfield?: ((event:
|
2932
|
-
onBlurFirstTextfield?: ((event:
|
2933
|
-
onBlurSecondTextfield?: ((event:
|
2932
|
+
onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
2933
|
+
onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
2934
|
+
onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
2935
|
+
onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
2934
2936
|
} & {
|
2935
2937
|
firstTextfieldTextBefore: string;
|
2936
2938
|
secondTextfieldTextBefore: string;
|
@@ -2966,10 +2968,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
|
|
2966
2968
|
onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
|
2967
2969
|
onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
|
2968
2970
|
onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
|
2969
|
-
onFocusFirstTextfield?: ((event:
|
2970
|
-
onFocusSecondTextfield?: ((event:
|
2971
|
-
onBlurFirstTextfield?: ((event:
|
2972
|
-
onBlurSecondTextfield?: ((event:
|
2971
|
+
onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
2972
|
+
onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
2973
|
+
onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
2974
|
+
onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
2973
2975
|
} & {
|
2974
2976
|
dividerVariant?: "dash" | undefined;
|
2975
2977
|
dividerIcon?: undefined;
|
@@ -3005,10 +3007,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
|
|
3005
3007
|
onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
|
3006
3008
|
onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
|
3007
3009
|
onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
|
3008
|
-
onFocusFirstTextfield?: ((event:
|
3009
|
-
onFocusSecondTextfield?: ((event:
|
3010
|
-
onBlurFirstTextfield?: ((event:
|
3011
|
-
onBlurSecondTextfield?: ((event:
|
3010
|
+
onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
3011
|
+
onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
3012
|
+
onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
3013
|
+
onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
3012
3014
|
} & {
|
3013
3015
|
dividerIcon?: ReactNode;
|
3014
3016
|
dividerVariant?: "icon" | undefined;
|
@@ -26,7 +26,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
26
26
|
};
|
27
27
|
}> & (({
|
28
28
|
items: ItemOption[];
|
29
|
-
placement?: ("
|
29
|
+
placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
|
30
30
|
placeholder?: string | undefined;
|
31
31
|
helperText?: string | undefined;
|
32
32
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
@@ -61,7 +61,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
61
61
|
renderValue?: undefined;
|
62
62
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
|
63
63
|
items: ItemOption[];
|
64
|
-
placement?: ("
|
64
|
+
placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
|
65
65
|
placeholder?: string | undefined;
|
66
66
|
helperText?: string | undefined;
|
67
67
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
@@ -96,7 +96,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
96
96
|
renderValue?: undefined;
|
97
97
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
|
98
98
|
items: ItemOption[];
|
99
|
-
placement?: ("
|
99
|
+
placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
|
100
100
|
placeholder?: string | undefined;
|
101
101
|
helperText?: string | undefined;
|
102
102
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
@@ -131,7 +131,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
131
131
|
renderValue?: ((item: ItemOption) => string) | undefined;
|
132
132
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
|
133
133
|
items: ItemOption[];
|
134
|
-
placement?: ("
|
134
|
+
placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
|
135
135
|
placeholder?: string | undefined;
|
136
136
|
helperText?: string | undefined;
|
137
137
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
@@ -166,7 +166,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
166
166
|
renderValue?: ((item: ItemOption) => string) | undefined;
|
167
167
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
|
168
168
|
items: ItemOption[];
|
169
|
-
placement?: ("
|
169
|
+
placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
|
170
170
|
placeholder?: string | undefined;
|
171
171
|
helperText?: string | undefined;
|
172
172
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
@@ -201,7 +201,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
201
201
|
renderValue?: undefined;
|
202
202
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
|
203
203
|
items: ItemOption[];
|
204
|
-
placement?: ("
|
204
|
+
placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
|
205
205
|
placeholder?: string | undefined;
|
206
206
|
helperText?: string | undefined;
|
207
207
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
@@ -236,7 +236,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
236
236
|
renderValue?: undefined;
|
237
237
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
|
238
238
|
items: ItemOption[];
|
239
|
-
placement?: ("
|
239
|
+
placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
|
240
240
|
placeholder?: string | undefined;
|
241
241
|
helperText?: string | undefined;
|
242
242
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
@@ -271,7 +271,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
271
271
|
renderValue?: ((item: ItemOption) => string) | undefined;
|
272
272
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
|
273
273
|
items: ItemOption[];
|
274
|
-
placement?: ("
|
274
|
+
placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
|
275
275
|
placeholder?: string | undefined;
|
276
276
|
helperText?: string | undefined;
|
277
277
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
@@ -306,7 +306,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
306
306
|
renderValue?: ((item: ItemOption) => string) | undefined;
|
307
307
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
|
308
308
|
items: ItemOption[];
|
309
|
-
placement?: ("
|
309
|
+
placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
|
310
310
|
placeholder?: string | undefined;
|
311
311
|
helperText?: string | undefined;
|
312
312
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
@@ -341,7 +341,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
341
341
|
renderValue?: undefined;
|
342
342
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
|
343
343
|
items: ItemOption[];
|
344
|
-
placement?: ("
|
344
|
+
placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
|
345
345
|
placeholder?: string | undefined;
|
346
346
|
helperText?: string | undefined;
|
347
347
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
@@ -376,7 +376,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
376
376
|
renderValue?: undefined;
|
377
377
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
|
378
378
|
items: ItemOption[];
|
379
|
-
placement?: ("
|
379
|
+
placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
|
380
380
|
placeholder?: string | undefined;
|
381
381
|
helperText?: string | undefined;
|
382
382
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
@@ -411,7 +411,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
411
411
|
renderValue?: ((item: ItemOption) => string) | undefined;
|
412
412
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
|
413
413
|
items: ItemOption[];
|
414
|
-
placement?: ("
|
414
|
+
placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
|
415
415
|
placeholder?: string | undefined;
|
416
416
|
helperText?: string | undefined;
|
417
417
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
@@ -93,10 +93,10 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
|
|
93
93
|
secondTextfieldContentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
94
94
|
firstTextfieldTextAfter?: string | undefined;
|
95
95
|
secondTextfieldTextAfter?: string | undefined;
|
96
|
-
onFocusFirstTextfield?: ((event: import("react").
|
97
|
-
onFocusSecondTextfield?: ((event: import("react").
|
98
|
-
onBlurFirstTextfield?: ((event: import("react").
|
99
|
-
onBlurSecondTextfield?: ((event: import("react").
|
96
|
+
onFocusFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
97
|
+
onFocusSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
98
|
+
onBlurFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
99
|
+
onBlurSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
100
100
|
firstTextfieldTextBefore?: string | undefined;
|
101
101
|
secondTextfieldTextBefore?: string | undefined;
|
102
102
|
dividerVariant?: "none" | "dash" | "icon" | undefined;
|
@@ -104,5 +104,4 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
|
|
104
104
|
} & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types").DatePickerCalendarProps & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps, "placement"> & {
|
105
105
|
placement?: import("@salutejs/plasma-new-hope/styled-components").DatePickerRangePlacement | import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types").DatePickerRangePlacementBasic[] | undefined;
|
106
106
|
isDoubleCalendar?: boolean | undefined;
|
107
|
-
closeAfterDateSelect?: boolean | undefined;
|
108
107
|
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>>;
|
@@ -48,10 +48,10 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
48
48
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
|
49
49
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
|
50
50
|
onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
|
51
|
-
onFocusFirstTextfield?: ((event: import("react").
|
52
|
-
onFocusSecondTextfield?: ((event: import("react").
|
53
|
-
onBlurFirstTextfield?: ((event: import("react").
|
54
|
-
onBlurSecondTextfield?: ((event: import("react").
|
51
|
+
onFocusFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
52
|
+
onFocusSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
53
|
+
onBlurFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
54
|
+
onBlurSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
55
55
|
} & {
|
56
56
|
firstTextfieldTextBefore: string;
|
57
57
|
secondTextfieldTextBefore: string;
|
@@ -87,10 +87,10 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
87
87
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
|
88
88
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
|
89
89
|
onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
|
90
|
-
onFocusFirstTextfield?: ((event: import("react").
|
91
|
-
onFocusSecondTextfield?: ((event: import("react").
|
92
|
-
onBlurFirstTextfield?: ((event: import("react").
|
93
|
-
onBlurSecondTextfield?: ((event: import("react").
|
90
|
+
onFocusFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
91
|
+
onFocusSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
92
|
+
onBlurFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
93
|
+
onBlurSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
94
94
|
} & {
|
95
95
|
dividerVariant?: "dash" | undefined;
|
96
96
|
dividerIcon?: undefined;
|
@@ -126,10 +126,10 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
126
126
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
|
127
127
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
|
128
128
|
onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
|
129
|
-
onFocusFirstTextfield?: ((event: import("react").
|
130
|
-
onFocusSecondTextfield?: ((event: import("react").
|
131
|
-
onBlurFirstTextfield?: ((event: import("react").
|
132
|
-
onBlurSecondTextfield?: ((event: import("react").
|
129
|
+
onFocusFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
130
|
+
onFocusSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
131
|
+
onBlurFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
132
|
+
onBlurSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
133
133
|
} & {
|
134
134
|
dividerIcon?: import("react").ReactNode;
|
135
135
|
dividerVariant?: "icon" | undefined;
|
@@ -54,7 +54,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
54
54
|
children?: undefined;
|
55
55
|
isTargetAmount?: boolean | undefined;
|
56
56
|
renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
|
57
|
-
placement?: ("
|
57
|
+
placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic[] | undefined;
|
58
58
|
onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
59
59
|
variant?: "normal" | "tight" | undefined;
|
60
60
|
zIndex?: import("csstype").Property.ZIndex | undefined;
|
@@ -94,7 +94,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
94
94
|
children?: undefined;
|
95
95
|
isTargetAmount?: boolean | undefined;
|
96
96
|
renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
|
97
|
-
placement?: ("
|
97
|
+
placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic[] | undefined;
|
98
98
|
onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
99
99
|
variant?: "normal" | "tight" | undefined;
|
100
100
|
zIndex?: import("csstype").Property.ZIndex | undefined;
|
@@ -134,7 +134,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
134
134
|
children?: undefined;
|
135
135
|
isTargetAmount?: boolean | undefined;
|
136
136
|
renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
|
137
|
-
placement?: ("
|
137
|
+
placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic[] | undefined;
|
138
138
|
onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
139
139
|
variant?: "normal" | "tight" | undefined;
|
140
140
|
zIndex?: import("csstype").Property.ZIndex | undefined;
|
@@ -174,7 +174,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
174
174
|
children?: undefined;
|
175
175
|
isTargetAmount?: boolean | undefined;
|
176
176
|
renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
|
177
|
-
placement?: ("
|
177
|
+
placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic[] | undefined;
|
178
178
|
onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
179
179
|
variant?: "normal" | "tight" | undefined;
|
180
180
|
zIndex?: import("csstype").Property.ZIndex | undefined;
|
@@ -185,6 +185,7 @@ const StoryRange = ({
|
|
185
185
|
const rangeRef = useRef(null);
|
186
186
|
|
187
187
|
const [isOpen, setIsOpen] = useState(false);
|
188
|
+
const [firstDate, setFirstDate] = useState<string | Date>('');
|
188
189
|
|
189
190
|
const iconSize = size === 'xs' ? 'xs' : 's';
|
190
191
|
const showDividerIcon = dividerVariant === 'icon';
|
@@ -231,6 +232,12 @@ const StoryRange = ({
|
|
231
232
|
onChangeSecondValue={(e, currentValue) => {
|
232
233
|
onChangeSecondValue(e, currentValue);
|
233
234
|
}}
|
235
|
+
onCommitFirstDate={(currentValue) => {
|
236
|
+
setFirstDate(currentValue);
|
237
|
+
}}
|
238
|
+
onCommitSecondDate={(currentValue) => {
|
239
|
+
firstDate && currentValue && setIsOpen(false);
|
240
|
+
}}
|
234
241
|
{...dividerIconProps}
|
235
242
|
{...rest}
|
236
243
|
/>
|
@@ -258,7 +265,6 @@ export const Range: StoryObj<StoryPropsRange> = {
|
|
258
265
|
size: 'l',
|
259
266
|
view: 'default',
|
260
267
|
isDoubleCalendar: false,
|
261
|
-
closeAfterDateSelect: true,
|
262
268
|
dividerVariant: 'dash',
|
263
269
|
min: new Date(2024, 1, 1),
|
264
270
|
max: new Date(2024, 12, 29),
|
@@ -185,6 +185,7 @@ const StoryRange = ({
|
|
185
185
|
const rangeRef = useRef(null);
|
186
186
|
|
187
187
|
const [isOpen, setIsOpen] = useState(false);
|
188
|
+
const [firstDate, setFirstDate] = useState<string | Date>('');
|
188
189
|
|
189
190
|
const iconSize = size === 'xs' ? 'xs' : 's';
|
190
191
|
const showDividerIcon = dividerVariant === 'icon';
|
@@ -231,6 +232,12 @@ const StoryRange = ({
|
|
231
232
|
onChangeSecondValue={(e, currentValue) => {
|
232
233
|
onChangeSecondValue(e, currentValue);
|
233
234
|
}}
|
235
|
+
onCommitFirstDate={(currentValue) => {
|
236
|
+
setFirstDate(currentValue);
|
237
|
+
}}
|
238
|
+
onCommitSecondDate={(currentValue) => {
|
239
|
+
firstDate && currentValue && setIsOpen(false);
|
240
|
+
}}
|
234
241
|
{...dividerIconProps}
|
235
242
|
{...rest}
|
236
243
|
/>
|
@@ -258,7 +265,6 @@ export const Range: StoryObj<StoryPropsRange> = {
|
|
258
265
|
size: 'l',
|
259
266
|
view: 'default',
|
260
267
|
isDoubleCalendar: false,
|
261
|
-
closeAfterDateSelect: true,
|
262
268
|
dividerVariant: 'dash',
|
263
269
|
min: new Date(2024, 1, 1),
|
264
270
|
max: new Date(2024, 12, 29),
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/sdds-serv",
|
3
|
-
"version": "0.227.0-canary.
|
3
|
+
"version": "0.227.0-canary.1709.12829247465.0",
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS SERV web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -32,7 +32,7 @@
|
|
32
32
|
"directory": "packages/sdds-serv"
|
33
33
|
},
|
34
34
|
"dependencies": {
|
35
|
-
"@salutejs/plasma-new-hope": "0.242.0-canary.
|
35
|
+
"@salutejs/plasma-new-hope": "0.242.0-canary.1709.12829247465.0",
|
36
36
|
"@salutejs/sdds-themes": "0.31.0"
|
37
37
|
},
|
38
38
|
"peerDependencies": {
|
@@ -137,5 +137,5 @@
|
|
137
137
|
"sideEffects": [
|
138
138
|
"*.css"
|
139
139
|
],
|
140
|
-
"gitHead": "
|
140
|
+
"gitHead": "7a47bd25a6925569b3880334ffd8a1964c306d92"
|
141
141
|
}
|