@salutejs/sdds-cs 0.230.1-canary.1701.12828004221.0 → 0.231.0-canary.1702.12829190112.0

package/api/sdds-cs.api.md

@@ -50,7 +50,6 @@ import { CellTextbox } from '@salutejs/plasma-new-hope/styled-components';
 import { CellTextboxLabel } from '@salutejs/plasma-new-hope/styled-components';
 import { CellTextboxSubtitle } from '@salutejs/plasma-new-hope/styled-components';
 import { CellTextboxTitle } from '@salutejs/plasma-new-hope/styled-components';
-import { ChangeEvent } from 'react';
 import { ChangeInstanceCallback } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
 import { CheckboxProps as CheckboxProps_2 } from '@salutejs/plasma-new-hope/types/components/Checkbox/Checkbox.types';
 import { ChipGroupProps } from '@salutejs/plasma-new-hope/types/components/ChipGroup/ChipGroup.types';
@@ -112,6 +111,7 @@ import { FC } from 'react';
 import { FileProcessHandler } from '@salutejs/plasma-new-hope/types/components/Dropzone/Dropzone.types';
 import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
 import { FlowProps } from '@salutejs/plasma-new-hope/styled-components';
+import { FocusEvent as FocusEvent_2 } from 'react';
 import { FormTypeNumber } from '@salutejs/plasma-new-hope/types/types/FormType';
 import { FormTypeString } from '@salutejs/plasma-new-hope/types/types/FormType';
 import { ForwardRefExoticComponent } from 'react';
@@ -1390,10 +1390,10 @@ secondTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<an
 secondTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
 firstTextfieldTextAfter?: string | undefined;
 secondTextfieldTextAfter?: string | undefined;
-onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
 firstTextfieldTextBefore?: string | undefined;
 secondTextfieldTextBefore?: string | undefined;
 dividerVariant?: "none" | "dash" | "icon" | undefined;
@@ -1401,6 +1401,7 @@ dividerIcon?: ReactNode;
 } & DatePickerCalendarProps & Omit<DatePickerPopoverProps, "placement"> & {
 placement?: DatePickerRangePlacement | DatePickerRangePlacementBasic[] | undefined;
 isDoubleCalendar?: boolean | undefined;
+closeAfterDateSelect?: boolean | undefined;
 } & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>>;
 
 export { DatePickerRangePlacement }
@@ -2618,10 +2619,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
 onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
 onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
 onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
-onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
 } & {
 firstTextfieldTextBefore: string;
 secondTextfieldTextBefore: string;
@@ -2657,10 +2658,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
 onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
 onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
 onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
-onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
 } & {
 dividerVariant?: "dash" | undefined;
 dividerIcon?: undefined;
@@ -2696,10 +2697,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
 onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
 onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
 onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
-onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
 } & {
 dividerIcon?: ReactNode;
 dividerVariant?: "icon" | undefined;

package/components/DatePicker/DatePicker.d.ts

@@ -87,10 +87,10 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
     secondTextfieldContentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     firstTextfieldTextAfter?: string | undefined;
     secondTextfieldTextAfter?: string | undefined;
-    onFocusFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onFocusSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onBlurFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onBlurSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
+    onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
     firstTextfieldTextBefore?: string | undefined;
     secondTextfieldTextBefore?: string | undefined;
     dividerVariant?: "none" | "dash" | "icon" | undefined;
@@ -98,4 +98,5 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
 } & 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"> & {
     placement?: import("@salutejs/plasma-new-hope/styled-components").DatePickerRangePlacement | import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types").DatePickerRangePlacementBasic[] | undefined;
     isDoubleCalendar?: boolean | undefined;
+    closeAfterDateSelect?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>>;

package/components/Range/Range.d.ts

@@ -45,10 +45,10 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
     onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
     onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
     onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
