@salutejs/sdds-cs 0.231.0-canary.1709.12829247465.0 → 0.231.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/api/sdds-cs.api.md +18 -20
  2. package/components/Combobox/Combobox.d.ts +12 -12
  3. package/components/DatePicker/DatePicker.d.ts +5 -4
  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 +2 -8
  7. package/emotion/es/components/DatePicker/DatePicker.stories.tsx +2 -8
  8. package/package.json +3 -3
package/api/sdds-cs.api.md CHANGED
@@ -50,7 +50,6 @@ 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';
54
53
  import { ChangeInstanceCallback } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
55
54
  import { CheckboxProps as CheckboxProps_2 } from '@salutejs/plasma-new-hope/types/components/Checkbox/Checkbox.types';
56
55
  import { ChipGroupProps } from '@salutejs/plasma-new-hope/types/components/ChipGroup/ChipGroup.types';
@@ -112,6 +111,7 @@ import { FC } from 'react';
112
111
  import { FileProcessHandler } from '@salutejs/plasma-new-hope/types/components/Dropzone/Dropzone.types';
113
112
  import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
114
113
  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,7 +156,6 @@ 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';
160
159
  import { PolymorphicClassName } from '@salutejs/plasma-new-hope/types/engines/types';
161
160
  import { PopoverPlacement } from '@salutejs/plasma-new-hope/styled-components';
162
161
  import { PopoverPlacementBasic } from '@salutejs/plasma-new-hope/styled-components';
@@ -195,8 +194,6 @@ import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components';
195
194
  import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
196
195
  import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components';
197
196
  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';
200
197
  import type { SelectProps as SelectProps_2 } from '@salutejs/plasma-new-hope';
201
198
  import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components';
202
199
  import { SheetProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -1393,10 +1390,10 @@ secondTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<an
1393
1390
  secondTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1394
1391
  firstTextfieldTextAfter?: string | undefined;
1395
1392
  secondTextfieldTextAfter?: string | 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;
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;
1400
1397
  firstTextfieldTextBefore?: string | undefined;
1401
1398
  secondTextfieldTextBefore?: string | undefined;
1402
1399
  dividerVariant?: "none" | "dash" | "icon" | undefined;
@@ -1404,6 +1401,7 @@ dividerIcon?: ReactNode;
1404
1401
  } & DatePickerCalendarProps & Omit<DatePickerPopoverProps, "placement"> & {
1405
1402
  placement?: DatePickerRangePlacement | DatePickerRangePlacementBasic[] | undefined;
1406
1403
  isDoubleCalendar?: boolean | undefined;
1404
+ closeAfterDateSelect?: boolean | undefined;
1407
1405
  } & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>>;
1408
1406
 
1409
1407
  export { DatePickerRangePlacement }
@@ -2621,10 +2619,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
2621
2619
  onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
2622
2620
  onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
2623
2621
  onSearchSecondValue?: BaseCallbackKeyboardInstance | 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;
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;
2628
2626
  } & {
2629
2627
  firstTextfieldTextBefore: string;
2630
2628
  secondTextfieldTextBefore: string;
@@ -2660,10 +2658,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
2660
2658
  onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
2661
2659
  onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
2662
2660
  onSearchSecondValue?: BaseCallbackKeyboardInstance | 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;
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;
2667
2665
  } & {
2668
2666
  dividerVariant?: "dash" | undefined;
2669
2667
  dividerIcon?: undefined;
@@ -2699,10 +2697,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
2699
2697
  onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
2700
2698
  onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
2701
2699
  onSearchSecondValue?: BaseCallbackKeyboardInstance | 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;
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;
2706
2704
  } & {
2707
2705
  dividerIcon?: ReactNode;
2708
2706
  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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
24
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
59
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
94
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
129
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
164
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
199
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
234
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
269
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
304
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
339
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
374
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
409
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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").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;
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;
94
94
  firstTextfieldTextBefore?: string | undefined;
95
95
  secondTextfieldTextBefore?: string | undefined;
96
96
  dividerVariant?: "none" | "dash" | "icon" | undefined;
@@ -98,4 +98,5 @@ 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;
101
102
  } & 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").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;
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;
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").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;
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;
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").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;
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;
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?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic[] | undefined;
44
+ placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | 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?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic[] | undefined;
84
+ placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | 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?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic[] | undefined;
124
+ placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | 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?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic[] | undefined;
164
+ placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | 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, IconDisclosureDown, IconCalendarOutline } from '@salutejs/plasma-icons';
5
+ import { IconPlasma, IconCalendarOutline } from '@salutejs/plasma-icons';
6
6
 
