@vkontakte/vkui 5.2.3 → 5.3.0

package/dist/cjs/hooks/useDateInput.js

@@ -1,154 +1,172 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useDateInput", {
+    enumerable: true,
+    get: function() {
+        return useDateInput;
+    }
 });
-exports.useDateInput = useDateInput;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _toConsumableArray = require("@swc/helpers/lib/_to_consumable_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _dom = require("../lib/dom");
-var _useBooleanState2 = require("./useBooleanState");
+var _useBooleanState = require("./useBooleanState");
 var _useGlobalEventListener = require("./useGlobalEventListener");
-function useDateInput(_ref) {
-  var maxElement = _ref.maxElement,
-    refs = _ref.refs,
-    autoFocus = _ref.autoFocus,
-    disabled = _ref.disabled,
-    elementsConfig = _ref.elementsConfig,
-    onChange = _ref.onChange,
-    onInternalValueChange = _ref.onInternalValueChange,
-    getInternalValue = _ref.getInternalValue,
-    value = _ref.value;
-  var _useDOM = (0, _dom.useDOM)(),
-    document = _useDOM.document;
-  var _useBooleanState = (0, _useBooleanState2.useBooleanState)(false),
-    open = _useBooleanState.value,
-    openCalendar = _useBooleanState.setTrue,
-    closeCalendar = _useBooleanState.setFalse;
-  var rootRef = React.useRef(null);
-  var calendarRef = React.useRef(null);
-  var _React$useState = React.useState([]),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    internalValue = _React$useState2[0],
-    setInternalValue = _React$useState2[1];
-  var _React$useState3 = React.useState(null),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    focusedElement = _React$useState4[0],
-    setFocusedElement = _React$useState4[1];
-  var _useDOM2 = (0, _dom.useDOM)(),
-    window = _useDOM2.window;
-  var removeFocusFromField = React.useCallback(function () {
-    if (open) {
-      var _getSelection;
-      setFocusedElement(null);
-      closeCalendar();
-      (_getSelection = window.getSelection()) === null || _getSelection === void 0 ? void 0 : _getSelection.removeAllRanges();
-      setInternalValue(getInternalValue(value));
-    }
-  }, [closeCalendar, getInternalValue, open, value, window]);
-  var handleClickOutside = React.useCallback(function (e) {
-    var _rootRef$current, _calendarRef$current;
-    if (!((_rootRef$current = rootRef.current) !== null && _rootRef$current !== void 0 && _rootRef$current.contains(e.target)) && !((_calendarRef$current = calendarRef.current) !== null && _calendarRef$current !== void 0 && _calendarRef$current.contains(e.target))) {
-      removeFocusFromField();
-    }
-  }, [removeFocusFromField]);
-  var selectFirst = React.useCallback(function () {
-    setFocusedElement(0);
-  }, []);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'click', handleClickOutside, {
-    capture: true
-  });
-  React.useEffect(function () {
-    setInternalValue(getInternalValue(value));
-  }, [getInternalValue, value]);
-  React.useEffect(function () {
-    if (autoFocus) {
-      selectFirst();
-    }
-  }, [autoFocus, selectFirst]);
-  React.useEffect(function () {
-    if (disabled || focusedElement === null) {
-      return;
-    }
-    var range = window.document.createRange();
-    var element = refs[focusedElement].current;
-    if (element) {
-      element.focus();
-      openCalendar();
-      range.selectNodeContents(element);
-      var selection = window.getSelection();
-      selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
-      selection === null || selection === void 0 ? void 0 : selection.addRange(range);
-    }
-  }, [disabled, focusedElement, openCalendar, refs, window]);
-  var clear = React.useCallback(function () {
-    onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
-    selectFirst();
-  }, [onChange, selectFirst]);
-  var handleFieldEnter = React.useCallback(function () {
-    if (!open) {
-      selectFirst();
-    }
-  }, [open, selectFirst]);
-  var handleKeyDown = React.useCallback(function (e) {
-    if (focusedElement === null) {
-      return;
-    }
-    var _value = (0, _toConsumableArray2.default)(internalValue);
-    var config = elementsConfig(focusedElement);
-    if (/^\d+$/.test(e.key)) {
-      if (_value[focusedElement].length >= config.length) {
-        _value[focusedElement] = e.key;
-      } else {
-        _value[focusedElement] += e.key;
-        if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {
-          setFocusedElement(focusedElement + 1);
+function useDateInput(param) {
+    var maxElement = param.maxElement, refs = param.refs, autoFocus = param.autoFocus, disabled = param.disabled, elementsConfig = param.elementsConfig, onChange = param.onChange, onInternalValueChange = param.onInternalValueChange, getInternalValue = param.getInternalValue, value = param.value;
+    var document = (0, _dom.useDOM)().document;
+    var _useBooleanState1 = (0, _useBooleanState.useBooleanState)(false), open = _useBooleanState1.value, openCalendar = _useBooleanState1.setTrue, closeCalendar = _useBooleanState1.setFalse;
+    var rootRef = _react.useRef(null);
+    var calendarRef = _react.useRef(null);
+    var _React_useState = _slicedToArray(_react.useState([]), 2), internalValue = _React_useState[0], setInternalValue = _React_useState[1];
+    var _React_useState1 = _slicedToArray(_react.useState(null), 2), focusedElement = _React_useState1[0], setFocusedElement = _React_useState1[1];
+    var window = (0, _dom.useDOM)().window;
+    var removeFocusFromField = _react.useCallback(function() {
+        if (open) {
+            var _window_getSelection;
+            setFocusedElement(null);
+            closeCalendar();
+            (_window_getSelection = window.getSelection()) === null || _window_getSelection === void 0 ? void 0 : _window_getSelection.removeAllRanges();
+            setInternalValue(getInternalValue(value));
         }
-      }
-    } else if (e.key === 'Backspace') {
-      if (!_value[focusedElement]) {
-        setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);
-      } else {
-        _value[focusedElement] = _value[focusedElement].slice(0, -1);
-      }
-    } else if (e.key === 'ArrowDown' || e.key === 'Down') {
-      var currentValue = Number(_value[focusedElement]);
-      _value[focusedElement] = String(currentValue <= config.min ? config.max : currentValue - 1).padStart(config.length, '0');
-    } else if (e.key === 'ArrowUp' || e.key === 'Up') {
-      var _currentValue = Number(_value[focusedElement]);
-      _value[focusedElement] = String(_currentValue >= config.max ? config.min : _currentValue + 1).padStart(config.length, '0');
-    } else if (e.key === 'Enter' || e.key === 'Tab' && focusedElement === maxElement || e.key === 'Tab' && e.shiftKey && focusedElement === 0) {
-      removeFocusFromField();
-      return;
-    } else if (e.key === 'ArrowLeft' || e.key === 'Left' || e.key === 'Tab' && e.shiftKey) {
-      setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);
-    } else if (e.key === 'ArrowRight' || e.key === 'Right' || e.key === 'Tab') {
-      setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);
-    } else if (e.key === 'Delete' || e.key === 'Del') {
-      _value[focusedElement] = '';
-    } else {
-      return;
-    }
-    e.preventDefault();
-    setInternalValue(_value);
-    onInternalValueChange(_value);
-  }, [elementsConfig, focusedElement, internalValue, maxElement, onInternalValueChange, removeFocusFromField]);
-  return {
-    rootRef: rootRef,
-    calendarRef: calendarRef,
-    open: open,
-    openCalendar: openCalendar,
-    closeCalendar: closeCalendar,
-    internalValue: internalValue,
-    focusedElement: focusedElement,
-    setFocusedElement: setFocusedElement,
-    handleKeyDown: handleKeyDown,
-    clear: clear,
-    handleFieldEnter: handleFieldEnter,
-    removeFocusFromField: removeFocusFromField
-  };
+    }, [
+        closeCalendar,
+        getInternalValue,
+        open,
+        value,
+        window
+    ]);
+    var handleClickOutside = _react.useCallback(function(e) {
+        var _rootRef_current, _calendarRef_current;
+        if (!((_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.contains(e.target)) && !((_calendarRef_current = calendarRef.current) === null || _calendarRef_current === void 0 ? void 0 : _calendarRef_current.contains(e.target))) {
+            removeFocusFromField();
+        }
+    }, [
+        removeFocusFromField
+    ]);
+    var selectFirst = _react.useCallback(function() {
+        setFocusedElement(0);
+    }, []);
+    (0, _useGlobalEventListener.useGlobalEventListener)(document, "click", handleClickOutside, {
+        capture: true
+    });
+    _react.useEffect(function() {
+        setInternalValue(getInternalValue(value));
+    }, [
+        getInternalValue,
+        value
+    ]);
+    _react.useEffect(function() {
+        if (autoFocus) {
+            selectFirst();
+        }
+    }, [
+        autoFocus,
+        selectFirst
+    ]);
+    _react.useEffect(function() {
+        if (disabled || focusedElement === null) {
+            return;
+        }
+        var range = window.document.createRange();
+        var element = refs[focusedElement].current;
+        if (element) {
+            element.focus();
+            openCalendar();
+            range.selectNodeContents(element);
+            var selection = window.getSelection();
+            selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
+            selection === null || selection === void 0 ? void 0 : selection.addRange(range);
+        }
+    }, [
+        disabled,
+        focusedElement,
+        openCalendar,
+        refs,
+        window
+    ]);
+    var clear = _react.useCallback(function() {
+        onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+        selectFirst();
+    }, [
+        onChange,
+        selectFirst
+    ]);
+    var handleFieldEnter = _react.useCallback(function() {
+        if (!open) {
+            selectFirst();
+        }
+    }, [
+        open,
+        selectFirst
+    ]);
+    var handleKeyDown = _react.useCallback(function(e) {
+        if (focusedElement === null) {
+            return;
+        }
+        var _value = _toConsumableArray(internalValue);
+        var config = elementsConfig(focusedElement);
+        if (/^\d+$/.test(e.key)) {
+            if (_value[focusedElement].length >= config.length) {
+                _value[focusedElement] = e.key;
+            } else {
+                _value[focusedElement] += e.key;
+                if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {
+                    setFocusedElement(focusedElement + 1);
+                }
+            }
+        } else if (e.key === "Backspace") {
+            if (!_value[focusedElement]) {
+                setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);
+            } else {
+                _value[focusedElement] = _value[focusedElement].slice(0, -1);
+            }
+        } else if (e.key === "ArrowDown" || e.key === "Down") {
+            var currentValue = Number(_value[focusedElement]);
+            _value[focusedElement] = String(currentValue <= config.min ? config.max : currentValue - 1).padStart(config.length, "0");
+        } else if (e.key === "ArrowUp" || e.key === "Up") {
+            var currentValue1 = Number(_value[focusedElement]);
+            _value[focusedElement] = String(currentValue1 >= config.max ? config.min : currentValue1 + 1).padStart(config.length, "0");
+        } else if (e.key === "Enter" || e.key === "Tab" && focusedElement === maxElement || e.key === "Tab" && e.shiftKey && focusedElement === 0) {
+            removeFocusFromField();
+            return;
+        } else if (e.key === "ArrowLeft" || e.key === "Left" || e.key === "Tab" && e.shiftKey) {
+            setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);
+        } else if (e.key === "ArrowRight" || e.key === "Right" || e.key === "Tab") {
+            setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);
+        } else if (e.key === "Delete" || e.key === "Del") {
+            _value[focusedElement] = "";
+        } else {
+            return;
+        }
+        e.preventDefault();
+        setInternalValue(_value);
+        onInternalValueChange(_value);
+    }, [
+        elementsConfig,
+        focusedElement,
+        internalValue,
+        maxElement,
+        onInternalValueChange,
+        removeFocusFromField
+    ]);
+    return {
+        rootRef: rootRef,
+        calendarRef: calendarRef,
+        open: open,
+        openCalendar: openCalendar,
+        closeCalendar: closeCalendar,
+        internalValue: internalValue,
+        focusedElement: focusedElement,
+        setFocusedElement: setFocusedElement,
+        handleKeyDown: handleKeyDown,
+        clear: clear,
+        handleFieldEnter: handleFieldEnter,
+        removeFocusFromField: removeFocusFromField
+    };
 }
