@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.2

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

@@ -1,21 +1,7 @@
-export { DateRangeInputResponsive as DateRangeInput } from './Component.responsive.js';
-import 'react';
-import '@alfalab/hooks';
-import './desktop/Component.desktop.js';
-import '../../calendar/cssm/desktop';
-import '../../input/cssm/desktop';
-import './components/date-range-input/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import 'date-fns/isValid';
-import 'date-fns/startOfMonth';
-import '../../calendar/cssm/shared';
-import '../../icon-button/cssm';
-import '../../popover/cssm';
-import '@alfalab/icons-glyph/CalendarMIcon';
-import './utils/format.js';
-import 'date-fns/parse';
-import './components/date-range-input/index.module.css';
-import './mobile/Component.mobile.js';
-import '../../calendar/cssm/mobile';
-import '../../input/cssm/mobile';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.DateRangeInput = Component_responsive.DateRangeInputResponsive;

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

@@ -1,24 +1,19 @@
-import React, { forwardRef } from 'react';
-import { CalendarMobile } from '../../../calendar/cssm/mobile';
-import { InputMobile } from '../../../input/cssm/mobile';
-import { DateRangeInput } from '../components/date-range-input/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import 'date-fns/isValid';
-import 'date-fns/startOfMonth';
-import '../../../calendar/cssm/shared';
-import '../../../icon-button/cssm';
-import '../../../popover/cssm';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CalendarMIcon';
-import '../utils/format.js';
-import 'date-fns/parse';
-import '../components/date-range-input/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mobile$1 = require('../../../calendar/cssm/mobile');
+var mobile = require('../../../input/cssm/mobile');
+var components_dateRangeInput_Component = require('../components/date-range-input/Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 /**
  * @deprecated
  * use UniversalDateInput instead
  */
-const DateRangeInputMobile = forwardRef((props, ref) => (React.createElement(DateRangeInput, { InputComponent: InputMobile, Calendar: CalendarMobile, view: 'mobile', ...props, ref: ref })));
+var DateRangeInputMobile = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_dateRangeInput_Component.DateRangeInput, tslib.__assign({ InputComponent: mobile.InputMobile, Calendar: mobile$1.CalendarMobile, view: 'mobile' }, props, { ref: ref }))); });
 
-export { DateRangeInputMobile };
+exports.DateRangeInputMobile = DateRangeInputMobile;

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

@@ -1,17 +1,7 @@
-export { DateRangeInputMobile } from './Component.mobile.js';
-import 'react';
-import '../../../calendar/cssm/mobile';
-import '../../../input/cssm/mobile';
-import '../components/date-range-input/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import 'date-fns/isValid';
-import 'date-fns/startOfMonth';
-import '../../../calendar/cssm/shared';
-import '../../../icon-button/cssm';
-import '../../../popover/cssm';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CalendarMIcon';
-import '../utils/format.js';
-import 'date-fns/parse';
-import '../components/date-range-input/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var mobile_Component_mobile = require('./Component.mobile.js');
+
+
+
+exports.DateRangeInputMobile = mobile_Component_mobile.DateRangeInputMobile;

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

@@ -1,9 +1,16 @@
-import dateFnsIsValid from 'date-fns/isValid';
-import parse from 'date-fns/parse';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dateFnsIsValid = require('date-fns/isValid');
+var parse = require('date-fns/parse');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
+var parse__default = /*#__PURE__*/_interopDefaultCompat(parse);
 
 /* eslint-disable no-useless-escape */
