@salutejs/sdds-cs 0.231.0-canary.1702.12829190112.0 → 0.231.0-canary.1709.12829247465.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (8) hide show
  1. package/api/sdds-cs.api.md +20 -18
  2. package/components/Combobox/Combobox.d.ts +12 -12
  3. package/components/DatePicker/DatePicker.d.ts +4 -5
  4. package/components/Range/Range.d.ts +12 -12
  5. package/components/Select/Select.d.ts +4 -4
  6. package/emotion/cjs/components/DatePicker/DatePicker.stories.tsx +8 -2
  7. package/emotion/es/components/DatePicker/DatePicker.stories.tsx +8 -2
  8. package/package.json +3 -3
package/api/sdds-cs.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';
@@ -156,6 +156,7 @@ import { Overlay } from '@salutejs/plasma-new-hope/styled-components';
156
156
  import { OverlayProps } from '@salutejs/plasma-new-hope/styled-components';
157
157
  import { PaginationProps } from '@salutejs/plasma-new-hope/styled-components';
158
158
  import { PanelProps } from '@salutejs/plasma-new-hope/types/components/Panel';
159
+ import { Placement } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types';
159
160
  import { PolymorphicClassName } from '@salutejs/plasma-new-hope/types/engines/types';
160
161
  import { PopoverPlacement } from '@salutejs/plasma-new-hope/styled-components';
161
162
  import { PopoverPlacementBasic } from '@salutejs/plasma-new-hope/styled-components';
@@ -194,6 +195,8 @@ import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components';
194
195
  import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
195
196
  import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components';
196
197
  import { SegmentProviderProps } from '@salutejs/plasma-new-hope/styled-components';
198
+ import { SelectPlacement } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
199
+ import { SelectPlacementBasic } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
197
200
  import type { SelectProps as SelectProps_2 } from '@salutejs/plasma-new-hope';
198
201
  import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components';
199
202
  import { SheetProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -1390,10 +1393,10 @@ secondTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<an
1390
1393
  secondTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1391
1394
  firstTextfieldTextAfter?: string | undefined;
1392
1395
  secondTextfieldTextAfter?: string | undefined;
1393
- onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
1394
- onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
1395
- onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
1396
- onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
1396
+ onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
1397
+ onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
1398
+ onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
1399
+ onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
1397
1400
  firstTextfieldTextBefore?: string | undefined;
1398
1401
  secondTextfieldTextBefore?: string | undefined;
1399
1402
  dividerVariant?: "none" | "dash" | "icon" | undefined;
@@ -1401,7 +1404,6 @@ dividerIcon?: ReactNode;
1401
1404
  } & DatePickerCalendarProps & Omit<DatePickerPopoverProps, "placement"> & {
1402
1405
  placement?: DatePickerRangePlacement | DatePickerRangePlacementBasic[] | undefined;
1403
1406
  isDoubleCalendar?: boolean | undefined;
1404
- closeAfterDateSelect?: boolean | undefined;
1405
1407
  } & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>>;
1406
1408
 
1407
1409
  export { DatePickerRangePlacement }
@@ -2619,10 +2621,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
2619
2621
  onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
2620
2622
  onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
2621
2623
  onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
2622
- onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2623
- onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2624
- onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2625
- onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2624
+ onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2625
+ onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2626
+ onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2627
+ onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2626
2628
  } & {
2627
2629
  firstTextfieldTextBefore: string;
2628
2630
  secondTextfieldTextBefore: string;
@@ -2658,10 +2660,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
2658
2660
  onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
2659
2661
  onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
2660
2662
  onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
2661
- onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2662
- onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2663
- onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2664
- onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2663
+ onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2664
+ onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2665
+ onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2666
+ onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2665
2667
  } & {
2666
2668
  dividerVariant?: "dash" | undefined;
2667
2669
  dividerIcon?: undefined;
@@ -2697,10 +2699,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
2697
2699
  onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
2698
2700
  onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
2699
2701
  onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
2700
- onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2701
- onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2702
- onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2703
- onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2702
+ onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2703
+ onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2704
+ onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2705
+ onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2704
2706
  } & {
2705
2707
  dividerIcon?: ReactNode;
2706
2708
  dividerVariant?: "icon" | undefined;
package/components/Combobox/Combobox.d.ts CHANGED
@@ -21,7 +21,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
21
21
  };