7
7
  import { IconButton } from '../IconButton/IconButton';
8
8
 
@@ -186,7 +186,6 @@ const StoryRange = ({
186
186
  const rangeRef = useRef(null);
187
187
 
188
188
  const [isOpen, setIsOpen] = useState(false);
189
- const [firstDate, setFirstDate] = useState<string | Date>('');
190
189
 
191
190
  const iconSize = 's';
192
191
  const showDividerIcon = dividerVariant === 'icon';
@@ -233,12 +232,6 @@ const StoryRange = ({
233
232
  onChangeSecondValue={(e, currentValue) => {
234
233
  onChangeSecondValue(e, currentValue);
235
234
  }}
236
- onCommitFirstDate={(currentValue) => {
237
- setFirstDate(currentValue);
238
- }}
239
- onCommitSecondDate={(currentValue) => {
240
- firstDate && currentValue && setIsOpen(false);
241
- }}
242
235
  {...dividerIconProps}
243
236
  {...rest}
244
237
  />
@@ -267,6 +260,7 @@ export const Range: StoryObj<StoryPropsRange> = {
267
260
  view: 'default',
268
261
  lang: 'ru',
269
262
  format: 'DD.MM.YYYY',
263
+ closeAfterDateSelect: true,
270
264
  isDoubleCalendar: false,
271
265
  dividerVariant: 'dash',
272
266
  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, IconDisclosureDown, IconCalendarOutline } from '@salutejs/plasma-icons';
5
+ import { IconPlasma, IconCalendarOutline } from '@salutejs/plasma-icons';
6
6
 
7
7
  import { IconButton } from '../IconButton/IconButton';
8
8
 
@@ -186,7 +186,6 @@ const StoryRange = ({
186
186
  const rangeRef = useRef(null);
187
187
 
188
188
  const [isOpen, setIsOpen] = useState(false);
189
- const [firstDate, setFirstDate] = useState<string | Date>('');
190
189
 
191
190
  const iconSize = 's';
192
191
  const showDividerIcon = dividerVariant === 'icon';
@@ -233,12 +232,6 @@ const StoryRange = ({
233
232
  onChangeSecondValue={(e, currentValue) => {
234
233
  onChangeSecondValue(e, currentValue);
235
234
  }}
236
- onCommitFirstDate={(currentValue) => {
237
- setFirstDate(currentValue);
238
- }}
239
- onCommitSecondDate={(currentValue) => {
240
- firstDate && currentValue && setIsOpen(false);
241
- }}
242
235
  {...dividerIconProps}
243
236
  {...rest}
244
237
  />
@@ -267,6 +260,7 @@ export const Range: StoryObj<StoryPropsRange> = {
267
260
  view: 'default',
268
261
  lang: 'ru',
269
262
  format: 'DD.MM.YYYY',
263
+ closeAfterDateSelect: true,
270
264
  isDoubleCalendar: false,
271
265
  dividerVariant: 'dash',
272
266
  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.1709.12829247465.0",
3
+ "version": "0.231.0-dev.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.1709.12829247465.0",
33
+ "@salutejs/plasma-new-hope": "0.242.0-dev.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": "7a47bd25a6925569b3880334ffd8a1964c306d92"
125
+ "gitHead": "f3d8b6eb23058350d50298511c5a6bfce400a411"
126
126
  }