@salutejs/sdds-serv 0.227.0-canary.1709.12826458776.0 → 0.227.0-dev.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-serv.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 +1 -7
  7. package/emotion/es/components/DatePicker/DatePicker.stories.tsx +1 -7
  8. package/package.json +3 -3
package/api/sdds-serv.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';
@@ -159,7 +159,6 @@ 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';
163
162
  import { PolymorphicClassName } from '@salutejs/plasma-new-hope/types/engines/types';
164
163
  import { PopoverPlacement } from '@salutejs/plasma-new-hope/styled-components';
165
164
  import { PopoverPlacementBasic } from '@salutejs/plasma-new-hope/styled-components';
@@ -200,8 +199,6 @@ import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components';
200
199
  import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
201
200
  import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components';
202
201
  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';
205
202
  import type { SelectProps as SelectProps_2 } from '@salutejs/plasma-new-hope';
206
203
  import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components';
207
204
  import { SheetProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -1516,10 +1513,10 @@ secondTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<an
1516
1513
  secondTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1517
1514
  firstTextfieldTextAfter?: string | undefined;
1518
1515
  secondTextfieldTextAfter?: string | undefined;
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;
1516
+ onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
1517
+ onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
1518
+ onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
1519
+ onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
1523
1520
  firstTextfieldTextBefore?: string | undefined;
1524
1521
  secondTextfieldTextBefore?: string | undefined;
1525
1522
  dividerVariant?: "none" | "dash" | "icon" | undefined;
@@ -1527,6 +1524,7 @@ dividerIcon?: ReactNode;
1527
1524
  } & DatePickerCalendarProps & Omit<DatePickerPopoverProps, "placement"> & {
1528
1525
  placement?: DatePickerRangePlacement | DatePickerRangePlacementBasic[] | undefined;
1529
1526
  isDoubleCalendar?: boolean | undefined;
1527
+ closeAfterDateSelect?: boolean | undefined;
1530
1528
  } & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>>;
1531
1529
 
1532
1530
  export { DatePickerRangePlacement }
@@ -2929,10 +2927,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
2929
2927
  onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
2930
2928
  onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
2931
2929
  onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
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;
2930
+ onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2931
+ onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2932
+ onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2933
+ onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2936
2934
  } & {
2937
2935
  firstTextfieldTextBefore: string;
2938
2936
  secondTextfieldTextBefore: string;
@@ -2968,10 +2966,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
2968
2966
  onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
2969
2967
  onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
2970
2968
  onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
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;
2969
+ onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2970
+ onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2971
+ onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2972
+ onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2975
2973
  } & {
2976
2974
  dividerVariant?: "dash" | undefined;
2977
2975
  dividerIcon?: undefined;
@@ -3007,10 +3005,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
3007
3005
  onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
3008
3006
  onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
3009
3007
  onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
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;
3008
+ onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
3009
+ onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
3010
+ onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
3011
+ onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
3014
3012
  } & {
3015
3013
  dividerIcon?: ReactNode;
3016
3014
  dividerVariant?: "icon" | undefined;
package/components/Combobox/Combobox.d.ts CHANGED
@@ -26,7 +26,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
26
26
  };
