@alfalab/core-components-date-range-input 3.0.5 → 3.0.7

package/components/date-range-input/Component.js

@@ -23,7 +23,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
 
-var styles = {"component":"date-range-input__component_184ip","calendarContainer":"date-range-input__calendarContainer_184ip","calendarResponsive":"date-range-input__calendarResponsive_184ip","block":"date-range-input__block_184ip","calendarIcon":"date-range-input__calendarIcon_184ip"};
+var styles = {"component":"date-range-input__component_zsyyb","calendarContainer":"date-range-input__calendarContainer_zsyyb","calendarResponsive":"date-range-input__calendarResponsive_zsyyb","block":"date-range-input__block_zsyyb","calendarIcon":"date-range-input__calendarIcon_zsyyb"};
 require('./index.css')
 
 var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
@@ -116,12 +116,6 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
             }
         }
     };
-    var handleInputKeyDown = function (event) {
-        var isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
-        if (disableUserInput && !isCopy && event.key !== 'Tab') {
-            event.preventDefault();
-        }
-    };
     var handleBlur = function (event) {
         var _a, _b, _c;
         if (view === 'desktop') {
@@ -220,7 +214,7 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
     return (React__default.default.createElement("div", { className: cn__default.default(styles.component, className, (_b = {},
             _b[styles.block] = block,
             _b)), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
-        InputComponent ? (React__default.default.createElement(InputComponent, tslib.__assign({}, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, onKeyDown: handleInputKeyDown, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+        InputComponent ? (React__default.default.createElement(InputComponent, tslib.__assign({}, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
         picker && (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles.calendarContainer, (_c = {},

package/components/date-range-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 9bgzg */
+/* hash: ip800 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-range-input__component_184ip {
+} .date-range-input__component_zsyyb {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_184ip {
+} .date-range-input__calendarContainer_zsyyb {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_184ip {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_zsyyb {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_184ip {
+    } .date-range-input__calendarResponsive_zsyyb {
     width: var(--calendar-width);
-} .date-range-input__block_184ip {
+} .date-range-input__block_zsyyb {
     width: 100%;
-} .date-range-input__calendarIcon_184ip {
+} .date-range-input__calendarIcon_zsyyb {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/cssm/components/date-range-input/Component.js

@@ -115,12 +115,6 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
             }
         }
     };
-    var handleInputKeyDown = function (event) {
-        var isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
-        if (disableUserInput && !isCopy && event.key !== 'Tab') {
-            event.preventDefault();
-        }
-    };
     var handleBlur = function (event) {
         var _a, _b, _c;
         if (view === 'desktop') {
@@ -219,7 +213,7 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
     return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className, (_b = {},
             _b[styles__default.default.block] = block,
             _b)), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
-        InputComponent ? (React__default.default.createElement(InputComponent, tslib.__assign({}, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, onKeyDown: handleInputKeyDown, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+        InputComponent ? (React__default.default.createElement(InputComponent, tslib.__assign({}, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles__default.default.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
         picker && (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles__default.default.calendarContainer, (_c = {},

package/{esm/index-2abb571d.d.ts → cssm/index-1a4fbd11.d.ts}

@@ -12,4 +12,11 @@ declare function disableUserInput<T>(disabled: boolean | undefined, event: React
 declare const inputUtils: {
     disableUserInput: typeof disableUserInput;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils };
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+declare const fnUtils: {
+    isNil: typeof isNil;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };

package/esm/components/date-range-input/Component.js

@@ -12,7 +12,7 @@ import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { parseTimestampToDate, DATE_FORMAT, format, parseDateString, DATE_MASK, isCompleteDateInput, isValid } from '../../utils/format.js';
 import 'date-fns/parse';
 
-var styles = {"component":"date-range-input__component_184ip","calendarContainer":"date-range-input__calendarContainer_184ip","calendarResponsive":"date-range-input__calendarResponsive_184ip","block":"date-range-input__block_184ip","calendarIcon":"date-range-input__calendarIcon_184ip"};
+var styles = {"component":"date-range-input__component_zsyyb","calendarContainer":"date-range-input__calendarContainer_zsyyb","calendarResponsive":"date-range-input__calendarResponsive_zsyyb","block":"date-range-input__block_zsyyb","calendarIcon":"date-range-input__calendarIcon_zsyyb"};
 require('./index.css')
 
 var DateRangeInput = React.forwardRef(function (_a, ref) {
@@ -105,12 +105,6 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
             }
         }
     };
-    var handleInputKeyDown = function (event) {
-        var isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
-        if (disableUserInput && !isCopy && event.key !== 'Tab') {
-            event.preventDefault();
-        }
-    };
     var handleBlur = function (event) {
         var _a, _b, _c;
         if (view === 'desktop') {
@@ -209,7 +203,7 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
     return (React.createElement("div", { className: cn(styles.component, className, (_b = {},
             _b[styles.block] = block,
             _b)), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
-        InputComponent ? (React.createElement(InputComponent, __assign({}, restProps, { block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, onKeyDown: handleInputKeyDown, rightAddons: React.createElement(React.Fragment, null,
+        InputComponent ? (React.createElement(InputComponent, __assign({}, restProps, { block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React.createElement(React.Fragment, null,
                 rightAddons,
                 picker && (React.createElement(IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) }))) : null,
         picker && (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, (_c = {},

package/esm/components/date-range-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 9bgzg */
+/* hash: ip800 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-range-input__component_184ip {
+} .date-range-input__component_zsyyb {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_184ip {
+} .date-range-input__calendarContainer_zsyyb {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_184ip {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_zsyyb {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_184ip {
+    } .date-range-input__calendarResponsive_zsyyb {
     width: var(--calendar-width);
-} .date-range-input__block_184ip {
+} .date-range-input__block_zsyyb {
     width: 100%;
-} .date-range-input__calendarIcon_184ip {
+} .date-range-input__calendarIcon_zsyyb {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/{index-2abb571d.d.ts → esm/index-1a4fbd11.d.ts}

@@ -12,4 +12,11 @@ declare function disableUserInput<T>(disabled: boolean | undefined, event: React
 declare const inputUtils: {
     disableUserInput: typeof disableUserInput;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils };
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+declare const fnUtils: {
+    isNil: typeof isNil;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };

package/{cssm/index-2abb571d.d.ts → index-1a4fbd11.d.ts}

@@ -12,4 +12,11 @@ declare function disableUserInput<T>(disabled: boolean | undefined, event: React
 declare const inputUtils: {
     disableUserInput: typeof disableUserInput;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils };
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+declare const fnUtils: {
+    isNil: typeof isNil;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };

package/modern/components/date-range-input/Component.js

@@ -11,7 +11,7 @@ import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { parseTimestampToDate, DATE_FORMAT, format, parseDateString, DATE_MASK, isCompleteDateInput, isValid } from '../../utils/format.js';
 import 'date-fns/parse';
 
-const styles = {"component":"date-range-input__component_184ip","calendarContainer":"date-range-input__calendarContainer_184ip","calendarResponsive":"date-range-input__calendarResponsive_184ip","block":"date-range-input__block_184ip","calendarIcon":"date-range-input__calendarIcon_184ip"};
+const styles = {"component":"date-range-input__component_zsyyb","calendarContainer":"date-range-input__calendarContainer_zsyyb","calendarResponsive":"date-range-input__calendarResponsive_zsyyb","block":"date-range-input__block_zsyyb","calendarIcon":"date-range-input__calendarIcon_zsyyb"};
 require('./index.css')
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -101,12 +101,6 @@ const DateRangeInput = React.forwardRef(({ className, inputClassName, popoverCla
             }
         }
     };
-    const handleInputKeyDown = (event) => {
-        const isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
-        if (disableUserInput && !isCopy && event.key !== 'Tab') {
-            event.preventDefault();
-        }
-    };
     const handleBlur = (event) => {
         if (view === 'desktop') {
             const target = (event.relatedTarget || document.activeElement);
@@ -203,7 +197,7 @@ const DateRangeInput = React.forwardRef(({ className, inputClassName, popoverCla
     return (React.createElement("div", { className: cn(styles.component, className, {
             [styles.block]: block,
         }), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
-        InputComponent ? (React.createElement(InputComponent, { ...restProps, block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, onKeyDown: handleInputKeyDown, rightAddons: React.createElement(React.Fragment, null,
+        InputComponent ? (React.createElement(InputComponent, { ...restProps, block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React.createElement(React.Fragment, null,
                 rightAddons,
                 picker && (React.createElement(IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) })) : null,
         picker && (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, {

package/modern/components/date-range-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 9bgzg */
+/* hash: ip800 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-range-input__component_184ip {
+} .date-range-input__component_zsyyb {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_184ip {
+} .date-range-input__calendarContainer_zsyyb {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_184ip {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_zsyyb {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_184ip {
+    } .date-range-input__calendarResponsive_zsyyb {
     width: var(--calendar-width);
-} .date-range-input__block_184ip {
+} .date-range-input__block_zsyyb {
     width: 100%;
-} .date-range-input__calendarIcon_184ip {
+} .date-range-input__calendarIcon_zsyyb {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/modern/{index-2abb571d.d.ts → index-1a4fbd11.d.ts}

@@ -12,4 +12,11 @@ declare function disableUserInput<T>(disabled: boolean | undefined, event: React
 declare const inputUtils: {
     disableUserInput: typeof disableUserInput;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils };
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+declare const fnUtils: {
+    isNil: typeof isNil;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-date-range-input",
-    "version": "3.0.5",
+    "version": "3.0.7",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -35,9 +35,9 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-input": "^12.1.0",
-        "@alfalab/core-components-icon-button": "^6.2.3",
-        "@alfalab/core-components-calendar": "^7.0.4",
+        "@alfalab/core-components-input": "^12.1.2",
+        "@alfalab/core-components-icon-button": "^6.2.4",
+        "@alfalab/core-components-calendar": "^7.0.5",
         "@alfalab/core-components-popover": "^6.1.0",
         "@alfalab/hooks": "^1.13.0",
         "@alfalab/icons-glyph": "^2.108.0",

package/src/components/date-range-input/Component.tsx

@@ -3,7 +3,6 @@ import React, {
     ChangeEvent,
     ElementType,
     FocusEvent,
-    KeyboardEvent,
     MouseEvent,
     useEffect,
     useRef,
@@ -316,14 +315,6 @@ export const DateRangeInput = React.forwardRef<HTMLInputElement, DateRangeInputP
             }
         };
 
-        const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {
-            const isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
-
-            if (disableUserInput && !isCopy && event.key !== 'Tab') {
-                event.preventDefault();
-            }
-        };
-
         const handleBlur = (event: FocusEvent<HTMLDivElement>) => {
             if (view === 'desktop') {
                 const target = (event.relatedTarget || document.activeElement) as HTMLElement;
@@ -476,7 +467,7 @@ export const DateRangeInput = React.forwardRef<HTMLInputElement, DateRangeInputP
                         readOnly={readOnly}
                         className={inputClassName}
                         onClear={handleClear}
-                        onKeyDown={handleInputKeyDown}
+                        disableUserInput={disableUserInput}
                         rightAddons={
                             <React.Fragment>
                                 {rightAddons}