+
 //# sourceMappingURL=useDateInput.js.map

package/dist/cjs/hooks/useDateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDateInput.js","names":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","useDOM","document","useBooleanState","open","openCalendar","setTrue","closeCalendar","setFalse","rootRef","React","useRef","calendarRef","useState","internalValue","setInternalValue","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","useGlobalEventListener","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport interface UseDateInputDependencies<T, D> {\n  maxElement: number;\n  refs: Array<React.RefObject<T>>;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  value?: D;\n  elementsConfig(index: number): {\n    length: number;\n    min: number;\n    max: number;\n  };\n  onInternalValueChange(value: string[]): void;\n  getInternalValue(value?: D | undefined): string[];\n  onChange?(value?: D | undefined): void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n  maxElement,\n  refs,\n  autoFocus,\n  disabled,\n  elementsConfig,\n  onChange,\n  onInternalValueChange,\n  getInternalValue,\n  value,\n}: UseDateInputDependencies<T, D>) {\n  const { document } = useDOM();\n  const { value: open, setTrue: openCalendar, setFalse: closeCalendar } = useBooleanState(false);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const calendarRef = React.useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = React.useState<string[]>([]);\n  const [focusedElement, setFocusedElement] = React.useState<number | null>(null);\n  const { window } = useDOM();\n\n  const removeFocusFromField = React.useCallback(() => {\n    if (open) {\n      setFocusedElement(null);\n      closeCalendar();\n      window!.getSelection()?.removeAllRanges();\n      setInternalValue(getInternalValue(value));\n    }\n  }, [closeCalendar, getInternalValue, open, value, window]);\n\n  const handleClickOutside = React.useCallback(\n    (e: MouseEvent) => {\n      if (\n        !rootRef.current?.contains(e.target as Node | null) &&\n        !calendarRef.current?.contains(e.target as Node | null)\n      ) {\n        removeFocusFromField();\n      }\n    },\n    [removeFocusFromField],\n  );\n\n  const selectFirst = React.useCallback(() => {\n    setFocusedElement(0);\n  }, []);\n\n  useGlobalEventListener(document, 'click', handleClickOutside, {\n    capture: true,\n  });\n\n  React.useEffect(() => {\n    setInternalValue(getInternalValue(value));\n  }, [getInternalValue, value]);\n\n  React.useEffect(() => {\n    if (autoFocus) {\n      selectFirst();\n    }\n  }, [autoFocus, selectFirst]);\n\n  React.useEffect(() => {\n    if (disabled || focusedElement === null) {\n      return;\n    }\n\n    const range = window!.document.createRange();\n\n    let element = refs[focusedElement].current;\n\n    if (element) {\n      element.focus();\n      openCalendar();\n      range.selectNodeContents(element as Node);\n\n      const selection = window!.getSelection();\n      selection?.removeAllRanges();\n      selection?.addRange(range);\n    }\n  }, [disabled, focusedElement, openCalendar, refs, window]);\n\n  const clear = React.useCallback(() => {\n    onChange?.(undefined);\n    selectFirst();\n  }, [onChange, selectFirst]);\n\n  const handleFieldEnter = React.useCallback(() => {\n    if (!open) {\n      selectFirst();\n    }\n  }, [open, selectFirst]);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLSpanElement>) => {\n      if (focusedElement === null) {\n        return;\n      }\n\n      const _value = [...internalValue];\n      const config = elementsConfig(focusedElement);\n\n      if (/^\\d+$/.test(e.key)) {\n        if (_value[focusedElement].length >= config.length) {\n          _value[focusedElement] = e.key;\n        } else {\n          _value[focusedElement] += e.key;\n          if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {\n            setFocusedElement(focusedElement + 1);\n          }\n        }\n      } else if (e.key === 'Backspace') {\n        if (!_value[focusedElement]) {\n          setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n        } else {\n          _value[focusedElement] = _value[focusedElement].slice(0, -1);\n        }\n      } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue <= config.min ? config.max : currentValue - 1,\n        ).padStart(config.length, '0');\n      } else if (e.key === 'ArrowUp' || e.key === 'Up') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue >= config.max ? config.min : currentValue + 1,\n        ).padStart(config.length, '0');\n      } else if (\n        e.key === 'Enter' ||\n        (e.key === 'Tab' && focusedElement === maxElement) ||\n        (e.key === 'Tab' && e.shiftKey && focusedElement === 0)\n      ) {\n        removeFocusFromField();\n        return;\n      } else if (e.key === 'ArrowLeft' || e.key === 'Left' || (e.key === 'Tab' && e.shiftKey)) {\n        setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n      } else if (e.key === 'ArrowRight' || e.key === 'Right' || e.key === 'Tab') {\n        setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);\n      } else if (e.key === 'Delete' || e.key === 'Del') {\n        _value[focusedElement] = '';\n      } else {\n        return;\n      }\n\n      e.preventDefault();\n      setInternalValue(_value);\n      onInternalValueChange(_value);\n    },\n    [\n      elementsConfig,\n      focusedElement,\n      internalValue,\n      maxElement,\n      onInternalValueChange,\n      removeFocusFromField,\n    ],\n  );\n\n  return {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    focusedElement,\n    setFocusedElement,\n    handleKeyDown,\n    clear,\n    handleFieldEnter,\n    removeFocusFromField,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport interface UseDateInputDependencies<T, D> {\n  maxElement: number;\n  refs: Array<React.RefObject<T>>;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  value?: D;\n  elementsConfig(index: number): {\n    length: number;\n    min: number;\n    max: number;\n  };\n  onInternalValueChange(value: string[]): void;\n  getInternalValue(value?: D | undefined): string[];\n  onChange?(value?: D | undefined): void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n  maxElement,\n  refs,\n  autoFocus,\n  disabled,\n  elementsConfig,\n  onChange,\n  onInternalValueChange,\n  getInternalValue,\n  value,\n}: UseDateInputDependencies<T, D>) {\n  const { document } = useDOM();\n  const { value: open, setTrue: openCalendar, setFalse: closeCalendar } = useBooleanState(false);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const calendarRef = React.useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = React.useState<string[]>([]);\n  const [focusedElement, setFocusedElement] = React.useState<number | null>(null);\n  const { window } = useDOM();\n\n  const removeFocusFromField = React.useCallback(() => {\n    if (open) {\n      setFocusedElement(null);\n      closeCalendar();\n      window!.getSelection()?.removeAllRanges();\n      setInternalValue(getInternalValue(value));\n    }\n  }, [closeCalendar, getInternalValue, open, value, window]);\n\n  const handleClickOutside = React.useCallback(\n    (e: MouseEvent) => {\n      if (\n        !rootRef.current?.contains(e.target as Node | null) &&\n        !calendarRef.current?.contains(e.target as Node | null)\n      ) {\n        removeFocusFromField();\n      }\n    },\n    [removeFocusFromField],\n  );\n\n  const selectFirst = React.useCallback(() => {\n    setFocusedElement(0);\n  }, []);\n\n  useGlobalEventListener(document, 'click', handleClickOutside, {\n    capture: true,\n  });\n\n  React.useEffect(() => {\n    setInternalValue(getInternalValue(value));\n  }, [getInternalValue, value]);\n\n  React.useEffect(() => {\n    if (autoFocus) {\n      selectFirst();\n    }\n  }, [autoFocus, selectFirst]);\n\n  React.useEffect(() => {\n    if (disabled || focusedElement === null) {\n      return;\n    }\n\n    const range = window!.document.createRange();\n\n    let element = refs[focusedElement].current;\n\n    if (element) {\n      element.focus();\n      openCalendar();\n      range.selectNodeContents(element as Node);\n\n      const selection = window!.getSelection();\n      selection?.removeAllRanges();\n      selection?.addRange(range);\n    }\n  }, [disabled, focusedElement, openCalendar, refs, window]);\n\n  const clear = React.useCallback(() => {\n    onChange?.(undefined);\n    selectFirst();\n  }, [onChange, selectFirst]);\n\n  const handleFieldEnter = React.useCallback(() => {\n    if (!open) {\n      selectFirst();\n    }\n  }, [open, selectFirst]);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLSpanElement>) => {\n      if (focusedElement === null) {\n        return;\n      }\n\n      const _value = [...internalValue];\n      const config = elementsConfig(focusedElement);\n\n      if (/^\\d+$/.test(e.key)) {\n        if (_value[focusedElement].length >= config.length) {\n          _value[focusedElement] = e.key;\n        } else {\n          _value[focusedElement] += e.key;\n          if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {\n            setFocusedElement(focusedElement + 1);\n          }\n        }\n      } else if (e.key === 'Backspace') {\n        if (!_value[focusedElement]) {\n          setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n        } else {\n          _value[focusedElement] = _value[focusedElement].slice(0, -1);\n        }\n      } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue <= config.min ? config.max : currentValue - 1,\n        ).padStart(config.length, '0');\n      } else if (e.key === 'ArrowUp' || e.key === 'Up') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue >= config.max ? config.min : currentValue + 1,\n        ).padStart(config.length, '0');\n      } else if (\n        e.key === 'Enter' ||\n        (e.key === 'Tab' && focusedElement === maxElement) ||\n        (e.key === 'Tab' && e.shiftKey && focusedElement === 0)\n      ) {\n        removeFocusFromField();\n        return;\n      } else if (e.key === 'ArrowLeft' || e.key === 'Left' || (e.key === 'Tab' && e.shiftKey)) {\n        setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n      } else if (e.key === 'ArrowRight' || e.key === 'Right' || e.key === 'Tab') {\n        setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);\n      } else if (e.key === 'Delete' || e.key === 'Del') {\n        _value[focusedElement] = '';\n      } else {\n        return;\n      }\n\n      e.preventDefault();\n      setInternalValue(_value);\n      onInternalValueChange(_value);\n    },\n    [\n      elementsConfig,\n      focusedElement,\n      internalValue,\n      maxElement,\n      onInternalValueChange,\n      removeFocusFromField,\n    ],\n  );\n\n  return {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    focusedElement,\n    setFocusedElement,\n    handleKeyDown,\n    clear,\n    handleFieldEnter,\n    removeFocusFromField,\n  };\n}\n"],"names":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","useDOM","useBooleanState","open","setTrue","openCalendar","setFalse","closeCalendar","rootRef","React","useRef","calendarRef","useState","internalValue","setInternalValue","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","useGlobalEventListener","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"mappings":"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"}

