@salutejs/sdds-cs 0.228.0-canary.1699.12749937190.0 → 0.228.0-canary.1702.12763507639.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/api/sdds-cs.api.md +18 -19
  2. package/components/DatePicker/DatePicker.d.ts +5 -4
  3. package/components/NumberInput/NumberInput.d.ts +0 -2
  4. package/components/Range/Range.d.ts +12 -12
  5. package/emotion/cjs/components/DatePicker/DatePicker.stories.tsx +2 -8
  6. package/emotion/es/components/DatePicker/DatePicker.stories.tsx +2 -8
  7. 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';
@@ -110,6 +109,7 @@ import { FC } from 'react';
110
109
  import { FileProcessHandler } from '@salutejs/plasma-new-hope/types/components/Dropzone/Dropzone.types';
111
110
  import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
112
111
  import { FlowProps } from '@salutejs/plasma-new-hope/styled-components';
112
+ import { FocusEvent as FocusEvent_2 } from 'react';
113
113
  import { FormTypeNumber } from '@salutejs/plasma-new-hope/types/types/FormType';
114
114
  import { FormTypeString } from '@salutejs/plasma-new-hope/types/types/FormType';
115
115
  import { ForwardRefExoticComponent } from 'react';
@@ -1394,10 +1394,10 @@ secondTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<an
1394
1394
  secondTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1395
1395
  firstTextfieldTextAfter?: string | undefined;
1396
1396
  secondTextfieldTextAfter?: string | undefined;
1397
- onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
1398
- onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
1399
- onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
1400
- onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
1397
+ onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
1398
+ onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
1399
+ onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
1400
+ onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
1401
1401
  firstTextfieldTextBefore?: string | undefined;
1402
1402
  secondTextfieldTextBefore?: string | undefined;
1403
1403
  dividerVariant?: "none" | "dash" | "icon" | undefined;
@@ -1405,6 +1405,7 @@ dividerIcon?: ReactNode;
1405
1405
  } & DatePickerCalendarProps & Omit<DatePickerPopoverProps, "placement"> & {
1406
1406
  placement?: DatePickerRangePlacement | DatePickerRangePlacement[] | undefined;
1407
1407
  isDoubleCalendar?: boolean | undefined;
1408
+ closeAfterDateSelect?: boolean | undefined;
1408
1409
  } & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>>;
1409
1410
 
1410
1411
  export { DatePickerRangePlacement }
@@ -2427,7 +2428,6 @@ value?: number | undefined;
2427
2428
  min?: number | undefined;
2428
2429
  max?: number | undefined;
2429
2430
  step?: number | undefined;
2430
- precision?: number | undefined;
2431
2431
  isLoading?: boolean | undefined;
2432
2432
  loader?: ReactNode;
2433
2433
  size?: string | undefined;
@@ -2453,7 +2453,6 @@ value?: number | undefined;
2453
2453
  min?: number | undefined;
2454
2454
  max?: number | undefined;
2455
2455
  step?: number | undefined;
2456
- precision?: number | undefined;
2457
2456
  isLoading?: boolean | undefined;
2458
2457
  loader?: ReactNode;
2459
2458
  size?: string | undefined;
@@ -2622,10 +2621,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
2622
2621
  onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
2623
2622
  onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
2624
2623
  onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
2625
- onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2626
- onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2627
- onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2628
- onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2624
+ onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2625
+ onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2626
+ onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2627
+ onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2629
2628
  } & {
2630
2629
  firstTextfieldTextBefore: string;
2631
2630
  secondTextfieldTextBefore: string;
@@ -2661,10 +2660,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
2661
2660
  onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
2662
2661
  onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
2663
2662
  onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
2664
- onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2665
- onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2666
- onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2667
- onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2663
+ onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2664
+ onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2665
+ onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2666
+ onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2668
2667
  } & {
2669
2668
  dividerVariant?: "dash" | undefined;
2670
2669
  dividerIcon?: undefined;
@@ -2700,10 +2699,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
2700
2699
  onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
2701
2700
  onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
2702
2701
  onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
2703
- onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2704
- onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2705
- onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2706
- onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2702
+ onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2703
+ onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2704
+ onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2705
+ onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
2707
2706
  } & {
2708
2707
  dividerIcon?: ReactNode;
2709
2708
  dividerVariant?: "icon" | 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/styled-components").DatePickerRangePlacement[] | 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/NumberInput/NumberInput.d.ts CHANGED
@@ -24,7 +24,6 @@ export declare const NumberInput: import("react").FunctionComponent<import("@sal
24
24
  min?: number | undefined;
25
25
  max?: number | undefined;
26
26
  step?: number | undefined;
27
- precision?: number | undefined;
28
27
  isLoading?: boolean | undefined;
29
28
  loader?: import("react").ReactNode;
30
29
  size?: string | undefined;
@@ -50,7 +49,6 @@ export declare const NumberInput: import("react").FunctionComponent<import("@sal
50
49
  min?: number | undefined;
51
50
  max?: number | undefined;
52
51
  step?: number | undefined;
53
- precision?: number | undefined;
54
52
  isLoading?: boolean | undefined;
55
53
  loader?: import("react").ReactNode;
56
54
  size?: string | undefined;
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/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.228.0-canary.1699.12749937190.0",
3
+ "version": "0.228.0-canary.1702.12763507639.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",
@@ -52,7 +52,7 @@
52
52
  "directory": "packages/sdds-cs"
53
53
  },
54
54
  "dependencies": {
55
- "@salutejs/plasma-new-hope": "0.239.0-canary.1699.12749937190.0",
55
+ "@salutejs/plasma-new-hope": "0.239.0-canary.1702.12763507639.0",
56
56
  "@salutejs/sdds-themes": "0.31.0"
57
57
  },
58
58
  "peerDependencies": {
@@ -144,5 +144,5 @@
144
144
  "Anton Vinogradov"
145
145
  ],
146
146
  "sideEffects": false,
147
- "gitHead": "22790490a734ffdf9d21f828d3428c8859605129"
147
+ "gitHead": "4dfa771a4d2b642c4b972bf130fa97ec90ebefbd"
148
148
  }