@alfalab/core-components 36.3.0 → 36.4.0

package/date-input/cssm/utils/index.js

@@ -1,10 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var utils_format = require('./format.js');
+var utils_nativeSupports = require('./native-supports.js');
 require('date-fns/format');
 require('date-fns/isValid');
 require('date-fns/parse');
-var utils_format = require('./format.js');
-var utils_nativeSupports = require('./native-supports.js');
 
 
 

package/date-input/cssm/utils/native-supports.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /**
  * Возвращает `true`, если поддерживается `input[type="date"]`
  */

package/date-input/esm/Component.js

@@ -1,11 +1,11 @@
 import React, { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { Input } from '../../input/esm';
+import { format, parseDateString, isCompleteDateInput, isValid, formatDate, NATIVE_DATE_FORMAT } from './utils/format.js';
+import { isInputDateSupported } from './utils/native-supports.js';
 import 'date-fns/format';
 import 'date-fns/isValid';
 import 'date-fns/parse';
-import { format, parseDateString, isCompleteDateInput, isValid, NATIVE_DATE_FORMAT, formatDate } from './utils/format.js';
-import { isInputDateSupported } from './utils/native-supports.js';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -46,7 +46,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"nativeInput":"date-input__nativeInput_10zsa"};
+var styles = {"nativeInput":"date-input__nativeInput_1oepz"};
 require('./index.css');
 
 var DateInput = forwardRef(function (_a, ref) {

package/date-input/esm/index.css

@@ -7,7 +7,7 @@
 
     /* Hard up */
 }
-.date-input__nativeInput_10zsa {
+.date-input__nativeInput_1oepz {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -18,9 +18,9 @@
             appearance: none;
     z-index: 1
 }
-.date-input__nativeInput_10zsa::-webkit-calendar-picker-indicator {
+.date-input__nativeInput_1oepz::-webkit-calendar-picker-indicator {
         display: none;
     }
-.date-input__nativeInput_10zsa::-webkit-inner-spin-button {
+.date-input__nativeInput_1oepz::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/esm/index.js

@@ -1,9 +1,9 @@
+export { DateInput } from './Component.js';
+export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './utils/format.js';
+export { isInputDateSupported } from './utils/native-supports.js';
 import 'react';
 import 'react-merge-refs';
 import '../../input/esm';
 import 'date-fns/format';
 import 'date-fns/isValid';
 import 'date-fns/parse';
-export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './utils/format.js';
-export { isInputDateSupported } from './utils/native-supports.js';
-export { DateInput } from './Component.js';

package/date-input/esm/utils/format.d.ts

@@ -4,6 +4,6 @@ declare const DATE_MASK: (string | RegExp)[];
 declare const isCompleteDateInput: (input: string) => boolean;
 declare const formatDate: (date: Date | number, dateFormat?: string) => string;
 declare const parseDateString: (value: string, dateFormat?: string) => Date;
-declare const isValid: (inputValue?: string | undefined) => boolean;
+declare const isValid: (inputValue?: string) => boolean;
 declare const format: (value: string) => string;
 export { DATE_FORMAT, NATIVE_DATE_FORMAT, DATE_MASK, isCompleteDateInput, formatDate, parseDateString, isValid, format };

package/date-input/esm/utils/index.js

@@ -1,5 +1,5 @@
+export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './format.js';
+export { isInputDateSupported } from './native-supports.js';
 import 'date-fns/format';
 import 'date-fns/isValid';
 import 'date-fns/parse';
-export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './format.js';
-export { isInputDateSupported } from './native-supports.js';

package/date-input/index.css

@@ -7,7 +7,7 @@
 
     /* Hard up */
 }
-.date-input__nativeInput_10zsa {
+.date-input__nativeInput_1oepz {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -18,9 +18,9 @@
             appearance: none;
     z-index: 1
 }
-.date-input__nativeInput_10zsa::-webkit-calendar-picker-indicator {
+.date-input__nativeInput_1oepz::-webkit-calendar-picker-indicator {
         display: none;
     }
-.date-input__nativeInput_10zsa::-webkit-inner-spin-button {
+.date-input__nativeInput_1oepz::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/index.js

@@ -1,14 +1,12 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var Component = require('./Component.js');
+var utils_format = require('./utils/format.js');
+var utils_nativeSupports = require('./utils/native-supports.js');
 require('react');
 require('react-merge-refs');
 require('../input');
 require('date-fns/format');
 require('date-fns/isValid');
 require('date-fns/parse');
-var utils_format = require('./utils/format.js');
-var utils_nativeSupports = require('./utils/native-supports.js');
 
 
 

package/date-input/modern/Component.js

@@ -1,13 +1,13 @@
 import React, { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
 import mergeRefs from 'react-merge-refs';
+import { Input } from '../../input/modern';
+import { format, parseDateString, isCompleteDateInput, isValid, formatDate, NATIVE_DATE_FORMAT } from './utils/format.js';
+import { isInputDateSupported } from './utils/native-supports.js';
 import 'date-fns/format';
 import 'date-fns/isValid';
 import 'date-fns/parse';
-import { Input } from '../../input/modern';
-import { format, parseDateString, isCompleteDateInput, isValid, NATIVE_DATE_FORMAT, formatDate } from './utils/format.js';
-import { isInputDateSupported } from './utils/native-supports.js';
 
-var styles = {"nativeInput":"date-input__nativeInput_10zsa"};
+const styles = {"nativeInput":"date-input__nativeInput_1oepz"};
 require('./index.css');
 
 const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAddons, error, value: propValue, onBlur, onChange, onComplete, ...restProps }, ref) => {

package/date-input/modern/index.css

@@ -7,7 +7,7 @@
 
     /* Hard up */
 }
-.date-input__nativeInput_10zsa {
+.date-input__nativeInput_1oepz {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -18,9 +18,9 @@
             appearance: none;
     z-index: 1
 }
-.date-input__nativeInput_10zsa::-webkit-calendar-picker-indicator {
+.date-input__nativeInput_1oepz::-webkit-calendar-picker-indicator {
         display: none;
     }
-.date-input__nativeInput_10zsa::-webkit-inner-spin-button {
+.date-input__nativeInput_1oepz::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/modern/index.js

@@ -1,9 +1,9 @@
+export { DateInput } from './Component.js';
+export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './utils/format.js';
+export { isInputDateSupported } from './utils/native-supports.js';
 import 'react';
 import 'react-merge-refs';
+import '../../input/modern';
 import 'date-fns/format';
 import 'date-fns/isValid';
 import 'date-fns/parse';
-import '../../input/modern';
-export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './utils/format.js';
-export { isInputDateSupported } from './utils/native-supports.js';
-export { DateInput } from './Component.js';

package/date-input/modern/utils/format.d.ts

@@ -4,6 +4,6 @@ declare const DATE_MASK: (string | RegExp)[];
 declare const isCompleteDateInput: (input: string) => boolean;
 declare const formatDate: (date: Date | number, dateFormat?: string) => string;
 declare const parseDateString: (value: string, dateFormat?: string) => Date;
-declare const isValid: (inputValue?: string | undefined) => boolean;
+declare const isValid: (inputValue?: string) => boolean;
 declare const format: (value: string) => string;
 export { DATE_FORMAT, NATIVE_DATE_FORMAT, DATE_MASK, isCompleteDateInput, formatDate, parseDateString, isValid, format };

package/date-input/modern/utils/index.js

@@ -1,5 +1,5 @@
+export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './format.js';
+export { isInputDateSupported } from './native-supports.js';
 import 'date-fns/format';
 import 'date-fns/isValid';
 import 'date-fns/parse';
-export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './format.js';
-export { isInputDateSupported } from './native-supports.js';

package/date-input/utils/format.d.ts

@@ -4,6 +4,6 @@ declare const DATE_MASK: (string | RegExp)[];
 declare const isCompleteDateInput: (input: string) => boolean;
 declare const formatDate: (date: Date | number, dateFormat?: string) => string;
 declare const parseDateString: (value: string, dateFormat?: string) => Date;
-declare const isValid: (inputValue?: string | undefined) => boolean;
+declare const isValid: (inputValue?: string) => boolean;
 declare const format: (value: string) => string;
 export { DATE_FORMAT, NATIVE_DATE_FORMAT, DATE_MASK, isCompleteDateInput, formatDate, parseDateString, isValid, format };

package/date-input/utils/format.js

@@ -1,29 +1,21 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var dateFnsFormat = require('date-fns/format');
 var dateFnsIsValid = require('date-fns/isValid');
 var parse = require('date-fns/parse');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var dateFnsFormat__default = /*#__PURE__*/_interopDefaultLegacy(dateFnsFormat);
-var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultLegacy(dateFnsIsValid);
-var parse__default = /*#__PURE__*/_interopDefaultLegacy(parse);
-
 var DATE_FORMAT = 'dd.MM.yyyy';
 var NATIVE_DATE_FORMAT = 'yyyy-MM-dd';
 var DATE_MASK = [/\d/, /\d/, '.', /\d/, /\d/, '.', /\d/, /\d/, /\d/, /\d/];
 var isCompleteDateInput = function (input) { return input.length === DATE_MASK.length; };
 var formatDate = function (date, dateFormat) {
     if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
-    return dateFnsFormat__default['default'](date, dateFormat);
+    return dateFnsFormat(date, dateFormat);
 };
 var parseDateString = function (value, dateFormat) {
     if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
-    return parse__default['default'](value, dateFormat, new Date());
+    return parse(value, dateFormat, new Date());
 };
 var isValid = function (inputValue) {
-    return !inputValue || (isCompleteDateInput(inputValue) && dateFnsIsValid__default['default'](parseDateString(inputValue)));
+    return !inputValue || (isCompleteDateInput(inputValue) && dateFnsIsValid(parseDateString(inputValue)));
 };
 var format = function (value) {
     return value

package/date-input/utils/index.js

@@ -1,10 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var utils_format = require('./format.js');
+var utils_nativeSupports = require('./native-supports.js');
 require('date-fns/format');
 require('date-fns/isValid');
 require('date-fns/parse');
-var utils_format = require('./format.js');
-var utils_nativeSupports = require('./native-supports.js');
 
 
 

package/date-input/utils/native-supports.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /**
  * Возвращает `true`, если поддерживается `input[type="date"]`
  */

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

@@ -115,7 +115,7 @@ declare const DateRangeInput: React.ForwardRefExoticComponent<Omit<InputProps, "
         dateFrom?: Date;
         dateTo?: Date;
         value: string;
-    }, event?: React.ChangeEvent<HTMLInputElement> | undefined) => void) | undefined;
+    }, event?: ChangeEvent<HTMLInputElement>) => void) | undefined;
     /**
      * Обработчик окончания ввода
      */
@@ -123,7 +123,7 @@ declare const DateRangeInput: React.ForwardRefExoticComponent<Omit<InputProps, "
         dateFrom: Date;
         dateTo: Date;
         value: string;
-    }, event?: React.ChangeEvent<HTMLInputElement> | undefined) => void) | undefined;
+    }, event?: ChangeEvent<HTMLInputElement>) => void) | undefined;
     /**
      * Компонент календаря
      */