-    onFocusFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onFocusSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onBlurFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onBlurSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
+    onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
 } & {
     firstTextfieldTextBefore: string;
     secondTextfieldTextBefore: string;
@@ -84,10 +84,10 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
     onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
     onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
     onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
-    onFocusFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onFocusSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onBlurFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onBlurSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
+    onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
 } & {
     dividerVariant?: "dash" | undefined;
     dividerIcon?: undefined;
@@ -123,10 +123,10 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
     onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
     onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
     onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
-    onFocusFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onFocusSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onBlurFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onBlurSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
+    onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
 } & {
     dividerIcon?: import("react").ReactNode;
     dividerVariant?: "icon" | undefined;

package/emotion/cjs/components/DatePicker/DatePicker.stories.tsx

@@ -2,7 +2,7 @@ import React, { ComponentProps, useRef, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 import { IconPlaceholder, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
-import { IconPlasma, IconDisclosureDown, IconCalendarOutline } from '@salutejs/plasma-icons';
+import { IconPlasma, IconCalendarOutline } from '@salutejs/plasma-icons';
 
 import { IconButton } from '../IconButton/IconButton';
 
@@ -186,7 +186,6 @@ const StoryRange = ({
     const rangeRef = useRef(null);
 
     const [isOpen, setIsOpen] = useState(false);
-    const [firstDate, setFirstDate] = useState<string | Date>('');
 
     const iconSize = 's';
     const showDividerIcon = dividerVariant === 'icon';
@@ -233,12 +232,6 @@ const StoryRange = ({
             onChangeSecondValue={(e, currentValue) => {
                 onChangeSecondValue(e, currentValue);
             }}
-            onCommitFirstDate={(currentValue) => {
-                setFirstDate(currentValue);
-            }}
-            onCommitSecondDate={(currentValue) => {
-                firstDate && currentValue && setIsOpen(false);
-            }}
             {...dividerIconProps}
             {...rest}
         />
@@ -267,6 +260,7 @@ export const Range: StoryObj<StoryPropsRange> = {
         view: 'default',
         lang: 'ru',
         format: 'DD.MM.YYYY',
+        closeAfterDateSelect: true,
         isDoubleCalendar: false,
         dividerVariant: 'dash',
         min: new Date(2024, 1, 1),

package/emotion/es/components/DatePicker/DatePicker.stories.tsx

@@ -2,7 +2,7 @@ import React, { ComponentProps, useRef, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 import { IconPlaceholder, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
-import { IconPlasma, IconDisclosureDown, IconCalendarOutline } from '@salutejs/plasma-icons';
+import { IconPlasma, IconCalendarOutline } from '@salutejs/plasma-icons';
 
 import { IconButton } from '../IconButton/IconButton';
 
@@ -186,7 +186,6 @@ const StoryRange = ({
     const rangeRef = useRef(null);
 
     const [isOpen, setIsOpen] = useState(false);
-    const [firstDate, setFirstDate] = useState<string | Date>('');
 
     const iconSize = 's';
     const showDividerIcon = dividerVariant === 'icon';
@@ -233,12 +232,6 @@ const StoryRange = ({
             onChangeSecondValue={(e, currentValue) => {
                 onChangeSecondValue(e, currentValue);
             }}
-            onCommitFirstDate={(currentValue) => {
-                setFirstDate(currentValue);
-            }}
-            onCommitSecondDate={(currentValue) => {
-                firstDate && currentValue && setIsOpen(false);
-            }}
             {...dividerIconProps}
             {...rest}
         />
@@ -267,6 +260,7 @@ export const Range: StoryObj<StoryPropsRange> = {
         view: 'default',
         lang: 'ru',
         format: 'DD.MM.YYYY',
+        closeAfterDateSelect: true,
         isDoubleCalendar: false,
         dividerVariant: 'dash',
         min: new Date(2024, 1, 1),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-cs",
-  "version": "0.230.1-canary.1701.12828004221.0",
+  "version": "0.231.0-canary.1702.12829190112.0",
   "description": "Salute Design System / React UI kit for SDDS CS web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -30,7 +30,7 @@
     "directory": "packages/sdds-cs"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.241.1-canary.1701.12828004221.0",
+    "@salutejs/plasma-new-hope": "0.242.0-canary.1702.12829190112.0",
     "@salutejs/sdds-themes": "0.31.0"
   },
   "peerDependencies": {
@@ -122,5 +122,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "13984cb233e780a5660e89d4ba62dbebfc516695"
+  "gitHead": "18f89843d2170002fa4c9d0626bc7823763a009c"
 }