-const DATE_FORMAT = 'dd.MM.yyyy';
-const DATE_MASK = [
+var DATE_FORMAT = 'dd.MM.yyyy';
+var DATE_MASK = [
     /\d/,
     /\d/,
     '.',
@@ -28,54 +35,67 @@ const DATE_MASK = [
     /\d/,
     /\d/,
 ];
-const isCompleteDateInput = (input) => input.length === DATE_MASK.length;
-const parseDateString = (value, dateFormat = DATE_FORMAT) => parse(value, dateFormat, new Date());
-const isValid = (inputValue, dateFrom, dateTo) => !inputValue ||
-    (isCompleteDateInput(inputValue) &&
-        dateFnsIsValid(parseDateString(dateFrom)) &&
-        dateFnsIsValid(parseDateString(dateTo)));
-const format = (value) => value
-    .replace(/^(\d\d)(\d)$/, '$1.$2') // 121 => 12.1
-    .replace(/^(\d\d)\.(\d\d)(\d)$/, '$1.$2.$3') // 12.122 => 12.12.2
-    .replace(/^(\d\d)\d\.(.*)/, '$1.$2') // 123.12.2005 => 12.12.2005
-    .replace(/^(\d\d\.\d\d)\d\.(.*)/, '$1.$2') // 12.123.2005 => 12.12.2005
-    .replace(/\.$/, '') // 12. => 12
-    .replace(/\ $/, '') // 1 2 => 12
-    .replace(/^(\d\d\.\d\d\.\d\d\d\d)(\d) - (\d.*)/, '$1 - $3') // 12.12.20051 - 12.12.200 => 12.12.2005 - 12.12.200
-    .replace(/^(\d\d\.\d\d\.\d\d\d\d) (\d)- (\d.*)/, '$1 - $3') // 12.12.2005 1- 12.12.200 => 12.12.2005 - 12.12.200
-    .replace(/^(\d\d\.\d\d\.\d\d\d\d) -(\d) (\d.*)/, '$1 - $3') // 12.12.2005 -1 12.12.200 => 12.12.2005 - 12.12.200
-    .replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d)(\d\d.\d\d.\d\d\d)/, '$1 - $3') // 12.12.2005 - 112.12.200 => 12.12.2005 - 12.12.200
-    .replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d)(\d\d.\d.\d\d\d\d)/, '$1 - $3') // 12.12.2005 - 112.1.2001 => 12.12.2005 - 12.1.2001
-    .replace(/^(\d\d\.\d\d)(\d\d\d\d)/, '$1.$2') // 12.122005 => 12.12.2005
-    .replace(/^(\d\d)(\d\d\.\d\d\d\d)/, '$1.$2') // 1212.2005 => 12.12.2005
-    .replace(/^(\d\d)(\d.*)/, '$1.$2') // 1212 => 12.12
-    .replace(/^(\d\d.\d\d)(\d.*)/, '$1.$2') // 12.122 => 12.12.2
-    .replace(/^(\d\d\.\d\d\.\d\d\d\d)(\d)/, '$1 - $2') // 12.12.20056 => 12.12.2005 - 6
-    .replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d\d)(\d)/, '$1 - $2.$3') // 12.12.2005 - 123 => 12.12.2005 - 12.3
-    .replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d\d).(\d\d)(\d)/, '$1 - $2.$3.$4') // 12.12.2005 - 12.123 => 12.12.2005 - 12.12.3
-    .replace(/^(\d\d\.\d\d\.\d\d\d\d)- (\d.*)/, '$1 - $2') // 12.12.2005- 12.12.2005 => 12.12.2005 - 12.12.2005
-    .replace(/^(\d\d\.\d\d\.\d\d\d\d) -(\d.*)/, '$1 - $2') // 12.12.2005 -12.12.2005 => 12.12.2005 - 12.12.2005
-    .replace(/^(\d\d\.\d\d\.\d\d\d\d) -/, '$1') // 12.12.2005 - => 12.12.2005
-    .replace(/^(\d\d\.\d\d\.\d\d\d\d) (\d.*)/, '$1 - $2') // 12.12.2005 12.12.2005 => 12.12.2005 - 12.12.2005
-    .replace(/^(\d\d\.\d\d\.\d\d\d\d)  {2}(\d.*)/, '$1 - $2') // 12.12.2005  12.12.2005 => 12.12.2005 - 12.12.2005
-    .replace(/^(\d\d\.\d\d\.\d\d\d\d)-/, '$1') // 12.12.2005- => 12.12.2005
-    .replace(/^(\d\.\d\d\.\d\d\d\d)([0-9]*)/, '$1') // 1.12.2005123123 => 1.12.2005
-    .replace(/^(\d\d\.\d\.\d\d\d\d)([0-9]*)/, '$1') // 01.2.20055125125 => 01.2.2005
-    .replace(/^(\d)\.(\d\d)([0-9]*)\.(\d\d\d\d)/, '$1.$2.$4') // 1.123123.2005 => 1.12.2005
-    .replace(/^(\d\.\d\.\d\d\d\d)([0-9]*)/, '$1') // 1.2.20055125125 => 1.2.2005
-    .replace(/^()\.(\d)\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3'); // .2.2005123123 => .2.2005
-const parseTimestampToDate = (timestamp) => {
-    const date = new Date(timestamp);
-    const year = date.getFullYear();
-    let month = date.getMonth() + 1;
-    let day = date.getDate();
+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());
+};
+var isValid = function (inputValue, dateFrom, dateTo) {
+    return !inputValue ||
+        (isCompleteDateInput(inputValue) &&
+            dateFnsIsValid__default.default(parseDateString(dateFrom)) &&
+            dateFnsIsValid__default.default(parseDateString(dateTo)));
+};
+var format = function (value) {
+    return value
+        .replace(/^(\d\d)(\d)$/, '$1.$2') // 121 => 12.1
+        .replace(/^(\d\d)\.(\d\d)(\d)$/, '$1.$2.$3') // 12.122 => 12.12.2
+        .replace(/^(\d\d)\d\.(.*)/, '$1.$2') // 123.12.2005 => 12.12.2005
+        .replace(/^(\d\d\.\d\d)\d\.(.*)/, '$1.$2') // 12.123.2005 => 12.12.2005
+        .replace(/\.$/, '') // 12. => 12
+        .replace(/\ $/, '') // 1 2 => 12
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d)(\d) - (\d.*)/, '$1 - $3') // 12.12.20051 - 12.12.200 => 12.12.2005 - 12.12.200
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) (\d)- (\d.*)/, '$1 - $3') // 12.12.2005 1- 12.12.200 => 12.12.2005 - 12.12.200
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) -(\d) (\d.*)/, '$1 - $3') // 12.12.2005 -1 12.12.200 => 12.12.2005 - 12.12.200
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d)(\d\d.\d\d.\d\d\d)/, '$1 - $3') // 12.12.2005 - 112.12.200 => 12.12.2005 - 12.12.200
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d)(\d\d.\d.\d\d\d\d)/, '$1 - $3') // 12.12.2005 - 112.1.2001 => 12.12.2005 - 12.1.2001
+        .replace(/^(\d\d\.\d\d)(\d\d\d\d)/, '$1.$2') // 12.122005 => 12.12.2005
+        .replace(/^(\d\d)(\d\d\.\d\d\d\d)/, '$1.$2') // 1212.2005 => 12.12.2005
+        .replace(/^(\d\d)(\d.*)/, '$1.$2') // 1212 => 12.12
+        .replace(/^(\d\d.\d\d)(\d.*)/, '$1.$2') // 12.122 => 12.12.2
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d)(\d)/, '$1 - $2') // 12.12.20056 => 12.12.2005 - 6
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d\d)(\d)/, '$1 - $2.$3') // 12.12.2005 - 123 => 12.12.2005 - 12.3
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d\d).(\d\d)(\d)/, '$1 - $2.$3.$4') // 12.12.2005 - 12.123 => 12.12.2005 - 12.12.3
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d)- (\d.*)/, '$1 - $2') // 12.12.2005- 12.12.2005 => 12.12.2005 - 12.12.2005
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) -(\d.*)/, '$1 - $2') // 12.12.2005 -12.12.2005 => 12.12.2005 - 12.12.2005
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) -/, '$1') // 12.12.2005 - => 12.12.2005
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) (\d.*)/, '$1 - $2') // 12.12.2005 12.12.2005 => 12.12.2005 - 12.12.2005
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d)  {2}(\d.*)/, '$1 - $2') // 12.12.2005  12.12.2005 => 12.12.2005 - 12.12.2005
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d)-/, '$1') // 12.12.2005- => 12.12.2005
+        .replace(/^(\d\.\d\d\.\d\d\d\d)([0-9]*)/, '$1') // 1.12.2005123123 => 1.12.2005
+        .replace(/^(\d\d\.\d\.\d\d\d\d)([0-9]*)/, '$1') // 01.2.20055125125 => 01.2.2005
+        .replace(/^(\d)\.(\d\d)([0-9]*)\.(\d\d\d\d)/, '$1.$2.$4') // 1.123123.2005 => 1.12.2005
+        .replace(/^(\d\.\d\.\d\d\d\d)([0-9]*)/, '$1') // 1.2.20055125125 => 1.2.2005
+        .replace(/^()\.(\d)\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3');
+}; // .2.2005123123 => .2.2005
+var parseTimestampToDate = function (timestamp) {
+    var date = new Date(timestamp);
+    var year = date.getFullYear();
+    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);
 };
 