package/date-range-input/Component.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
@@ -10,15 +8,8 @@ var coreComponentsInput = require('../input');
 var coreComponentsPopover = require('../popover');
 var hooks = require('@alfalab/hooks');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
-require('date-fns/parse');
 var utils_format = require('./utils/format.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultLegacy(dateFnsIsValid);
+require('date-fns/parse');
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -59,11 +50,11 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"date-range-input__component_1l4m9","calendarContainer":"date-range-input__calendarContainer_1l4m9","calendarResponsive":"date-range-input__calendarResponsive_1l4m9","block":"date-range-input__block_1l4m9"};
+var styles = {"component":"date-range-input__component_1akod","calendarContainer":"date-range-input__calendarContainer_1akod","calendarResponsive":"date-range-input__calendarResponsive_1akod","block":"date-range-input__block_1akod"};
 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 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, 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, restProps = __rest(_a, ["className", "inputClassName", "popoverClassName", "disabled", "readOnly", "picker", "defaultValue", "value", "onChange", "onComplete", "rightAddons", "useAnchorWidth", "block", "popoverPosition", "zIndexPopover", "preventFlip", "Calendar", "calendarProps", "defaultMonth", "minDate", "maxDate", "offDays", "events", "defaultOpen"]);
@@ -145,12 +136,12 @@ var DateRangeInput = React__default['default'].forwardRef(function (_a, ref) {
         else if (selectedFrom && selectedTo) {
             setEnd();
         }
-        else if (dateFnsIsValid__default['default'](dateFrom) &&
+        else if (dateFnsIsValid(dateFrom) &&
             ((_a = dateArr[0]) === null || _a === void 0 ? void 0 : _a.length) === utils_format.DATE_FORMAT.length &&
             dateFrom.getTime() !== selectedFrom) {
             setStart(dateFrom.getTime());
         }
-        else if (dateFnsIsValid__default['default'](dateTo) &&
+        else if (dateFnsIsValid(dateTo) &&
             ((_b = dateArr[1]) === null || _b === void 0 ? void 0 : _b.length) === utils_format.DATE_FORMAT.length &&
             dateTo.getTime() !== selectedTo) {
             setEnd(dateTo.getTime());
@@ -181,7 +172,7 @@ var DateRangeInput = React__default['default'].forwardRef(function (_a, ref) {
     };
     React.useEffect(function () {
         if (selectedFrom && selectedTo) {
-            setValue(utils_format.parseTimestampToDate(selectedFrom) + " - " + utils_format.parseTimestampToDate(selectedTo));
+            setValue("".concat(utils_format.parseTimestampToDate(selectedFrom), " - ").concat(utils_format.parseTimestampToDate(selectedTo)));
         }
         else if (selectedFrom && value.length < utils_format.DATE_FORMAT.length) {
             setValue(utils_format.parseTimestampToDate(selectedFrom));
@@ -202,15 +193,15 @@ var DateRangeInput = React__default['default'].forwardRef(function (_a, ref) {
     };
     var renderCalendar = function () { return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React__default['default'].createElement("div", { onMouseDown: handleCalendarWrapperMouseDown },
-        React__default['default'].createElement(CalendarComponent, __assign({}, calendarProps, { responsive: calendarResponsive, open: open, onClose: handleCalendarClose, ref: calendarRef, defaultMonth: defaultMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events })))); };
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className, (_b = {},
+    React.createElement("div", { onMouseDown: handleCalendarWrapperMouseDown },
+        React.createElement(CalendarComponent, __assign({}, calendarProps, { responsive: calendarResponsive, open: open, onClose: handleCalendarClose, ref: calendarRef, defaultMonth: defaultMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events })))); };
+    return (React.createElement("div", { className: cn(styles.component, className, (_b = {},
             _b[styles.block] = block,
             _b)), onClick: inputDisabled ? undefined : handleInputWrapperClick, onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
-        React__default['default'].createElement(coreComponentsInput.Input, __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.createElement(coreComponentsInput.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,
                 rightAddons,
-                picker && (React__default['default'].createElement(coreComponentsIconButton.IconButton, { onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 'xxs' }))) })),
-        picker && (React__default['default'].createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default['default'](styles.calendarContainer, (_c = {},
+                picker && (React.createElement(coreComponentsIconButton.IconButton, { onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 'xxs' }))) })),
+        picker && (React.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, (_c = {},
                 _c[styles.calendarResponsive] = calendarResponsive,
                 _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar()))));
 });

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

@@ -115,7 +115,7 @@ declare const DateRangeInput: React.ForwardRefExoticComponent<Omit<InputProps, "
         dateFrom?: Date;
         dateTo?: Date;
         value: string;
-    }, event?: React.ChangeEvent<HTMLInputElement> | undefined) => void) | undefined;
+    }, event?: ChangeEvent<HTMLInputElement>) => void) | undefined;
     /**
      * Обработчик окончания ввода
      */