package/dist/cjs/hooks/useEffectDev.js

@@ -1,11 +1,15 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useEffectDev", {
+    enumerable: true,
+    get: function() {
+        return useEffectDev;
+    }
 });
-exports.useEffectDev = void 0;
 var _react = require("react");
 var _vkjs = require("@vkontakte/vkjs");
-var useEffectDev = process.env.NODE_ENV === 'development' ? _react.useEffect : _vkjs.noop;
-exports.useEffectDev = useEffectDev;
+var useEffectDev = process.env.NODE_ENV === "development" ? _react.useEffect : _vkjs.noop;
+
 //# sourceMappingURL=useEffectDev.js.map

package/dist/cjs/hooks/useEffectDev.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEffectDev.js","names":["useEffectDev","process","env","NODE_ENV","useEffect","noop"],"sources":["../../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport const useEffectDev = process.env.NODE_ENV === 'development' ? useEffect : noop;\n"],"mappings":";;;;;;AAAA;AACA;AAEO,IAAMA,YAAY,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,GAAGC,gBAAS,GAAGC,UAAI;AAAC"}
+{"version":3,"sources":["../../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport const useEffectDev = process.env.NODE_ENV === 'development' ? useEffect : noop;\n"],"names":["useEffectDev","process","env","NODE_ENV","useEffect","noop"],"mappings":";;;;+BAGaA;;;eAAAA;;;qBAHa;oBACL;AAEd,IAAMA,eAAeC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBC,gBAAS,GAAGC,UAAI"}

