@alfalab/core-components-time-input 3.0.0 → 3.1.0-snapshot-92b8690

package/dynamic-mixins/Component.d.ts

@@ -0,0 +1,42 @@
+import React, { ChangeEvent } from 'react';
+import { InputProps } from '@alfalab/core-components-input';
+export declare type TimeInputProps = Omit<InputProps, 'onChange'> & {
+    /**
+     * Обработчик изменения значения
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        hours: number;
+        mins: number;
+        value: string;
+    }) => void;
+    /**
+     * Обработчик окончания ввода
+     */
+    onComplete?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        hours: number;
+        mins: number;
+        value: string;
+    }) => void;
+};
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
+export declare const TimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "onChange"> & {
+    /**
+     * Обработчик изменения значения
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        hours: number;
+        mins: number;
+        value: string;
+    }) => void) | undefined;
+    /**
+     * Обработчик окончания ввода
+     */
+    onComplete?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        hours: number;
+        mins: number;
+        value: string;
+    }) => void) | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/dynamic-mixins/Component.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var dynamicMixins = require('@alfalab/core-components-input/dynamic-mixins');
+var format = require('./utils/format.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/* eslint-disable no-useless-escape */
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
+var TimeInput = React__default.default.forwardRef(function (_a, ref) {
+    var _b = _a.defaultValue, defaultValue = _b === void 0 ? '' : _b, propValue = _a.value, onChange = _a.onChange, onComplete = _a.onComplete, className = _a.className, restProps = tslib.__rest(_a, ["defaultValue", "value", "onChange", "onComplete", "className"]);
+    var _c = React.useState(propValue || defaultValue), value = _c[0], setValue = _c[1];
+    var handleChange = function (event) {
+        var newValue = event.target.value;
+        if (newValue.length > 5)
+            return;
+        // Позволяем вводить только цифры и двоеточия
+        if (/[^\d:]/.test(newValue)) {
+            return;
+        }
+        var colon = newValue.match(/\:/g);
+        // Не даем вводить больше, чем одно двоеточие
+        if (colon && colon.length > 1) {
+            return;
+        }
+        var formattedValue = format.format(newValue);
+        var formattedValueArr = formattedValue.split(':');
+        var hours = Number(formattedValueArr[0]);
+        var mins = Number(formattedValueArr[1]);
+        setValue(formattedValue);
+        if (onChange)
+            onChange(event, { hours: hours, mins: mins, value: formattedValue });
+        if (format.isCompleteTimeInput(formattedValue)) {
+            var valid = formattedValue.length > 0 && format.isValidInputValue(formattedValue);
+            if (!valid)
+                return;
+            if (onComplete) {
+                onComplete(event, { hours: hours, mins: mins, value: formattedValue });
+            }
+        }
+    };
+    var handleClearClick = function () {
+        setValue('');
+    };
+    return (React__default.default.createElement(dynamicMixins.Input, tslib.__assign({}, restProps, { ref: ref, value: value, className: className, onChange: handleChange, onClear: handleClearClick })));
+});
+
+exports.TimeInput = TimeInput;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable no-useless-escape */\n\nimport React, { ChangeEvent, useState } from 'react';\n\nimport { Input, InputProps } from '@alfalab/core-components-input';\n\nimport { format, isCompleteTimeInput, isValidInputValue } from './utils';\n\nexport type TimeInputProps = Omit<InputProps, 'onChange'> & {\n    /**\n     * Обработчик изменения значения\n     */\n    onChange?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n\n    /**\n     * Обработчик окончания ввода\n     */\n    onComplete?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { hours: number; mins: number; value: string },\n    ) => void;\n};\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const TimeInput = React.forwardRef<HTMLInputElement, TimeInputProps>(\n    (\n        { defaultValue = '', value: propValue, onChange, onComplete, className, ...restProps },\n        ref,\n    ) => {\n        const [value, setValue] = useState(propValue || defaultValue);\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const { value: newValue } = event.target;\n\n            if (newValue.length > 5) return;\n\n            // Позволяем вводить только цифры и двоеточия\n            if (/[^\\d:]/.test(newValue)) {\n                return;\n            }\n\n            const colon = newValue.match(/\\:/g);\n\n            // Не даем вводить больше, чем одно двоеточие\n            if (colon && colon.length > 1) {\n                return;\n            }\n\n            const formattedValue = format(newValue);\n\n            const formattedValueArr = formattedValue.split(':');\n            const hours = Number(formattedValueArr[0]);\n            const mins = Number(formattedValueArr[1]);\n\n            setValue(formattedValue);\n\n            if (onChange) onChange(event, { hours, mins, value: formattedValue });\n\n            if (isCompleteTimeInput(formattedValue)) {\n                const valid = formattedValue.length > 0 && isValidInputValue(formattedValue);\n\n                if (!valid) return;\n\n                if (onComplete) {\n                    onComplete(event, { hours, mins, value: formattedValue });\n                }\n            }\n        };\n\n        const handleClearClick = () => {\n            setValue('');\n        };\n\n        return (\n            <Input\n                {...restProps}\n                ref={ref}\n                value={value}\n                className={className}\n                onChange={handleChange}\n                onClear={handleClearClick}\n            />\n        );\n    },\n);\n"],"names":["React","__rest","useState","format","isCompleteTimeInput","isValidInputValue","Input","__assign"],"mappings":";;;;;;;;;;;;;AAAA;AA0BA;;;AAGG;AACU,IAAA,SAAS,GAAGA,sBAAK,CAAC,UAAU,CACrC,UACI,EAAsF,EACtF,GAAG,EAAA;IADD,IAAA,EAAA,GAAA,EAAA,CAAA,YAAiB,EAAjB,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAAS,SAAS,GAAA,EAAA,CAAA,KAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAK,SAAS,GAApFC,YAAA,CAAA,EAAA,EAAA,CAAA,cAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,CAAsF,CAAF;AAG9E,IAAA,IAAA,EAAoB,GAAAC,cAAQ,CAAC,SAAS,IAAI,YAAY,CAAC,EAAtD,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,QAAuC;IAE7D,IAAM,YAAY,GAAG,UAAC,KAAoC,EAAA;AAC9C,QAAA,IAAO,QAAQ,GAAK,KAAK,CAAC,MAAM,MAAjB;AAEvB,QAAA,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;YAAE;;AAGzB,QAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACzB;AACH;QAED,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;;AAGnC,QAAA,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B;AACH;AAED,QAAA,IAAM,cAAc,GAAGC,aAAM,CAAC,QAAQ,CAAC;QAEvC,IAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACnD,IAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC1C,IAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAEzC,QAAQ,CAAC,cAAc,CAAC;AAExB,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,IAAI,EAAA,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAErE,QAAA,IAAIC,0BAAmB,CAAC,cAAc,CAAC,EAAE;AACrC,YAAA,IAAM,KAAK,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,IAAIC,wBAAiB,CAAC,cAAc,CAAC;AAE5E,YAAA,IAAI,CAAC,KAAK;gBAAE;AAEZ,YAAA,IAAI,UAAU,EAAE;AACZ,gBAAA,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,IAAI,EAAA,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAC5D;AACJ;AACL,KAAC;AAED,IAAA,IAAM,gBAAgB,GAAG,YAAA;QACrB,QAAQ,CAAC,EAAE,CAAC;AAChB,KAAC;IAED,QACIL,sBAAC,CAAA,aAAA,CAAAM,mBAAK,EACEC,cAAA,CAAA,EAAA,EAAA,SAAS,EACb,EAAA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,gBAAgB,EAC3B,CAAA,CAAA;AAEV,CAAC;;;;"}

package/dynamic-mixins/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Component';
+export { isValidInputValue } from './utils';

package/dynamic-mixins/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+var format = require('./utils/format.js');
+
+
+
+exports.TimeInput = Component.TimeInput;
+exports.isValidInputValue = format.isValidInputValue;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dynamic-mixins/utils/format.d.ts

@@ -0,0 +1,5 @@
+export declare const DATE_MASK: (string | RegExp)[];
+export declare const isCompleteTimeInput: (input: string) => boolean;
+export declare const isValidTimeFormat: (value: string) => boolean;
+export declare const isValidInputValue: (inputValue?: string) => boolean;
+export declare const format: (value: string) => string;

package/dynamic-mixins/utils/format.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/* eslint-disable no-useless-escape */
+var DATE_MASK = [/\d/, /\d/, ':', /\d/, /\d/];
+var isCompleteTimeInput = function (input) { return input.length === DATE_MASK.length; };
+var isValidTimeFormat = function (value) {
+    var timeArr = value.split(':');
+    var hours = timeArr[0];
+    var mins = timeArr[1];
+    if (hours.length !== 2 || Number(hours) > 23) {
+        return false;
+    }
+    if (mins.length !== 2 || Number(mins) > 59) {
+        return false;
+    }
+    return true;
+};
+var isValidInputValue = function (inputValue) {
+    return !inputValue || (isCompleteTimeInput(inputValue) && isValidTimeFormat(inputValue));
+};
+var format = function (value) {
+    return value
+        .replace(/^(\d\d)(\d)$/, '$1:$2') // 123 => 12:3
+        .replace(/^(\d\d)(\d\d)/, '$1:$2') // 12345 => 12:45 (если вместо двоеточия введена цифра, она обратно заменяется на двоеточие)
+        .replace(/^(\d):(\d\d)(\d)/, '$1:$2') // 1:234 => 1:23
+        .replace(/\:$/, '');
+}; // 12: => 12 || : => void
+
+exports.DATE_MASK = DATE_MASK;
+exports.format = format;
+exports.isCompleteTimeInput = isCompleteTimeInput;
+exports.isValidInputValue = isValidInputValue;
+exports.isValidTimeFormat = isValidTimeFormat;
+//# sourceMappingURL=format.js.map

package/dynamic-mixins/utils/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../src/utils/format.ts"],"sourcesContent":["/* eslint-disable no-useless-escape */\n\nexport const DATE_MASK = [/\\d/, /\\d/, ':', /\\d/, /\\d/];\n\nexport const isCompleteTimeInput = (input: string) => input.length === DATE_MASK.length;\n\nexport const isValidTimeFormat = (value: string): boolean => {\n    const timeArr = value.split(':');\n    const hours = timeArr[0];\n    const mins = timeArr[1];\n\n    if (hours.length !== 2 || Number(hours) > 23) {\n        return false;\n    }\n\n    if (mins.length !== 2 || Number(mins) > 59) {\n        return false;\n    }\n\n    return true;\n};\n\nexport const isValidInputValue = (inputValue?: string) =>\n    !inputValue || (isCompleteTimeInput(inputValue) && isValidTimeFormat(inputValue));\n\nexport const format = (value: string): string =>\n    value\n        .replace(/^(\\d\\d)(\\d)$/, '$1:$2') // 123 => 12:3\n        .replace(/^(\\d\\d)(\\d\\d)/, '$1:$2') // 12345 => 12:45 (если вместо двоеточия введена цифра, она обратно заменяется на двоеточие)\n        .replace(/^(\\d):(\\d\\d)(\\d)/, '$1:$2') // 1:234 => 1:23\n        .replace(/\\:$/, ''); // 12: => 12 || : => void\n"],"names":[],"mappings":";;;;AAAA;AAEO,IAAM,SAAS,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI;AAExC,IAAA,mBAAmB,GAAG,UAAC,KAAa,EAAK,EAAA,OAAA,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM,CAAA;AAEhF,IAAM,iBAAiB,GAAG,UAAC,KAAa,EAAA;IAC3C,IAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;AAChC,IAAA,IAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;AACxB,IAAA,IAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC;AAEvB,IAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE;AAC1C,QAAA,OAAO,KAAK;AACf;AAED,IAAA,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE;AACxC,QAAA,OAAO,KAAK;AACf;AAED,IAAA,OAAO,IAAI;AACf;AAEO,IAAM,iBAAiB,GAAG,UAAC,UAAmB,EAAA;AACjD,IAAA,OAAA,CAAC,UAAU,KAAK,mBAAmB,CAAC,UAAU,CAAC,IAAI,iBAAiB,CAAC,UAAU,CAAC,CAAC;AAAjF;AAEG,IAAM,MAAM,GAAG,UAAC,KAAa,EAAA;AAChC,IAAA,OAAA;AACK,SAAA,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC;AAChC,SAAA,OAAO,CAAC,eAAe,EAAE,OAAO,CAAC;AACjC,SAAA,OAAO,CAAC,kBAAkB,EAAE,OAAO,CAAC;AACpC,SAAA,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AAJvB,EAIwB;;;;;;;;"}

package/dynamic-mixins/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './format';

package/dynamic-mixins/utils/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var format = require('./format.js');
+
+
+
+exports.DATE_MASK = format.DATE_MASK;
+exports.format = format.format;
+exports.isCompleteTimeInput = format.isCompleteTimeInput;
+exports.isValidInputValue = format.isValidInputValue;
+exports.isValidTimeFormat = format.isValidTimeFormat;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-time-input",
-    "version": "3.0.0",
+    "version": "3.1.0-snapshot-92b8690",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -10,7 +10,7 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-input": "^16.0.0",
+        "@alfalab/core-components-input": "16.1.0-snapshot-92b8690",
         "tslib": "^2.4.0"
     },
     "peerDependencies": {
@@ -21,6 +21,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "14.0.0",
-    "varsVersion": "10.0.0"
+    "themesVersion": "14.1.0-snapshot-92b8690",
+    "varsVersion": "10.1.0-snapshot-92b8690"
 }