d2coreui 21.0.34 → 23.0.0

package/components/date/durationInput.js

@@ -1,281 +1,270 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import MaskedInput from "d2coreui/components/input/maskedInput";
-import moment from "moment";
-import { LocaleHolder } from "d2core/i18n/localeHolder";
-import { AutoComplete } from "antd";
-import { DownOutlined } from "@ant-design/icons";
-const DURATION_DATA_MAP = [
-    { key: "SSS", min: 0, max: 999, len: 3, mult: 1, unit: "ms" },
-    { key: "s", min: 0, max: 59, len: 2, mult: 1000, unit: "s" },
-    { key: "m", min: 0, max: 59, len: 2, mult: 60 * 1000, unit: "m" },
-    { key: "H", min: 0, max: 23, len: 2, mult: 60 * 60 * 1000, unit: "h" },
-    { key: "D", min: 0, max: 24854, len: 5, mult: 24 * 60 * 60 * 1000, unit: "d" },
-];
-export const MAX_VALID_DURATION = 24854 * 24 * 60 * 60 * 1000 + 23 * 60 * 60 * 1000 + 59 * 60 * 1000 + 59 * 1000 + 499;
-export function parseDuration(value, mask, cursorPos, maskResult) {
-    const result = moment.duration(0);
-    const clearMaskResult = () => {
-        if (maskResult) {
-            maskResult.info = undefined;
-            maskResult.length = 0;
-            maskResult.infoFromMask = undefined;
-            maskResult.time = undefined;
-        }
-    };
-    let maskPos = 0;
-    let valPos;
-    for (valPos = 0; valPos < value.length; valPos++) {
-        const c = value.charAt(valPos);
-        if (['D', 'H', 'm', 's', 'S'].includes(mask.charAt(maskPos))) {
-            if (/\d/.test(c)) {
-                const entry = getInfoFromMask(mask, maskPos);
-                if (entry) {
-                    let str = c;
-                    while (/\d/.test(value.charAt(valPos + 1))) {
-                        valPos++;
-                        str += value.charAt(valPos);
-                    }
-                    const time = parseInt(str);
-                    result.add(moment.duration(time, entry.infoEntry.unit));
-                    if (maskResult) {
-                        const item = {
-                            value: time,
-                            length: str.length,
-                            infoEntry: entry.infoEntry,
-                        };
-                        if (maskResult.infoFromMask) {
-                            maskResult.infoFromMask.push(item);
-                        }
-                        else {
-                            maskResult.infoFromMask = [item];
-                        }
-                    }
-                    maskPos += entry.length;
-                    if (cursorPos !== undefined && maskResult !== undefined && cursorPos >= valPos - str.length + 1 && cursorPos <= valPos + 1) {
-                        maskResult.info = entry.infoEntry;
-                        maskResult.length = str.length;
-                    }
-                }
-                else {
-                    clearMaskResult();
-                    return null;
-                }
-            }
-            else {
-                clearMaskResult();
-                return null;
-            }
-        }
-        else {
-            if (c === mask.charAt(maskPos)) {
-                maskPos++;
-            }
-        }
-    }
-    if (maskPos === mask.length && valPos === value.length && result.asMilliseconds() <= MAX_VALID_DURATION) {
-        if (maskResult !== undefined) {
-            maskResult.time = result;
-        }
-        return result;
-    }
-    clearMaskResult();
-    return null;
-}
-export default class DurationInput extends React.Component {
-    constructor(props) {
-        var _a;
-        super(props);
-        this.inputRef = React.createRef();
-        this.state = {
-            valid: !!((_a = props.value) === null || _a === void 0 ? void 0 : _a.isValid()),
-            selectionStart: null,
-            selectionEnd: null,
-            currentInfo: {
-                info: undefined,
-                infoFromMask: undefined,
-                time: undefined,
-                length: 0
-            },
-            opened: false,
-            value: formatDuration(props.value, props.mask),
-            hover: false,
-        };
-        this.recalc = this.recalc.bind(this);
-        this.increment = this.increment.bind(this);
-        this.decrement = this.decrement.bind(this);
-    }
-    componentDidUpdate() {
-        var _a, _b;
-        if (this.inputRef.current !== null) {
-            this.inputRef.current.input.selectionStart = this.state.selectionStart;
-            this.inputRef.current.input.selectionEnd = this.state.selectionEnd;
-        }
-        const value = formatDuration(this.props.value, this.props.mask);
-        if (this.state.value !== value) {
-            this.setState({
-                value: value,
-                valid: (_b = (_a = this.props.value) === null || _a === void 0 ? void 0 : _a.isValid()) !== null && _b !== void 0 ? _b : false,
-            });
-        }
-    }
-    recalc() {
-        var _a;
-        if (this.inputRef.current !== null) {
-            const value = { length: 0 };
-            parseDuration(this.inputRef.current.input.value, this.props.mask, (_a = this.inputRef.current.input.selectionStart) !== null && _a !== void 0 ? _a : undefined, value);
-            this.setState({
-                currentInfo: value,
-                selectionStart: this.inputRef.current.input.selectionStart,
-                selectionEnd: this.inputRef.current.input.selectionEnd,
-            });
-        }
-    }
-    increment() {
-        var _a, _b, _c, _d, _e;
-        if (this.state.currentInfo.info !== undefined && checkValue(this.state.currentInfo, this.props.value, 1)) {
-            (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, (_d = (_c = this.props.value) === null || _c === void 0 ? void 0 : _c.add(1, this.state.currentInfo.info.unit)) !== null && _d !== void 0 ? _d : null);
-            this.setState({ selectionEnd: this.state.selectionStart });
-        }
-        (_e = this.inputRef.current) === null || _e === void 0 ? void 0 : _e.focus();
-    }
-    decrement() {
-        var _a, _b, _c, _d, _e;
-        if (this.state.currentInfo.info !== undefined && checkValue(this.state.currentInfo, this.props.value, -1)) {
-            (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, (_d = (_c = this.props.value) === null || _c === void 0 ? void 0 : _c.subtract(1, this.state.currentInfo.info.unit)) !== null && _d !== void 0 ? _d : null);
-            this.setState({ selectionEnd: this.state.selectionStart });
-        }
-        (_e = this.inputRef.current) === null || _e === void 0 ? void 0 : _e.focus();
-    }
-    get input() {
-        var _a;
-        return (_a = this.inputRef.current) === null || _a === void 0 ? void 0 : _a.input;
-    }
-    focus() {
-        var _a;
-        (_a = this.inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    render() {
-        const _a = this.props, { mask, value, onChange, style, disabled, predefinedValues, autoFocus } = _a, props = __rest(_a, ["mask", "value", "onChange", "style", "disabled", "predefinedValues", "autoFocus"]);
-        const incrementButtonDisabled = this.state.currentInfo.info === undefined || !checkValue(this.state.currentInfo, this.props.value, 1);
-        const decrementButtonDisabled = this.state.currentInfo.info === undefined || !checkValue(this.state.currentInfo, this.props.value, -1);
-        return (React.createElement("div", Object.assign({ style: Object.assign({}, style, {
-                display: "flex",
-                flexDirection: "row",
-                alignItems: "center",
-                position: "relative",
-            }) }, props, { onKeyDown: (event) => {
-                if (event.keyCode === 38) {
-                    this.increment();
-                    event.preventDefault();
-                    event.stopPropagation();
-                }
-                else if (event.keyCode === 40) {
-                    this.decrement();
-                    event.preventDefault();
-                    event.stopPropagation();
-                }
-            }, onMouseEnter: () => {
-                this.setState({ hover: true });
-            }, onMouseLeave: () => {
-                this.setState({ hover: false });
-            } }),
-            React.createElement(AutoComplete, { className: (this.state.opened ? "autocomplete-open" : "") + " " + (this.state.valid ? "" : "invalid"), options: this.state.opened ? predefinedValues === null || predefinedValues === void 0 ? void 0 : predefinedValues.map(v => {
-                    return { value: v.value, label: v.key };
-                }) : [], defaultOpen: false, defaultActiveFirstOption: false, defaultValue: undefined, disabled: disabled, autoFocus: autoFocus, style: { width: "100%" }, value: this.state.valid ? this.state.value : "", onSelect: (e) => {
-                    const val = moment.duration(Number(e));
-                    this.setState({
-                        opened: false,
-                        valid: val !== undefined && val.isValid(),
-                        value: formatDuration(val, this.props.mask),
-                    });
-                    onChange === null || onChange === void 0 ? void 0 : onChange(val === undefined ? null : val);
-                }, onBlur: () => {
-                    this.setState({ opened: false });
-                } },
-                React.createElement(MaskedInput, { mask: this.props.mask.replace(/[a-zA-Z]/g, '1'), ref: this.inputRef, style: this.props.inputStyle, placeholder: this.props.mask.replace(/[a-zA-Z]/g, '_'), autoFocus: autoFocus, onFocus: (event => {
-                        event.target.selectionStart = event.target.selectionEnd = this.state.selectionStart;
-                    }), suffix: this.props.predefinedValues !== undefined && this.props.predefinedValues.length > 0 &&
-                        React.createElement("span", { className: "dropdown-arrow" },
-                            React.createElement(DownOutlined, { className: "dropdown-arrow-icon ant-input-clear-icon", role: "button", tabIndex: -1, onClick: () => {
-                                    if (!this.props.disabled) {
-                                        this.setState({ opened: !this.state.opened });
-                                    }
-                                } })), onMouseUp: this.recalc, onKeyUp: this.recalc, onChange: (event) => {
-                        var _a;
-                        const value = { length: 0 };
-                        parseDuration(event.target.value, this.props.mask, (_a = event.target.selectionStart) !== null && _a !== void 0 ? _a : undefined, value);
-                        onChange === null || onChange === void 0 ? void 0 : onChange(value.time === undefined ? null : value.time);
-                        this.setState({
-                            valid: value.time !== undefined && value.time.isValid(),
-                            currentInfo: value,
-                            value: event.target.value,
-                        });
-                    } })),
-            React.createElement("div", { style: { position: "absolute", right: 2, height: 30 } },
-                React.createElement("div", { className: "ant-input-number-handler-wrap", ref: ref => {
-                        if (ref) {
-                            ref.style.setProperty("opacity", this.state.hover ? "1" : "0", "important");
-                        }
-                    } },
-                    React.createElement("span", { onClick: this.increment, unselectable: "on", role: "button", "aria-label": "Increase Value", className: `ant-input-number-handler ant-input-number-handler-up ${incrementButtonDisabled ? "ant-input-number-handler-up-disabled" : ""}` },
-                        React.createElement("span", { role: "img", "aria-label": "up", className: "anticon anticon-up ant-input-number-handler-up-inner" },
-                            React.createElement("svg", { viewBox: "64 64 896 896", focusable: "false", "data-icon": "up", width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true" },
-                                React.createElement("path", { d: "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z" })))),
-                    React.createElement("span", { onClick: this.decrement, unselectable: "on", role: "button", "aria-label": "Decrease Value", className: `ant-input-number-handler ant-input-number-handler-down ${decrementButtonDisabled ? "ant-input-number-handler-down-disabled" : ""}` },
-                        React.createElement("span", { role: "img", "aria-label": "down", className: "anticon anticon-down ant-input-number-handler-down-inner" },
-                            React.createElement("svg", { viewBox: "64 64 896 896", focusable: "false", "data-icon": "down", width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true" },
-                                React.createElement("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" }))))))));
-    }
-}
-function checkValue(info, value, offset = 0) {
-    var _a;
-    const currentMillis = value ? value.clone().add(offset, (_a = info.info) === null || _a === void 0 ? void 0 : _a.unit).asMilliseconds() : 0;
-    const maxValues = (info === null || info === void 0 ? void 0 : info.infoFromMask) ? info.infoFromMask.map((i) => (i.length !== i.infoEntry.len ? (Math.pow(10, i.length) - 1) : i.infoEntry.max) * i.infoEntry.mult) : [];
-    const maxMaskedValue = (info === null || info === void 0 ? void 0 : info.infoFromMask) ? maxValues.reduce((p, n) => p + n, 0) : 0;
-    return !!value && currentMillis >= 0 && currentMillis <= MAX_VALID_DURATION && currentMillis <= maxMaskedValue;
-}
-function formatDuration(value, mask) {
-    return (value !== null && value !== void 0 ? value : moment.duration(0)).locale("locale.d2000").format(mask, {
-        trim: false,
-        decimalSeparator: LocaleHolder.decimalSeparator,
-        useGrouping: false,
-        groupingSeparator: "",
-        userLocale: LocaleHolder.formattingLocale
-    });
-}
-function getInfoFromMask(mask, fromPos) {
-    if (fromPos < mask.length) {
-        const ch = mask.charAt(fromPos);
-        const info = DURATION_DATA_MAP.find((d) => d.key.includes(ch));
-        if (info) {
-            const entry = {
-                length: 1,
-                value: 0,
-                infoEntry: info,
-            };
-            for (let i = fromPos + 1; i < mask.length; i++) {
-                const c = mask.charAt(i);
-                if (c === ch) {
-                    entry.length++;
-                }
-                else {
-                    break;
-                }
-            }
-            return entry;
-        }
-    }
-    return undefined;
-}
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import MaskedInput from "d2coreui/components/input/maskedInput";
+import dayjs, { isDuration } from "dayjs";
+import { LocaleHolder } from "d2core/i18n/localeHolder";
+import { AutoComplete } from "antd";
+import DropdownArrow from "../icons/dropdownArrow";
+import WithInputNumberCss from "d2coreui/components/style/withInputNumberCss";
+const DURATION_DATA_MAP = [
+    { key: "SSS", min: 0, max: 999, minLen: 3, maxLen: 3, mult: 1, unit: "ms" },
+    { key: "s", min: 0, max: 59, minLen: 1, maxLen: 2, mult: 1000, unit: "s" },
+    { key: "m", min: 0, max: 59, minLen: 1, maxLen: 2, mult: 60 * 1000, unit: "m" },
+    { key: "H", min: 0, max: 23, minLen: 1, maxLen: 2, mult: 60 * 60 * 1000, unit: "h" },
+    { key: "D", min: 0, max: 24854, minLen: 1, maxLen: 5, mult: 24 * 60 * 60 * 1000, unit: "d" },
+];
+export const MAX_VALID_DURATION = 24854 * 24 * 60 * 60 * 1000 + 23 * 60 * 60 * 1000 + 59 * 60 * 1000 + 59 * 1000 + 499;
+export function parseDuration(value, mask, cursorPos, maskResult) {
+    let result = dayjs.duration(0);
+    const clearMaskResult = () => {
+        if (maskResult) {
+            maskResult.info = undefined;
+            maskResult.length = 0;
+            maskResult.infoFromMask = undefined;
+            maskResult.time = undefined;
+        }
+    };
+    let maskPos = 0;
+    let valPos;
+    for (valPos = 0; valPos < value.length; valPos++) {
+        const c = value.charAt(valPos);
+        if (['D', 'H', 'm', 's', 'S'].includes(mask.charAt(maskPos))) {
+            if (/\d/.test(c)) {
+                const entry = getInfoFromMask(mask, maskPos);
+                if (entry) {
+                    let str = c;
+                    while (/\d/.test(value.charAt(valPos + 1))) {
+                        valPos++;
+                        str += value.charAt(valPos);
+                    }
+                    if (str.length !== entry.length) {
+                        clearMaskResult();
+                        return null;
+                    }
+                    const time = parseInt(str);
+                    result = result.add(dayjs.duration(time, entry.infoEntry.unit));
+                    if (maskResult) {
+                        const item = {
+                            value: time,
+                            length: str.length,
+                            infoEntry: entry.infoEntry,
+                        };
+                        if (maskResult.infoFromMask) {
+                            maskResult.infoFromMask.push(item);
+                        }
+                        else {
+                            maskResult.infoFromMask = [item];
+                        }
+                    }
+                    maskPos += entry.length;
+                    if (cursorPos !== undefined && maskResult !== undefined && cursorPos >= valPos - str.length + 1 && cursorPos <= valPos + 1) {
+                        maskResult.info = entry.infoEntry;
+                        maskResult.length = str.length;
+                    }
+                }
+                else {
+                    clearMaskResult();
+                    return null;
+                }
+            }
+            else {
+                clearMaskResult();
+                return null;
+            }
+        }
+        else {
+            if (c === mask.charAt(maskPos)) {
+                maskPos++;
+            }
+        }
+    }
+    if (maskPos === mask.length && valPos === value.length && result.asMilliseconds() <= MAX_VALID_DURATION) {
+        if (maskResult !== undefined) {
+            maskResult.time = result;
+        }
+        return result;
+    }
+    clearMaskResult();
+    return null;
+}
+export default class DurationInput extends React.Component {
+    constructor(props) {
+        super(props);
+        this.inputRef = React.createRef();
+        this.state = {
+            valid: isDuration(props.value),
+            selectionStart: null,
+            selectionEnd: null,
+            currentInfo: {
+                info: undefined,
+                infoFromMask: undefined,
+                time: undefined,
+                length: 0
+            },
+            opened: false,
+            value: formatDuration(props.value, props.mask),
+        };
+        this.recalc = this.recalc.bind(this);
+        this.increment = this.increment.bind(this);
+        this.decrement = this.decrement.bind(this);
+    }
+    componentDidUpdate() {
+        if (this.inputRef.current !== null) {
+            this.inputRef.current.input.selectionStart = this.state.selectionStart;
+            this.inputRef.current.input.selectionEnd = this.state.selectionEnd;
+        }
+        const value = formatDuration(this.props.value, this.props.mask);
+        if (this.state.value !== value) {
+            this.setState({
+                value: value,
+                valid: isDuration(this.props.value),
+            });
+        }
+    }
+    recalc() {
+        var _a;
+        if (this.inputRef.current !== null) {
+            const value = { length: 0 };
+            parseDuration(this.inputRef.current.input.value, this.props.mask, (_a = this.inputRef.current.input.selectionStart) !== null && _a !== void 0 ? _a : undefined, value);
+            this.setState({
+                currentInfo: value,
+                selectionStart: this.inputRef.current.input.selectionStart,
+                selectionEnd: this.inputRef.current.input.selectionEnd,
+            });
+        }
+    }
+    increment() {
+        var _a, _b, _c, _d, _e;
+        if (this.state.currentInfo.info !== undefined && checkValue(this.state.currentInfo, this.props.value, 1)) {
+            (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, (_d = (_c = this.props.value) === null || _c === void 0 ? void 0 : _c.add(1, this.state.currentInfo.info.unit)) !== null && _d !== void 0 ? _d : null);
+            this.setState({ selectionEnd: this.state.selectionStart });
+        }
+        (_e = this.inputRef.current) === null || _e === void 0 ? void 0 : _e.focus();
+    }
+    decrement() {
+        var _a, _b, _c, _d, _e;
+        if (this.state.currentInfo.info !== undefined && checkValue(this.state.currentInfo, this.props.value, -1)) {
+            (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, (_d = (_c = this.props.value) === null || _c === void 0 ? void 0 : _c.subtract(1, this.state.currentInfo.info.unit)) !== null && _d !== void 0 ? _d : null);
+            this.setState({ selectionEnd: this.state.selectionStart });
+        }
+        (_e = this.inputRef.current) === null || _e === void 0 ? void 0 : _e.focus();
+    }
+    get input() {
+        var _a;
+        return (_a = this.inputRef.current) === null || _a === void 0 ? void 0 : _a.input;
+    }
+    focus() {
+        var _a;
+        (_a = this.inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    render() {
+        const _a = this.props, { mask, value, onChange, style, disabled, predefinedValues, autoFocus, size } = _a, props = __rest(_a, ["mask", "value", "onChange", "style", "disabled", "predefinedValues", "autoFocus", "size"]);
+        const incrementButtonDisabled = this.state.currentInfo.info === undefined || !checkValue(this.state.currentInfo, this.props.value, 1);
+        const decrementButtonDisabled = this.state.currentInfo.info === undefined || !checkValue(this.state.currentInfo, this.props.value, -1);
+        return (React.createElement(WithInputNumberCss, null,
+            React.createElement("div", Object.assign({ style: Object.assign({ width: "100%" }, style) }, props, { className: !predefinedValues ? "ant-input-number ant-input-number-outlined" : "", onKeyDown: (event) => {
+                    if (event.code === "ArrowUp") {
+                        this.increment();
+                        event.preventDefault();
+                        event.stopPropagation();
+                    }
+                    else if (event.code === "ArrowDown") {
+                        this.decrement();
+                        event.preventDefault();
+                        event.stopPropagation();
+                    }
+                } }),
+                React.createElement(AutoComplete, { className: this.state.valid ? "" : "invalid", options: this.state.opened ? predefinedValues === null || predefinedValues === void 0 ? void 0 : predefinedValues.map(v => {
+                        return { value: v.value, label: v.key };
+                    }) : [], defaultOpen: false, defaultActiveFirstOption: false, defaultValue: undefined, disabled: disabled, autoFocus: autoFocus, style: { width: "100%", height: "inherit" }, value: this.state.valid ? this.state.value : "", onSelect: (e) => {
+                        const val = dayjs.duration(Number(e));
+                        this.setState({
+                            opened: false,
+                            valid: isDuration(val),
+                            value: formatDuration(val, this.props.mask),
+                        });
+                        onChange === null || onChange === void 0 ? void 0 : onChange(val === undefined ? null : val);
+                    }, onBlur: () => {
+                        this.setState({ opened: false });
+                    } },
+                    React.createElement(MaskedInput, { mask: this.props.mask.replace(/[a-zA-Z]/g, '1'), ref: this.inputRef, style: Object.assign({ border: predefinedValues ? undefined : "none" }, this.props.inputStyle), size: size, placeholder: this.props.mask.replace(/[a-zA-Z]/g, '_'), autoFocus: autoFocus, onFocus: (event => {
+                            event.target.selectionStart = event.target.selectionEnd = this.state.selectionStart;
+                        }), suffix: this.props.predefinedValues !== undefined && this.props.predefinedValues.length > 0 &&
+                            React.createElement(DropdownArrow, { opened: this.state.opened, onClick: () => {
+                                    if (!this.props.disabled) {
+                                        this.setState({ opened: !this.state.opened });
+                                    }
+                                } }), onMouseUp: this.recalc, onKeyUp: this.recalc, onChange: (event) => {
+                            var _a;
+                            const value = { length: 0 };
+                            parseDuration(event.target.value, this.props.mask, (_a = event.target.selectionStart) !== null && _a !== void 0 ? _a : undefined, value);
+                            onChange === null || onChange === void 0 ? void 0 : onChange(value.time === undefined ? null : value.time);
+                            this.setState({
+                                valid: isDuration(value.time),
+                                currentInfo: value,
+                                value: event.target.value,
+                            });
+                        } })),
+                !predefinedValues && !disabled &&
+                    React.createElement("div", { className: "ant-input-number-handler-wrap" },
+                        React.createElement("span", { onClick: this.increment, className: `ant-input-number-handler ant-input-number-handler-up ${incrementButtonDisabled ? "ant-input-number-handler-up-disabled" : ""}` },
+                            React.createElement("span", { className: "anticon anticon-up ant-input-number-handler-up-inner" },
+                                React.createElement("svg", { viewBox: "64 64 896 896", focusable: "false", "data-icon": "up", width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true" },
+                                    React.createElement("path", { d: "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z" })))),
+                        React.createElement("span", { onClick: this.decrement, className: `ant-input-number-handler ant-input-number-handler-down ${decrementButtonDisabled ? "ant-input-number-handler-down-disabled" : ""}` },
+                            React.createElement("span", { className: "anticon anticon-down ant-input-number-handler-down-inner" },
+                                React.createElement("svg", { viewBox: "64 64 896 896", focusable: "false", "data-icon": "down", width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true" },
+                                    React.createElement("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" }))))))));
+    }
+}
+function checkValue(info, value, offset = 0) {
+    var _a;
+    const currentMillis = value ? value.add(offset, (_a = info.info) === null || _a === void 0 ? void 0 : _a.unit).asMilliseconds() : 0;
+    const maxValues = (info === null || info === void 0 ? void 0 : info.infoFromMask) ? info.infoFromMask.map((i) => (i.length !== i.infoEntry.maxLen ? (Math.pow(10, i.length) - 1) : i.infoEntry.max) * i.infoEntry.mult) : [];
+    const maxMaskedValue = (info === null || info === void 0 ? void 0 : info.infoFromMask) ? maxValues.reduce((p, n) => p + n, 0) : 0;
+    return !!value && currentMillis >= 0 && currentMillis <= MAX_VALID_DURATION && currentMillis <= maxMaskedValue;
+}
+function formatDuration(value, mask) {
+    return (isDuration(value) ? value : dayjs.duration(0)).locale("locale.d2000").format(mask, {
+        trim: false,
+        decimalSeparator: LocaleHolder.decimalSeparator,
+        useGrouping: false,
+        groupingSeparator: "",
+        userLocale: LocaleHolder.formattingLocale
+    });
+}
+function getInfoFromMask(mask, fromPos) {
+    if (fromPos < mask.length) {
+        const ch = mask.charAt(fromPos);
+        const info = DURATION_DATA_MAP.find((d) => d.key.includes(ch));
+        if (info) {
+            const entry = {
+                length: 1,
+                value: 0,
+                infoEntry: info,
+            };
+            for (let i = fromPos + 1; i < mask.length; i++) {
+                const c = mask.charAt(i);
+                if (c === ch) {
+                    entry.length++;
+                }
+                else {
+                    break;
+                }
+            }
+            return entry;
+        }
+    }
+    return undefined;
+}
 //# sourceMappingURL=durationInput.js.map