@@ -123,7 +123,7 @@ declare const DateRangeInput: React.ForwardRefExoticComponent<Omit<InputProps, "
         dateFrom: Date;
         dateTo: Date;
         value: string;
-    }, event?: React.ChangeEvent<HTMLInputElement> | undefined) => void) | undefined;
+    }, event?: ChangeEvent<HTMLInputElement>) => void) | undefined;
     /**
      * Компонент календаря
      */

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

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
@@ -10,17 +8,9 @@ var coreComponentsInput = require('../../input/cssm');
 var coreComponentsPopover = require('../../popover/cssm');
 var hooks = require('@alfalab/hooks');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
-require('date-fns/parse');
 var utils_format = require('./utils/format.js');
 var styles = require('./index.module.css');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultLegacy(dateFnsIsValid);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+require('date-fns/parse');
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -62,7 +52,7 @@ function __rest(s, e) {
 }
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
-var DateRangeInput = React__default['default'].forwardRef(function (_a, ref) {
+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, 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, restProps = __rest(_a, ["className", "inputClassName", "popoverClassName", "disabled", "readOnly", "picker", "defaultValue", "value", "onChange", "onComplete", "rightAddons", "useAnchorWidth", "block", "popoverPosition", "zIndexPopover", "preventFlip", "Calendar", "calendarProps", "defaultMonth", "minDate", "maxDate", "offDays", "events", "defaultOpen"]);
@@ -144,12 +134,12 @@ var DateRangeInput = React__default['default'].forwardRef(function (_a, ref) {
         else if (selectedFrom && selectedTo) {
             setEnd();
         }
-        else if (dateFnsIsValid__default['default'](dateFrom) &&
+        else if (dateFnsIsValid(dateFrom) &&
             ((_a = dateArr[0]) === null || _a === void 0 ? void 0 : _a.length) === utils_format.DATE_FORMAT.length &&
             dateFrom.getTime() !== selectedFrom) {
             setStart(dateFrom.getTime());
         }
-        else if (dateFnsIsValid__default['default'](dateTo) &&
+        else if (dateFnsIsValid(dateTo) &&
             ((_b = dateArr[1]) === null || _b === void 0 ? void 0 : _b.length) === utils_format.DATE_FORMAT.length &&
             dateTo.getTime() !== selectedTo) {
             setEnd(dateTo.getTime());
@@ -180,7 +170,7 @@ var DateRangeInput = React__default['default'].forwardRef(function (_a, ref) {
     };
     React.useEffect(function () {
         if (selectedFrom && selectedTo) {
-            setValue(utils_format.parseTimestampToDate(selectedFrom) + " - " + utils_format.parseTimestampToDate(selectedTo));
+            setValue("".concat(utils_format.parseTimestampToDate(selectedFrom), " - ").concat(utils_format.parseTimestampToDate(selectedTo)));
         }
         else if (selectedFrom && value.length < utils_format.DATE_FORMAT.length) {
             setValue(utils_format.parseTimestampToDate(selectedFrom));
@@ -201,16 +191,16 @@ var DateRangeInput = React__default['default'].forwardRef(function (_a, ref) {
     };
     var renderCalendar = function () { return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React__default['default'].createElement("div", { onMouseDown: handleCalendarWrapperMouseDown },
-        React__default['default'].createElement(CalendarComponent, __assign({}, calendarProps, { responsive: calendarResponsive, open: open, onClose: handleCalendarClose, ref: calendarRef, defaultMonth: defaultMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events })))); };
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className, (_b = {},
-            _b[styles__default['default'].block] = block,
+    React.createElement("div", { onMouseDown: handleCalendarWrapperMouseDown },
+        React.createElement(CalendarComponent, __assign({}, calendarProps, { responsive: calendarResponsive, open: open, onClose: handleCalendarClose, ref: calendarRef, defaultMonth: defaultMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events })))); };
+    return (React.createElement("div", { className: cn(styles.component, className, (_b = {},
+            _b[styles.block] = block,
             _b)), onClick: inputDisabled ? undefined : handleInputWrapperClick, onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
-        React__default['default'].createElement(coreComponentsInput.Input, __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.createElement(coreComponentsInput.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,
                 rightAddons,
-                picker && (React__default['default'].createElement(coreComponentsIconButton.IconButton, { onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 'xxs' }))) })),
-        picker && (React__default['default'].createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default['default'](styles__default['default'].calendarContainer, (_c = {},
-                _c[styles__default['default'].calendarResponsive] = calendarResponsive,
+                picker && (React.createElement(coreComponentsIconButton.IconButton, { onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 'xxs' }))) })),
+        picker && (React.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, (_c = {},
+                _c[styles.calendarResponsive] = calendarResponsive,
                 _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar()))));
 });
 

package/date-range-input/cssm/index.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var Component = require('./Component.js');
 require('react');
 require('react-merge-refs');
@@ -11,8 +9,8 @@ require('../../input/cssm');
 require('../../popover/cssm');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
-require('date-fns/parse');
 require('./utils/format.js');
+require('date-fns/parse');
 require('./index.module.css');
 
 

package/date-range-input/cssm/utils/format.js

@@ -1,13 +1,6 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var dateFnsIsValid = require('date-fns/isValid');
 var parse = require('date-fns/parse');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultLegacy(dateFnsIsValid);
-var parse__default = /*#__PURE__*/_interopDefaultLegacy(parse);
-
 /* eslint-disable no-useless-escape */
 var DATE_FORMAT = 'dd.MM.yyyy';
 var DATE_MASK = [
@@ -38,13 +31,13 @@ var DATE_MASK = [
 var isCompleteDateInput = function (input) { return input.length === DATE_MASK.length; };
 var parseDateString = function (value, dateFormat) {
     if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
-    return parse__default['default'](value, dateFormat, new Date());
+    return parse(value, dateFormat, new Date());
 };
 var isValid = function (inputValue, dateFrom, dateTo) {
     return !inputValue ||
         (isCompleteDateInput(inputValue) &&
-            dateFnsIsValid__default['default'](parseDateString(dateFrom)) &&
-            dateFnsIsValid__default['default'](parseDateString(dateTo)));
+            dateFnsIsValid(parseDateString(dateFrom)) &&
+            dateFnsIsValid(parseDateString(dateTo)));
 };
 var format = function (value) {
     return value
@@ -79,12 +72,12 @@ var parseTimestampToDate = function (timestamp) {
     var month = date.getMonth() + 1;
     var day = date.getDate();
     if (month < 10) {
-        month = "0" + month;
+        month = "0".concat(month);
     }
     if (day < 10) {
-        day = "0" + day;
+        day = "0".concat(day);
     }
-    return day + "." + month + "." + year;
+    return "".concat(day, ".").concat(month, ".").concat(year);
 };
 
 exports.DATE_FORMAT = DATE_FORMAT;

package/date-range-input/cssm/utils/index.js

@@ -1,8 +1,6 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var utils_format = require('./format.js');
 require('date-fns/isValid');
 require('date-fns/parse');
-var utils_format = require('./format.js');
 
 
 

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

@@ -115,7 +115,7 @@ declare const DateRangeInput: React.ForwardRefExoticComponent<Omit<InputProps, "
         dateFrom?: Date;
         dateTo?: Date;
         value: string;
-    }, event?: React.ChangeEvent<HTMLInputElement> | undefined) => void) | undefined;
+    }, event?: ChangeEvent<HTMLInputElement>) => void) | undefined;
     /**
      * Обработчик окончания ввода
      */
@@ -123,7 +123,7 @@ declare const DateRangeInput: React.ForwardRefExoticComponent<Omit<InputProps, "
         dateFrom: Date;
         dateTo: Date;
         value: string;
-    }, event?: React.ChangeEvent<HTMLInputElement> | undefined) => void) | undefined;
+    }, event?: ChangeEvent<HTMLInputElement>) => void) | undefined;
     /**
      * Компонент календаря
      */

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