-export { DATE_FORMAT, DATE_MASK, format, isCompleteDateInput, isValid, parseDateString, parseTimestampToDate };
+exports.DATE_FORMAT = DATE_FORMAT;
+exports.DATE_MASK = DATE_MASK;
+exports.format = format;
+exports.isCompleteDateInput = isCompleteDateInput;
+exports.isValid = isValid;
+exports.parseDateString = parseDateString;
+exports.parseTimestampToDate = parseTimestampToDate;

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

@@ -1,3 +1,13 @@
-export { DATE_FORMAT, DATE_MASK, format, isCompleteDateInput, isValid, parseDateString, parseTimestampToDate } from './format.js';
-import 'date-fns/isValid';
-import 'date-fns/parse';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils_format = require('./format.js');
+
+
+
+exports.DATE_FORMAT = utils_format.DATE_FORMAT;
+exports.DATE_MASK = utils_format.DATE_MASK;
+exports.format = utils_format.format;
+exports.isCompleteDateInput = utils_format.isCompleteDateInput;
+exports.isValid = utils_format.isValid;
+exports.parseDateString = utils_format.parseDateString;
+exports.parseTimestampToDate = utils_format.parseTimestampToDate;

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

@@ -1,5 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { useMedia } from '@alfalab/hooks';
 import { DateRangeInputDesktop } from './desktop/Component.desktop.js';
 import { DateRangeInputMobile } from './mobile/Component.mobile.js';
