@alfalab/core-components 41.18.0 → 41.19.0

package/custom-button/modern/index.css

@@ -24,22 +24,22 @@
 } :root {
 } :root {
 } :root {
-} .custom-button__customButton_gxcyt {
+} .custom-button__customButton_qqkts {
     overflow: hidden;
     position: relative;
     border: 0
-} .custom-button__customButton_gxcyt.custom-button__white_gxcyt * {
+} .custom-button__customButton_qqkts.custom-button__white_qqkts * {
         color: var(--color-light-graphic-primary-inverted);
-    } .custom-button__customButton_gxcyt.custom-button__black_gxcyt * {
+    } .custom-button__customButton_qqkts.custom-button__black_qqkts * {
         color: var(--color-light-graphic-primary);
-    } .custom-button__customButton_gxcyt.custom-button__static-white_gxcyt * {
+    } .custom-button__customButton_qqkts.custom-button__static-white_qqkts * {
         color: var(--color-static-graphic-light);
-    } .custom-button__customButton_gxcyt.custom-button__static-black_gxcyt * {
+    } .custom-button__customButton_qqkts.custom-button__static-black_qqkts * {
         color: var(--color-static-graphic-dark);
-    } .custom-button__customButton_gxcyt span {
+    } .custom-button__customButton_qqkts span {
         position: relative;
         z-index: 3;
-    } .custom-button__customButton_gxcyt:before {
+    } .custom-button__customButton_qqkts:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -50,28 +50,28 @@
         transition: 0.2s;
         opacity: 1;
         pointer-events: none;
-    } .custom-button__customButton_gxcyt.custom-button__darkening_gxcyt:hover:before {
+    } .custom-button__customButton_qqkts.custom-button__darkening_qqkts:hover:before {
             background-color: var(--color-light-border-key-alpha-7);
-        } .custom-button__customButton_gxcyt.custom-button__darkening_gxcyt:active:before {
+        } .custom-button__customButton_qqkts.custom-button__darkening_qqkts:active:before {
             background-color: var(--color-light-border-key-alpha-15);
-        } .custom-button__customButton_gxcyt.custom-button__lightening_gxcyt:hover:before {
+        } .custom-button__customButton_qqkts.custom-button__lightening_qqkts:hover:before {
             background-color: var(--color-light-border-key-inverted-alpha-7);
-        } .custom-button__customButton_gxcyt.custom-button__lightening_gxcyt:active:before {
+        } .custom-button__customButton_qqkts.custom-button__lightening_qqkts:active:before {
             background-color: var(--color-light-border-key-inverted-alpha-15);
-        } .custom-button__customButton_gxcyt.custom-button__static-darkening_gxcyt:hover:before {
+        } .custom-button__customButton_qqkts.custom-button__static-darkening_qqkts:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
-        } .custom-button__customButton_gxcyt.custom-button__static-darkening_gxcyt:active:before {
+        } .custom-button__customButton_qqkts.custom-button__static-darkening_qqkts:active:before {
             background-color: rgba(0, 0, 0, 0.15);
-        } .custom-button__customButton_gxcyt.custom-button__static-lightening_gxcyt:hover:before {
+        } .custom-button__customButton_qqkts.custom-button__static-lightening_qqkts:hover:before {
             background-color: rgba(255, 255, 255, 0.07);
-        } .custom-button__customButton_gxcyt.custom-button__static-lightening_gxcyt:active:before {
+        } .custom-button__customButton_qqkts.custom-button__static-lightening_qqkts:active:before {
             background-color: rgba(255, 255, 255, 0.15);
-        } /* Disabled */ .custom-button__customButton_gxcyt:disabled {
+        } /* Disabled */ .custom-button__customButton_qqkts:disabled {
     opacity: 0.3
-} .custom-button__customButton_gxcyt:disabled.custom-button__customLoading_gxcyt {
+} .custom-button__customButton_qqkts:disabled.custom-button__customLoading_qqkts {
         opacity: 1;
-    } .custom-button__customButton_gxcyt:disabled.custom-button__white_gxcyt * {
+    } .custom-button__customButton_qqkts:disabled.custom-button__white_qqkts * {
         color: var(--color-static-text-primary-light);
-    } .custom-button__customButton_gxcyt:disabled.custom-button__black_gxcyt * {
+    } .custom-button__customButton_qqkts:disabled.custom-button__black_qqkts * {
         color: var(--color-static-text-primary-dark);
     }