@@ -8,8 +8,8 @@ import { Input } from '../../input/esm';
 import { Popover } from '../../popover/esm';
 import { useMedia } from '@alfalab/hooks';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
-import 'date-fns/parse';
 import { parseTimestampToDate, DATE_FORMAT, DATE_MASK, format, parseDateString, isCompleteDateInput, isValid } from './utils/format.js';
+import 'date-fns/parse';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -50,7 +50,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"date-range-input__component_1l4m9","calendarContainer":"date-range-input__calendarContainer_1l4m9","calendarResponsive":"date-range-input__calendarResponsive_1l4m9","block":"date-range-input__block_1l4m9"};
+var styles = {"component":"date-range-input__component_1akod","calendarContainer":"date-range-input__calendarContainer_1akod","calendarResponsive":"date-range-input__calendarResponsive_1akod","block":"date-range-input__block_1akod"};
 require('./index.css');
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -172,7 +172,7 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
     };
     useEffect(function () {
         if (selectedFrom && selectedTo) {
-            setValue(parseTimestampToDate(selectedFrom) + " - " + parseTimestampToDate(selectedTo));
+            setValue("".concat(parseTimestampToDate(selectedFrom), " - ").concat(parseTimestampToDate(selectedTo)));
         }
         else if (selectedFrom && value.length < DATE_FORMAT.length) {
             setValue(parseTimestampToDate(selectedFrom));