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

package/custom-picker-button/cssm/mobile/Component.mobile.js

@@ -1,17 +1,23 @@
-import React, { forwardRef } from 'react';
-import { PickerButtonMobile } from '../../../picker-button/cssm/mobile';
-import { Field } from '../field/Component.js';
-import 'classnames';
-import '../../../custom-button/cssm';
-import '../../../picker-button/cssm/shared';
-import '../field/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const DEFAULT_BUTTON_COLOR = '#FF45C3';
-const DEFAULT_CONTENT_COLOR = 'white';
-const CustomPickerButtonMobile = forwardRef(({ backgroundColor = DEFAULT_BUTTON_COLOR, contentColor = DEFAULT_CONTENT_COLOR, stateType = 'darkening', ...restProps }, ref) => (React.createElement(PickerButtonMobile, { ...restProps, fieldProps: {
-        backgroundColor,
-        contentColor,
-        stateType,
-    }, Field: Field, ref: ref })));
+var tslib = require('tslib');
+var React = require('react');
+var mobile = require('../../../picker-button/cssm/mobile');
+var field_Component = require('../field/Component.js');
 
-export { CustomPickerButtonMobile };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var DEFAULT_BUTTON_COLOR = '#FF45C3';
+var DEFAULT_CONTENT_COLOR = 'white';
+var CustomPickerButtonMobile = React.forwardRef(function (_a, ref) {
+    var _b = _a.backgroundColor, backgroundColor = _b === void 0 ? DEFAULT_BUTTON_COLOR : _b, _c = _a.contentColor, contentColor = _c === void 0 ? DEFAULT_CONTENT_COLOR : _c, _d = _a.stateType, stateType = _d === void 0 ? 'darkening' : _d, restProps = tslib.__rest(_a, ["backgroundColor", "contentColor", "stateType"]);
+    return (React__default.default.createElement(mobile.PickerButtonMobile, tslib.__assign({}, restProps, { fieldProps: {
+            backgroundColor: backgroundColor,
+            contentColor: contentColor,
+            stateType: stateType,
+        }, Field: field_Component.Field, ref: ref })));
+});
+
+exports.CustomPickerButtonMobile = CustomPickerButtonMobile;

package/custom-picker-button/cssm/mobile/index.js

@@ -1,8 +1,7 @@
-export { CustomPickerButtonMobile } from './Component.mobile.js';
-import 'react';
-import '../../../picker-button/cssm/mobile';
-import '../field/Component.js';
-import 'classnames';
-import '../../../custom-button/cssm';
-import '../../../picker-button/cssm/shared';
-import '../field/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var mobile_Component_mobile = require('./Component.mobile.js');
+
+
+
+exports.CustomPickerButtonMobile = mobile_Component_mobile.CustomPickerButtonMobile;

package/date-input/cssm/Component.js