27
27
  }> & (({
28
28
  items: ItemOption[];
29
- placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
29
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
64
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
99
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
134
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
169
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
204
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
239
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
274
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
309
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
344
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
379
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | 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?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").Placement | undefined;
414
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
415
415
  placeholder?: string | undefined;
416
416
  helperText?: string | undefined;
417
417
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
package/components/DatePicker/DatePicker.d.ts CHANGED
@@ -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").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;
96
+ onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
97
+ onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
98
+ onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
99
+ onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
100
100
  firstTextfieldTextBefore?: string | undefined;
101
101
  secondTextfieldTextBefore?: string | undefined;
102
102
  dividerVariant?: "none" | "dash" | "icon" | undefined;
@@ -104,4 +104,5 @@ 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;
107
108
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>>;
package/components/Range/Range.d.ts CHANGED
@@ -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").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;
51
+ onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
52
+ onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
53
+ onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
54
+ onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => 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").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
  } & {
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").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;
129
+ onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
130
+ onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
131
+ onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
132
+ onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
133
133
  } & {
134
134
  dividerIcon?: import("react").ReactNode;
135
135
  dividerVariant?: "icon" | undefined;
package/components/Select/Select.d.ts CHANGED
@@ -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?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic[] | undefined;
57
+ placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | 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?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic[] | undefined;
97
+ placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | 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?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic[] | undefined;
137
+ placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | 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?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic[] | undefined;
177
+ placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | 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;
package/emotion/cjs/components/DatePicker/DatePicker.stories.tsx CHANGED
@@ -185,7 +185,6 @@ const StoryRange = ({
185
185
  const rangeRef = useRef(null);
186
186
 
187
187
  const [isOpen, setIsOpen] = useState(false);
188
- const [firstDate, setFirstDate] = useState<string | Date>('');
189
188
 
190
189
  const iconSize = size === 'xs' ? 'xs' : 's';
191
190
  const showDividerIcon = dividerVariant === 'icon';
@@ -232,12 +231,6 @@ const StoryRange = ({
232
231
  onChangeSecondValue={(e, currentValue) => {
233
232
  onChangeSecondValue(e, currentValue);
234
233
  }}
235
- onCommitFirstDate={(currentValue) => {
236
- setFirstDate(currentValue);
237
- }}
238
- onCommitSecondDate={(currentValue) => {
239
- firstDate && currentValue && setIsOpen(false);
240
- }}
241
234
  {...dividerIconProps}
242
235
  {...rest}
243
236
  />
@@ -265,6 +258,7 @@ export const Range: StoryObj<StoryPropsRange> = {
265
258
  size: 'l',
266
259
  view: 'default',
267
260
  isDoubleCalendar: false,
261
+ closeAfterDateSelect: true,
268
262
  dividerVariant: 'dash',
269
263
  min: new Date(2024, 1, 1),
270
264
  max: new Date(2024, 12, 29),
package/emotion/es/components/DatePicker/DatePicker.stories.tsx CHANGED
@@ -185,7 +185,6 @@ const StoryRange = ({
185
185
  const rangeRef = useRef(null);
186
186
 
187
187
  const [isOpen, setIsOpen] = useState(false);
188
- const [firstDate, setFirstDate] = useState<string | Date>('');
189
188
 
190
189
  const iconSize = size === 'xs' ? 'xs' : 's';
191
190
  const showDividerIcon = dividerVariant === 'icon';
@@ -232,12 +231,6 @@ const StoryRange = ({
232
231
  onChangeSecondValue={(e, currentValue) => {
233
232
  onChangeSecondValue(e, currentValue);
234
233
  }}
235
- onCommitFirstDate={(currentValue) => {
236
- setFirstDate(currentValue);
237
- }}
238
- onCommitSecondDate={(currentValue) => {
239
- firstDate && currentValue && setIsOpen(false);
240
- }}
241
234
  {...dividerIconProps}
242
235
  {...rest}
243
236
  />
@@ -265,6 +258,7 @@ export const Range: StoryObj<StoryPropsRange> = {
265
258
  size: 'l',
266
259
  view: 'default',
267
260
  isDoubleCalendar: false,
261
+ closeAfterDateSelect: true,
268
262
  dividerVariant: 'dash',
269
263
  min: new Date(2024, 1, 1),
270
264
  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.1709.12826458776.0",
3
+ "version": "0.227.0-dev.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.1709.12826458776.0",
35
+ "@salutejs/plasma-new-hope": "0.242.0-dev.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": "6cdd04b6c6123b2dee1d7c75ad4a1ba7dcab5123"
140
+ "gitHead": "f3d8b6eb23058350d50298511c5a6bfce400a411"
141
141
  }