@vkontakte/vkui 5.0.2 → 5.1.0

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 () {
@@ -33,9 +33,11 @@ export function useEventListener(event, _cb, _options) {
   React.useEffect(function () {
     return remove;
   }, [remove]);
-  return {
-    add: add,
-    remove: remove
-  };
+  return React.useMemo(function () {
+    return {
+      add: add,
+      remove: 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"],"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 { 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,OAAO;IAAEC,GAAG,EAAHA,GAAG;IAAED,MAAM,EAANA;EAAO,CAAC;AACxB"}
+{"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"}

package/dist/cssm/hooks/useKeyboard.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import { useDOM } from "../lib/dom";
-import { useGlobalEventListener } from "./useGlobalEventListener";
+import * as React from 'react';
+import { useDOM } from '../lib/dom';
+import { useGlobalEventListener } from './useGlobalEventListener';
 /**
  Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств
  Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах
@@ -26,7 +26,7 @@ export function useKeyboard() {
     setIsOpened = _React$useState2[1];
   var onFocus = React.useCallback(function (event) {
     var _document$activeEleme, _document$activeEleme2;
-    var isOpened = (event === true || event.type === "focusin") && ((document === null || document === void 0 ? void 0 : (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.tagName) === "INPUT" || (document === null || document === void 0 ? void 0 : (_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.tagName) === "TEXTAREA");
+    var isOpened = (event === true || event.type === 'focusin') && ((document === null || document === void 0 ? void 0 : (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.tagName) === 'INPUT' || (document === null || document === void 0 ? void 0 : (_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.tagName) === 'TEXTAREA');
     setIsOpened(isOpened);
   }, [document === null || document === void 0 ? void 0 : (_document$activeEleme3 = document.activeElement) === null || _document$activeEleme3 === void 0 ? void 0 : _document$activeEleme3.tagName]);
 
@@ -37,8 +37,8 @@ export function useKeyboard() {
   React.useEffect(function () {
     onFocus(true);
   }, [onFocus]);
-  useGlobalEventListener(document, "focusout", onFocus, eventOptions);
-  useGlobalEventListener(document, "focusin", onFocus, eventOptions);
+  useGlobalEventListener(document, 'focusout', onFocus, eventOptions);
+  useGlobalEventListener(document, 'focusin', onFocus, eventOptions);
   return {
     isOpened: isOpened
   };

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

@@ -1 +1 @@
-{"version":3,"file":"useKeyboard.js","names":["React","useDOM","useGlobalEventListener","getPreciseKeyboardState","window","innerHeight","availHeight","screen","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","useState","isOpened","setIsOpened","onFocus","useCallback","event","type","activeElement","tagName","useEffect"],"sources":["../../../src/hooks/useKeyboard.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const {\n    innerHeight,\n    screen: { availHeight },\n  } = window;\n\n  const coveredViewportPercentage = Math.round(\n    (1 - innerHeight / availHeight) * 100\n  );\n  return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n  passive: true,\n  capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      const isOpened =\n        (event === true || event.type === \"focusin\") &&\n        (document?.activeElement?.tagName === \"INPUT\" ||\n          document?.activeElement?.tagName === \"TEXTAREA\");\n      setIsOpened(isOpened);\n    },\n    [document?.activeElement?.tagName]\n  );\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  useGlobalEventListener(document, \"focusout\", onFocus, eventOptions);\n  useGlobalEventListener(document, \"focusin\", onFocus, eventOptions);\n\n  return { isOpened };\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,sBAAsB,QAAQ,0BAA0B;AAMjE;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuB,CAACC,MAAW,EAAW;EAC5D,IACEC,WAAW,GAETD,MAAM,CAFRC,WAAW;IACDC,WAAW,GACnBF,MAAM,CADRG,MAAM,CAAID,WAAW;EAGvB,IAAME,yBAAyB,GAAGC,IAAI,CAACC,KAAK,CAC1C,CAAC,CAAC,GAAGL,WAAW,GAAGC,WAAW,IAAI,GAAG,CACtC;EACD,OAAOE,yBAAyB,GAAG,EAAE;AACvC;AAEA,IAAMG,YAAY,GAAG;EACnBC,OAAO,EAAE,IAAI;EACbC,OAAO,EAAE;AACX,CAAC;AAED,OAAO,SAASC,WAAW,GAA0B;EAAA;EACnD,cAAqBb,MAAM,EAAE;IAArBc,QAAQ,WAARA,QAAQ;EAEhB,sBAAgCf,KAAK,CAACgB,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA9CC,QAAQ;IAAEC,WAAW;EAE5B,IAAMC,OAAO,GAAGnB,KAAK,CAACoB,WAAW,CAC/B,UAACC,KAAwB,EAAK;IAAA;IAC5B,IAAMJ,QAAQ,GACZ,CAACI,KAAK,KAAK,IAAI,IAAIA,KAAK,CAACC,IAAI,KAAK,SAAS,MAC1C,CAAAP,QAAQ,aAARA,QAAQ,gDAARA,QAAQ,CAAEQ,aAAa,0DAAvB,sBAAyBC,OAAO,MAAK,OAAO,IAC3C,CAAAT,QAAQ,aAARA,QAAQ,iDAARA,QAAQ,CAAEQ,aAAa,2DAAvB,uBAAyBC,OAAO,MAAK,UAAU,CAAC;IACpDN,WAAW,CAACD,QAAQ,CAAC;EACvB,CAAC,EACD,CAACF,QAAQ,aAARA,QAAQ,iDAARA,QAAQ,CAAEQ,aAAa,2DAAvB,uBAAyBC,OAAO,CAAC,CACnC;;EAED;AACF;AACA;AACA;EACExB,KAAK,CAACyB,SAAS,CAAC,YAAM;IACpBN,OAAO,CAAC,IAAI,CAAC;EACf,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEbjB,sBAAsB,CAACa,QAAQ,EAAE,UAAU,EAAEI,OAAO,EAAER,YAAY,CAAC;EACnET,sBAAsB,CAACa,QAAQ,EAAE,SAAS,EAAEI,OAAO,EAAER,YAAY,CAAC;EAElE,OAAO;IAAEM,QAAQ,EAARA;EAAS,CAAC;AACrB"}
+{"version":3,"file":"useKeyboard.js","names":["React","useDOM","useGlobalEventListener","getPreciseKeyboardState","window","innerHeight","availHeight","screen","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","useState","isOpened","setIsOpened","onFocus","useCallback","event","type","activeElement","tagName","useEffect"],"sources":["../../../src/hooks/useKeyboard.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const {\n    innerHeight,\n    screen: { availHeight },\n  } = window;\n\n  const coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);\n  return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n  passive: true,\n  capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      const isOpened =\n        (event === true || event.type === 'focusin') &&\n        (document?.activeElement?.tagName === 'INPUT' ||\n          document?.activeElement?.tagName === 'TEXTAREA');\n      setIsOpened(isOpened);\n    },\n    [document?.activeElement?.tagName],\n  );\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  useGlobalEventListener(document, 'focusout', onFocus, eventOptions);\n  useGlobalEventListener(document, 'focusin', onFocus, eventOptions);\n\n  return { isOpened };\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,sBAAsB,QAAQ,0BAA0B;AAMjE;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuB,CAACC,MAAW,EAAW;EAC5D,IACEC,WAAW,GAETD,MAAM,CAFRC,WAAW;IACDC,WAAW,GACnBF,MAAM,CADRG,MAAM,CAAID,WAAW;EAGvB,IAAME,yBAAyB,GAAGC,IAAI,CAACC,KAAK,CAAC,CAAC,CAAC,GAAGL,WAAW,GAAGC,WAAW,IAAI,GAAG,CAAC;EACnF,OAAOE,yBAAyB,GAAG,EAAE;AACvC;AAEA,IAAMG,YAAY,GAAG;EACnBC,OAAO,EAAE,IAAI;EACbC,OAAO,EAAE;AACX,CAAC;AAED,OAAO,SAASC,WAAW,GAA0B;EAAA;EACnD,cAAqBb,MAAM,EAAE;IAArBc,QAAQ,WAARA,QAAQ;EAEhB,sBAAgCf,KAAK,CAACgB,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA9CC,QAAQ;IAAEC,WAAW;EAE5B,IAAMC,OAAO,GAAGnB,KAAK,CAACoB,WAAW,CAC/B,UAACC,KAAwB,EAAK;IAAA;IAC5B,IAAMJ,QAAQ,GACZ,CAACI,KAAK,KAAK,IAAI,IAAIA,KAAK,CAACC,IAAI,KAAK,SAAS,MAC1C,CAAAP,QAAQ,aAARA,QAAQ,gDAARA,QAAQ,CAAEQ,aAAa,0DAAvB,sBAAyBC,OAAO,MAAK,OAAO,IAC3C,CAAAT,QAAQ,aAARA,QAAQ,iDAARA,QAAQ,CAAEQ,aAAa,2DAAvB,uBAAyBC,OAAO,MAAK,UAAU,CAAC;IACpDN,WAAW,CAACD,QAAQ,CAAC;EACvB,CAAC,EACD,CAACF,QAAQ,aAARA,QAAQ,iDAARA,QAAQ,CAAEQ,aAAa,2DAAvB,uBAAyBC,OAAO,CAAC,CACnC;;EAED;AACF;AACA;AACA;EACExB,KAAK,CAACyB,SAAS,CAAC,YAAM;IACpBN,OAAO,CAAC,IAAI,CAAC;EACf,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEbjB,sBAAsB,CAACa,QAAQ,EAAE,UAAU,EAAEI,OAAO,EAAER,YAAY,CAAC;EACnET,sBAAsB,CAACa,QAAQ,EAAE,SAAS,EAAEI,OAAO,EAAER,YAAY,CAAC;EAElE,OAAO;IAAEM,QAAQ,EAARA;EAAS,CAAC;AACrB"}

package/dist/cssm/hooks/useKeyboardInputTracker.js

@@ -1,10 +1,10 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import { Keys, pressedKey } from "../lib/accessibility";
-import { useDOM } from "../lib/dom";
-import { useGlobalEventListener } from "./useGlobalEventListener";
-export var ENABLE_KEYBOARD_INPUT_EVENT_NAME = "enableKeyboardInput";
-export var DISABLE_KEYBOARD_INPUT_EVENT_NAME = "disableKeyboardInput";
+import * as React from 'react';
+import { Keys, pressedKey } from '../lib/accessibility';
+import { useDOM } from '../lib/dom';
+import { useGlobalEventListener } from './useGlobalEventListener';
+export var ENABLE_KEYBOARD_INPUT_EVENT_NAME = 'enableKeyboardInput';
+export var DISABLE_KEYBOARD_INPUT_EVENT_NAME = 'disableKeyboardInput';
 export function useKeyboardInputTracker() {
   var _useDOM = useDOM(),
     document = _useDOM.document;
@@ -27,9 +27,9 @@ export function useKeyboardInputTracker() {
     passive: true,
     capture: true
   };
-  useGlobalEventListener(document, "keydown", handleKeydown, eventOptions);
-  useGlobalEventListener(document, "mousedown", disableKeyboardInput, eventOptions);
-  useGlobalEventListener(document, "touchstart", disableKeyboardInput, eventOptions);
+  useGlobalEventListener(document, 'keydown', handleKeydown, eventOptions);
+  useGlobalEventListener(document, 'mousedown', disableKeyboardInput, eventOptions);
+  useGlobalEventListener(document, 'touchstart', disableKeyboardInput, eventOptions);
   useGlobalEventListener(document, ENABLE_KEYBOARD_INPUT_EVENT_NAME, enableKeyboardInput, eventOptions);
   useGlobalEventListener(document, DISABLE_KEYBOARD_INPUT_EVENT_NAME, disableKeyboardInput, eventOptions);
   return isKeyboardInputActive;

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

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardInputTracker.js","names":["React","Keys","pressedKey","useDOM","useGlobalEventListener","ENABLE_KEYBOARD_INPUT_EVENT_NAME","DISABLE_KEYBOARD_INPUT_EVENT_NAME","useKeyboardInputTracker","document","useState","isKeyboardInputActive","toggleKeyboardInput","enableKeyboardInput","useCallback","handleKeydown","e","TAB","disableKeyboardInput","eventOptions","passive","capture"],"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Keys, pressedKey } from \"../lib/accessibility\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\nexport const ENABLE_KEYBOARD_INPUT_EVENT_NAME = \"enableKeyboardInput\";\nexport const DISABLE_KEYBOARD_INPUT_EVENT_NAME = \"disableKeyboardInput\";\n\nexport function useKeyboardInputTracker(): boolean {\n  const { document } = useDOM();\n\n  const [isKeyboardInputActive, toggleKeyboardInput] =\n    React.useState<boolean>(false);\n\n  const enableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(true);\n  }, []);\n\n  const handleKeydown = React.useCallback(\n    (e: KeyboardEvent) => {\n      if (pressedKey(e) === Keys.TAB) {\n        enableKeyboardInput();\n      }\n    },\n    [enableKeyboardInput]\n  );\n\n  const disableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(false);\n  }, []);\n\n  const eventOptions = {\n    passive: true,\n    capture: true,\n  };\n\n  useGlobalEventListener(document, \"keydown\", handleKeydown, eventOptions);\n  useGlobalEventListener(\n    document,\n    \"mousedown\",\n    disableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    \"touchstart\",\n    disableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    ENABLE_KEYBOARD_INPUT_EVENT_NAME,\n    enableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    DISABLE_KEYBOARD_INPUT_EVENT_NAME,\n    disableKeyboardInput,\n    eventOptions\n  );\n\n  return isKeyboardInputActive;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,QAAQ,sBAAsB;AACvD,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,sBAAsB,QAAQ,0BAA0B;AAEjE,OAAO,IAAMC,gCAAgC,GAAG,qBAAqB;AACrE,OAAO,IAAMC,iCAAiC,GAAG,sBAAsB;AAEvE,OAAO,SAASC,uBAAuB,GAAY;EACjD,cAAqBJ,MAAM,EAAE;IAArBK,QAAQ,WAARA,QAAQ;EAEhB,sBACER,KAAK,CAACS,QAAQ,CAAU,KAAK,CAAC;IAAA;IADzBC,qBAAqB;IAAEC,mBAAmB;EAGjD,IAAMC,mBAAmB,GAAGZ,KAAK,CAACa,WAAW,CAAC,YAAM;IAClDF,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,aAAa,GAAGd,KAAK,CAACa,WAAW,CACrC,UAACE,CAAgB,EAAK;IACpB,IAAIb,UAAU,CAACa,CAAC,CAAC,KAAKd,IAAI,CAACe,GAAG,EAAE;MAC9BJ,mBAAmB,EAAE;IACvB;EACF,CAAC,EACD,CAACA,mBAAmB,CAAC,CACtB;EAED,IAAMK,oBAAoB,GAAGjB,KAAK,CAACa,WAAW,CAAC,YAAM;IACnDF,mBAAmB,CAAC,KAAK,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMO,YAAY,GAAG;IACnBC,OAAO,EAAE,IAAI;IACbC,OAAO,EAAE;EACX,CAAC;EAEDhB,sBAAsB,CAACI,QAAQ,EAAE,SAAS,EAAEM,aAAa,EAAEI,YAAY,CAAC;EACxEd,sBAAsB,CACpBI,QAAQ,EACR,WAAW,EACXS,oBAAoB,EACpBC,YAAY,CACb;EACDd,sBAAsB,CACpBI,QAAQ,EACR,YAAY,EACZS,oBAAoB,EACpBC,YAAY,CACb;EACDd,sBAAsB,CACpBI,QAAQ,EACRH,gCAAgC,EAChCO,mBAAmB,EACnBM,YAAY,CACb;EACDd,sBAAsB,CACpBI,QAAQ,EACRF,iCAAiC,EACjCW,oBAAoB,EACpBC,YAAY,CACb;EAED,OAAOR,qBAAqB;AAC9B"}
+{"version":3,"file":"useKeyboardInputTracker.js","names":["React","Keys","pressedKey","useDOM","useGlobalEventListener","ENABLE_KEYBOARD_INPUT_EVENT_NAME","DISABLE_KEYBOARD_INPUT_EVENT_NAME","useKeyboardInputTracker","document","useState","isKeyboardInputActive","toggleKeyboardInput","enableKeyboardInput","useCallback","handleKeydown","e","TAB","disableKeyboardInput","eventOptions","passive","capture"],"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"sourcesContent":["import * as React from 'react';\nimport { Keys, pressedKey } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport const ENABLE_KEYBOARD_INPUT_EVENT_NAME = 'enableKeyboardInput';\nexport const DISABLE_KEYBOARD_INPUT_EVENT_NAME = 'disableKeyboardInput';\n\nexport function useKeyboardInputTracker(): boolean {\n  const { document } = useDOM();\n\n  const [isKeyboardInputActive, toggleKeyboardInput] = React.useState<boolean>(false);\n\n  const enableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(true);\n  }, []);\n\n  const handleKeydown = React.useCallback(\n    (e: KeyboardEvent) => {\n      if (pressedKey(e) === Keys.TAB) {\n        enableKeyboardInput();\n      }\n    },\n    [enableKeyboardInput],\n  );\n\n  const disableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(false);\n  }, []);\n\n  const eventOptions = {\n    passive: true,\n    capture: true,\n  };\n\n  useGlobalEventListener(document, 'keydown', handleKeydown, eventOptions);\n  useGlobalEventListener(document, 'mousedown', disableKeyboardInput, eventOptions);\n  useGlobalEventListener(document, 'touchstart', disableKeyboardInput, eventOptions);\n  useGlobalEventListener(\n    document,\n    ENABLE_KEYBOARD_INPUT_EVENT_NAME,\n    enableKeyboardInput,\n    eventOptions,\n  );\n  useGlobalEventListener(\n    document,\n    DISABLE_KEYBOARD_INPUT_EVENT_NAME,\n    disableKeyboardInput,\n    eventOptions,\n  );\n\n  return isKeyboardInputActive;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,QAAQ,sBAAsB;AACvD,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,sBAAsB,QAAQ,0BAA0B;AAEjE,OAAO,IAAMC,gCAAgC,GAAG,qBAAqB;AACrE,OAAO,IAAMC,iCAAiC,GAAG,sBAAsB;AAEvE,OAAO,SAASC,uBAAuB,GAAY;EACjD,cAAqBJ,MAAM,EAAE;IAArBK,QAAQ,WAARA,QAAQ;EAEhB,sBAAqDR,KAAK,CAACS,QAAQ,CAAU,KAAK,CAAC;IAAA;IAA5EC,qBAAqB;IAAEC,mBAAmB;EAEjD,IAAMC,mBAAmB,GAAGZ,KAAK,CAACa,WAAW,CAAC,YAAM;IAClDF,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,aAAa,GAAGd,KAAK,CAACa,WAAW,CACrC,UAACE,CAAgB,EAAK;IACpB,IAAIb,UAAU,CAACa,CAAC,CAAC,KAAKd,IAAI,CAACe,GAAG,EAAE;MAC9BJ,mBAAmB,EAAE;IACvB;EACF,CAAC,EACD,CAACA,mBAAmB,CAAC,CACtB;EAED,IAAMK,oBAAoB,GAAGjB,KAAK,CAACa,WAAW,CAAC,YAAM;IACnDF,mBAAmB,CAAC,KAAK,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMO,YAAY,GAAG;IACnBC,OAAO,EAAE,IAAI;IACbC,OAAO,EAAE;EACX,CAAC;EAEDhB,sBAAsB,CAACI,QAAQ,EAAE,SAAS,EAAEM,aAAa,EAAEI,YAAY,CAAC;EACxEd,sBAAsB,CAACI,QAAQ,EAAE,WAAW,EAAES,oBAAoB,EAAEC,YAAY,CAAC;EACjFd,sBAAsB,CAACI,QAAQ,EAAE,YAAY,EAAES,oBAAoB,EAAEC,YAAY,CAAC;EAClFd,sBAAsB,CACpBI,QAAQ,EACRH,gCAAgC,EAChCO,mBAAmB,EACnBM,YAAY,CACb;EACDd,sBAAsB,CACpBI,QAAQ,EACRF,iCAAiC,EACjCW,oBAAoB,EACpBC,YAAY,CACb;EAED,OAAOR,qBAAqB;AAC9B"}

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

@@ -1,4 +1,4 @@
-import { type MediaQueries } from "../lib/adaptivity";
+import { type MediaQueries } from '../lib/adaptivity';
 /**
  * Возвращает медиа выражения определенные дизайн-системой.
  */

package/dist/cssm/hooks/useMediaQueries.js

@@ -1,7 +1,7 @@
-import * as React from "react";
-import { MEDIA_QUERIES } from "../lib/adaptivity";
-import { mediaQueryNull } from "../lib/browser";
-import { useDOM } from "../lib/dom";
+import * as React from 'react';
+import { MEDIA_QUERIES } from '../lib/adaptivity';
+import { mediaQueryNull } from '../lib/browser';
+import { useDOM } from '../lib/dom';
 var storedMediaQueries = {
   window: undefined,
   mediaQueries: null
@@ -21,6 +21,7 @@ export var useMediaQueries = function useMediaQueries() {
     storedMediaQueries.window = window;
     storedMediaQueries.mediaQueries = {
       desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),
+      smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),
       tablet: matchMedia(MEDIA_QUERIES.TABLET),
       smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),
       mobile: matchMedia(MEDIA_QUERIES.MOBILE),

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

@@ -1 +1 @@
-{"version":3,"file":"useMediaQueries.js","names":["React","MEDIA_QUERIES","mediaQueryNull","useDOM","storedMediaQueries","window","undefined","mediaQueries","useMediaQueries","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","matchMedia","bind","desktopPlus","DESKTOP_PLUS","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","mediumHeight","MEDIUM_HEIGHT","mobileLandscapeHeight","MOBILE_LANDSCAPE_HEIGHT"],"sources":["../../../src/hooks/useMediaQueries.ts"],"sourcesContent":["import * as React from \"react\";\nimport { type MediaQueries, MEDIA_QUERIES } from \"../lib/adaptivity\";\nimport { mediaQueryNull } from \"../lib/browser\";\nimport { useDOM } from \"../lib/dom\";\n\ninterface StoredMediaQueries {\n  /**\n   * Постоянная ссылка на окно. Это необходима, чтобы пересоздать медиа выражение если окно вдруг измениться.\n   *\n   * > `styleguide`\n   * >\n   * > В данный момент изменения окна существует в рамках песочницы. По сути мы храним ссылку на окно ради этого кейса\n   * > в песочнице.\n   */\n  window: Window | undefined;\n  /**\n   * Хранит созданные медиа выражения.\n   *\n   * Достаточно единожды создать экземпляры `MediaQueryList`, а дальше подписываться на события\n   * через метод `addEventListener(type, listener)`.\n   *\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList}\n   */\n  mediaQueries: MediaQueries | null;\n}\n\nconst storedMediaQueries: StoredMediaQueries = {\n  window: undefined,\n  mediaQueries: null,\n};\n\n/**\n * Возвращает медиа выражения определенные дизайн-системой.\n */\nexport const useMediaQueries = () => {\n  const { window } = useDOM();\n\n  return React.useMemo(\n    function initializeStoreOrUpdateStoreIfWindowChanges() {\n      if (\n        storedMediaQueries.window === window &&\n        storedMediaQueries.mediaQueries !== null\n      ) {\n        return storedMediaQueries.mediaQueries;\n      }\n\n      const matchMedia = window\n        ? window.matchMedia.bind(window)\n        : mediaQueryNull;\n\n      storedMediaQueries.window = window;\n      storedMediaQueries.mediaQueries = {\n        desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),\n        tablet: matchMedia(MEDIA_QUERIES.TABLET),\n        smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),\n        mobile: matchMedia(MEDIA_QUERIES.MOBILE),\n        mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),\n        mobileLandscapeHeight: matchMedia(\n          MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT\n        ),\n      };\n\n      return storedMediaQueries.mediaQueries;\n    },\n    [window]\n  );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAA4BC,aAAa,QAAQ,mBAAmB;AACpE,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,MAAM,QAAQ,YAAY;AAuBnC,IAAMC,kBAAsC,GAAG;EAC7CC,MAAM,EAAEC,SAAS;EACjBC,YAAY,EAAE;AAChB,CAAC;;AAED;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAAS;EACnC,cAAmBL,MAAM,EAAE;IAAnBE,MAAM,WAANA,MAAM;EAEd,OAAOL,KAAK,CAACS,OAAO,CAClB,SAASC,2CAA2C,GAAG;IACrD,IACEN,kBAAkB,CAACC,MAAM,KAAKA,MAAM,IACpCD,kBAAkB,CAACG,YAAY,KAAK,IAAI,EACxC;MACA,OAAOH,kBAAkB,CAACG,YAAY;IACxC;IAEA,IAAMI,UAAU,GAAGN,MAAM,GACrBA,MAAM,CAACM,UAAU,CAACC,IAAI,CAACP,MAAM,CAAC,GAC9BH,cAAc;IAElBE,kBAAkB,CAACC,MAAM,GAAGA,MAAM;IAClCD,kBAAkB,CAACG,YAAY,GAAG;MAChCM,WAAW,EAAEF,UAAU,CAACV,aAAa,CAACa,YAAY,CAAC;MACnDC,MAAM,EAAEJ,UAAU,CAACV,aAAa,CAACe,MAAM,CAAC;MACxCC,WAAW,EAAEN,UAAU,CAACV,aAAa,CAACiB,YAAY,CAAC;MACnDC,MAAM,EAAER,UAAU,CAACV,aAAa,CAACmB,MAAM,CAAC;MACxCC,YAAY,EAAEV,UAAU,CAACV,aAAa,CAACqB,aAAa,CAAC;MACrDC,qBAAqB,EAAEZ,UAAU,CAC/BV,aAAa,CAACuB,uBAAuB;IAEzC,CAAC;IAED,OAAOpB,kBAAkB,CAACG,YAAY;EACxC,CAAC,EACD,CAACF,MAAM,CAAC,CACT;AACH,CAAC"}
+{"version":3,"file":"useMediaQueries.js","names":["React","MEDIA_QUERIES","mediaQueryNull","useDOM","storedMediaQueries","window","undefined","mediaQueries","useMediaQueries","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","matchMedia","bind","desktopPlus","DESKTOP_PLUS","smallTabletPlus","SMALL_TABLET_PLUS","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","mediumHeight","MEDIUM_HEIGHT","mobileLandscapeHeight","MOBILE_LANDSCAPE_HEIGHT"],"sources":["../../../src/hooks/useMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { type MediaQueries, MEDIA_QUERIES } from '../lib/adaptivity';\nimport { mediaQueryNull } from '../lib/browser';\nimport { useDOM } from '../lib/dom';\n\ninterface StoredMediaQueries {\n  /**\n   * Постоянная ссылка на окно. Это необходима, чтобы пересоздать медиа выражение если окно вдруг измениться.\n   *\n   * > `styleguide`\n   * >\n   * > В данный момент изменения окна существует в рамках песочницы. По сути мы храним ссылку на окно ради этого кейса\n   * > в песочнице.\n   */\n  window: Window | undefined;\n  /**\n   * Хранит созданные медиа выражения.\n   *\n   * Достаточно единожды создать экземпляры `MediaQueryList`, а дальше подписываться на события\n   * через метод `addEventListener(type, listener)`.\n   *\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList}\n   */\n  mediaQueries: MediaQueries | null;\n}\n\nconst storedMediaQueries: StoredMediaQueries = {\n  window: undefined,\n  mediaQueries: null,\n};\n\n/**\n * Возвращает медиа выражения определенные дизайн-системой.\n */\nexport const useMediaQueries = () => {\n  const { window } = useDOM();\n\n  return React.useMemo(\n    function initializeStoreOrUpdateStoreIfWindowChanges() {\n      if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {\n        return storedMediaQueries.mediaQueries;\n      }\n\n      const matchMedia = window ? window.matchMedia.bind(window) : mediaQueryNull;\n\n      storedMediaQueries.window = window;\n      storedMediaQueries.mediaQueries = {\n        desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),\n        smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),\n        tablet: matchMedia(MEDIA_QUERIES.TABLET),\n        smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),\n        mobile: matchMedia(MEDIA_QUERIES.MOBILE),\n        mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),\n        mobileLandscapeHeight: matchMedia(MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT),\n      };\n\n      return storedMediaQueries.mediaQueries;\n    },\n    [window],\n  );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAA4BC,aAAa,QAAQ,mBAAmB;AACpE,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,MAAM,QAAQ,YAAY;AAuBnC,IAAMC,kBAAsC,GAAG;EAC7CC,MAAM,EAAEC,SAAS;EACjBC,YAAY,EAAE;AAChB,CAAC;;AAED;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAAS;EACnC,cAAmBL,MAAM,EAAE;IAAnBE,MAAM,WAANA,MAAM;EAEd,OAAOL,KAAK,CAACS,OAAO,CAClB,SAASC,2CAA2C,GAAG;IACrD,IAAIN,kBAAkB,CAACC,MAAM,KAAKA,MAAM,IAAID,kBAAkB,CAACG,YAAY,KAAK,IAAI,EAAE;MACpF,OAAOH,kBAAkB,CAACG,YAAY;IACxC;IAEA,IAAMI,UAAU,GAAGN,MAAM,GAAGA,MAAM,CAACM,UAAU,CAACC,IAAI,CAACP,MAAM,CAAC,GAAGH,cAAc;IAE3EE,kBAAkB,CAACC,MAAM,GAAGA,MAAM;IAClCD,kBAAkB,CAACG,YAAY,GAAG;MAChCM,WAAW,EAAEF,UAAU,CAACV,aAAa,CAACa,YAAY,CAAC;MACnDC,eAAe,EAAEJ,UAAU,CAACV,aAAa,CAACe,iBAAiB,CAAC;MAC5DC,MAAM,EAAEN,UAAU,CAACV,aAAa,CAACiB,MAAM,CAAC;MACxCC,WAAW,EAAER,UAAU,CAACV,aAAa,CAACmB,YAAY,CAAC;MACnDC,MAAM,EAAEV,UAAU,CAACV,aAAa,CAACqB,MAAM,CAAC;MACxCC,YAAY,EAAEZ,UAAU,CAACV,aAAa,CAACuB,aAAa,CAAC;MACrDC,qBAAqB,EAAEd,UAAU,CAACV,aAAa,CAACyB,uBAAuB;IACzE,CAAC;IAED,OAAOtB,kBAAkB,CAACG,YAAY;EACxC,CAAC,EACD,CAACF,MAAM,CAAC,CACT;AACH,CAAC"}

package/dist/cssm/hooks/useObjectMemo.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 export function objectEquals(o1, o2) {
   return Object.keys(o1).length === Object.keys(o2).length && Object.keys(o1).every(function (k) {
     return o1[k] === o2[k];

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

@@ -1 +1 @@
-{"version":3,"file":"useObjectMemo.js","names":["React","objectEquals","o1","o2","Object","keys","length","every","k","useObjectMemo","object","cache","useRef","current"],"sources":["../../../src/hooks/useObjectMemo.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport function objectEquals(o1: any, o2: any) {\n  return (\n    Object.keys(o1).length === Object.keys(o2).length &&\n    Object.keys(o1).every((k) => o1[k] === o2[k])\n  );\n}\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!objectEquals(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAO,SAASC,YAAY,CAACC,EAAO,EAAEC,EAAO,EAAE;EAC7C,OACEC,MAAM,CAACC,IAAI,CAACH,EAAE,CAAC,CAACI,MAAM,KAAKF,MAAM,CAACC,IAAI,CAACF,EAAE,CAAC,CAACG,MAAM,IACjDF,MAAM,CAACC,IAAI,CAACH,EAAE,CAAC,CAACK,KAAK,CAAC,UAACC,CAAC;IAAA,OAAKN,EAAE,CAACM,CAAC,CAAC,KAAKL,EAAE,CAACK,CAAC,CAAC;EAAA,EAAC;AAEjD;AAEA,OAAO,SAASC,aAAa,CAAIC,MAAS,EAAK;EAC7C,IAAMC,KAAK,GAAGX,KAAK,CAACY,MAAM,CAACF,MAAM,CAAC;EAClC,IAAI,CAACT,YAAY,CAACU,KAAK,CAACE,OAAO,EAAEH,MAAM,CAAC,EAAE;IACxCC,KAAK,CAACE,OAAO,GAAGH,MAAM;EACxB;EACA,OAAOC,KAAK,CAACE,OAAO;AACtB"}
+{"version":3,"file":"useObjectMemo.js","names":["React","objectEquals","o1","o2","Object","keys","length","every","k","useObjectMemo","object","cache","useRef","current"],"sources":["../../../src/hooks/useObjectMemo.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function objectEquals(o1: any, o2: any) {\n  return (\n    Object.keys(o1).length === Object.keys(o2).length &&\n    Object.keys(o1).every((k) => o1[k] === o2[k])\n  );\n}\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!objectEquals(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAO,SAASC,YAAY,CAACC,EAAO,EAAEC,EAAO,EAAE;EAC7C,OACEC,MAAM,CAACC,IAAI,CAACH,EAAE,CAAC,CAACI,MAAM,KAAKF,MAAM,CAACC,IAAI,CAACF,EAAE,CAAC,CAACG,MAAM,IACjDF,MAAM,CAACC,IAAI,CAACH,EAAE,CAAC,CAACK,KAAK,CAAC,UAACC,CAAC;IAAA,OAAKN,EAAE,CAACM,CAAC,CAAC,KAAKL,EAAE,CAACK,CAAC,CAAC;EAAA,EAAC;AAEjD;AAEA,OAAO,SAASC,aAAa,CAAIC,MAAS,EAAK;EAC7C,IAAMC,KAAK,GAAGX,KAAK,CAACY,MAAM,CAACF,MAAM,CAAC;EAClC,IAAI,CAACT,YAAY,CAACU,KAAK,CAACE,OAAO,EAAEH,MAAM,CAAC,EAAE;IACxCC,KAAK,CAACE,OAAO,GAAGH,MAAM;EACxB;EACA,OAAOC,KAAK,CAACE,OAAO;AACtB"}

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

@@ -1,4 +1,4 @@
-declare type Orientation = "portrait" | "landscape";
+declare type Orientation = 'portrait' | 'landscape';
 /**
  * Возвращает текущую ориентация экрана на человеческом языке.
  * Обновляется при изменении ориентации.

package/dist/cssm/hooks/useOrientationChange.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import { useDOM } from "../lib/dom";
-import { useGlobalEventListener } from "./useGlobalEventListener";
+import * as React from 'react';
+import { useDOM } from '../lib/dom';
+import { useGlobalEventListener } from './useGlobalEventListener';
 /**
  * Возвращает текущую ориентация экрана на человеческом языке.
  * Учитывает особенности API на разных платформах.
@@ -9,11 +9,11 @@ import { useGlobalEventListener } from "./useGlobalEventListener";
 function getOrientation(window) {
   var _window$screen$orient, _window$screen, _window$screen$orient2;
   if (!window) {
-    return "portrait";
+    return 'portrait';
   }
   var angle = Math.abs( // eslint-disable-next-line compat/compat
   (_window$screen$orient = (_window$screen = window.screen) === null || _window$screen === void 0 ? void 0 : (_window$screen$orient2 = _window$screen.orientation) === null || _window$screen$orient2 === void 0 ? void 0 : _window$screen$orient2.angle) !== null && _window$screen$orient !== void 0 ? _window$screen$orient : Number(window.orientation));
-  return angle === 90 ? "landscape" : "portrait";
+  return angle === 90 ? 'landscape' : 'portrait';
 }
 
 /**
@@ -29,7 +29,7 @@ export function useOrientationChange() {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     orientation = _React$useState2[0],
     setOrientation = _React$useState2[1];
-  useGlobalEventListener(window, "orientationchange", function () {
+  useGlobalEventListener(window, 'orientationchange', function () {
     return setOrientation(getOrientation(window));
   });
   return orientation;

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

@@ -1 +1 @@
-{"version":3,"file":"useOrientationChange.js","names":["React","useDOM","useGlobalEventListener","getOrientation","window","angle","Math","abs","screen","orientation","Number","useOrientationChange","useState","setOrientation"],"sources":["../../../src/hooks/useOrientationChange.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ntype Orientation = \"portrait\" | \"landscape\";\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Учитывает особенности API на разных платформах.\n */\nfunction getOrientation(window: Window | undefined): Orientation {\n  if (!window) {\n    return \"portrait\";\n  }\n\n  const angle = Math.abs(\n    // eslint-disable-next-line compat/compat\n    window.screen?.orientation?.angle ?? Number(window.orientation)\n  );\n\n  return angle === 90 ? \"landscape\" : \"portrait\";\n}\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Обновляется при изменении ориентации.\n */\nexport function useOrientationChange(): Orientation {\n  const { window } = useDOM();\n\n  const [orientation, setOrientation] = React.useState(() =>\n    getOrientation(window)\n  );\n\n  useGlobalEventListener(window, \"orientationchange\", () =>\n    setOrientation(getOrientation(window))\n  );\n\n  return orientation;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,sBAAsB,QAAQ,0BAA0B;AAIjE;AACA;AACA;AACA;AACA,SAASC,cAAc,CAACC,MAA0B,EAAe;EAAA;EAC/D,IAAI,CAACA,MAAM,EAAE;IACX,OAAO,UAAU;EACnB;EAEA,IAAMC,KAAK,GAAGC,IAAI,CAACC,GAAG,EACpB;EAAA,2CACAH,MAAM,CAACI,MAAM,6EAAb,eAAeC,WAAW,2DAA1B,uBAA4BJ,KAAK,yEAAIK,MAAM,CAACN,MAAM,CAACK,WAAW,CAAC,CAChE;EAED,OAAOJ,KAAK,KAAK,EAAE,GAAG,WAAW,GAAG,UAAU;AAChD;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASM,oBAAoB,GAAgB;EAClD,cAAmBV,MAAM,EAAE;IAAnBG,MAAM,WAANA,MAAM;EAEd,sBAAsCJ,KAAK,CAACY,QAAQ,CAAC;MAAA,OACnDT,cAAc,CAACC,MAAM,CAAC;IAAA,EACvB;IAAA;IAFMK,WAAW;IAAEI,cAAc;EAIlCX,sBAAsB,CAACE,MAAM,EAAE,mBAAmB,EAAE;IAAA,OAClDS,cAAc,CAACV,cAAc,CAACC,MAAM,CAAC,CAAC;EAAA,EACvC;EAED,OAAOK,WAAW;AACpB"}
+{"version":3,"file":"useOrientationChange.js","names":["React","useDOM","useGlobalEventListener","getOrientation","window","angle","Math","abs","screen","orientation","Number","useOrientationChange","useState","setOrientation"],"sources":["../../../src/hooks/useOrientationChange.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ntype Orientation = 'portrait' | 'landscape';\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Учитывает особенности API на разных платформах.\n */\nfunction getOrientation(window: Window | undefined): Orientation {\n  if (!window) {\n    return 'portrait';\n  }\n\n  const angle = Math.abs(\n    // eslint-disable-next-line compat/compat\n    window.screen?.orientation?.angle ?? Number(window.orientation),\n  );\n\n  return angle === 90 ? 'landscape' : 'portrait';\n}\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Обновляется при изменении ориентации.\n */\nexport function useOrientationChange(): Orientation {\n  const { window } = useDOM();\n\n  const [orientation, setOrientation] = React.useState(() => getOrientation(window));\n\n  useGlobalEventListener(window, 'orientationchange', () => setOrientation(getOrientation(window)));\n\n  return orientation;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,sBAAsB,QAAQ,0BAA0B;AAIjE;AACA;AACA;AACA;AACA,SAASC,cAAc,CAACC,MAA0B,EAAe;EAAA;EAC/D,IAAI,CAACA,MAAM,EAAE;IACX,OAAO,UAAU;EACnB;EAEA,IAAMC,KAAK,GAAGC,IAAI,CAACC,GAAG,EACpB;EAAA,2CACAH,MAAM,CAACI,MAAM,6EAAb,eAAeC,WAAW,2DAA1B,uBAA4BJ,KAAK,yEAAIK,MAAM,CAACN,MAAM,CAACK,WAAW,CAAC,CAChE;EAED,OAAOJ,KAAK,KAAK,EAAE,GAAG,WAAW,GAAG,UAAU;AAChD;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASM,oBAAoB,GAAgB;EAClD,cAAmBV,MAAM,EAAE;IAAnBG,MAAM,WAANA,MAAM;EAEd,sBAAsCJ,KAAK,CAACY,QAAQ,CAAC;MAAA,OAAMT,cAAc,CAACC,MAAM,CAAC;IAAA,EAAC;IAAA;IAA3EK,WAAW;IAAEI,cAAc;EAElCX,sBAAsB,CAACE,MAAM,EAAE,mBAAmB,EAAE;IAAA,OAAMS,cAAc,CAACV,cAAc,CAACC,MAAM,CAAC,CAAC;EAAA,EAAC;EAEjG,OAAOK,WAAW;AACpB"}

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

@@ -16,7 +16,7 @@ interface UsePaginationProps {
      */
     totalPages?: number;
 }
-export declare type PaginationPageType = "start-ellipsis" | "end-ellipsis" | number;
+export declare type PaginationPageType = 'start-ellipsis' | 'end-ellipsis' | number;
 export declare type UsePaginationResult = PaginationPageType[];
 /**
  * Хук позаимствован у @mui с некоторыми изменениями.

package/dist/cssm/hooks/usePagination.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import * as React from "react";
-import { clamp } from "../helpers/math";
-import { rangeIncrement } from "../helpers/range";
+import * as React from 'react';
+import { clamp } from '../helpers/math';
+import { rangeIncrement } from '../helpers/range';
 /**
  * Хук позаимствован у @mui с некоторыми изменениями.
  *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).
@@ -33,13 +33,13 @@ export var usePagination = function usePagination() {
     var siblingsEnd = Math.min(Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow), endPages.length > 0 ? endPages[0] - 2 : endPage - 1);
     var pages = startPages;
     if (siblingsStart > boundaryCount + 2) {
-      pages.push("start-ellipsis");
+      pages.push('start-ellipsis');
     } else if (boundaryCount + 1 < endPage - boundaryCount) {
       pages.push(boundaryCount + 1);
     }
     pages.push.apply(pages, _toConsumableArray(rangeIncrement(siblingsStart, siblingsEnd)));
     if (siblingsEnd < endPage - boundaryCount - 1) {
-      pages.push("end-ellipsis");
+      pages.push('end-ellipsis');
     } else if (endPage - boundaryCount > boundaryCount) {
       pages.push(endPage - boundaryCount);
     }

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

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","names":["React","clamp","rangeIncrement","usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","useMemo","startPages","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","pages","push"],"sources":["../../../src/hooks/usePagination.ts"],"sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../helpers/math\";\nimport { rangeIncrement } from \"../helpers/range\";\n\ninterface UsePaginationProps {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n}\n\nexport type PaginationPageType = \"start-ellipsis\" | \"end-ellipsis\" | number;\n\nexport type UsePaginationResult = PaginationPageType[];\n\n/**\n * Хук позаимствован у @mui с некоторыми изменениями.\n *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).\n *\n * Примеры вывода:\n *           v\n * [1, 2, 3, 4, 5, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 6, 7, 8, 9, 10]\n */\nexport const usePagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages: endPage = 1,\n}: UsePaginationProps = {}): UsePaginationResult =>\n  React.useMemo(() => {\n    const startPages = rangeIncrement(1, Math.min(boundaryCount, endPage));\n    const endPages = rangeIncrement(\n      Math.max(endPage - boundaryCount + 1, boundaryCount + 1),\n      endPage\n    );\n\n    const lowerBoundaryWhenCurrentPageHigh =\n      endPage - boundaryCount - 1 - 2 * siblingCount;\n    const siblingsStart = clamp(\n      currentPage - siblingCount,\n      boundaryCount + 2,\n      lowerBoundaryWhenCurrentPageHigh\n    );\n\n    const upperBoundaryWhenCurrentPageLow =\n      boundaryCount + 2 + 2 * siblingCount;\n    const siblingsEnd = Math.min(\n      Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),\n      endPages.length > 0 ? endPages[0] - 2 : endPage - 1\n    );\n\n    const pages: UsePaginationResult = startPages;\n\n    if (siblingsStart > boundaryCount + 2) {\n      pages.push(\"start-ellipsis\");\n    } else if (boundaryCount + 1 < endPage - boundaryCount) {\n      pages.push(boundaryCount + 1);\n    }\n\n    pages.push(...rangeIncrement(siblingsStart, siblingsEnd));\n\n    if (siblingsEnd < endPage - boundaryCount - 1) {\n      pages.push(\"end-ellipsis\");\n    } else if (endPage - boundaryCount > boundaryCount) {\n      pages.push(endPage - boundaryCount);\n    }\n\n    pages.push(...endPages);\n\n    return pages;\n  }, [currentPage, endPage, siblingCount, boundaryCount]);\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,QAAQ,iBAAiB;AACvC,SAASC,cAAc,QAAQ,kBAAkB;AAyBjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAa;EAAA,+EAKF,CAAC,CAAC;IAAA,wBAJxBC,WAAW;IAAXA,WAAW,iCAAG,CAAC;IAAA,yBACfC,YAAY;IAAZA,YAAY,kCAAG,CAAC;IAAA,0BAChBC,aAAa;IAAbA,aAAa,mCAAG,CAAC;IAAA,uBACjBC,UAAU;IAAEC,OAAO,gCAAG,CAAC;EAAA,OAEvBR,KAAK,CAACS,OAAO,CAAC,YAAM;IAClB,IAAMC,UAAU,GAAGR,cAAc,CAAC,CAAC,EAAES,IAAI,CAACC,GAAG,CAACN,aAAa,EAAEE,OAAO,CAAC,CAAC;IACtE,IAAMK,QAAQ,GAAGX,cAAc,CAC7BS,IAAI,CAACG,GAAG,CAACN,OAAO,GAAGF,aAAa,GAAG,CAAC,EAAEA,aAAa,GAAG,CAAC,CAAC,EACxDE,OAAO,CACR;IAED,IAAMO,gCAAgC,GACpCP,OAAO,GAAGF,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGD,YAAY;IAChD,IAAMW,aAAa,GAAGf,KAAK,CACzBG,WAAW,GAAGC,YAAY,EAC1BC,aAAa,GAAG,CAAC,EACjBS,gCAAgC,CACjC;IAED,IAAME,+BAA+B,GACnCX,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGD,YAAY;IACtC,IAAMa,WAAW,GAAGP,IAAI,CAACC,GAAG,CAC1BD,IAAI,CAACG,GAAG,CAACV,WAAW,GAAGC,YAAY,EAAEY,+BAA+B,CAAC,EACrEJ,QAAQ,CAACM,MAAM,GAAG,CAAC,GAAGN,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,GAAGL,OAAO,GAAG,CAAC,CACpD;IAED,IAAMY,KAA0B,GAAGV,UAAU;IAE7C,IAAIM,aAAa,GAAGV,aAAa,GAAG,CAAC,EAAE;MACrCc,KAAK,CAACC,IAAI,CAAC,gBAAgB,CAAC;IAC9B,CAAC,MAAM,IAAIf,aAAa,GAAG,CAAC,GAAGE,OAAO,GAAGF,aAAa,EAAE;MACtDc,KAAK,CAACC,IAAI,CAACf,aAAa,GAAG,CAAC,CAAC;IAC/B;IAEAc,KAAK,CAACC,IAAI,OAAVD,KAAK,qBAASlB,cAAc,CAACc,aAAa,EAAEE,WAAW,CAAC,EAAC;IAEzD,IAAIA,WAAW,GAAGV,OAAO,GAAGF,aAAa,GAAG,CAAC,EAAE;MAC7Cc,KAAK,CAACC,IAAI,CAAC,cAAc,CAAC;IAC5B,CAAC,MAAM,IAAIb,OAAO,GAAGF,aAAa,GAAGA,aAAa,EAAE;MAClDc,KAAK,CAACC,IAAI,CAACb,OAAO,GAAGF,aAAa,CAAC;IACrC;IAEAc,KAAK,CAACC,IAAI,OAAVD,KAAK,qBAASP,QAAQ,EAAC;IAEvB,OAAOO,KAAK;EACd,CAAC,EAAE,CAAChB,WAAW,EAAEI,OAAO,EAAEH,YAAY,EAAEC,aAAa,CAAC,CAAC;AAAA"}
+{"version":3,"file":"usePagination.js","names":["React","clamp","rangeIncrement","usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","useMemo","startPages","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","pages","push"],"sources":["../../../src/hooks/usePagination.ts"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../helpers/math';\nimport { rangeIncrement } from '../helpers/range';\n\ninterface UsePaginationProps {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n}\n\nexport type PaginationPageType = 'start-ellipsis' | 'end-ellipsis' | number;\n\nexport type UsePaginationResult = PaginationPageType[];\n\n/**\n * Хук позаимствован у @mui с некоторыми изменениями.\n *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).\n *\n * Примеры вывода:\n *           v\n * [1, 2, 3, 4, 5, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 6, 7, 8, 9, 10]\n */\nexport const usePagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages: endPage = 1,\n}: UsePaginationProps = {}): UsePaginationResult =>\n  React.useMemo(() => {\n    const startPages = rangeIncrement(1, Math.min(boundaryCount, endPage));\n    const endPages = rangeIncrement(\n      Math.max(endPage - boundaryCount + 1, boundaryCount + 1),\n      endPage,\n    );\n\n    const lowerBoundaryWhenCurrentPageHigh = endPage - boundaryCount - 1 - 2 * siblingCount;\n    const siblingsStart = clamp(\n      currentPage - siblingCount,\n      boundaryCount + 2,\n      lowerBoundaryWhenCurrentPageHigh,\n    );\n\n    const upperBoundaryWhenCurrentPageLow = boundaryCount + 2 + 2 * siblingCount;\n    const siblingsEnd = Math.min(\n      Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),\n      endPages.length > 0 ? endPages[0] - 2 : endPage - 1,\n    );\n\n    const pages: UsePaginationResult = startPages;\n\n    if (siblingsStart > boundaryCount + 2) {\n      pages.push('start-ellipsis');\n    } else if (boundaryCount + 1 < endPage - boundaryCount) {\n      pages.push(boundaryCount + 1);\n    }\n\n    pages.push(...rangeIncrement(siblingsStart, siblingsEnd));\n\n    if (siblingsEnd < endPage - boundaryCount - 1) {\n      pages.push('end-ellipsis');\n    } else if (endPage - boundaryCount > boundaryCount) {\n      pages.push(endPage - boundaryCount);\n    }\n\n    pages.push(...endPages);\n\n    return pages;\n  }, [currentPage, endPage, siblingCount, boundaryCount]);\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,QAAQ,iBAAiB;AACvC,SAASC,cAAc,QAAQ,kBAAkB;AAyBjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAa;EAAA,+EAKF,CAAC,CAAC;IAAA,wBAJxBC,WAAW;IAAXA,WAAW,iCAAG,CAAC;IAAA,yBACfC,YAAY;IAAZA,YAAY,kCAAG,CAAC;IAAA,0BAChBC,aAAa;IAAbA,aAAa,mCAAG,CAAC;IAAA,uBACjBC,UAAU;IAAEC,OAAO,gCAAG,CAAC;EAAA,OAEvBR,KAAK,CAACS,OAAO,CAAC,YAAM;IAClB,IAAMC,UAAU,GAAGR,cAAc,CAAC,CAAC,EAAES,IAAI,CAACC,GAAG,CAACN,aAAa,EAAEE,OAAO,CAAC,CAAC;IACtE,IAAMK,QAAQ,GAAGX,cAAc,CAC7BS,IAAI,CAACG,GAAG,CAACN,OAAO,GAAGF,aAAa,GAAG,CAAC,EAAEA,aAAa,GAAG,CAAC,CAAC,EACxDE,OAAO,CACR;IAED,IAAMO,gCAAgC,GAAGP,OAAO,GAAGF,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGD,YAAY;IACvF,IAAMW,aAAa,GAAGf,KAAK,CACzBG,WAAW,GAAGC,YAAY,EAC1BC,aAAa,GAAG,CAAC,EACjBS,gCAAgC,CACjC;IAED,IAAME,+BAA+B,GAAGX,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGD,YAAY;IAC5E,IAAMa,WAAW,GAAGP,IAAI,CAACC,GAAG,CAC1BD,IAAI,CAACG,GAAG,CAACV,WAAW,GAAGC,YAAY,EAAEY,+BAA+B,CAAC,EACrEJ,QAAQ,CAACM,MAAM,GAAG,CAAC,GAAGN,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,GAAGL,OAAO,GAAG,CAAC,CACpD;IAED,IAAMY,KAA0B,GAAGV,UAAU;IAE7C,IAAIM,aAAa,GAAGV,aAAa,GAAG,CAAC,EAAE;MACrCc,KAAK,CAACC,IAAI,CAAC,gBAAgB,CAAC;IAC9B,CAAC,MAAM,IAAIf,aAAa,GAAG,CAAC,GAAGE,OAAO,GAAGF,aAAa,EAAE;MACtDc,KAAK,CAACC,IAAI,CAACf,aAAa,GAAG,CAAC,CAAC;IAC/B;IAEAc,KAAK,CAACC,IAAI,OAAVD,KAAK,qBAASlB,cAAc,CAACc,aAAa,EAAEE,WAAW,CAAC,EAAC;IAEzD,IAAIA,WAAW,GAAGV,OAAO,GAAGF,aAAa,GAAG,CAAC,EAAE;MAC7Cc,KAAK,CAACC,IAAI,CAAC,cAAc,CAAC;IAC5B,CAAC,MAAM,IAAIb,OAAO,GAAGF,aAAa,GAAGA,aAAa,EAAE;MAClDc,KAAK,CAACC,IAAI,CAACb,OAAO,GAAGF,aAAa,CAAC;IACrC;IAEAc,KAAK,CAACC,IAAI,OAAVD,KAAK,qBAASP,QAAQ,EAAC;IAEvB,OAAOO,KAAK;EACd,CAAC,EAAE,CAAChB,WAAW,EAAEI,OAAO,EAAEH,YAAY,EAAEC,aAAa,CAAC,CAAC;AAAA"}

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 declare type ChildrenElement<T> = React.ReactElement<{
     getRootRef?: React.Ref<T>;
 }>;