@@ -1,29 +1,37 @@
-import React, { forwardRef, useRef, useState, useEffect } from 'react';
-import mergeRefs from 'react-merge-refs';
-import { Input } from '../../input/cssm';
-import { format, parseDateString, isCompleteDateInput, isValid, NATIVE_DATE_FORMAT, formatDate } from './utils/format.js';
-import { isInputDateSupported } from './utils/native-supports.js';
-import styles from './index.module.css';
-import 'date-fns/format';
-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 coreComponentsInput = require('../../input/cssm');
+var utils_format = require('./utils/format.js');
+var utils_nativeSupports = require('./utils/native-supports.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 styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 /**
  * @deprecated
  * use UniversalDateInput instead
  */
-const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAddons, error, value: propValue, onBlur, onChange, onComplete, ...restProps }, ref) => {
-    const inputRef = useRef(null);
-    const [shouldRenderNative, setShouldRenderNative] = useState(false);
-    const [value, setValue] = useState(propValue || defaultValue);
-    const moveCaretTo = (pos) => {
-        requestAnimationFrame(() => {
-            inputRef.current?.setSelectionRange(pos, pos);
+var DateInput = React.forwardRef(function (_a, ref) {
+    var _b = _a.mobileMode, mobileMode = _b === void 0 ? 'input' : _b, _c = _a.defaultValue, defaultValue = _c === void 0 ? '' : _c, rightAddons = _a.rightAddons, error = _a.error, propValue = _a.value, onBlur = _a.onBlur, onChange = _a.onChange, onComplete = _a.onComplete, restProps = tslib.__rest(_a, ["mobileMode", "defaultValue", "rightAddons", "error", "value", "onBlur", "onChange", "onComplete"]);
+    var inputRef = React.useRef(null);
+    var _d = React.useState(false), shouldRenderNative = _d[0], setShouldRenderNative = _d[1];
+    var _e = React.useState(propValue || defaultValue), value = _e[0], setValue = _e[1];
+    var moveCaretTo = function (pos) {
+        requestAnimationFrame(function () {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(pos, pos);
         });
     };
-    const handleChange = (event) => {
-        const { value: newValue } = event.target;
-        const caretPos = event.target.selectionStart || 0;
+    var handleChange = function (event) {
+        var newValue = event.target.value;
+        var caretPos = event.target.selectionStart || 0;
         // Позволяем вводить только цифры и точки
         if (/[^\d.]/.test(newValue)) {
             moveCaretTo(caretPos - 1);
@@ -35,8 +43,8 @@ const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAd
             return;
         }
         // Форматируем введенное значение (добавляем точки)
-        const formattedValue = format(newValue);
-        const date = parseDateString(formattedValue);
+        var formattedValue = utils_format.format(newValue);
+        var date = utils_format.parseDateString(formattedValue);
         // Управляем кареткой, если она находится не в конце инпута
         if (caretPos !== newValue.length) {
             if (formattedValue === value) {
@@ -52,45 +60,45 @@ const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAd
         }
         setValue(formattedValue);
         if (onChange)
-            onChange(event, { date, value: formattedValue });
-        if (isCompleteDateInput(formattedValue)) {
-            const valid = formattedValue.length > 0 && isValid(formattedValue);
+            onChange(event, { date: date, value: formattedValue });
+        if (utils_format.isCompleteDateInput(formattedValue)) {
+            var valid = formattedValue.length > 0 && utils_format.isValid(formattedValue);
             if (!valid)
                 return;
             if (onComplete)
-                onComplete(event, { date, value: formattedValue });
+                onComplete(event, { date: date, value: formattedValue });
         }
     };
-    const handleNativeInputChange = (event) => {
-        const newDate = parseDateString(event.target.value, NATIVE_DATE_FORMAT);
-        const newValue = event.target.value === '' ? '' : formatDate(newDate);
+    var handleNativeInputChange = function (event) {
+        var newDate = utils_format.parseDateString(event.target.value, utils_format.NATIVE_DATE_FORMAT);
+        var newValue = event.target.value === '' ? '' : utils_format.formatDate(newDate);
         setValue(newValue);
         if (onComplete)
             onComplete(event, { date: newDate, value: newValue });
         if (onChange)
             onChange(event, { date: newDate, value: newValue });
     };
-    const handleBlur = (event) => {
+    var handleBlur = function (event) {
         if (onBlur)
             onBlur(event);
     };
-    useEffect(() => {
-        if (mobileMode === 'native' && isInputDateSupported()) {
+    React.useEffect(function () {
+        if (mobileMode === 'native' && utils_nativeSupports.isInputDateSupported()) {
             setShouldRenderNative(true);
         }
     }, [mobileMode]);
-    useEffect(() => {
+    React.useEffect(function () {
         if (typeof propValue !== 'undefined') {
             setValue(propValue);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [propValue]);
-    return (React.createElement(Input, { ...restProps, ref: mergeRefs([ref, inputRef]), value: value, inputMode: 'decimal', pattern: '[0-9\\.]*', onChange: handleChange, onBlur: handleBlur, placeholder: '\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413', error: error, rightAddons: React.createElement(React.Fragment, null,
+    return (React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([ref, inputRef]), value: value, inputMode: 'decimal', pattern: '[0-9\\.]*', onChange: handleChange, onBlur: handleBlur, placeholder: '\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413', error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
             rightAddons,
-            shouldRenderNative && (React.createElement("input", { type: 'date', ref: ref, defaultValue: defaultValue, onChange: handleNativeInputChange, className: styles.nativeInput }))) }));
+            shouldRenderNative && (React__default.default.createElement("input", { type: 'date', ref: ref, defaultValue: defaultValue, onChange: handleNativeInputChange, className: styles__default.default.nativeInput }))) })));
 });
 function getDotsCount(value) {
     return (value.match(/\./g) || []).length;
 }
 
-export { DateInput };
+exports.DateInput = DateInput;

package/date-input/cssm/index.js

@@ -1,10 +1,18 @@
-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/cssm';
-import './index.module.css';
-import 'date-fns/format';
-import 'date-fns/isValid';
-import 'date-fns/parse';
+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');
+
+
+
+exports.DateInput = Component.DateInput;
+exports.DATE_FORMAT = utils_format.DATE_FORMAT;
+exports.DATE_MASK = utils_format.DATE_MASK;
+exports.NATIVE_DATE_FORMAT = utils_format.NATIVE_DATE_FORMAT;
+exports.format = utils_format.format;
+exports.formatDate = utils_format.formatDate;
+exports.isCompleteDateInput = utils_format.isCompleteDateInput;
+exports.isValid = utils_format.isValid;
+exports.parseDateString = utils_format.parseDateString;
+exports.isInputDateSupported = utils_nativeSupports.isInputDateSupported;

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

@@ -1,30 +1,55 @@
-import dateFnsFormat from 'date-fns/format';
-import dateFnsIsValid from 'date-fns/isValid';
-import parse from 'date-fns/parse';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const DATE_FORMAT = 'dd.MM.yyyy';
-const NATIVE_DATE_FORMAT = 'yyyy-MM-dd';
-const DATE_MASK = [/\d/, /\d/, '.', /\d/, /\d/, '.', /\d/, /\d/, /\d/, /\d/];
-const isCompleteDateInput = (input) => input.length === DATE_MASK.length;
-const formatDate = (date, dateFormat = DATE_FORMAT) => dateFnsFormat(date, dateFormat);
-const parseDateString = (value, dateFormat = DATE_FORMAT) => parse(value, dateFormat, new Date());
-const isValid = (inputValue) => !inputValue || (isCompleteDateInput(inputValue) && dateFnsIsValid(parseDateString(inputValue)));
-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(/^(\d\d\.\d\d\.\d\d\d\d).*/, '$1') // 12.12.20056 => 12.12.2005
-    .replace(/\.$/, '') // 12. => 12
-    .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\.\d\d\d\d)([0-9]*)/, '$1') // 1.12.2005123123 => 01.12.2005
-    .replace(/^(\d\d\.\d\.\d\d\d\d)([0-9]*)/, '$1') // 01.2.20055125125 => 01.2.2005
-    .replace(/^(\d\.\d\.\d\d\d\d)([0-9]*)/, '$1') // 1.2.20055125125 => 1.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.$2.$3') // 01..2005123123 => 01..2005
-    .replace(/^(\d)\.()\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3') // 1..2005123123 => 1..2005
-    .replace(/^()\.()\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3') // ..2005123123 => ..2005
-    .replace(/^()\.(\d)\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3'); // .2.2005123123 => .2.2005
+var dateFnsFormat = require('date-fns/format');
+var dateFnsIsValid = require('date-fns/isValid');
+var parse = require('date-fns/parse');
 
-export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var dateFnsFormat__default = /*#__PURE__*/_interopDefaultCompat(dateFnsFormat);
+var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
+var parse__default = /*#__PURE__*/_interopDefaultCompat(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);
+};
+var parseDateString = function (value, dateFormat) {
+    if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
+    return parse__default.default(value, dateFormat, new Date());
+};
+var isValid = function (inputValue) {
+    return !inputValue || (isCompleteDateInput(inputValue) && dateFnsIsValid__default.default(parseDateString(inputValue)));
+};
+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(/^(\d\d\.\d\d\.\d\d\d\d).*/, '$1') // 12.12.20056 => 12.12.2005
+        .replace(/\.$/, '') // 12. => 12
+        .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\.\d\d\d\d)([0-9]*)/, '$1') // 1.12.2005123123 => 01.12.2005
+        .replace(/^(\d\d\.\d\.\d\d\d\d)([0-9]*)/, '$1') // 01.2.20055125125 => 01.2.2005
+        .replace(/^(\d\.\d\.\d\d\d\d)([0-9]*)/, '$1') // 1.2.20055125125 => 1.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.$2.$3') // 01..2005123123 => 01..2005
+        .replace(/^(\d)\.()\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3') // 1..2005123123 => 1..2005
+        .replace(/^()\.()\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3') // ..2005123123 => ..2005
+        .replace(/^()\.(\d)\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3');
+}; // .2.2005123123 => .2.2005
+
+exports.DATE_FORMAT = DATE_FORMAT;
+exports.DATE_MASK = DATE_MASK;
+exports.NATIVE_DATE_FORMAT = NATIVE_DATE_FORMAT;
+exports.format = format;
+exports.formatDate = formatDate;
+exports.isCompleteDateInput = isCompleteDateInput;
+exports.isValid = isValid;
+exports.parseDateString = parseDateString;

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

@@ -1,5 +1,16 @@
-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';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils_format = require('./format.js');
+var utils_nativeSupports = require('./native-supports.js');
+
+
+
+exports.DATE_FORMAT = utils_format.DATE_FORMAT;
+exports.DATE_MASK = utils_format.DATE_MASK;
+exports.NATIVE_DATE_FORMAT = utils_format.NATIVE_DATE_FORMAT;
+exports.format = utils_format.format;
+exports.formatDate = utils_format.formatDate;
+exports.isCompleteDateInput = utils_format.isCompleteDateInput;
+exports.isValid = utils_format.isValid;
+exports.parseDateString = utils_format.parseDateString;
+exports.isInputDateSupported = utils_nativeSupports.isInputDateSupported;

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

@@ -1,12 +1,14 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 /**
  * Возвращает `true`, если поддерживается `input[type="date"]`
  */
 function isInputDateSupported() {
-    const input = document.createElement('input');
-    const value = 'a';
+    var input = document.createElement('input');
+    var value = 'a';
     input.setAttribute('type', 'date');
     input.setAttribute('value', value);
     return input.value !== value;
 }
 
-export { isInputDateSupported };
+exports.isInputDateSupported = isInputDateSupported;

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

@@ -1,34 +1,26 @@
-import React, { forwardRef } from 'react';
-import { useMedia } from '@alfalab/hooks';
-import { DateRangeInputDesktop } from './desktop/Component.desktop.js';
-import { DateRangeInputMobile } from './mobile/Component.mobile.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 '../../calendar/cssm/mobile';
-import '../../input/cssm/mobile';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+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);
 
 /**
  * @deprecated
  * use UniversalDateInput instead
  */
-const DateRangeInputResponsive = 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(DateRangeInputDesktop, { ...restProps, ref: ref })) : (React.createElement(DateRangeInputMobile, { ...restProps, ref: ref }));
+var DateRangeInputResponsive = React.forwardRef(function (_a, ref) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _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.DateRangeInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.DateRangeInputMobile, tslib.__assign({}, restProps, { ref: ref })));
 });
 
-export { DateRangeInputResponsive };
+exports.DateRangeInputResponsive = DateRangeInputResponsive;