package/custom-picker-button/esm/field/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { CustomButton } from '../../../custom-button/esm';
 import { getIcon } from '../../../picker-button/esm';
 
-var styles = {"iconContainer":"custom-picker-button__iconContainer_1jpm1","addonsContainer":"custom-picker-button__addonsContainer_1jpm1","showControlIcon":"custom-picker-button__showControlIcon_1jpm1","open":"custom-picker-button__open_1jpm1"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_tcwiq","addonsContainer":"custom-picker-button__addonsContainer_tcwiq","showControlIcon":"custom-picker-button__showControlIcon_tcwiq","open":"custom-picker-button__open_tcwiq"};
 require('./index.css');
 
 var Field = function (_a) {

package/custom-picker-button/esm/field/index.css

@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_1jpm1 {
+} .custom-picker-button__iconContainer_tcwiq {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_1jpm1 {
+} .custom-picker-button__addonsContainer_tcwiq {
     display: flex
-} .custom-picker-button__addonsContainer_1jpm1.custom-picker-button__showControlIcon_1jpm1 {
+} .custom-picker-button__addonsContainer_tcwiq.custom-picker-button__showControlIcon_tcwiq {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_1jpm1 {
+    } .custom-picker-button__open_tcwiq {
     transform: var(--arrow-transform);
 }

package/custom-picker-button/field/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"iconContainer":"custom-picker-button__iconContainer_1jpm1","addonsContainer":"custom-picker-button__addonsContainer_1jpm1","showControlIcon":"custom-picker-button__showControlIcon_1jpm1","open":"custom-picker-button__open_1jpm1"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_tcwiq","addonsContainer":"custom-picker-button__addonsContainer_tcwiq","showControlIcon":"custom-picker-button__showControlIcon_tcwiq","open":"custom-picker-button__open_tcwiq"};
 require('./index.css');
 
 var Field = function (_a) {

package/custom-picker-button/field/index.css

@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_1jpm1 {
+} .custom-picker-button__iconContainer_tcwiq {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_1jpm1 {
+} .custom-picker-button__addonsContainer_tcwiq {
     display: flex
-} .custom-picker-button__addonsContainer_1jpm1.custom-picker-button__showControlIcon_1jpm1 {
+} .custom-picker-button__addonsContainer_tcwiq.custom-picker-button__showControlIcon_tcwiq {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_1jpm1 {
+    } .custom-picker-button__open_tcwiq {
     transform: var(--arrow-transform);
 }

package/custom-picker-button/modern/field/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { CustomButton } from '../../../custom-button/modern';
 import { getIcon } from '../../../picker-button/modern';
 
-const styles = {"iconContainer":"custom-picker-button__iconContainer_1jpm1","addonsContainer":"custom-picker-button__addonsContainer_1jpm1","showControlIcon":"custom-picker-button__showControlIcon_1jpm1","open":"custom-picker-button__open_1jpm1"};
+const styles = {"iconContainer":"custom-picker-button__iconContainer_tcwiq","addonsContainer":"custom-picker-button__addonsContainer_tcwiq","showControlIcon":"custom-picker-button__showControlIcon_tcwiq","open":"custom-picker-button__open_tcwiq"};
 require('./index.css');
 
 const Field = ({ buttonSize = 'm', buttonVariant = 'default', backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow = true, ...restProps }) => {

package/custom-picker-button/modern/field/index.css

@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_1jpm1 {
+} .custom-picker-button__iconContainer_tcwiq {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_1jpm1 {
+} .custom-picker-button__addonsContainer_tcwiq {
     display: flex
-} .custom-picker-button__addonsContainer_1jpm1.custom-picker-button__showControlIcon_1jpm1 {
+} .custom-picker-button__addonsContainer_tcwiq.custom-picker-button__showControlIcon_tcwiq {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_1jpm1 {
+    } .custom-picker-button__open_tcwiq {
     transform: var(--arrow-transform);
 }

package/date-input/Component.js

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 
-var styles = {"nativeInput":"date-input__nativeInput_iw8mv"};
+var styles = {"nativeInput":"date-input__nativeInput_lury9"};
 require('./index.css');
 
 var DateInput = React.forwardRef(function (_a, ref) {

package/date-input/esm/Component.js

@@ -8,7 +8,7 @@ import 'date-fns/format';
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-var styles = {"nativeInput":"date-input__nativeInput_iw8mv"};
+var styles = {"nativeInput":"date-input__nativeInput_lury9"};
 require('./index.css');
 
 var DateInput = forwardRef(function (_a, ref) {

package/date-input/esm/index.css

@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .date-input__nativeInput_iw8mv {
+} .date-input__nativeInput_lury9 {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -24,8 +24,8 @@
     -webkit-appearance: none;
             appearance: none;
     z-index: 1
-} .date-input__nativeInput_iw8mv::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_lury9::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_iw8mv::-webkit-inner-spin-button {
+    } .date-input__nativeInput_lury9::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/index.css

@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .date-input__nativeInput_iw8mv {
+} .date-input__nativeInput_lury9 {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -24,8 +24,8 @@
     -webkit-appearance: none;
             appearance: none;
     z-index: 1
-} .date-input__nativeInput_iw8mv::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_lury9::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_iw8mv::-webkit-inner-spin-button {
+    } .date-input__nativeInput_lury9::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/modern/Component.js

@@ -7,7 +7,7 @@ import 'date-fns/format';
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-const styles = {"nativeInput":"date-input__nativeInput_iw8mv"};
+const styles = {"nativeInput":"date-input__nativeInput_lury9"};
 require('./index.css');
 
 const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAddons, error, value: propValue, onBlur, onChange, onComplete, ...restProps }, ref) => {

package/date-input/modern/index.css

@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .date-input__nativeInput_iw8mv {
+} .date-input__nativeInput_lury9 {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -24,8 +24,8 @@
     -webkit-appearance: none;
             appearance: none;
     z-index: 1
-} .date-input__nativeInput_iw8mv::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_lury9::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_iw8mv::-webkit-inner-spin-button {
+    } .date-input__nativeInput_lury9::-webkit-inner-spin-button {
         display: none;
     }

package/date-range-input/components/date-range-input/Component.d.ts

@@ -103,6 +103,10 @@ type DateRangeInputProps = Omit<InputProps, 'onChange'> & ConditionalProps & {
      * Отображение компонента в мобильном или десктопном виде
      */
     view?: 'desktop' | 'mobile';
+    /**
+     * Запретить ввод с клавиатуры
+     */
+    disableUserInput?: boolean;
 };
 declare const DateRangeInput: React.ForwardRefExoticComponent<DateRangeInputProps & React.RefAttributes<HTMLInputElement>>;
 export { ConditionalProps, DateRangeInputProps, DateRangeInput };

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

@@ -22,22 +22,21 @@ 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_qnl0i","calendarContainer":"date-range-input__calendarContainer_qnl0i","calendarResponsive":"date-range-input__calendarResponsive_qnl0i","block":"date-range-input__block_qnl0i","calendarIcon":"date-range-input__calendarIcon_qnl0i"};
+var styles = {"component":"date-range-input__component_i7dcl","calendarContainer":"date-range-input__calendarContainer_i7dcl","calendarResponsive":"date-range-input__calendarResponsive_i7dcl","block":"date-range-input__block_i7dcl","calendarIcon":"date-range-input__calendarIcon_i7dcl"};
 require('./index.css');
 
-/* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
 var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
     var _b, _c;
     var _d;
-    var className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, disabled = _a.disabled, readOnly = _a.readOnly, picker = _a.picker, _e = _a.defaultValue, defaultValue = _e === void 0 ? '' : _e, propValue = _a.value, onChange = _a.onChange, onComplete = _a.onComplete, onClose = _a.onClose, rightAddons = _a.rightAddons, useAnchorWidth = _a.useAnchorWidth, block = _a.block, _f = _a.popoverPosition, popoverPosition = _f === void 0 ? 'bottom-start' : _f, zIndexPopover = _a.zIndexPopover, preventFlip = _a.preventFlip, _g = _a.Calendar, Calendar = _g === void 0 ? coreComponentsCalendar.Calendar : _g, _h = _a.calendarProps, calendarProps = _h === void 0 ? {} : _h, defaultMonth = _a.defaultMonth, _j = _a.minDate, minDate = _j === void 0 ? calendarProps.minDate : _j, _k = _a.maxDate, maxDate = _k === void 0 ? calendarProps.maxDate : _k, _l = _a.offDays, offDays = _l === void 0 ? calendarProps.offDays || [] : _l, _m = _a.events, events = _m === void 0 ? calendarProps.events || [] : _m, _o = _a.defaultOpen, defaultOpen = _o === void 0 ? false : _o, _p = _a.view, view = _p === void 0 ? 'desktop' : _p, restProps = tslib.__rest(_a, ["className", "inputClassName", "popoverClassName", "disabled", "readOnly", "picker", "defaultValue", "value", "onChange", "onComplete", "onClose", "rightAddons", "useAnchorWidth", "block", "popoverPosition", "zIndexPopover", "preventFlip", "Calendar", "calendarProps", "defaultMonth", "minDate", "maxDate", "offDays", "events", "defaultOpen", "view"]);
+    var className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, disabled = _a.disabled, readOnly = _a.readOnly, _e = _a.disableUserInput, disableUserInput = _e === void 0 ? false : _e, picker = _a.picker, _f = _a.defaultValue, defaultValue = _f === void 0 ? '' : _f, propValue = _a.value, onChange = _a.onChange, onComplete = _a.onComplete, onClose = _a.onClose, rightAddons = _a.rightAddons, useAnchorWidth = _a.useAnchorWidth, block = _a.block, _g = _a.popoverPosition, popoverPosition = _g === void 0 ? 'bottom-start' : _g, zIndexPopover = _a.zIndexPopover, preventFlip = _a.preventFlip, _h = _a.Calendar, Calendar = _h === void 0 ? coreComponentsCalendar.Calendar : _h, _j = _a.calendarProps, calendarProps = _j === void 0 ? {} : _j, defaultMonth = _a.defaultMonth, _k = _a.minDate, minDate = _k === void 0 ? calendarProps.minDate : _k, _l = _a.maxDate, maxDate = _l === void 0 ? calendarProps.maxDate : _l, _m = _a.offDays, offDays = _m === void 0 ? calendarProps.offDays || [] : _m, _o = _a.events, events = _o === void 0 ? calendarProps.events || [] : _o, _p = _a.defaultOpen, defaultOpen = _p === void 0 ? false : _p, _q = _a.view, view = _q === void 0 ? 'desktop' : _q, restProps = tslib.__rest(_a, ["className", "inputClassName", "popoverClassName", "disabled", "readOnly", "disableUserInput", "picker", "defaultValue", "value", "onChange", "onComplete", "onClose", "rightAddons", "useAnchorWidth", "block", "popoverPosition", "zIndexPopover", "preventFlip", "Calendar", "calendarProps", "defaultMonth", "minDate", "maxDate", "offDays", "events", "defaultOpen", "view"]);
     var inputRef = React.useRef(null);
     var iconRef = React.useRef(null);
     var calendarRef = React.useRef(null);
-    var _q = React.useState(propValue || defaultValue), value = _q[0], setValue = _q[1];
-    var _r = React.useState(defaultOpen), open = _r[0], setOpen = _r[1];
+    var _r = React.useState(propValue || defaultValue), value = _r[0], setValue = _r[1];
+    var _s = React.useState(defaultOpen), open = _s[0], setOpen = _s[1];
     var inputDisabled = disabled || readOnly;
     var calendarResponsive = (_d = calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.responsive) !== null && _d !== void 0 ? _d : true;
-    var _s = coreComponentsCalendar.usePeriod({ onPeriodChange: handlePeriodChange }), selectedFrom = _s.selectedFrom, selectedTo = _s.selectedTo, updatePeriod = _s.updatePeriod, resetPeriod = _s.resetPeriod, setStart = _s.setStart, setEnd = _s.setEnd;
+    var _t = coreComponentsCalendar.usePeriod({ onPeriodChange: handlePeriodChange }), selectedFrom = _t.selectedFrom, selectedTo = _t.selectedTo, updatePeriod = _t.updatePeriod, resetPeriod = _t.resetPeriod, setStart = _t.setStart, setEnd = _t.setEnd;
     React.useEffect(function () {
         if (value) {
             setCalendarPeriod(getDates(value));
@@ -116,6 +115,12 @@ 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.preventDefault();
+        }
+    };
     var handleBlur = function (event) {
         var _a, _b, _c;
         if (view === 'desktop') {
@@ -216,7 +221,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 },
-        React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(coreComponentsInput.Input, 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,
                 rightAddons,
                 picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) })),
         picker && (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles.calendarContainer, (_c = {},

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

@@ -1,4 +1,4 @@
-/* hash: 1tntl */
+/* hash: mh5gy */
 :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_qnl0i {
+} .date-range-input__component_i7dcl {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_qnl0i {
+} .date-range-input__calendarContainer_i7dcl {
     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_qnl0i {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_i7dcl {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_qnl0i {
+    } .date-range-input__calendarResponsive_i7dcl {
     width: var(--calendar-width);
-} .date-range-input__block_qnl0i {
+} .date-range-input__block_i7dcl {
     width: 100%;
-} .date-range-input__calendarIcon_qnl0i {
+} .date-range-input__calendarIcon_i7dcl {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/date-range-input/cssm/components/date-range-input/Component.d.ts

@@ -103,6 +103,10 @@ type DateRangeInputProps = Omit<InputProps, 'onChange'> & ConditionalProps & {
      * Отображение компонента в мобильном или десктопном виде
      */
     view?: 'desktop' | 'mobile';
+    /**
+     * Запретить ввод с клавиатуры
+     */
+    disableUserInput?: boolean;
 };
 declare const DateRangeInput: React.ForwardRefExoticComponent<DateRangeInputProps & React.RefAttributes<HTMLInputElement>>;
 export { ConditionalProps, DateRangeInputProps, DateRangeInput };

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

@@ -24,19 +24,18 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
-/* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
 var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
     var _b, _c;
     var _d;
-    var className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, disabled = _a.disabled, readOnly = _a.readOnly, picker = _a.picker, _e = _a.defaultValue, defaultValue = _e === void 0 ? '' : _e, propValue = _a.value, onChange = _a.onChange, onComplete = _a.onComplete, onClose = _a.onClose, rightAddons = _a.rightAddons, useAnchorWidth = _a.useAnchorWidth, block = _a.block, _f = _a.popoverPosition, popoverPosition = _f === void 0 ? 'bottom-start' : _f, zIndexPopover = _a.zIndexPopover, preventFlip = _a.preventFlip, _g = _a.Calendar, Calendar = _g === void 0 ? coreComponentsCalendar.Calendar : _g, _h = _a.calendarProps, calendarProps = _h === void 0 ? {} : _h, defaultMonth = _a.defaultMonth, _j = _a.minDate, minDate = _j === void 0 ? calendarProps.minDate : _j, _k = _a.maxDate, maxDate = _k === void 0 ? calendarProps.maxDate : _k, _l = _a.offDays, offDays = _l === void 0 ? calendarProps.offDays || [] : _l, _m = _a.events, events = _m === void 0 ? calendarProps.events || [] : _m, _o = _a.defaultOpen, defaultOpen = _o === void 0 ? false : _o, _p = _a.view, view = _p === void 0 ? 'desktop' : _p, restProps = tslib.__rest(_a, ["className", "inputClassName", "popoverClassName", "disabled", "readOnly", "picker", "defaultValue", "value", "onChange", "onComplete", "onClose", "rightAddons", "useAnchorWidth", "block", "popoverPosition", "zIndexPopover", "preventFlip", "Calendar", "calendarProps", "defaultMonth", "minDate", "maxDate", "offDays", "events", "defaultOpen", "view"]);
+    var className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, disabled = _a.disabled, readOnly = _a.readOnly, _e = _a.disableUserInput, disableUserInput = _e === void 0 ? false : _e, picker = _a.picker, _f = _a.defaultValue, defaultValue = _f === void 0 ? '' : _f, propValue = _a.value, onChange = _a.onChange, onComplete = _a.onComplete, onClose = _a.onClose, rightAddons = _a.rightAddons, useAnchorWidth = _a.useAnchorWidth, block = _a.block, _g = _a.popoverPosition, popoverPosition = _g === void 0 ? 'bottom-start' : _g, zIndexPopover = _a.zIndexPopover, preventFlip = _a.preventFlip, _h = _a.Calendar, Calendar = _h === void 0 ? coreComponentsCalendar.Calendar : _h, _j = _a.calendarProps, calendarProps = _j === void 0 ? {} : _j, defaultMonth = _a.defaultMonth, _k = _a.minDate, minDate = _k === void 0 ? calendarProps.minDate : _k, _l = _a.maxDate, maxDate = _l === void 0 ? calendarProps.maxDate : _l, _m = _a.offDays, offDays = _m === void 0 ? calendarProps.offDays || [] : _m, _o = _a.events, events = _o === void 0 ? calendarProps.events || [] : _o, _p = _a.defaultOpen, defaultOpen = _p === void 0 ? false : _p, _q = _a.view, view = _q === void 0 ? 'desktop' : _q, restProps = tslib.__rest(_a, ["className", "inputClassName", "popoverClassName", "disabled", "readOnly", "disableUserInput", "picker", "defaultValue", "value", "onChange", "onComplete", "onClose", "rightAddons", "useAnchorWidth", "block", "popoverPosition", "zIndexPopover", "preventFlip", "Calendar", "calendarProps", "defaultMonth", "minDate", "maxDate", "offDays", "events", "defaultOpen", "view"]);
     var inputRef = React.useRef(null);
     var iconRef = React.useRef(null);
     var calendarRef = React.useRef(null);
-    var _q = React.useState(propValue || defaultValue), value = _q[0], setValue = _q[1];
-    var _r = React.useState(defaultOpen), open = _r[0], setOpen = _r[1];
+    var _r = React.useState(propValue || defaultValue), value = _r[0], setValue = _r[1];
+    var _s = React.useState(defaultOpen), open = _s[0], setOpen = _s[1];
     var inputDisabled = disabled || readOnly;
     var calendarResponsive = (_d = calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.responsive) !== null && _d !== void 0 ? _d : true;
-    var _s = coreComponentsCalendar.usePeriod({ onPeriodChange: handlePeriodChange }), selectedFrom = _s.selectedFrom, selectedTo = _s.selectedTo, updatePeriod = _s.updatePeriod, resetPeriod = _s.resetPeriod, setStart = _s.setStart, setEnd = _s.setEnd;
+    var _t = coreComponentsCalendar.usePeriod({ onPeriodChange: handlePeriodChange }), selectedFrom = _t.selectedFrom, selectedTo = _t.selectedTo, updatePeriod = _t.updatePeriod, resetPeriod = _t.resetPeriod, setStart = _t.setStart, setEnd = _t.setEnd;
     React.useEffect(function () {
         if (value) {
             setCalendarPeriod(getDates(value));
@@ -115,6 +114,12 @@ 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.preventDefault();
+        }
+    };
     var handleBlur = function (event) {
         var _a, _b, _c;
         if (view === 'desktop') {
@@ -215,7 +220,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 },
-        React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(coreComponentsInput.Input, 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,
                 rightAddons,
                 picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles__default.default.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) })),
         picker && (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles__default.default.calendarContainer, (_c = {},

package/date-range-input/esm/components/date-range-input/Component.d.ts

@@ -103,6 +103,10 @@ type DateRangeInputProps = Omit<InputProps, 'onChange'> & ConditionalProps & {
      * Отображение компонента в мобильном или десктопном виде
      */
     view?: 'desktop' | 'mobile';
+    /**
+     * Запретить ввод с клавиатуры
+     */
+    disableUserInput?: boolean;
 };
 declare const DateRangeInput: React.ForwardRefExoticComponent<DateRangeInputProps & React.RefAttributes<HTMLInputElement>>;
 export { ConditionalProps, DateRangeInputProps, DateRangeInput };

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

@@ -13,22 +13,21 @@ 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_qnl0i","calendarContainer":"date-range-input__calendarContainer_qnl0i","calendarResponsive":"date-range-input__calendarResponsive_qnl0i","block":"date-range-input__block_qnl0i","calendarIcon":"date-range-input__calendarIcon_qnl0i"};
+var styles = {"component":"date-range-input__component_i7dcl","calendarContainer":"date-range-input__calendarContainer_i7dcl","calendarResponsive":"date-range-input__calendarResponsive_i7dcl","block":"date-range-input__block_i7dcl","calendarIcon":"date-range-input__calendarIcon_i7dcl"};
 require('./index.css');
 
-/* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
 var DateRangeInput = React.forwardRef(function (_a, ref) {
     var _b, _c;
     var _d;
-    var className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, disabled = _a.disabled, readOnly = _a.readOnly, picker = _a.picker, _e = _a.defaultValue, defaultValue = _e === void 0 ? '' : _e, propValue = _a.value, onChange = _a.onChange, onComplete = _a.onComplete, onClose = _a.onClose, rightAddons = _a.rightAddons, useAnchorWidth = _a.useAnchorWidth, block = _a.block, _f = _a.popoverPosition, popoverPosition = _f === void 0 ? 'bottom-start' : _f, zIndexPopover = _a.zIndexPopover, preventFlip = _a.preventFlip, _g = _a.Calendar, Calendar$1 = _g === void 0 ? Calendar : _g, _h = _a.calendarProps, calendarProps = _h === void 0 ? {} : _h, defaultMonth = _a.defaultMonth, _j = _a.minDate, minDate = _j === void 0 ? calendarProps.minDate : _j, _k = _a.maxDate, maxDate = _k === void 0 ? calendarProps.maxDate : _k, _l = _a.offDays, offDays = _l === void 0 ? calendarProps.offDays || [] : _l, _m = _a.events, events = _m === void 0 ? calendarProps.events || [] : _m, _o = _a.defaultOpen, defaultOpen = _o === void 0 ? false : _o, _p = _a.view, view = _p === void 0 ? 'desktop' : _p, restProps = __rest(_a, ["className", "inputClassName", "popoverClassName", "disabled", "readOnly", "picker", "defaultValue", "value", "onChange", "onComplete", "onClose", "rightAddons", "useAnchorWidth", "block", "popoverPosition", "zIndexPopover", "preventFlip", "Calendar", "calendarProps", "defaultMonth", "minDate", "maxDate", "offDays", "events", "defaultOpen", "view"]);
+    var className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, disabled = _a.disabled, readOnly = _a.readOnly, _e = _a.disableUserInput, disableUserInput = _e === void 0 ? false : _e, picker = _a.picker, _f = _a.defaultValue, defaultValue = _f === void 0 ? '' : _f, propValue = _a.value, onChange = _a.onChange, onComplete = _a.onComplete, onClose = _a.onClose, rightAddons = _a.rightAddons, useAnchorWidth = _a.useAnchorWidth, block = _a.block, _g = _a.popoverPosition, popoverPosition = _g === void 0 ? 'bottom-start' : _g, zIndexPopover = _a.zIndexPopover, preventFlip = _a.preventFlip, _h = _a.Calendar, Calendar$1 = _h === void 0 ? Calendar : _h, _j = _a.calendarProps, calendarProps = _j === void 0 ? {} : _j, defaultMonth = _a.defaultMonth, _k = _a.minDate, minDate = _k === void 0 ? calendarProps.minDate : _k, _l = _a.maxDate, maxDate = _l === void 0 ? calendarProps.maxDate : _l, _m = _a.offDays, offDays = _m === void 0 ? calendarProps.offDays || [] : _m, _o = _a.events, events = _o === void 0 ? calendarProps.events || [] : _o, _p = _a.defaultOpen, defaultOpen = _p === void 0 ? false : _p, _q = _a.view, view = _q === void 0 ? 'desktop' : _q, restProps = __rest(_a, ["className", "inputClassName", "popoverClassName", "disabled", "readOnly", "disableUserInput", "picker", "defaultValue", "value", "onChange", "onComplete", "onClose", "rightAddons", "useAnchorWidth", "block", "popoverPosition", "zIndexPopover", "preventFlip", "Calendar", "calendarProps", "defaultMonth", "minDate", "maxDate", "offDays", "events", "defaultOpen", "view"]);
     var inputRef = useRef(null);
     var iconRef = useRef(null);
     var calendarRef = useRef(null);
-    var _q = useState(propValue || defaultValue), value = _q[0], setValue = _q[1];
-    var _r = useState(defaultOpen), open = _r[0], setOpen = _r[1];
+    var _r = useState(propValue || defaultValue), value = _r[0], setValue = _r[1];
+    var _s = useState(defaultOpen), open = _s[0], setOpen = _s[1];
     var inputDisabled = disabled || readOnly;
     var calendarResponsive = (_d = calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.responsive) !== null && _d !== void 0 ? _d : true;
-    var _s = usePeriod({ onPeriodChange: handlePeriodChange }), selectedFrom = _s.selectedFrom, selectedTo = _s.selectedTo, updatePeriod = _s.updatePeriod, resetPeriod = _s.resetPeriod, setStart = _s.setStart, setEnd = _s.setEnd;
+    var _t = usePeriod({ onPeriodChange: handlePeriodChange }), selectedFrom = _t.selectedFrom, selectedTo = _t.selectedTo, updatePeriod = _t.updatePeriod, resetPeriod = _t.resetPeriod, setStart = _t.setStart, setEnd = _t.setEnd;
     useEffect(function () {
         if (value) {
             setCalendarPeriod(getDates(value));
@@ -107,6 +106,12 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
             }
         }
     };
+    var handleInputKeyDown = function (event) {
+        var isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
+        if (disableUserInput && !isCopy) {
+            event.preventDefault();
+        }
+    };
     var handleBlur = function (event) {
         var _a, _b, _c;
         if (view === 'desktop') {
@@ -207,7 +212,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 },
-        React.createElement(Input, __assign({}, restProps, { block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, rightAddons: React.createElement(React.Fragment, null,
+        React.createElement(Input, __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,
                 rightAddons,
                 picker && (React.createElement(IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) })),
         picker && (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, (_c = {},

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

@@ -1,4 +1,4 @@
-/* hash: 1tntl */
+/* hash: mh5gy */
 :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_qnl0i {
+} .date-range-input__component_i7dcl {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_qnl0i {
+} .date-range-input__calendarContainer_i7dcl {
     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_qnl0i {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_i7dcl {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_qnl0i {
+    } .date-range-input__calendarResponsive_i7dcl {
     width: var(--calendar-width);
-} .date-range-input__block_qnl0i {
+} .date-range-input__block_i7dcl {
     width: 100%;
-} .date-range-input__calendarIcon_qnl0i {
+} .date-range-input__calendarIcon_i7dcl {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/date-range-input/modern/components/date-range-input/Component.d.ts

@@ -103,6 +103,10 @@ type DateRangeInputProps = Omit<InputProps, 'onChange'> & ConditionalProps & {
      * Отображение компонента в мобильном или десктопном виде
      */
     view?: 'desktop' | 'mobile';
+    /**
+     * Запретить ввод с клавиатуры
+     */
+    disableUserInput?: boolean;
 };
 declare const DateRangeInput: React.ForwardRefExoticComponent<DateRangeInputProps & React.RefAttributes<HTMLInputElement>>;
 export { ConditionalProps, DateRangeInputProps, DateRangeInput };

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

@@ -12,11 +12,11 @@ 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_qnl0i","calendarContainer":"date-range-input__calendarContainer_qnl0i","calendarResponsive":"date-range-input__calendarResponsive_qnl0i","block":"date-range-input__block_qnl0i","calendarIcon":"date-range-input__calendarIcon_qnl0i"};
+const styles = {"component":"date-range-input__component_i7dcl","calendarContainer":"date-range-input__calendarContainer_i7dcl","calendarResponsive":"date-range-input__calendarResponsive_i7dcl","block":"date-range-input__block_i7dcl","calendarIcon":"date-range-input__calendarIcon_i7dcl"};
 require('./index.css');
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
-const DateRangeInput = React.forwardRef(({ className, inputClassName, popoverClassName, disabled, readOnly, picker, defaultValue = '', value: propValue, onChange, onComplete, onClose, rightAddons, useAnchorWidth, block, popoverPosition = 'bottom-start', zIndexPopover, preventFlip, Calendar: Calendar$1 = Calendar, calendarProps = {}, defaultMonth, minDate = calendarProps.minDate, maxDate = calendarProps.maxDate, offDays = calendarProps.offDays || [], events = calendarProps.events || [], defaultOpen = false, view = 'desktop', ...restProps }, ref) => {
+const DateRangeInput = React.forwardRef(({ className, inputClassName, popoverClassName, disabled, readOnly, disableUserInput = false, picker, defaultValue = '', value: propValue, onChange, onComplete, onClose, rightAddons, useAnchorWidth, block, popoverPosition = 'bottom-start', zIndexPopover, preventFlip, Calendar: Calendar$1 = Calendar, calendarProps = {}, defaultMonth, minDate = calendarProps.minDate, maxDate = calendarProps.maxDate, offDays = calendarProps.offDays || [], events = calendarProps.events || [], defaultOpen = false, view = 'desktop', ...restProps }, ref) => {
     const inputRef = useRef(null);
     const iconRef = useRef(null);
     const calendarRef = useRef(null);
@@ -102,6 +102,12 @@ const DateRangeInput = React.forwardRef(({ className, inputClassName, popoverCla
             }
         }
     };
+    const handleInputKeyDown = (event) => {
+        const isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
+        if (disableUserInput && !isCopy) {
+            event.preventDefault();
+        }
+    };
     const handleBlur = (event) => {
         if (view === 'desktop') {
             const target = (event.relatedTarget || document.activeElement);
@@ -200,7 +206,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 },
-        React.createElement(Input, { ...restProps, block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, rightAddons: React.createElement(React.Fragment, null,
+        React.createElement(Input, { ...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,
                 rightAddons,
                 picker && (React.createElement(IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) }),
         picker && (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, {