@@ -24,7 +25,7 @@ import '../../input/esm/mobile';
  * use UniversalDateInput instead
  */
 var DateRangeInputResponsive = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["breakpoint"]);
     var view = useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

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

@@ -1,6 +1,7 @@
 export { DateRangeInputResponsive as DateRangeInput } from './Component.responsive.js';
 import 'tslib';
 import 'react';
+import '../../shared/esm';
 import '@alfalab/hooks';
 import './desktop/Component.desktop.js';
 import '../../calendar/esm/desktop';

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

@@ -1,4 +1,5 @@
 import React, { forwardRef } from 'react';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { useMedia } from '@alfalab/hooks';
 import { DateRangeInputDesktop } from './desktop/Component.desktop.js';
 import { DateRangeInputMobile } from './mobile/Component.mobile.js';
@@ -22,7 +23,7 @@ import '../../input/modern/mobile';
  * @deprecated
  * use UniversalDateInput instead
  */
-const DateRangeInputResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
+const DateRangeInputResponsive = forwardRef(({ breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
     const [view] = useMedia([
         ['mobile', `(max-width: ${breakpoint - 1}px)`],
         ['desktop', `(min-width: ${breakpoint}px)`],

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

@@ -1,5 +1,6 @@
 export { DateRangeInputResponsive as DateRangeInput } from './Component.responsive.js';
 import 'react';
+import '../../shared/modern';
 import '@alfalab/hooks';
 import './desktop/Component.desktop.js';
 import '../../calendar/modern/desktop';

package/date-time-input/Component.responsive.js

@@ -2,6 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
+var coreComponentsShared = require('../shared');
 var hooks = require('@alfalab/hooks');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var DateTimeInputResponsive = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var view = hooks.useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

package/date-time-input/cssm/Component.responsive.js

@@ -1,29 +1,23 @@
-import React, { forwardRef } from 'react';
-import { useMedia } from '@alfalab/hooks';
-import { DateTimeInputDesktop } from './desktop/Component.desktop.js';
-import { DateTimeInputMobile } from './mobile/Component.mobile.js';
-import '../../calendar/cssm/desktop';
-import '../../input/cssm/desktop';
-import './components/date-time-input/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '../../calendar/cssm/shared';
-import '../../icon-button/cssm';
-import '../../popover/cssm';
-import '@alfalab/icons-glyph/CalendarMIcon';
-import './utils/format.js';
-import 'date-fns/isValid';
-import 'date-fns/parse';
-import './components/date-time-input/index.module.css';
-import '../../calendar/cssm/mobile';
-import '../../input/cssm/mobile';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const DateTimeInputResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
-    const [view] = useMedia([
-        ['mobile', `(max-width: ${breakpoint - 1}px)`],
-        ['desktop', `(min-width: ${breakpoint}px)`],
-    ], 'desktop');
-    return view === 'desktop' ? (React.createElement(DateTimeInputDesktop, { ...restProps, ref: ref })) : (React.createElement(DateTimeInputMobile, { ...restProps, ref: ref }));
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsShared = require('../../shared/cssm');
+var hooks = require('@alfalab/hooks');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var DateTimeInputResponsive = React.forwardRef(function (_a, ref) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var view = hooks.useMedia([
+        ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
+        ['desktop', "(min-width: ".concat(breakpoint, "px)")],
+    ], 'desktop')[0];
+    return view === 'desktop' ? (React__default.default.createElement(desktop_Component_desktop.DateTimeInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.DateTimeInputMobile, tslib.__assign({}, restProps, { ref: ref })));
 });
 
-export { DateTimeInputResponsive };
+exports.DateTimeInputResponsive = DateTimeInputResponsive;

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

@@ -1,53 +1,64 @@
-import React, { useRef, useState, useEffect } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { dateInLimits } from '../../../../calendar/cssm/shared';
-import { IconButton } from '../../../../icon-button/cssm';
-import { Popover } from '../../../../popover/cssm';
-import { useDidUpdateEffect } from '@alfalab/hooks';
-import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
-import { getDateWithoutTime, DATE_WITH_TIME_LENGTH, format, getFullDateTime, isCompleteDateInput, isValid, addTimeToDate, parseTimestampToDate } from '../../utils/format.js';
-import styles from './index.module.css';
-import 'date-fns/isValid';
-import 'date-fns/parse';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var shared = require('../../../../calendar/cssm/shared');
+var coreComponentsIconButton = require('../../../../icon-button/cssm');
+var coreComponentsPopover = require('../../../../popover/cssm');
+var hooks = require('@alfalab/hooks');
+var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
+var utils_format = require('../../utils/format.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
-const DateTimeInput = React.forwardRef(({ className, inputClassName, popoverClassName, disabled, readOnly, disableUserInput = false, picker, defaultValue = '', value: propValue, onChange, onComplete, rightAddons, useAnchorWidth, block, popoverPosition = 'bottom-start', zIndexPopover, preventFlip, InputComponent, Calendar, calendarProps = {}, defaultMonth, minDate = calendarProps.minDate, maxDate = calendarProps.maxDate, offDays = calendarProps.offDays || [], events = calendarProps.events || [], defaultOpen = false, error, view = 'desktop', ...restProps }, ref) => {
-    const inputRef = useRef(null);
-    const calendarRef = useRef(null);
-    const [value, setValue] = useState(propValue || defaultValue);
-    const [open, setOpen] = useState(false);
-    const calendarValue = value ? getDateWithoutTime(value).getTime() : undefined;
-    const inputDisabled = disabled || readOnly;
-    const calendarResponsive = calendarProps?.responsive ?? true;
-    useEffect(() => {
+var DateTimeInput = 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, _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, 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, InputComponent = _a.InputComponent, Calendar = _a.Calendar, _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, error = _a.error, _p = _a.view, view = _p === void 0 ? 'desktop' : _p, restProps = tslib.__rest(_a, ["className", "inputClassName", "popoverClassName", "disabled", "readOnly", "disableUserInput", "picker", "defaultValue", "value", "onChange", "onComplete", "rightAddons", "useAnchorWidth", "block", "popoverPosition", "zIndexPopover", "preventFlip", "InputComponent", "Calendar", "calendarProps", "defaultMonth", "minDate", "maxDate", "offDays", "events", "defaultOpen", "error", "view"]);
+    var inputRef = React.useRef(null);
+    var calendarRef = React.useRef(null);
+    var _q = React.useState(propValue || defaultValue), value = _q[0], setValue = _q[1];
+    var _r = React.useState(false), open = _r[0], setOpen = _r[1];
+    var calendarValue = value ? utils_format.getDateWithoutTime(value).getTime() : undefined;
+    var inputDisabled = disabled || readOnly;
+    var calendarResponsive = (_d = calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.responsive) !== null && _d !== void 0 ? _d : true;
+    React.useEffect(function () {
         setOpen(defaultOpen);
     }, [defaultOpen]);
-    useDidUpdateEffect(() => {
-        const newPropValue = propValue || '';
-        setValue((prevValue) => (prevValue === propValue ? prevValue : newPropValue));
+    hooks.useDidUpdateEffect(function () {
+        var newPropValue = propValue || '';
+        setValue(function (prevValue) { return (prevValue === propValue ? prevValue : newPropValue); });
     }, [propValue]);
-    const checkInputValueIsValid = (newInputValue) => {
+    var checkInputValueIsValid = function (newInputValue) {
         if (!newInputValue || error)
             return false;
-        const dateValue = getDateWithoutTime(newInputValue).getTime();
+        var dateValue = utils_format.getDateWithoutTime(newInputValue).getTime();
         return (dateValue &&
-            dateInLimits(dateValue, minDate, maxDate) &&
+            shared.dateInLimits(dateValue, minDate, maxDate) &&
             !offDays.includes(dateValue));
     };
-    const setTimeToDate = () => {
-        setValue((prevValue) => {
-            const dateWithTime = addTimeToDate(prevValue);
-            if (dateWithTime !== prevValue && dateWithTime.length === DATE_WITH_TIME_LENGTH) {
-                onComplete?.(null, {
-                    date: getFullDateTime(dateWithTime),
+    var setTimeToDate = function () {
+        setValue(function (prevValue) {
+            var dateWithTime = utils_format.addTimeToDate(prevValue);
+            if (dateWithTime !== prevValue && dateWithTime.length === utils_format.DATE_WITH_TIME_LENGTH) {
+                onComplete === null || onComplete === void 0 ? void 0 : onComplete(null, {
+                    date: utils_format.getFullDateTime(dateWithTime),
                     value: dateWithTime,
                 });
             }
             return dateWithTime;
         });
     };
-    const handleInputWrapperFocus = (event) => {
+    var handleInputWrapperFocus = function (event) {
         if (view === 'desktop') {
             if (picker) {
                 setOpen(true);
@@ -57,85 +68,87 @@ const DateTimeInput = React.forwardRef(({ className, inputClassName, popoverClas
             }
         }
     };
-    const handleBlur = (event) => {
+    var handleBlur = function (event) {
         if (view === 'desktop') {
-            const target = (event.relatedTarget || document.activeElement);
+            var target = (event.relatedTarget || document.activeElement);
             if (calendarRef.current && calendarRef.current.contains(target) === false) {
                 setOpen(false);
                 setTimeToDate();
             }
         }
     };
-    const handleChange = (event) => {
-        const { value: newValue } = event.target;
-        if (newValue.length > DATE_WITH_TIME_LENGTH)
+    var handleChange = function (event) {
+        var newValue = event.target.value;
+        if (newValue.length > utils_format.DATE_WITH_TIME_LENGTH)
             return;
         // Позволяем вводить только цифры, точки, запятую, двоеточие и пробел
         if (/[^\d., :]/.test(newValue)) {
             return;
         }
-        const dots = newValue.match(/\./g);
-        const colon = newValue.match(/:/g);
-        const comma = newValue.match(/,/g);
+        var dots = newValue.match(/\./g);
+        var colon = newValue.match(/:/g);
+        var comma = newValue.match(/,/g);
         // Не даем вводить больше, чем 2 точки, 1 двоеточие и 1 запятую
         if ((dots && dots.length > 2) ||
             (colon && colon.length > 1) ||
             (comma && comma.length > 1)) {
             return;
         }
-        const formattedValue = format(newValue);
-        const date = getFullDateTime(formattedValue);
+        var formattedValue = utils_format.format(newValue);
+        var date = utils_format.getFullDateTime(formattedValue);
         setValue(formattedValue);
         if (onChange)
-            onChange(event, { date, value: formattedValue });
-        if (isCompleteDateInput(formattedValue)) {
-            const valid = isValid(formattedValue);
+            onChange(event, { date: date, value: formattedValue });
+        if (utils_format.isCompleteDateInput(formattedValue)) {
+            var valid = utils_format.isValid(formattedValue);
             if (!valid)
                 return;
             if (onComplete) {
-                onComplete(event, { date, value: formattedValue });
+                onComplete(event, { date: date, value: formattedValue });
             }
         }
     };
-    const handleMobileCalendarClose = () => {
+    var handleMobileCalendarClose = function () {
         setOpen(false);
         setTimeToDate();
     };
-    const handleClear = () => {
+    var handleClear = function () {
         setValue('');
     };
-    const handleCalendarChange = (date) => {
+    var handleCalendarChange = function (date) {
         if (date) {
-            const newValue = parseTimestampToDate(date);
+            var newValue = utils_format.parseTimestampToDate(date);
             setValue(newValue);
-            onChange?.(null, { date: getFullDateTime(newValue), value: newValue });
+            onChange === null || onChange === void 0 ? void 0 : onChange(null, { date: utils_format.getFullDateTime(newValue), value: newValue });
         }
     };
-    const handleCalendarWrapperMouseDown = (event) => {
+    var handleCalendarWrapperMouseDown = function (event) {
         // Не дает инпуту терять фокус при выборе даты
         event.preventDefault();
     };
-    const handleIconButtonClick = () => {
+    var handleIconButtonClick = function () {
         if (!open)
             setOpen(true);
         if (view === 'desktop' && inputRef.current) {
             inputRef.current.focus();
         }
     };
-    const renderCalendar = () => Calendar ? (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React.createElement("div", { onMouseDown: handleCalendarWrapperMouseDown },
-        React.createElement(Calendar, { ...calendarProps, responsive: calendarResponsive, open: open, onClose: handleMobileCalendarClose, ref: calendarRef, defaultMonth: defaultMonth, value: checkInputValueIsValid(value) ? calendarValue : undefined, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events }))) : null;
-    return (React.createElement("div", { className: cn(styles.component, className, {
-            [styles.block]: block,
-        }), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
-        InputComponent ? (React.createElement(InputComponent, { autoComplete: picker ? 'off' : undefined, ...restProps, block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, error: error, rightAddons: React.createElement(React.Fragment, null,
+    var renderCalendar = function () {
+        return Calendar ? (
+        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+        React__default.default.createElement("div", { onMouseDown: handleCalendarWrapperMouseDown },
+            React__default.default.createElement(Calendar, tslib.__assign({}, calendarProps, { responsive: calendarResponsive, open: open, onClose: handleMobileCalendarClose, ref: calendarRef, defaultMonth: defaultMonth, value: checkInputValueIsValid(value) ? calendarValue : undefined, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events })))) : null;
+    };
+    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({ autoComplete: picker ? 'off' : undefined }, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
-                picker && (React.createElement(IconButton, { className: styles.calendarIcon, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) })) : null,
+                picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles__default.default.calendarIcon, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
         picker &&
-            (view === 'desktop' ? (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, {
-                    [styles.calendarResponsive]: calendarResponsive,
-                }), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
+            (view === 'desktop' ? (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,
+                    _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });
 
-export { DateTimeInput };
+exports.DateTimeInput = DateTimeInput;