22
22
  }> & (({
23
23
  items: ItemOption[];
24
- placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
24
+ placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
25
25
  placeholder?: string | undefined;
26
26
  helperText?: string | undefined;
27
27
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -56,7 +56,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
56
56
  renderValue?: undefined;
57
57
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
58
58
  items: ItemOption[];
59
- placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
59
+ placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
60
60
  placeholder?: string | undefined;
61
61
  helperText?: string | undefined;
62
62
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -91,7 +91,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
91
91
  renderValue?: undefined;
92
92
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
93
93
  items: ItemOption[];
94
- placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
94
+ placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
95
95
  placeholder?: string | undefined;
96
96
  helperText?: string | undefined;
97
97
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -126,7 +126,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
126
126
  renderValue?: ((item: ItemOption) => string) | undefined;
127
127
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
128
128
  items: ItemOption[];
129
- placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
129
+ placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
130
130
  placeholder?: string | undefined;
131
131
  helperText?: string | undefined;
132
132
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -161,7 +161,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
161
161
  renderValue?: ((item: ItemOption) => string) | undefined;
162
162
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
163
163
  items: ItemOption[];
164
- placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
164
+ placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
165
165
  placeholder?: string | undefined;
166
166
  helperText?: string | undefined;
167
167
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -196,7 +196,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
196
196
  renderValue?: undefined;
197
197
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
198
198
  items: ItemOption[];
199
- placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
199
+ placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
200
200
  placeholder?: string | undefined;
201
201
  helperText?: string | undefined;
202
202
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -231,7 +231,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
231
231
  renderValue?: undefined;
232
232
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
233
233
  items: ItemOption[];
234
- placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
234
+ placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
235
235
  placeholder?: string | undefined;
236
236
  helperText?: string | undefined;
237
237
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -266,7 +266,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
266
266
  renderValue?: ((item: ItemOption) => string) | undefined;
267
267
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
268
268
  items: ItemOption[];
269
- placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
269
+ placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
270
270
  placeholder?: string | undefined;
271
271
  helperText?: string | undefined;
272
272
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -301,7 +301,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
301
301
  renderValue?: ((item: ItemOption) => string) | undefined;
302
302
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
303
303
  items: ItemOption[];
304
- placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
304
+ placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
305
305
  placeholder?: string | undefined;
306
306
  helperText?: string | undefined;
307
307
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -336,7 +336,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
336
336
  renderValue?: undefined;
337
337
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
338
338
  items: ItemOption[];
339
- placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
339
+ placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
340
340
  placeholder?: string | undefined;
341
341
  helperText?: string | undefined;
342
342
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -371,7 +371,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
371
371
  renderValue?: undefined;
372
372
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
373
373
  items: ItemOption[];
374
- placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
374
+ placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
375
375
  placeholder?: string | undefined;
376
376
  helperText?: string | undefined;
377
377
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -406,7 +406,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
406
406
  renderValue?: ((item: ItemOption) => string) | undefined;
407
407
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
408
408
  items: ItemOption[];
409
- placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
409
+ placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
410
410
  placeholder?: string | undefined;
411
411
  helperText?: string | undefined;
412
412
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
package/components/DatePicker/DatePicker.d.ts CHANGED
@@ -87,10 +87,10 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
87
87
  secondTextfieldContentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
88
88
  firstTextfieldTextAfter?: string | undefined;
89
89
  secondTextfieldTextAfter?: string | undefined;
90
- onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
91
- onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
92
- onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
93
- onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
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
  firstTextfieldTextBefore?: string | undefined;
95
95
  secondTextfieldTextBefore?: string | undefined;
96
96
  dividerVariant?: "none" | "dash" | "icon" | undefined;
@@ -98,5 +98,4 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
98
98
  } & 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"> & {
99
99
  placement?: import("@salutejs/plasma-new-hope/styled-components").DatePickerRangePlacement | import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types").DatePickerRangePlacementBasic[] | undefined;
100
100
  isDoubleCalendar?: boolean | undefined;
101
- closeAfterDateSelect?: boolean | undefined;
102
101
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>>;
package/components/Range/Range.d.ts CHANGED
@@ -45,10 +45,10 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
45
45
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
46
46
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
47
47
  onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
48
- onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
49
- onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
50
- onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
51
- onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
48
+ onFocusFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
49
+ onFocusSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
50
+ onBlurFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
51
+ onBlurSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
52
52
  } & {
53
53
  firstTextfieldTextBefore: string;
54
54
  secondTextfieldTextBefore: string;
@@ -84,10 +84,10 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
84
84
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
85
85
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
86
86
  onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
87
- onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
88
- onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
89
- onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
90
- onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
87
+ onFocusFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
88
+ onFocusSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
89
+ onBlurFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
90
+ onBlurSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
91
91
  } & {
92
92
  dividerVariant?: "dash" | undefined;
93
93
  dividerIcon?: undefined;
@@ -123,10 +123,10 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
123
123
  onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
124
124
  onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
125
125
  onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
126
- onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
127
- onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
128
- onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
129
- onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
126
+ onFocusFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
127
+ onFocusSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
128
+ onBlurFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
129
+ onBlurSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
130
130
  } & {
131
131
  dividerIcon?: import("react").ReactNode;
132
132
  dividerVariant?: "icon" | undefined;
package/components/Select/Select.d.ts CHANGED
@@ -41,7 +41,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
41
41
  children?: undefined;
42
42
  isTargetAmount?: boolean | undefined;
43
43
  renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
44
- placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
44
+ placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic[] | undefined;
45
45
  onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
46
46
  variant?: "normal" | "tight" | undefined;
47
47
  zIndex?: import("csstype").Property.ZIndex | undefined;
@@ -81,7 +81,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
81
81
  children?: undefined;
82
82
  isTargetAmount?: boolean | undefined;
83
83
  renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
84
- placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
84
+ placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic[] | undefined;
85
85
  onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
86
86
  variant?: "normal" | "tight" | undefined;
87
87
  zIndex?: import("csstype").Property.ZIndex | undefined;
@@ -121,7 +121,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
121
121
  children?: undefined;
122
122
  isTargetAmount?: boolean | undefined;
123
123
  renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
124
- placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
124
+ placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic[] | undefined;
125
125
  onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
126
126
  variant?: "normal" | "tight" | undefined;
127
127
  zIndex?: import("csstype").Property.ZIndex | undefined;
@@ -161,7 +161,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
161
161
  children?: undefined;
162
162
  isTargetAmount?: boolean | undefined;
163
163
  renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
164
- placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
164
+ placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic[] | undefined;
165
165
  onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
166
166
  variant?: "normal" | "tight" | undefined;
167
167
  zIndex?: import("csstype").Property.ZIndex | undefined;
package/emotion/cjs/components/DatePicker/DatePicker.stories.tsx CHANGED
@@ -2,7 +2,7 @@ import React, { ComponentProps, useRef, useState } from 'react';
2
2
  import type { StoryObj, Meta } from '@storybook/react';
3
3
  import { action } from '@storybook/addon-actions';
4
4
  import { IconPlaceholder, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
5
- import { IconPlasma, IconCalendarOutline } from '@salutejs/plasma-icons';
5
+ import { IconPlasma, IconDisclosureDown, IconCalendarOutline } from '@salutejs/plasma-icons';
6
6
 
7
7
  import { IconButton } from '../IconButton/IconButton';
8
8
 
@@ -186,6 +186,7 @@ const StoryRange = ({
186
186
  const rangeRef = useRef(null);
187
187
 
188
188
  const [isOpen, setIsOpen] = useState(false);
189
+ const [firstDate, setFirstDate] = useState<string | Date>('');
189
190
 
190
191
  const iconSize = 's';
191
192
  const showDividerIcon = dividerVariant === 'icon';
@@ -232,6 +233,12 @@ const StoryRange = ({
232
233
  onChangeSecondValue={(e, currentValue) => {
233
234
  onChangeSecondValue(e, currentValue);
234
235
  }}
236
+ onCommitFirstDate={(currentValue) => {
237
+ setFirstDate(currentValue);
238
+ }}
239
+ onCommitSecondDate={(currentValue) => {
240
+ firstDate && currentValue && setIsOpen(false);
241
+ }}
235
242
  {...dividerIconProps}
236
243
  {...rest}
237
244
  />
@@ -260,7 +267,6 @@ export const Range: StoryObj<StoryPropsRange> = {
260
267
  view: 'default',
261
268
  lang: 'ru',
262
269
  format: 'DD.MM.YYYY',
263
- closeAfterDateSelect: true,
264
270
  isDoubleCalendar: false,
265
271
  dividerVariant: 'dash',
266
272
  min: new Date(2024, 1, 1),
package/emotion/es/components/DatePicker/DatePicker.stories.tsx CHANGED
@@ -2,7 +2,7 @@ import React, { ComponentProps, useRef, useState } from 'react';
2
2
  import type { StoryObj, Meta } from '@storybook/react';
3
3
  import { action } from '@storybook/addon-actions';
4
4
  import { IconPlaceholder, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
5
- import { IconPlasma, IconCalendarOutline } from '@salutejs/plasma-icons';
5
+ import { IconPlasma, IconDisclosureDown, IconCalendarOutline } from '@salutejs/plasma-icons';
6
6
 
7
7
  import { IconButton } from '../IconButton/IconButton';
8
8
 
@@ -186,6 +186,7 @@ const StoryRange = ({
186
186
  const rangeRef = useRef(null);
187
187
 
188
188
  const [isOpen, setIsOpen] = useState(false);
189
+ const [firstDate, setFirstDate] = useState<string | Date>('');
189
190
 
190
191
  const iconSize = 's';
191
192
  const showDividerIcon = dividerVariant === 'icon';
@@ -232,6 +233,12 @@ const StoryRange = ({
232
233
  onChangeSecondValue={(e, currentValue) => {
233
234
  onChangeSecondValue(e, currentValue);
234
235
  }}
236
+ onCommitFirstDate={(currentValue) => {
237
+ setFirstDate(currentValue);
238
+ }}
239
+ onCommitSecondDate={(currentValue) => {
240
+ firstDate && currentValue && setIsOpen(false);
241
+ }}
235
242
  {...dividerIconProps}
236
243
  {...rest}
237
244
  />
@@ -260,7 +267,6 @@ export const Range: StoryObj<StoryPropsRange> = {
260
267
  view: 'default',
261
268
  lang: 'ru',
262
269
  format: 'DD.MM.YYYY',
263
- closeAfterDateSelect: true,
264
270
  isDoubleCalendar: false,
265
271
  dividerVariant: 'dash',
266
272
  min: new Date(2024, 1, 1),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.231.0-canary.1702.12829190112.0",
3
+ "version": "0.231.0-canary.1709.12829247465.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS CS web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -30,7 +30,7 @@
30
30
  "directory": "packages/sdds-cs"
31
31
  },
32
32
  "dependencies": {
33
- "@salutejs/plasma-new-hope": "0.242.0-canary.1702.12829190112.0",
33
+ "@salutejs/plasma-new-hope": "0.242.0-canary.1709.12829247465.0",
34
34
  "@salutejs/sdds-themes": "0.31.0"
35
35
  },
36
36
  "peerDependencies": {
@@ -122,5 +122,5 @@
122
122
  "Anton Vinogradov"
123
123
  ],
124
124
  "sideEffects": false,
125
- "gitHead": "18f89843d2170002fa4c9d0626bc7823763a009c"
125
+ "gitHead": "7a47bd25a6925569b3880334ffd8a1964c306d92"
126
126
  }