@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cssm/hooks/useDateInput.js

@@ -1,146 +1,158 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
 import { useDOM } from '../lib/dom';
 import { useBooleanState } from './useBooleanState';
 import { useGlobalEventListener } from './useGlobalEventListener';
-export 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 = useDOM(),
-    document = _useDOM.document;
-  var _useBooleanState = 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 = _slicedToArray(_React$useState, 2),
-    internalValue = _React$useState2[0],
-    setInternalValue = _React$useState2[1];
-  var _React$useState3 = React.useState(null),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    focusedElement = _React$useState4[0],
-    setFocusedElement = _React$useState4[1];
-  var _useDOM2 = 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);
-  }, []);
-  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);
+export function useDateInput({ maxElement , refs , autoFocus , disabled , elementsConfig , onChange , onInternalValueChange , getInternalValue , value  }) {
+    const { document  } = useDOM();
+    const { value: open , setTrue: openCalendar , setFalse: closeCalendar  } = useBooleanState(false);
+    const rootRef = React.useRef(null);
+    const calendarRef = React.useRef(null);
+    const [internalValue, setInternalValue] = React.useState([]);
+    const [focusedElement, setFocusedElement] = React.useState(null);
+    const { window  } = useDOM();
+    const removeFocusFromField = React.useCallback(()=>{
+        if (open) {
+            setFocusedElement(null);
+            closeCalendar();
+            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
+    ]);
+    const handleClickOutside = React.useCallback((e)=>{
+        if (!rootRef.current?.contains(e.target) && !calendarRef.current?.contains(e.target)) {
+            removeFocusFromField();
+        }
+    }, [
+        removeFocusFromField
+    ]);
+    const selectFirst = React.useCallback(()=>{
+        setFocusedElement(0);
+    }, []);
+    useGlobalEventListener(document, 'click', handleClickOutside, {
+        capture: true
+    });
+    React.useEffect(()=>{
+        setInternalValue(getInternalValue(value));
+    }, [
+        getInternalValue,
+        value
+    ]);
+    React.useEffect(()=>{
+        if (autoFocus) {
+            selectFirst();
+        }
+    }, [
+        autoFocus,
+        selectFirst
+    ]);
+    React.useEffect(()=>{
+        if (disabled || focusedElement === null) {
+            return;
+        }
+        const range = window.document.createRange();
+        let element = refs[focusedElement].current;
+        if (element) {
+            element.focus();
+            openCalendar();
+            range.selectNodeContents(element);
+            const selection = window.getSelection();
+            selection?.removeAllRanges();
+            selection?.addRange(range);
+        }
+    }, [
+        disabled,
+        focusedElement,
+        openCalendar,
+        refs,
+        window
+    ]);
+    const clear = React.useCallback(()=>{
+        onChange?.(undefined);
+        selectFirst();
+    }, [
+        onChange,
+        selectFirst
+    ]);
+    const handleFieldEnter = React.useCallback(()=>{
+        if (!open) {
+            selectFirst();
+        }
+    }, [
+        open,
+        selectFirst
+    ]);
+    const handleKeyDown = React.useCallback((e)=>{
+        if (focusedElement === null) {
+            return;
+        }
+        const _value = [
+            ...internalValue
+        ];
+        const 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') {
+            let 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') {
+            let 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,
+        calendarRef,
+        open,
+        openCalendar,
+        closeCalendar,
+        internalValue,
+        focusedElement,
+        setFocusedElement,
+        handleKeyDown,
+        clear,
+        handleFieldEnter,
+        removeFocusFromField
+    };
 }
+
 //# sourceMappingURL=useDateInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDateInput.js","names":["React","useDOM","useBooleanState","useGlobalEventListener","useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","open","openCalendar","setTrue","closeCalendar","setFalse","rootRef","useRef","calendarRef","useState","internalValue","setInternalValue","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","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":["React","useDOM","useBooleanState","useGlobalEventListener","useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","open","setTrue","openCalendar","setFalse","closeCalendar","rootRef","useRef","calendarRef","internalValue","setInternalValue","useState","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","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/cssm/hooks/useEffectDev.js

@@ -1,4 +1,5 @@
 import { useEffect } from 'react';
 import { noop } from '@vkontakte/vkjs';
-export var useEffectDev = process.env.NODE_ENV === 'development' ? useEffect : noop;
+export const useEffectDev = process.env.NODE_ENV === 'development' ? useEffect : noop;
+
 //# sourceMappingURL=useEffectDev.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEffectDev.js","names":["useEffect","noop","useEffectDev","process","env","NODE_ENV"],"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,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,IAAI,QAAQ,iBAAiB;AAEtC,OAAO,IAAMC,YAAY,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,GAAGL,SAAS,GAAGC,IAAI"}
+{"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":["useEffect","noop","useEffectDev","process","env","NODE_ENV"],"mappings":"AAAA,SAASA,SAAS,QAAQ,QAAQ;AAClC,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,OAAO,MAAMC,eAAeC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBL,YAAYC,IAAI,CAAC"}

package/dist/cssm/hooks/useEnsuredControl.js

@@ -1,41 +1,40 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["onChange", "disabled"];
 import * as React from 'react';
-export function useEnsuredControl(_ref) {
-  var onChangeProp = _ref.onChange,
-    disabled = _ref.disabled,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useCustomEnsuredCont = useCustomEnsuredControl(props),
-    _useCustomEnsuredCont2 = _slicedToArray(_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];
+export function useEnsuredControl({ onChange: onChangeProp , disabled , ...props }) {
+    const [value, onChangeValue] = useCustomEnsuredControl(props);
+    const onChange = React.useCallback((e)=>{
+        if (disabled) {
+            return;
+        }
+        onChangeValue(e.target.value);
+        onChangeProp && onChangeProp(e);
+    }, [
+        onChangeValue,
+        onChangeProp,
+        disabled
+    ]);
+    return [
+        value,
+        onChange
+    ];
 }
-export 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 = _slicedToArray(_React$useState, 2),
-    localValue = _React$useState2[0],
-    setLocalValue = _React$useState2[1];
-  var onChange = React.useCallback(function (v) {
-    if (disabled) {
-      return;
-    }
-    !isControlled && setLocalValue(v);
-    onChangeProp && onChangeProp(v);
-  }, [disabled, isControlled, onChangeProp]);
-  return [isControlled ? value : localValue, onChange];
+export function useCustomEnsuredControl({ disabled , onChange: onChangeProp , defaultValue , value  }) {
+    const isControlled = value !== undefined;
+    const [localValue, setLocalValue] = React.useState(defaultValue);
+    const onChange = React.useCallback((v)=>{
+        if (disabled) {
+            return;
+        }
+        !isControlled && setLocalValue(v);
+        onChangeProp && onChangeProp(v);
+    }, [
+        disabled,
+        isControlled,
+        onChangeProp
+    ]);
+    return [
+        isControlled ? value : localValue,
+        onChange
+    ];
 }
+
 //# sourceMappingURL=useEnsuredControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEnsuredControl.js","names":["React","useEnsuredControl","onChangeProp","onChange","disabled","props","useCustomEnsuredControl","value","onChangeValue","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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAS9B,OAAO,SAASC,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,GAAGH,KAAK,CAACS,WAAW,CAChC,UAACC,CAAI,EAAK;IACR,IAAIN,QAAQ,EAAE;MACZ;IACF;IAEAI,aAAa,CAACE,CAAC,CAACC,MAAM,CAACJ,KAAK,CAAC;IAC7BL,YAAY,IAAIA,YAAY,CAACQ,CAAC,CAAC;EACjC,CAAC,EACD,CAACF,aAAa,EAAEN,YAAY,EAAEE,QAAQ,CAAC,CACxC;EAED,OAAO,CAACG,KAAK,EAAEJ,QAAQ,CAAC;AAC1B;AASA,OAAO,SAASG,uBAAuB,QAK6B;EAAA,IAJlEF,QAAQ,SAARA,QAAQ;IACEF,YAAY,SAAtBC,QAAQ;IACRS,YAAY,SAAZA,YAAY;IACZL,KAAK,SAALA,KAAK;EAEL,IAAMM,YAAY,GAAGN,KAAK,KAAKO,SAAS;EACxC,sBAAoCd,KAAK,CAACe,QAAQ,CAACH,YAAY,CAAC;IAAA;IAAzDI,UAAU;IAAEC,aAAa;EAEhC,IAAMd,QAAQ,GAAGH,KAAK,CAACS,WAAW,CAChC,UAACS,CAAI,EAAK;IACR,IAAId,QAAQ,EAAE;MACZ;IACF;IAEA,CAACS,YAAY,IAAII,aAAa,CAACC,CAAC,CAAC;IACjChB,YAAY,IAAIA,YAAY,CAACgB,CAAC,CAAC;EACjC,CAAC,EACD,CAACd,QAAQ,EAAES,YAAY,EAAEX,YAAY,CAAC,CACvC;EAED,OAAO,CAACW,YAAY,GAAGN,KAAK,GAAGS,UAAU,EAAEb,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":["React","useEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","useCustomEnsuredControl","useCallback","e","target","defaultValue","isControlled","undefined","localValue","setLocalValue","useState","v"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAS/B,OAAO,SAASC,kBAAuD,EACrEC,UAAUC,aAAY,EACtBC,SAAQ,EACR,GAAGC,OAC0B,EAAkC;IAC/D,MAAM,CAACC,OAAOC,cAAc,GAAGC,wBAAwBH;IAEvD,MAAMH,WAAWF,MAAMS,WAAW,CAChC,CAACC,IAAS;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,CAAC;AASD,OAAO,SAASM,wBAA2B,EACzCJ,SAAQ,EACRF,UAAUC,aAAY,EACtBS,aAAY,EACZN,MAAK,EAC2B,EAAkC;IAClE,MAAMO,eAAeP,UAAUQ;IAC/B,MAAM,CAACC,YAAYC,cAAc,GAAGhB,MAAMiB,QAAQ,CAACL;IAEnD,MAAMV,WAAWF,MAAMS,WAAW,CAChC,CAACS,IAAS;QACR,IAAId,UAAU;YACZ;QACF,CAAC;QAED,CAACS,gBAAgBG,cAAcE;QAC/Bf,gBAAgBA,aAAae;IAC/B,GACA;QAACd;QAAUS;QAAcV;KAAa;IAGxC,OAAO;QAACU,eAAeP,QAAQS,UAAU;QAAEb;KAAS;AACtD,CAAC"}

package/dist/cssm/hooks/useEventListener.js

@@ -1,43 +1,49 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import * as React from 'react';
 import { noop } from '@vkontakte/vkjs';
 import { canUseDOM } from '../lib/dom';
 import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';
 export function useEventListener(event, _cb, _options) {
-  var cbRef = React.useRef(_cb);
-  useIsomorphicLayoutEffect(function () {
-    cbRef.current = _cb;
-  }, [_cb]);
-  var cb = React.useCallback(function (e) {
-    return cbRef.current && cbRef.current(e);
-  }, []);
-  var detach = React.useRef(noop);
-  var remove = React.useCallback(function () {
-    detach.current();
-    detach.current = noop;
-  }, []);
-  var add = React.useCallback(function (el) {
-    if (!canUseDOM) {
-      return;
-    }
-    remove();
-    if (!el) {
-      return;
-    }
-    var options = _objectSpread({}, _options);
-    el.addEventListener(event, cb, options);
-    detach.current = function () {
-      return el.removeEventListener(event, cb, options);
-    };
-  }, [_options, cb, event, remove]);
-  React.useEffect(function () {
-    return remove;
-  }, [remove]);
-  return React.useMemo(function () {
-    return {
-      add: add,
-      remove: remove
-    };
-  }, [add, remove]);
+    const cbRef = React.useRef(_cb);
+    useIsomorphicLayoutEffect(()=>{
+        cbRef.current = _cb;
+    }, [
+        _cb
+    ]);
+    const cb = React.useCallback((e)=>cbRef.current && cbRef.current(e), []);
+    const detach = React.useRef(noop);
+    const remove = React.useCallback(()=>{
+        detach.current();
+        detach.current = noop;
+    }, []);
+    const add = React.useCallback((el)=>{
+        if (!canUseDOM) {
+            return;
+        }
+        remove();
+        if (!el) {
+            return;
+        }
+        const options = {
+            ..._options
+        };
+        el.addEventListener(event, cb, options);
+        detach.current = ()=>el.removeEventListener(event, cb, options);
+    }, [
+        _options,
+        cb,
+        event,
+        remove
+    ]);
+    React.useEffect(()=>remove, [
+        remove
+    ]);
+    return React.useMemo(()=>({
+            add,
+            remove
+        }), [
+        add,
+        remove
+    ]);
 }
+
 //# sourceMappingURL=useEventListener.js.map

package/dist/cssm/hooks/useEventListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEventListener.js","names":["React","noop","canUseDOM","useIsomorphicLayoutEffect","useEventListener","event","_cb","_options","cbRef","useRef","current","cb","useCallback","e","detach","remove","add","el","options","addEventListener","removeEventListener","useEffect","useMemo"],"sources":["../../../src/hooks/useEventListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\ninterface EventListenerHandle {\n  add: (el: HTMLElement | Document | Window) => void;\n  remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  event: K,\n  _cb: false | null | undefined | ((ev: GlobalEventHandlersEventMap[K]) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event>(\n  event: string,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event, K extends keyof GlobalEventHandlersEventMap>(\n  event: string | K,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle {\n  const cbRef = React.useRef(_cb);\n  useIsomorphicLayoutEffect(() => {\n    cbRef.current = _cb;\n  }, [_cb]);\n  const cb = React.useCallback((e: any) => cbRef.current && cbRef.current(e), []);\n\n  const detach = React.useRef(noop);\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n  const add = React.useCallback(\n    (el: HTMLElement | Document | Window) => {\n      if (!canUseDOM) {\n        return;\n      }\n      remove();\n      if (!el) {\n        return;\n      }\n      const options = { ..._options };\n      el.addEventListener(event, cb, options);\n      detach.current = () => el.removeEventListener(event, cb, options);\n    },\n    [_options, cb, event, remove],\n  );\n  React.useEffect(() => remove, [remove]);\n\n  return React.useMemo(() => ({ add, remove }), [add, remove]);\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,SAAS,QAAQ,YAAY;AACtC,SAASC,yBAAyB,QAAQ,kCAAkC;AAiB5E,OAAO,SAASC,gBAAgB,CAC9BC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC,EACb;EACrB,IAAMC,KAAK,GAAGR,KAAK,CAACS,MAAM,CAACH,GAAG,CAAC;EAC/BH,yBAAyB,CAAC,YAAM;IAC9BK,KAAK,CAACE,OAAO,GAAGJ,GAAG;EACrB,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EACT,IAAMK,EAAE,GAAGX,KAAK,CAACY,WAAW,CAAC,UAACC,CAAM;IAAA,OAAKL,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACE,OAAO,CAACG,CAAC,CAAC;EAAA,GAAE,EAAE,CAAC;EAE/E,IAAMC,MAAM,GAAGd,KAAK,CAACS,MAAM,CAACR,IAAI,CAAC;EACjC,IAAMc,MAAM,GAAGf,KAAK,CAACY,WAAW,CAAC,YAAM;IACrCE,MAAM,CAACJ,OAAO,EAAE;IAChBI,MAAM,CAACJ,OAAO,GAAGT,IAAI;EACvB,CAAC,EAAE,EAAE,CAAC;EACN,IAAMe,GAAG,GAAGhB,KAAK,CAACY,WAAW,CAC3B,UAACK,EAAmC,EAAK;IACvC,IAAI,CAACf,SAAS,EAAE;MACd;IACF;IACAa,MAAM,EAAE;IACR,IAAI,CAACE,EAAE,EAAE;MACP;IACF;IACA,IAAMC,OAAO,qBAAQX,QAAQ,CAAE;IAC/BU,EAAE,CAACE,gBAAgB,CAACd,KAAK,EAAEM,EAAE,EAAEO,OAAO,CAAC;IACvCJ,MAAM,CAACJ,OAAO,GAAG;MAAA,OAAMO,EAAE,CAACG,mBAAmB,CAACf,KAAK,EAAEM,EAAE,EAAEO,OAAO,CAAC;IAAA;EACnE,CAAC,EACD,CAACX,QAAQ,EAAEI,EAAE,EAAEN,KAAK,EAAEU,MAAM,CAAC,CAC9B;EACDf,KAAK,CAACqB,SAAS,CAAC;IAAA,OAAMN,MAAM;EAAA,GAAE,CAACA,MAAM,CAAC,CAAC;EAEvC,OAAOf,KAAK,CAACsB,OAAO,CAAC;IAAA,OAAO;MAAEN,GAAG,EAAHA,GAAG;MAAED,MAAM,EAANA;IAAO,CAAC;EAAA,CAAC,EAAE,CAACC,GAAG,EAAED,MAAM,CAAC,CAAC;AAC9D"}
+{"version":3,"sources":["../../../src/hooks/useEventListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\ninterface EventListenerHandle {\n  add: (el: HTMLElement | Document | Window) => void;\n  remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  event: K,\n  _cb: false | null | undefined | ((ev: GlobalEventHandlersEventMap[K]) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event>(\n  event: string,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event, K extends keyof GlobalEventHandlersEventMap>(\n  event: string | K,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle {\n  const cbRef = React.useRef(_cb);\n  useIsomorphicLayoutEffect(() => {\n    cbRef.current = _cb;\n  }, [_cb]);\n  const cb = React.useCallback((e: any) => cbRef.current && cbRef.current(e), []);\n\n  const detach = React.useRef(noop);\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n  const add = React.useCallback(\n    (el: HTMLElement | Document | Window) => {\n      if (!canUseDOM) {\n        return;\n      }\n      remove();\n      if (!el) {\n        return;\n      }\n      const options = { ..._options };\n      el.addEventListener(event, cb, options);\n      detach.current = () => el.removeEventListener(event, cb, options);\n    },\n    [_options, cb, event, remove],\n  );\n  React.useEffect(() => remove, [remove]);\n\n  return React.useMemo(() => ({ add, remove }), [add, remove]);\n}\n"],"names":["React","noop","canUseDOM","useIsomorphicLayoutEffect","useEventListener","event","_cb","_options","cbRef","useRef","current","cb","useCallback","e","detach","remove","add","el","options","addEventListener","removeEventListener","useEffect","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,yBAAyB,QAAQ,mCAAmC;AAiB7E,OAAO,SAASC,iBACdC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC,EACb;IACrB,MAAMC,QAAQR,MAAMS,MAAM,CAACH;IAC3BH,0BAA0B,IAAM;QAC9BK,MAAME,OAAO,GAAGJ;IAClB,GAAG;QAACA;KAAI;IACR,MAAMK,KAAKX,MAAMY,WAAW,CAAC,CAACC,IAAWL,MAAME,OAAO,IAAIF,MAAME,OAAO,CAACG,IAAI,EAAE;IAE9E,MAAMC,SAASd,MAAMS,MAAM,CAACR;IAC5B,MAAMc,SAASf,MAAMY,WAAW,CAAC,IAAM;QACrCE,OAAOJ,OAAO;QACdI,OAAOJ,OAAO,GAAGT;IACnB,GAAG,EAAE;IACL,MAAMe,MAAMhB,MAAMY,WAAW,CAC3B,CAACK,KAAwC;QACvC,IAAI,CAACf,WAAW;YACd;QACF,CAAC;QACDa;QACA,IAAI,CAACE,IAAI;YACP;QACF,CAAC;QACD,MAAMC,UAAU;YAAE,GAAGX,QAAQ;QAAC;QAC9BU,GAAGE,gBAAgB,CAACd,OAAOM,IAAIO;QAC/BJ,OAAOJ,OAAO,GAAG,IAAMO,GAAGG,mBAAmB,CAACf,OAAOM,IAAIO;IAC3D,GACA;QAACX;QAAUI;QAAIN;QAAOU;KAAO;IAE/Bf,MAAMqB,SAAS,CAAC,IAAMN,QAAQ;QAACA;KAAO;IAEtC,OAAOf,MAAMsB,OAAO,CAAC,IAAO,CAAA;YAAEN;YAAKD;QAAO,CAAA,GAAI;QAACC;QAAKD;KAAO;AAC7D,CAAC"}

package/dist/cssm/hooks/useExternRef.js

@@ -1,26 +1,21 @@
 import * as React from 'react';
 import { setRef } from '../lib/utils';
-export function useExternRef() {
-  for (var _len = arguments.length, externRefs = new Array(_len), _key = 0; _key < _len; _key++) {
-    externRefs[_key] = arguments[_key];
-  }
-  var stableRef = React.useRef(null);
-  return React.useMemo(function () {
-    return {
-      get current() {
-        return stableRef.current;
-      },
-      set current(el) {
-        stableRef.current = el;
-        externRefs.forEach(function (ref) {
-          if (ref) {
-            setRef(el, ref);
-          }
-        });
-      }
-    };
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  externRefs);
+export function useExternRef(...externRefs) {
+    const stableRef = React.useRef(null);
+    return React.useMemo(()=>({
+            get current () {
+                return stableRef.current;
+            },
+            set current (el){
+                stableRef.current = el;
+                externRefs.forEach((ref)=>{
+                    if (ref) {
+                        setRef(el, ref);
+                    }
+                });
+            }
+        }), // eslint-disable-next-line react-hooks/exhaustive-deps
+    externRefs);
 }
+
 //# sourceMappingURL=useExternRef.js.map

package/dist/cssm/hooks/useExternRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useExternRef.js","names":["React","setRef","useExternRef","externRefs","stableRef","useRef","useMemo","current","el","forEach","ref"],"sources":["../../../src/hooks/useExternRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { setRef } from '../lib/utils';\n\nexport function useExternRef<T>(\n  ...externRefs: Array<React.Ref<T> | undefined | false>\n): React.MutableRefObject<T | null> {\n  const stableRef = React.useRef<T | null>(null);\n\n  return React.useMemo(\n    () => ({\n      get current() {\n        return stableRef.current;\n      },\n      set current(el) {\n        stableRef.current = el;\n        externRefs.forEach((ref) => {\n          if (ref) {\n            setRef(el, ref);\n          }\n        });\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    externRefs,\n  );\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,QAAQ,cAAc;AAErC,OAAO,SAASC,YAAY,GAEQ;EAAA,kCAD/BC,UAAU;IAAVA,UAAU;EAAA;EAEb,IAAMC,SAAS,GAAGJ,KAAK,CAACK,MAAM,CAAW,IAAI,CAAC;EAE9C,OAAOL,KAAK,CAACM,OAAO,CAClB;IAAA,OAAO;MACL,IAAIC,OAAO,GAAG;QACZ,OAAOH,SAAS,CAACG,OAAO;MAC1B,CAAC;MACD,IAAIA,OAAO,CAACC,EAAE,EAAE;QACdJ,SAAS,CAACG,OAAO,GAAGC,EAAE;QACtBL,UAAU,CAACM,OAAO,CAAC,UAACC,GAAG,EAAK;UAC1B,IAAIA,GAAG,EAAE;YACPT,MAAM,CAACO,EAAE,EAAEE,GAAG,CAAC;UACjB;QACF,CAAC,CAAC;MACJ;IACF,CAAC;EAAA,CAAC;EACF;EACAP,UAAU,CACX;AACH"}
+{"version":3,"sources":["../../../src/hooks/useExternRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { setRef } from '../lib/utils';\n\nexport function useExternRef<T>(\n  ...externRefs: Array<React.Ref<T> | undefined | false>\n): React.MutableRefObject<T | null> {\n  const stableRef = React.useRef<T | null>(null);\n\n  return React.useMemo(\n    () => ({\n      get current() {\n        return stableRef.current;\n      },\n      set current(el) {\n        stableRef.current = el;\n        externRefs.forEach((ref) => {\n          if (ref) {\n            setRef(el, ref);\n          }\n        });\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    externRefs,\n  );\n}\n"],"names":["React","setRef","useExternRef","externRefs","stableRef","useRef","useMemo","current","el","forEach","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,eAAe;AAEtC,OAAO,SAASC,aACd,GAAGC,UAAmD,EACpB;IAClC,MAAMC,YAAYJ,MAAMK,MAAM,CAAW,IAAI;IAE7C,OAAOL,MAAMM,OAAO,CAClB,IAAO,CAAA;YACL,IAAIC,WAAU;gBACZ,OAAOH,UAAUG,OAAO;YAC1B;YACA,IAAIA,SAAQC,GAAI;gBACdJ,UAAUG,OAAO,GAAGC;gBACpBL,WAAWM,OAAO,CAAC,CAACC,MAAQ;oBAC1B,IAAIA,KAAK;wBACPT,OAAOO,IAAIE;oBACb,CAAC;gBACH;YACF;QACF,CAAA,GACA,uDAAuD;IACvDP;AAEJ,CAAC"}