@vkontakte/vkui 5.0.3 → 5.1.2

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

@@ -1 +1 @@
-{"version":3,"file":"useChipsInput.js","names":["React","useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"sources":["../../../src/hooks/useChipsInput.ts"],"sourcesContent":["import * as React from \"react\";\nimport { ChipOption } from \"../components/Chip/Chip\";\nimport { ChipsInputBaseProps } from \"../components/ChipsInputBase/ChipsInputBase\";\n\nexport const useChipsInput = <Option extends ChipOption>(\n  props: Partial<ChipsInputBaseProps<Option>>\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } =\n    props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue(\"\");\n    onInputChange!({ target: { value: \"\" } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange!(e);\n    },\n    [onInputChange]\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) =>\n          getOptionValue!(newOption) !== getOptionValue!(option)\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange!(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange]\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption]\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData!(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value) => {\n      toggleOption(getNewOptionData!(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData]\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value as Option[]);\n\n    return () => setSelectedOptions([]);\n  }, [props.value, value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue(\"\");\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useChipsInput.js","names":["React","useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"sources":["../../../src/hooks/useChipsInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsInputBaseProps } from '../components/ChipsInputBase/ChipsInputBase';\n\nexport const useChipsInput = <Option extends ChipOption>(\n  props: Partial<ChipsInputBaseProps<Option>>,\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } = props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue('');\n    onInputChange!({ target: { value: '' } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange!(e);\n    },\n    [onInputChange],\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) => getOptionValue!(newOption) !== getOptionValue!(option),\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange!(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange],\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption],\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData!(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value) => {\n      toggleOption(getNewOptionData!(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData],\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value as Option[]);\n\n    return () => setSelectedOptions([]);\n  }, [props.value, value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue('');\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"mappings":"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"}

package/dist/cssm/hooks/useChipsSelect.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { ChipsSelectProps } from "../components/ChipsSelect/ChipsSelect";
-import { ChipOption } from "../components/Chip/Chip";
+import * as React from 'react';
+import { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';
+import { ChipOption } from '../components/Chip/Chip';
 export declare const useChipsSelect: <Option extends ChipOption>(props: Partial<ChipsSelectProps<Option>>) => {
     fieldValue: string | undefined;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement> | undefined) => void;

package/dist/cssm/hooks/useChipsSelect.js

@@ -4,8 +4,8 @@ import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIterat
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["fieldValue", "selectedOptions"];
-import * as React from "react";
-import { useChipsInput } from "./useChipsInput";
+import * as React from 'react';
+import { useChipsInput } from './useChipsInput';
 export var useChipsSelect = function useChipsSelect(props) {
   var options = props.options,
     filterFn = props.filterFn,

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

@@ -1 +1 @@
-{"version":3,"file":"useChipsSelect.js","names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useChipsInput } from \"./useChipsInput\";\nimport { ChipsSelectProps } from \"../components/ChipsSelect/ChipsSelect\";\nimport { ChipOption } from \"../components/Chip/Chip\";\n\nexport const useChipsSelect = <Option extends ChipOption>(\n  props: Partial<ChipsSelectProps<Option>>\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<\n    number | null\n  >(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } =\n    useChipsInput(props);\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLInputElement> | undefined\n  ) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) =>\n          filterFn(fieldValue, option, getOptionLabel)\n        )\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,aAAa,QAAQ,iBAAiB;AAI/C,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CACzBC,KAAwC,EACrC;EACH,IAAQC,OAAO,GAA+CD,KAAK,CAA3DC,OAAO;IAAEC,QAAQ,GAAqCF,KAAK,CAAlDE,QAAQ;IAAEC,cAAc,GAAqBH,KAAK,CAAxCG,cAAc;IAAEC,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;EAEzD,sBAA4BP,KAAK,CAACQ,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDV,KAAK,CAACQ,QAAQ,CAEhE,CAAC,CAAC;IAAA;IAFGG,kBAAkB;IAAEC,qBAAqB;EAGhD,uBAA0CZ,KAAK,CAACQ,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,qBACEb,aAAa,CAACE,KAAK,CAAC;IADdY,UAAU,kBAAVA,UAAU;IAAEC,eAAe,kBAAfA,eAAe;IAAKC,eAAe;EAGvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CACrBC,CAAkD,EAC/C;IACH,IAAI,CAACA,CAAC,EAAE;MACN;IACF;IACAF,eAAe,CAACC,iBAAiB,CAACC,CAAC,CAAC;IAEpC,IAAI,CAACV,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIQ,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACxC,OAAOhB,QAAQ,GACXD,OAAO,CAAEkB,MAAM,CAAC,UAACC,MAAM;MAAA,OACrBlB,QAAQ,CAACU,UAAU,EAAEQ,MAAM,EAAEjB,cAAc,CAAC;IAAA,EAC7C,GACAF,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEU,UAAU,EAAET,cAAc,CAAC,CAAC;EAEnDc,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACpC,IAAI,CAACD,eAAe,CAACI,MAAM,EAAE;MAC3B,OAAOJ,eAAe;IACxB;IAEA,IAAMK,WAAW,GAAG,IAAIC,GAAG,CAACN,eAAe,CAAC;IAC5C,IAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAG,CAAC,UAACC,IAAI;MAAA,OAAKtB,cAAc,CAAEsB,IAAI,CAAC;IAAA,EAAC;IAAC,2CAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACvB,cAAc,CAAEsB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,0BAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAET,cAAc,CAAC,CAAC;EAEtD,uCACKU,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBT,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTU,eAAe,EAAfA,eAAe;IACfT,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBE,eAAe,EAAfA;EAAe;AAEnB,CAAC"}
+{"version":3,"file":"useChipsSelect.js","names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { useChipsInput } from './useChipsInput';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { ChipOption } from '../components/Chip/Chip';\n\nexport const useChipsSelect = <Option extends ChipOption>(\n  props: Partial<ChipsSelectProps<Option>>,\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number | null>(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } = useChipsInput(props);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement> | undefined) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) => filterFn(fieldValue, option, getOptionLabel))\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,aAAa,QAAQ,iBAAiB;AAI/C,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CACzBC,KAAwC,EACrC;EACH,IAAQC,OAAO,GAA+CD,KAAK,CAA3DC,OAAO;IAAEC,QAAQ,GAAqCF,KAAK,CAAlDE,QAAQ;IAAEC,cAAc,GAAqBH,KAAK,CAAxCG,cAAc;IAAEC,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;EAEzD,sBAA4BP,KAAK,CAACQ,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDV,KAAK,CAACQ,QAAQ,CAAgB,CAAC,CAAC;IAAA;IAA7EG,kBAAkB;IAAEC,qBAAqB;EAChD,uBAA0CZ,KAAK,CAACQ,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,qBAA4Db,aAAa,CAACE,KAAK,CAAC;IAAxEY,UAAU,kBAAVA,UAAU;IAAEC,eAAe,kBAAfA,eAAe;IAAKC,eAAe;EAEvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,CAAkD,EAAK;IAChF,IAAI,CAACA,CAAC,EAAE;MACN;IACF;IACAF,eAAe,CAACC,iBAAiB,CAACC,CAAC,CAAC;IAEpC,IAAI,CAACV,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIQ,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACxC,OAAOhB,QAAQ,GACXD,OAAO,CAAEkB,MAAM,CAAC,UAACC,MAAM;MAAA,OAAKlB,QAAQ,CAACU,UAAU,EAAEQ,MAAM,EAAEjB,cAAc,CAAC;IAAA,EAAC,GACxEF,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEU,UAAU,EAAET,cAAc,CAAC,CAAC;EAEnDc,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACpC,IAAI,CAACD,eAAe,CAACI,MAAM,EAAE;MAC3B,OAAOJ,eAAe;IACxB;IAEA,IAAMK,WAAW,GAAG,IAAIC,GAAG,CAACN,eAAe,CAAC;IAC5C,IAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAG,CAAC,UAACC,IAAI;MAAA,OAAKtB,cAAc,CAAEsB,IAAI,CAAC;IAAA,EAAC;IAAC,2CAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACvB,cAAc,CAAEsB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,0BAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAET,cAAc,CAAC,CAAC;EAEtD,uCACKU,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBT,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTU,eAAe,EAAfA,eAAe;IACfT,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBE,eAAe,EAAfA;EAAe;AAEnB,CAAC"}

package/dist/cssm/hooks/useDateInput.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 export interface UseDateInputDependencies<T, D> {
     maxElement: number;
     refs: Array<React.RefObject<T>>;

package/dist/cssm/hooks/useDateInput.js

@@ -1,9 +1,9 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import { useBooleanState } from "./useBooleanState";
-import { useGlobalEventListener } from "./useGlobalEventListener";
-import { useDOM } from "../lib/dom";
+import * as React from 'react';
+import { useBooleanState } from './useBooleanState';
+import { useGlobalEventListener } from './useGlobalEventListener';
+import { useDOM } from '../lib/dom';
 export function useDateInput(_ref) {
   var maxElement = _ref.maxElement,
     refs = _ref.refs,
@@ -50,7 +50,7 @@ export function useDateInput(_ref) {
   var selectFirst = React.useCallback(function () {
     setFocusedElement(0);
   }, []);
-  useGlobalEventListener(document, "click", handleClickOutside, {
+  useGlobalEventListener(document, 'click', handleClickOutside, {
     capture: true
   });
   React.useEffect(function () {
@@ -100,27 +100,27 @@ export function useDateInput(_ref) {
           setFocusedElement(focusedElement + 1);
         }
       }
-    } else if (e.key === "Backspace") {
+    } 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") {
+    } 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") {
+      _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) {
+      _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) {
+    } 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") {
+    } 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 if (e.key === 'Delete' || e.key === 'Del') {
+      _value[focusedElement] = '';
     } else {
       return;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"useDateInput.js","names":["React","useBooleanState","useGlobalEventListener","useDOM","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 { useBooleanState } from \"./useBooleanState\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\nimport { useDOM } from \"../lib/dom\";\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 {\n    value: open,\n    setTrue: openCalendar,\n    setFalse: closeCalendar,\n  } = 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>(\n    null\n  );\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 (\n            _value[focusedElement].length >= config.length &&\n            focusedElement < maxElement\n          ) {\n            setFocusedElement(focusedElement + 1);\n          }\n        }\n      } else if (e.key === \"Backspace\") {\n        if (!_value[focusedElement]) {\n          setFocusedElement(\n            focusedElement <= 0 ? maxElement : focusedElement - 1\n          );\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 (\n        e.key === \"ArrowLeft\" ||\n        e.key === \"Left\" ||\n        (e.key === \"Tab\" && e.shiftKey)\n      ) {\n        setFocusedElement(\n          focusedElement <= 0 ? maxElement : focusedElement - 1\n        );\n      } else if (\n        e.key === \"ArrowRight\" ||\n        e.key === \"Right\" ||\n        e.key === \"Tab\"\n      ) {\n        setFocusedElement(\n          focusedElement >= maxElement ? 0 : focusedElement + 1\n        );\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,"file":"useDateInput.js","names":["React","useBooleanState","useGlobalEventListener","useDOM","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 { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\nimport { useDOM } from '../lib/dom';\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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"}

package/dist/cssm/hooks/useEffectDev.d.ts

@@ -1,2 +1,2 @@
-import { useEffect } from "react";
+import { useEffect } from 'react';
 export declare const useEffectDev: typeof useEffect;

package/dist/cssm/hooks/useEffectDev.js

@@ -1,4 +1,4 @@
-import { useEffect } from "react";
-import { noop } from "../lib/utils";
-export var useEffectDev = process.env.NODE_ENV === "development" ? useEffect : noop;
+import { useEffect } from 'react';
+import { noop } from '@vkontakte/vkjs';
+export var 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 \"../lib/utils\";\n\nexport const useEffectDev =\n  process.env.NODE_ENV === \"development\" ? useEffect : noop;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,IAAMC,YAAY,GACvBC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,GAAGL,SAAS,GAAGC,IAAI"}
+{"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"}

package/dist/cssm/hooks/useEnsuredControl.d.ts

@@ -1,7 +1,16 @@
-import * as React from "react";
-export declare function useEnsuredControl<V, E extends React.ChangeEvent<any>>(props: {
+import * as React from 'react';
+interface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {
     value?: V;
     onChange?: (e: E) => any;
-}, options: {
     defaultValue: V;
-}): [V | undefined, (e: E) => any];
+    disabled?: boolean | undefined;
+}
+export declare function useEnsuredControl<V, E extends React.ChangeEvent<any>>({ onChange: onChangeProp, disabled, ...props }: UseEnsuredControlProps<V, E>): [V | undefined, (e: E) => any];
+interface UseCustomEnsuredControlProps<V> {
+    value?: V;
+    onChange?: (v: V) => any;
+    defaultValue: V;
+    disabled?: boolean | undefined;
+}
+export declare function useCustomEnsuredControl<V>({ disabled, onChange: onChangeProp, defaultValue, value, }: UseCustomEnsuredControlProps<V>): [V | undefined, (e: V) => any];
+export {};

package/dist/cssm/hooks/useEnsuredControl.js

@@ -1,15 +1,41 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-export function useEnsuredControl(props, options) {
-  var isControlled = props.hasOwnProperty("value");
-  var _React$useState = React.useState(options.defaultValue),
+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 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 (e) {
-    !isControlled && setLocalValue(e.target.value);
-    props.onChange && props.onChange(e);
-  }, [isControlled, props]);
-  return [isControlled ? props.value : localValue, onChange];
+  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/cssm/hooks/useEnsuredControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEnsuredControl.js","names":["React","useEnsuredControl","props","options","isControlled","hasOwnProperty","useState","defaultValue","localValue","setLocalValue","onChange","useCallback","e","target","value"],"sources":["../../../src/hooks/useEnsuredControl.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport function useEnsuredControl<V, E extends React.ChangeEvent<any>>(\n  props: { value?: V; onChange?: (e: E) => any },\n  options: { defaultValue: V }\n): [V | undefined, (e: E) => any] {\n  const isControlled = props.hasOwnProperty(\"value\");\n  const [localValue, setLocalValue] = React.useState(options.defaultValue);\n  const onChange = React.useCallback(\n    (e: E) => {\n      !isControlled && setLocalValue(e.target.value);\n      props.onChange && props.onChange(e);\n    },\n    [isControlled, props]\n  );\n  return [isControlled ? props.value : localValue, onChange];\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAO,SAASC,iBAAiB,CAC/BC,KAA8C,EAC9CC,OAA4B,EACI;EAChC,IAAMC,YAAY,GAAGF,KAAK,CAACG,cAAc,CAAC,OAAO,CAAC;EAClD,sBAAoCL,KAAK,CAACM,QAAQ,CAACH,OAAO,CAACI,YAAY,CAAC;IAAA;IAAjEC,UAAU;IAAEC,aAAa;EAChC,IAAMC,QAAQ,GAAGV,KAAK,CAACW,WAAW,CAChC,UAACC,CAAI,EAAK;IACR,CAACR,YAAY,IAAIK,aAAa,CAACG,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;IAC9CZ,KAAK,CAACQ,QAAQ,IAAIR,KAAK,CAACQ,QAAQ,CAACE,CAAC,CAAC;EACrC,CAAC,EACD,CAACR,YAAY,EAAEF,KAAK,CAAC,CACtB;EACD,OAAO,CAACE,YAAY,GAAGF,KAAK,CAACY,KAAK,GAAGN,UAAU,EAAEE,QAAQ,CAAC;AAC5D"}
+{"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"}

package/dist/cssm/hooks/useEventListener.js

@@ -1,8 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import * as React from "react";
-import { noop } from "../lib/utils";
-import { canUseDOM } from "../lib/dom";
-import { useIsomorphicLayoutEffect } from "../lib/useIsomorphicLayoutEffect";
+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 () {

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 \"../lib/utils\";\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:\n    | false\n    | null\n    | undefined\n    | ((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<\n  E extends Event,\n  K extends keyof GlobalEventHandlersEventMap\n>(\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(\n    (e: any) => cbRef.current && cbRef.current(e),\n    []\n  );\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,cAAc;AACnC,SAASC,SAAS,QAAQ,YAAY;AACtC,SAASC,yBAAyB,QAAQ,kCAAkC;AAqB5E,OAAO,SAASC,gBAAgB,CAI9BC,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,CAC1B,UAACC,CAAM;IAAA,OAAKL,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACE,OAAO,CAACG,CAAC,CAAC;EAAA,GAC7C,EAAE,CACH;EAED,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,"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"}

package/dist/cssm/hooks/useExternRef.d.ts

@@ -1,2 +1,2 @@
-import * as React from "react";
+import * as React from 'react';
 export declare function useExternRef<T>(...externRefs: Array<React.Ref<T> | undefined | false>): React.MutableRefObject<T | null>;

package/dist/cssm/hooks/useExternRef.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { setRef } from "../lib/utils";
+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];

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,"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"}

package/dist/cssm/hooks/useFocusVisible.d.ts

@@ -1,4 +1,4 @@
-import { FocusEvent } from "react";
+import { FocusEvent } from 'react';
 export declare function useFocusVisible(): {
     focusVisible: boolean | undefined;
     onFocus: (event: FocusEvent<HTMLElement>) => void;

package/dist/cssm/hooks/useFocusVisible.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useContext, useState, useCallback } from "react";
-import { AppRootContext } from "../components/AppRoot/AppRootContext";
+import { useContext, useState, useCallback } from 'react';
+import { AppRootContext } from '../components/AppRoot/AppRootContext';
 export function useFocusVisible() {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisible.js","names":["useContext","useState","useCallback","AppRootContext","useFocusVisible","isFocused","setIsFocused","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { useContext, useState, useCallback, FocusEvent } from \"react\";\nimport { AppRootContext } from \"../components/AppRoot/AppRootContext\";\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused]\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused]\n  );\n\n  const focusVisible = keyboardInput && isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"mappings":";AAAA,SAASA,UAAU,EAAEC,QAAQ,EAAEC,WAAW,QAAoB,OAAO;AACrE,SAASC,cAAc,QAAQ,sCAAsC;AAErE,OAAO,SAASC,eAAe,GAAG;EAChC,gBAAkCH,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CI,SAAS;IAAEC,YAAY;EAC9B,kBAA0BN,UAAU,CAACG,cAAc,CAAC;IAA5CI,aAAa,eAAbA,aAAa;EAErB,IAAMC,OAAO,GAAGN,WAAW,CACzB,UAACO,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBJ,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMK,MAAM,GAAGT,WAAW,CACxB,UAACO,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBJ,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMM,YAAY,GAAGL,aAAa,IAAIF,SAAS;EAE/C,OAAO;IACLO,YAAY,EAAZA,YAAY;IACZJ,OAAO,EAAPA,OAAO;IACPG,MAAM,EAANA;EACF,CAAC;AACH"}
+{"version":3,"file":"useFocusVisible.js","names":["useContext","useState","useCallback","AppRootContext","useFocusVisible","isFocused","setIsFocused","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { useContext, useState, useCallback, FocusEvent } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused],\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused],\n  );\n\n  const focusVisible = keyboardInput && isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"mappings":";AAAA,SAASA,UAAU,EAAEC,QAAQ,EAAEC,WAAW,QAAoB,OAAO;AACrE,SAASC,cAAc,QAAQ,sCAAsC;AAErE,OAAO,SAASC,eAAe,GAAG;EAChC,gBAAkCH,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CI,SAAS;IAAEC,YAAY;EAC9B,kBAA0BN,UAAU,CAACG,cAAc,CAAC;IAA5CI,aAAa,eAAbA,aAAa;EAErB,IAAMC,OAAO,GAAGN,WAAW,CACzB,UAACO,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBJ,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMK,MAAM,GAAGT,WAAW,CACxB,UAACO,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBJ,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMM,YAAY,GAAGL,aAAa,IAAIF,SAAS;EAE/C,OAAO;IACLO,YAAY,EAAZA,YAAY;IACZJ,OAAO,EAAPA,OAAO;IACPG,MAAM,EAANA;EACF,CAAC;AACH"}

package/dist/cssm/hooks/useGlobalEventListener.js

@@ -1,5 +1,5 @@
-import { useIsomorphicLayoutEffect } from "../lib/useIsomorphicLayoutEffect";
-import { useEventListener } from "./useEventListener";
+import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';
+import { useEventListener } from './useEventListener';
 export function useGlobalEventListener(element, event, cb, options) {
   var listener = useEventListener(event, cb, options);
   useIsomorphicLayoutEffect(function () {

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

@@ -1 +1 @@
-{"version":3,"file":"useGlobalEventListener.js","names":["useIsomorphicLayoutEffect","useEventListener","useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"sources":["../../../src/hooks/useGlobalEventListener.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\nimport { useEventListener } from \"./useEventListener\";\n\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K,\n  cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined,\n  options?: AddEventListenerOptions\n): void;\nexport function useGlobalEventListener<E extends Event>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions\n): void;\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap,\n  E extends Event\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K | string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions\n) {\n  const listener = useEventListener(event, cb, options);\n  useIsomorphicLayoutEffect(() => {\n    if (cb && element) {\n      listener.add(element);\n    } else {\n      listener.remove();\n    }\n  }, [Boolean(cb), Boolean(element)]);\n}\n"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,kCAAkC;AAC5E,SAASC,gBAAgB,QAAQ,oBAAoB;AAgBrD,OAAO,SAASC,sBAAsB,CAIpCC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC,EACjC;EACA,IAAMC,QAAQ,GAAGN,gBAAgB,CAACG,KAAK,EAAEC,EAAE,EAAEC,OAAO,CAAC;EACrDN,yBAAyB,CAAC,YAAM;IAC9B,IAAIK,EAAE,IAAIF,OAAO,EAAE;MACjBI,QAAQ,CAACC,GAAG,CAACL,OAAO,CAAC;IACvB,CAAC,MAAM;MACLI,QAAQ,CAACE,MAAM,EAAE;IACnB;EACF,CAAC,EAAE,CAACC,OAAO,CAACL,EAAE,CAAC,EAAEK,OAAO,CAACP,OAAO,CAAC,CAAC,CAAC;AACrC"}
+{"version":3,"file":"useGlobalEventListener.js","names":["useIsomorphicLayoutEffect","useEventListener","useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"sources":["../../../src/hooks/useGlobalEventListener.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { useEventListener } from './useEventListener';\n\nexport function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K,\n  cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<E extends Event>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap,\n  E extends Event,\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K | string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n) {\n  const listener = useEventListener(event, cb, options);\n  useIsomorphicLayoutEffect(() => {\n    if (cb && element) {\n      listener.add(element);\n    } else {\n      listener.remove();\n    }\n  }, [Boolean(cb), Boolean(element)]);\n}\n"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,kCAAkC;AAC5E,SAASC,gBAAgB,QAAQ,oBAAoB;AAcrD,OAAO,SAASC,sBAAsB,CAIpCC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC,EACjC;EACA,IAAMC,QAAQ,GAAGN,gBAAgB,CAACG,KAAK,EAAEC,EAAE,EAAEC,OAAO,CAAC;EACrDN,yBAAyB,CAAC,YAAM;IAC9B,IAAIK,EAAE,IAAIF,OAAO,EAAE;MACjBI,QAAQ,CAACC,GAAG,CAACL,OAAO,CAAC;IACvB,CAAC,MAAM;MACLI,QAAQ,CAACE,MAAM,EAAE;IACnB;EACF,CAAC,EAAE,CAACC,OAAO,CAACL,EAAE,CAAC,EAAEK,OAAO,CAACP,OAAO,CAAC,CAAC,CAAC;AACrC"}

package/dist/cssm/hooks/useId.js

@@ -1,9 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
+import * as React from 'react';
 
 // Workaround for https://github.com/webpack/webpack/issues/14814
 // https://github.com/eps1lon/material-ui/blob/8d5f135b4d7a58253a99ab56dce4ac8de61f5dc1/packages/mui-utils/src/useId.ts#L21
-var maybeReactUseId = React["useId".toString()];
+var maybeReactUseId = React['useId'.toString()];
 var id = 0;
 
 // TODO: Remove after React 18

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

@@ -1 +1 @@
-{"version":3,"file":"useId.js","names":["React","maybeReactUseId","toString","id","useIncrementingCounterID","useState","state","useId"],"sources":["../../../src/hooks/useId.ts"],"sourcesContent":["import * as React from \"react\";\n\n// Workaround for https://github.com/webpack/webpack/issues/14814\n// https://github.com/eps1lon/material-ui/blob/8d5f135b4d7a58253a99ab56dce4ac8de61f5dc1/packages/mui-utils/src/useId.ts#L21\nconst maybeReactUseId: undefined | (() => string) = (React as any)[\n  \"useId\".toString()\n];\n\nlet id = 0;\n\n// TODO: Remove after React 18\nfunction useIncrementingCounterID(): string {\n  const [state] = React.useState(() => id++);\n\n  return `:r${state}:`;\n}\n\nexport const useId: () => string = maybeReactUseId ?? useIncrementingCounterID;\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA,IAAMC,eAA2C,GAAID,KAAK,CACxD,OAAO,CAACE,QAAQ,EAAE,CACnB;AAED,IAAIC,EAAE,GAAG,CAAC;;AAEV;AACA,SAASC,wBAAwB,GAAW;EAC1C,sBAAgBJ,KAAK,CAACK,QAAQ,CAAC;MAAA,OAAMF,EAAE,EAAE;IAAA,EAAC;IAAA;IAAnCG,KAAK;EAEZ,mBAAYA,KAAK;AACnB;AAEA,OAAO,IAAMC,KAAmB,GAAGN,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAIG,wBAAwB"}
+{"version":3,"file":"useId.js","names":["React","maybeReactUseId","toString","id","useIncrementingCounterID","useState","state","useId"],"sources":["../../../src/hooks/useId.ts"],"sourcesContent":["import * as React from 'react';\n\n// Workaround for https://github.com/webpack/webpack/issues/14814\n// https://github.com/eps1lon/material-ui/blob/8d5f135b4d7a58253a99ab56dce4ac8de61f5dc1/packages/mui-utils/src/useId.ts#L21\nconst maybeReactUseId: undefined | (() => string) = (React as any)['useId'.toString()];\n\nlet id = 0;\n\n// TODO: Remove after React 18\nfunction useIncrementingCounterID(): string {\n  const [state] = React.useState(() => id++);\n\n  return `:r${state}:`;\n}\n\nexport const useId: () => string = maybeReactUseId ?? useIncrementingCounterID;\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA,IAAMC,eAA2C,GAAID,KAAK,CAAS,OAAO,CAACE,QAAQ,EAAE,CAAC;AAEtF,IAAIC,EAAE,GAAG,CAAC;;AAEV;AACA,SAASC,wBAAwB,GAAW;EAC1C,sBAAgBJ,KAAK,CAACK,QAAQ,CAAC;MAAA,OAAMF,EAAE,EAAE;IAAA,EAAC;IAAA;IAAnCG,KAAK;EAEZ,mBAAYA,KAAK;AACnB;AAEA,OAAO,IAAMC,KAAmB,GAAGN,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAIG,wBAAwB"}

package/dist/cssm/hooks/useInsets.d.ts

@@ -1,8 +1,8 @@
-import { Insets as BridgeInsets } from "@vkontakte/vk-bridge";
+import { Insets as BridgeInsets } from '@vkontakte/vk-bridge';
 export interface Insets {
-    bottom: BridgeInsets["bottom"] | null;
-    top: BridgeInsets["top"] | null;
-    left: BridgeInsets["left"] | null;
-    right: BridgeInsets["right"] | null;
+    bottom: BridgeInsets['bottom'] | null;
+    top: BridgeInsets['top'] | null;
+    left: BridgeInsets['left'] | null;
+    right: BridgeInsets['right'] | null;
 }
 export declare function useInsets(): Insets;

package/dist/cssm/hooks/useInsets.js

@@ -1,8 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import * as React from "react";
-import vkBridge from "@vkontakte/vk-bridge";
-import { useIsomorphicLayoutEffect } from "../lib/useIsomorphicLayoutEffect";
+import * as React from 'react';
+import vkBridge from '@vkontakte/vk-bridge';
+import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';
 var initialState = {
   bottom: null,
   top: null,
@@ -14,8 +14,8 @@ function resolveInsets(e) {
     type = _e$detail.type,
     data = _e$detail.data;
   switch (type) {
-    case "VKWebAppUpdateConfig":
-    case "VKWebAppUpdateInsets":
+    case 'VKWebAppUpdateConfig':
+    case 'VKWebAppUpdateInsets':
       // Устаревшее событие vk-bridge
       var insets = data.insets;
       if (insets) {

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

@@ -1 +1 @@
-{"version":3,"file":"useInsets.js","names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","subscribe","useInsets","useState","setInsets","connectListener","unsubscribe"],"sources":["../../../src/hooks/useInsets.ts"],"sourcesContent":["import * as React from \"react\";\nimport vkBridge, { Insets as BridgeInsets } from \"@vkontakte/vk-bridge\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\n\nexport interface Insets {\n  bottom: BridgeInsets[\"bottom\"] | null;\n  top: BridgeInsets[\"top\"] | null;\n  left: BridgeInsets[\"left\"] | null;\n  right: BridgeInsets[\"right\"] | null;\n}\n\nlet initialState: Insets = {\n  bottom: null,\n  top: null,\n  left: null,\n  right: null,\n};\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nfunction resolveInsets(e: BridgeEvent): Insets | null {\n  const { type, data } = e.detail;\n  switch (type) {\n    case \"VKWebAppUpdateConfig\":\n    case \"VKWebAppUpdateInsets\": // Устаревшее событие vk-bridge\n      const { insets } = data;\n      if (insets) {\n        return {\n          ...insets,\n          bottom: insets.bottom > 150 ? 0 : insets.bottom, // если больше 150 – значит открылась клава и она сама работает как инсет, то есть наш нужно занулить\n        };\n      }\n  }\n  return null;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const insets = resolveInsets(e);\n  if (insets) {\n    initialState = insets;\n  }\n});\n\nexport function useInsets(): Insets {\n  const [insets, setInsets] = React.useState<Insets>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function connectListener(e: BridgeEvent) {\n      const insets = resolveInsets(e);\n      if (insets) {\n        setInsets(insets);\n      }\n    }\n\n    vkBridge.subscribe(connectListener);\n    return () => {\n      vkBridge.unsubscribe(connectListener);\n    };\n  }, []);\n\n  return insets;\n}\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAkC,sBAAsB;AACvE,SAASC,yBAAyB,QAAQ,kCAAkC;AAS5E,IAAIC,YAAoB,GAAG;EACzBC,MAAM,EAAE,IAAI;EACZC,GAAG,EAAE,IAAI;EACTC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC;AAWD,SAASC,aAAa,CAACC,CAAc,EAAiB;EACpD,gBAAuBA,CAAC,CAACC,MAAM;IAAvBC,IAAI,aAAJA,IAAI;IAAEC,IAAI,aAAJA,IAAI;EAClB,QAAQD,IAAI;IACV,KAAK,sBAAsB;IAC3B,KAAK,sBAAsB;MAAE;MAC3B,IAAQE,MAAM,GAAKD,IAAI,CAAfC,MAAM;MACd,IAAIA,MAAM,EAAE;QACV,uCACKA,MAAM;UACTT,MAAM,EAAES,MAAM,CAACT,MAAM,GAAG,GAAG,GAAG,CAAC,GAAGS,MAAM,CAACT,MAAM,CAAE;QAAA;MAErD;EAAC;;EAEL,OAAO,IAAI;AACb;AAEAH,QAAQ,CAACa,SAAS,CAAC,UAACL,CAAc,EAAK;EACrC,IAAMI,MAAM,GAAGL,aAAa,CAACC,CAAC,CAAC;EAC/B,IAAII,MAAM,EAAE;IACVV,YAAY,GAAGU,MAAM;EACvB;AACF,CAAC,CAAC;AAEF,OAAO,SAASE,SAAS,GAAW;EAClC,sBAA4Bf,KAAK,CAACgB,QAAQ,CAASb,YAAY,CAAC;IAAA;IAAzDU,MAAM;IAAEI,SAAS;EAExBf,yBAAyB,CAAC,YAAM;IAC9B,SAASgB,eAAe,CAACT,CAAc,EAAE;MACvC,IAAMI,MAAM,GAAGL,aAAa,CAACC,CAAC,CAAC;MAC/B,IAAII,MAAM,EAAE;QACVI,SAAS,CAACJ,MAAM,CAAC;MACnB;IACF;IAEAZ,QAAQ,CAACa,SAAS,CAACI,eAAe,CAAC;IACnC,OAAO,YAAM;MACXjB,QAAQ,CAACkB,WAAW,CAACD,eAAe,CAAC;IACvC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOL,MAAM;AACf"}
+{"version":3,"file":"useInsets.js","names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","subscribe","useInsets","useState","setInsets","connectListener","unsubscribe"],"sources":["../../../src/hooks/useInsets.ts"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, { Insets as BridgeInsets } from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface Insets {\n  bottom: BridgeInsets['bottom'] | null;\n  top: BridgeInsets['top'] | null;\n  left: BridgeInsets['left'] | null;\n  right: BridgeInsets['right'] | null;\n}\n\nlet initialState: Insets = {\n  bottom: null,\n  top: null,\n  left: null,\n  right: null,\n};\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nfunction resolveInsets(e: BridgeEvent): Insets | null {\n  const { type, data } = e.detail;\n  switch (type) {\n    case 'VKWebAppUpdateConfig':\n    case 'VKWebAppUpdateInsets': // Устаревшее событие vk-bridge\n      const { insets } = data;\n      if (insets) {\n        return {\n          ...insets,\n          bottom: insets.bottom > 150 ? 0 : insets.bottom, // если больше 150 – значит открылась клава и она сама работает как инсет, то есть наш нужно занулить\n        };\n      }\n  }\n  return null;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const insets = resolveInsets(e);\n  if (insets) {\n    initialState = insets;\n  }\n});\n\nexport function useInsets(): Insets {\n  const [insets, setInsets] = React.useState<Insets>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function connectListener(e: BridgeEvent) {\n      const insets = resolveInsets(e);\n      if (insets) {\n        setInsets(insets);\n      }\n    }\n\n    vkBridge.subscribe(connectListener);\n    return () => {\n      vkBridge.unsubscribe(connectListener);\n    };\n  }, []);\n\n  return insets;\n}\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAkC,sBAAsB;AACvE,SAASC,yBAAyB,QAAQ,kCAAkC;AAS5E,IAAIC,YAAoB,GAAG;EACzBC,MAAM,EAAE,IAAI;EACZC,GAAG,EAAE,IAAI;EACTC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC;AAWD,SAASC,aAAa,CAACC,CAAc,EAAiB;EACpD,gBAAuBA,CAAC,CAACC,MAAM;IAAvBC,IAAI,aAAJA,IAAI;IAAEC,IAAI,aAAJA,IAAI;EAClB,QAAQD,IAAI;IACV,KAAK,sBAAsB;IAC3B,KAAK,sBAAsB;MAAE;MAC3B,IAAQE,MAAM,GAAKD,IAAI,CAAfC,MAAM;MACd,IAAIA,MAAM,EAAE;QACV,uCACKA,MAAM;UACTT,MAAM,EAAES,MAAM,CAACT,MAAM,GAAG,GAAG,GAAG,CAAC,GAAGS,MAAM,CAACT,MAAM,CAAE;QAAA;MAErD;EAAC;;EAEL,OAAO,IAAI;AACb;AAEAH,QAAQ,CAACa,SAAS,CAAC,UAACL,CAAc,EAAK;EACrC,IAAMI,MAAM,GAAGL,aAAa,CAACC,CAAC,CAAC;EAC/B,IAAII,MAAM,EAAE;IACVV,YAAY,GAAGU,MAAM;EACvB;AACF,CAAC,CAAC;AAEF,OAAO,SAASE,SAAS,GAAW;EAClC,sBAA4Bf,KAAK,CAACgB,QAAQ,CAASb,YAAY,CAAC;IAAA;IAAzDU,MAAM;IAAEI,SAAS;EAExBf,yBAAyB,CAAC,YAAM;IAC9B,SAASgB,eAAe,CAACT,CAAc,EAAE;MACvC,IAAMI,MAAM,GAAGL,aAAa,CAACC,CAAC,CAAC;MAC/B,IAAII,MAAM,EAAE;QACVI,SAAS,CAACJ,MAAM,CAAC;MACnB;IACF;IAEAZ,QAAQ,CAACa,SAAS,CAACI,eAAe,CAAC;IACnC,OAAO,YAAM;MACXjB,QAAQ,CAACkB,WAAW,CAACD,eAAe,CAAC;IACvC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOL,MAAM;AACf"}

package/dist/cssm/hooks/useIsClient.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Хук для two-pass рендеринга.
+ *
+ * ВНИМАНИЕ: Этот подход сделает ваши компоненты медленнее, потому что они
+ * должны рендериться дважды, поэтому используйте хук с осторожностью.
+ *
+ * @see {@link https://beta.reactjs.org/apis/react-dom/hydrate#handling-different-client-and-server-content React Docs}
+ */
+export declare function useIsClient(initial?: boolean): boolean;

package/dist/cssm/hooks/useIsClient.js

@@ -0,0 +1,23 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import * as React from 'react';
+
+/**
+ * Хук для two-pass рендеринга.
+ *
+ * ВНИМАНИЕ: Этот подход сделает ваши компоненты медленнее, потому что они
+ * должны рендериться дважды, поэтому используйте хук с осторожностью.
+ *
+ * @see {@link https://beta.reactjs.org/apis/react-dom/hydrate#handling-different-client-and-server-content React Docs}
+ */
+export function useIsClient() {
+  var initial = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var _React$useState = React.useState(initial),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isClient = _React$useState2[0],
+    setIsClient = _React$useState2[1];
+  React.useEffect(function () {
+    setIsClient(true);
+  }, []);
+  return isClient;
+}
+//# sourceMappingURL=useIsClient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIsClient.js","names":["React","useIsClient","initial","useState","isClient","setIsClient","useEffect"],"sources":["../../../src/hooks/useIsClient.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Хук для two-pass рендеринга.\n *\n * ВНИМАНИЕ: Этот подход сделает ваши компоненты медленнее, потому что они\n * должны рендериться дважды, поэтому используйте хук с осторожностью.\n *\n * @see {@link https://beta.reactjs.org/apis/react-dom/hydrate#handling-different-client-and-server-content React Docs}\n */\nexport function useIsClient(initial = false) {\n  const [isClient, setIsClient] = React.useState(initial);\n\n  React.useEffect(() => {\n    setIsClient(true);\n  }, []);\n\n  return isClient;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAW,GAAkB;EAAA,IAAjBC,OAAO,uEAAG,KAAK;EACzC,sBAAgCF,KAAK,CAACG,QAAQ,CAACD,OAAO,CAAC;IAAA;IAAhDE,QAAQ;IAAEC,WAAW;EAE5BL,KAAK,CAACM,SAAS,CAAC,YAAM;IACpBD,WAAW,CAAC,IAAI,CAAC;EACnB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOD,QAAQ;AACjB"}