package/dist/cjs/hooks/useEnsuredControl.js

@@ -1,50 +1,66 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useCustomEnsuredControl = useCustomEnsuredControl;
-exports.useEnsuredControl = useEnsuredControl;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
-var _excluded = ["onChange", "disabled"];
-function useEnsuredControl(_ref) {
-  var onChangeProp = _ref.onChange,
-    disabled = _ref.disabled,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useCustomEnsuredCont = useCustomEnsuredControl(props),
-    _useCustomEnsuredCont2 = (0, _slicedToArray2.default)(_useCustomEnsuredCont, 2),
-    value = _useCustomEnsuredCont2[0],
-    onChangeValue = _useCustomEnsuredCont2[1];
-  var onChange = React.useCallback(function (e) {
-    if (disabled) {
-      return;
-    }
-    onChangeValue(e.target.value);
-    onChangeProp && onChangeProp(e);
-  }, [onChangeValue, onChangeProp, disabled]);
-  return [value, onChange];
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
 }
-function useCustomEnsuredControl(_ref2) {
-  var disabled = _ref2.disabled,
-    onChangeProp = _ref2.onChange,
-    defaultValue = _ref2.defaultValue,
-    value = _ref2.value;
-  var isControlled = value !== undefined;
-  var _React$useState = React.useState(defaultValue),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    localValue = _React$useState2[0],
-    setLocalValue = _React$useState2[1];
-  var onChange = React.useCallback(function (v) {
-    if (disabled) {
-      return;
+_export(exports, {
+    useEnsuredControl: function() {
+        return useEnsuredControl;
+    },
+    useCustomEnsuredControl: function() {
+        return useCustomEnsuredControl;
     }
-    !isControlled && setLocalValue(v);
-    onChangeProp && onChangeProp(v);
-  }, [disabled, isControlled, onChangeProp]);
-  return [isControlled ? value : localValue, onChange];
+});
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+function useEnsuredControl(_param) {
+    var onChangeProp = _param.onChange, disabled = _param.disabled, props = _objectWithoutProperties(_param, [
+        "onChange",
+        "disabled"
+    ]);
+    var _useCustomEnsuredControl = _slicedToArray(useCustomEnsuredControl(props), 2), value = _useCustomEnsuredControl[0], onChangeValue = _useCustomEnsuredControl[1];
+    var onChange = _react.useCallback(function(e) {
+        if (disabled) {
+            return;
+        }
+        onChangeValue(e.target.value);
+        onChangeProp && onChangeProp(e);
+    }, [
+        onChangeValue,
+        onChangeProp,
+        disabled
+    ]);
+    return [
+        value,
+        onChange
+    ];
 }
+function useCustomEnsuredControl(param) {
+    var disabled = param.disabled, onChangeProp = param.onChange, defaultValue = param.defaultValue, value = param.value;
+    var isControlled = value !== undefined;
+    var _React_useState = _slicedToArray(_react.useState(defaultValue), 2), localValue = _React_useState[0], setLocalValue = _React_useState[1];
+    var onChange = _react.useCallback(function(v) {
+        if (disabled) {
+            return;
+        }
+        !isControlled && setLocalValue(v);
+        onChangeProp && onChangeProp(v);
+    }, [
+        disabled,
+        isControlled,
+        onChangeProp
+    ]);
+    return [
+        isControlled ? value : localValue,
+        onChange
+    ];
+}
+
 //# sourceMappingURL=useEnsuredControl.js.map

package/dist/cjs/hooks/useEnsuredControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEnsuredControl.js","names":["useEnsuredControl","onChangeProp","onChange","disabled","props","useCustomEnsuredControl","value","onChangeValue","React","useCallback","e","target","defaultValue","isControlled","undefined","useState","localValue","setLocalValue","v"],"sources":["../../../src/hooks/useEnsuredControl.ts"],"sourcesContent":["import * as React from 'react';\n\ninterface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {\n  value?: V;\n  onChange?: (e: E) => any;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n}\n\nexport function useEnsuredControl<V, E extends React.ChangeEvent<any>>({\n  onChange: onChangeProp,\n  disabled,\n  ...props\n}: UseEnsuredControlProps<V, E>): [V | undefined, (e: E) => any] {\n  const [value, onChangeValue] = useCustomEnsuredControl(props);\n\n  const onChange = React.useCallback(\n    (e: E) => {\n      if (disabled) {\n        return;\n      }\n\n      onChangeValue(e.target.value);\n      onChangeProp && onChangeProp(e);\n    },\n    [onChangeValue, onChangeProp, disabled],\n  );\n\n  return [value, onChange];\n}\n\ninterface UseCustomEnsuredControlProps<V> {\n  value?: V;\n  onChange?: (v: V) => any;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n}\n\nexport function useCustomEnsuredControl<V>({\n  disabled,\n  onChange: onChangeProp,\n  defaultValue,\n  value,\n}: UseCustomEnsuredControlProps<V>): [V | undefined, (e: V) => any] {\n  const isControlled = value !== undefined;\n  const [localValue, setLocalValue] = React.useState(defaultValue);\n\n  const onChange = React.useCallback(\n    (v: V) => {\n      if (disabled) {\n        return;\n      }\n\n      !isControlled && setLocalValue(v);\n      onChangeProp && onChangeProp(v);\n    },\n    [disabled, isControlled, onChangeProp],\n  );\n\n  return [isControlled ? value : localValue, onChange];\n}\n"],"mappings":";;;;;;;;;;;AAAA;AAA+B;AASxB,SAASA,iBAAiB,OAIgC;EAAA,IAHrDC,YAAY,QAAtBC,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACLC,KAAK;EAER,4BAA+BC,uBAAuB,CAACD,KAAK,CAAC;IAAA;IAAtDE,KAAK;IAAEC,aAAa;EAE3B,IAAML,QAAQ,GAAGM,KAAK,CAACC,WAAW,CAChC,UAACC,CAAI,EAAK;IACR,IAAIP,QAAQ,EAAE;MACZ;IACF;IAEAI,aAAa,CAACG,CAAC,CAACC,MAAM,CAACL,KAAK,CAAC;IAC7BL,YAAY,IAAIA,YAAY,CAACS,CAAC,CAAC;EACjC,CAAC,EACD,CAACH,aAAa,EAAEN,YAAY,EAAEE,QAAQ,CAAC,CACxC;EAED,OAAO,CAACG,KAAK,EAAEJ,QAAQ,CAAC;AAC1B;AASO,SAASG,uBAAuB,QAK6B;EAAA,IAJlEF,QAAQ,SAARA,QAAQ;IACEF,YAAY,SAAtBC,QAAQ;IACRU,YAAY,SAAZA,YAAY;IACZN,KAAK,SAALA,KAAK;EAEL,IAAMO,YAAY,GAAGP,KAAK,KAAKQ,SAAS;EACxC,sBAAoCN,KAAK,CAACO,QAAQ,CAACH,YAAY,CAAC;IAAA;IAAzDI,UAAU;IAAEC,aAAa;EAEhC,IAAMf,QAAQ,GAAGM,KAAK,CAACC,WAAW,CAChC,UAACS,CAAI,EAAK;IACR,IAAIf,QAAQ,EAAE;MACZ;IACF;IAEA,CAACU,YAAY,IAAII,aAAa,CAACC,CAAC,CAAC;IACjCjB,YAAY,IAAIA,YAAY,CAACiB,CAAC,CAAC;EACjC,CAAC,EACD,CAACf,QAAQ,EAAEU,YAAY,EAAEZ,YAAY,CAAC,CACvC;EAED,OAAO,CAACY,YAAY,GAAGP,KAAK,GAAGU,UAAU,EAAEd,QAAQ,CAAC;AACtD"}
+{"version":3,"sources":["../../../src/hooks/useEnsuredControl.ts"],"sourcesContent":["import * as React from 'react';\n\ninterface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {\n  value?: V;\n  onChange?: (e: E) => any;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n}\n\nexport function useEnsuredControl<V, E extends React.ChangeEvent<any>>({\n  onChange: onChangeProp,\n  disabled,\n  ...props\n}: UseEnsuredControlProps<V, E>): [V | undefined, (e: E) => any] {\n  const [value, onChangeValue] = useCustomEnsuredControl(props);\n\n  const onChange = React.useCallback(\n    (e: E) => {\n      if (disabled) {\n        return;\n      }\n\n      onChangeValue(e.target.value);\n      onChangeProp && onChangeProp(e);\n    },\n    [onChangeValue, onChangeProp, disabled],\n  );\n\n  return [value, onChange];\n}\n\ninterface UseCustomEnsuredControlProps<V> {\n  value?: V;\n  onChange?: (v: V) => any;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n}\n\nexport function useCustomEnsuredControl<V>({\n  disabled,\n  onChange: onChangeProp,\n  defaultValue,\n  value,\n}: UseCustomEnsuredControlProps<V>): [V | undefined, (e: V) => any] {\n  const isControlled = value !== undefined;\n  const [localValue, setLocalValue] = React.useState(defaultValue);\n\n  const onChange = React.useCallback(\n    (v: V) => {\n      if (disabled) {\n        return;\n      }\n\n      !isControlled && setLocalValue(v);\n      onChangeProp && onChangeProp(v);\n    },\n    [disabled, isControlled, onChangeProp],\n  );\n\n  return [isControlled ? value : localValue, onChange];\n}\n"],"names":["useEnsuredControl","useCustomEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","React","useCallback","e","target","defaultValue","isControlled","undefined","useState","localValue","setLocalValue","v"],"mappings":";;;;;;;;;;;IASgBA,iBAAiB;eAAjBA;;IA6BAC,uBAAuB;eAAvBA;;;;;;2DAtCO;AAShB,SAASD,kBAAuD,QAIN;QAH/DE,AAAUC,eAD2D,OACrED,UACAE,WAFqE,OAErEA,UACGC,iCAHkE;QACrEH;QACAE;;IAGA,IAA+BH,0CAAAA,wBAAwBI,YAAhDC,QAAwBL,6BAAjBM,gBAAiBN;IAE/B,IAAMC,WAAWM,OAAMC,WAAW,CAChC,SAACC,GAAS;QACR,IAAIN,UAAU;YACZ;QACF,CAAC;QAEDG,cAAcG,EAAEC,MAAM,CAACL,KAAK;QAC5BH,gBAAgBA,aAAaO;IAC/B,GACA;QAACH;QAAeJ;QAAcC;KAAS;IAGzC,OAAO;QAACE;QAAOJ;KAAS;AAC1B;AASO,SAASD,wBAA2B,KAKT,EAAkC;QAJlEG,WADyC,MACzCA,UACAF,AAAUC,eAF+B,MAEzCD,UACAU,eAHyC,MAGzCA,cACAN,QAJyC,MAIzCA;IAEA,IAAMO,eAAeP,UAAUQ;IAC/B,IAAoCN,iCAAAA,OAAMO,QAAQ,CAACH,mBAA5CI,aAA6BR,oBAAjBS,gBAAiBT;IAEpC,IAAMN,WAAWM,OAAMC,WAAW,CAChC,SAACS,GAAS;QACR,IAAId,UAAU;YACZ;QACF,CAAC;QAED,CAACS,gBAAgBI,cAAcC;QAC/Bf,gBAAgBA,aAAae;IAC/B,GACA;QAACd;QAAUS;QAAcV;KAAa;IAGxC,OAAO;QAACU,eAAeP,QAAQU,UAAU;QAAEd;KAAS;AACtD"}