npm - @vkontakte/vkui - Versions diffs - 5.0.3 → 5.1.2 - Mend

@vkontakte/vkui 5.0.3 → 5.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2443) hide show

package/dist/cjs/hooks/useInsets.js CHANGED Viewed

@@ -22,8 +22,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/cjs/hooks/useInsets.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useInsets.js","names":["initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","vkBridge","subscribe","useInsets","React","useState","setInsets","useIsomorphicLayoutEffect","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;AACA;AACA;AASA,IAAIA,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,mEACKA,MAAM;UACTT,MAAM,EAAES,MAAM,CAACT,MAAM,GAAG,GAAG,GAAG,CAAC,GAAGS,MAAM,CAACT,MAAM,CAAE;QAAA;MAErD;EAAC;;EAEL,OAAO,IAAI;AACb;AAEAU,iBAAQ,CAACC,SAAS,CAAC,UAACN,CAAc,EAAK;EACrC,IAAMI,MAAM,GAAGL,aAAa,CAACC,CAAC,CAAC;EAC/B,IAAII,MAAM,EAAE;IACVV,YAAY,GAAGU,MAAM;EACvB;AACF,CAAC,CAAC;AAEK,SAASG,SAAS,GAAW;EAClC,sBAA4BC,KAAK,CAACC,QAAQ,CAASf,YAAY,CAAC;IAAA;IAAzDU,MAAM;IAAEM,SAAS;EAExB,IAAAC,oDAAyB,EAAC,YAAM;IAC9B,SAASC,eAAe,CAACZ,CAAc,EAAE;MACvC,IAAMI,MAAM,GAAGL,aAAa,CAACC,CAAC,CAAC;MAC/B,IAAII,MAAM,EAAE;QACVM,SAAS,CAACN,MAAM,CAAC;MACnB;IACF;IAEAC,iBAAQ,CAACC,SAAS,CAACM,eAAe,CAAC;IACnC,OAAO,YAAM;MACXP,iBAAQ,CAACQ,WAAW,CAACD,eAAe,CAAC;IACvC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOR,MAAM;AACf"}
1	+ {"version":3,"file":"useInsets.js","names":["initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","vkBridge","subscribe","useInsets","React","useState","setInsets","useIsomorphicLayoutEffect","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;AACA;AACA;AASA,IAAIA,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,mEACKA,MAAM;UACTT,MAAM,EAAES,MAAM,CAACT,MAAM,GAAG,GAAG,GAAG,CAAC,GAAGS,MAAM,CAACT,MAAM,CAAE;QAAA;MAErD;EAAC;;EAEL,OAAO,IAAI;AACb;AAEAU,iBAAQ,CAACC,SAAS,CAAC,UAACN,CAAc,EAAK;EACrC,IAAMI,MAAM,GAAGL,aAAa,CAACC,CAAC,CAAC;EAC/B,IAAII,MAAM,EAAE;IACVV,YAAY,GAAGU,MAAM;EACvB;AACF,CAAC,CAAC;AAEK,SAASG,SAAS,GAAW;EAClC,sBAA4BC,KAAK,CAACC,QAAQ,CAASf,YAAY,CAAC;IAAA;IAAzDU,MAAM;IAAEM,SAAS;EAExB,IAAAC,oDAAyB,EAAC,YAAM;IAC9B,SAASC,eAAe,CAACZ,CAAc,EAAE;MACvC,IAAMI,MAAM,GAAGL,aAAa,CAACC,CAAC,CAAC;MAC/B,IAAII,MAAM,EAAE;QACVM,SAAS,CAACN,MAAM,CAAC;MACnB;IACF;IAEAC,iBAAQ,CAACC,SAAS,CAACM,eAAe,CAAC;IACnC,OAAO,YAAM;MACXP,iBAAQ,CAACQ,WAAW,CAACD,eAAe,CAAC;IACvC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOR,MAAM;AACf"}

package/dist/cjs/hooks/useIsClient.d.ts ADDED Viewed

@@ -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/cjs/hooks/useIsClient.js ADDED Viewed

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

package/dist/cjs/hooks/useIsClient.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useIsClient.js","names":["useIsClient","initial","React","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;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,WAAW,GAAkB;EAAA,IAAjBC,OAAO,uEAAG,KAAK;EACzC,sBAAgCC,KAAK,CAACC,QAAQ,CAACF,OAAO,CAAC;IAAA;IAAhDG,QAAQ;IAAEC,WAAW;EAE5BH,KAAK,CAACI,SAAS,CAAC,YAAM;IACpBD,WAAW,CAAC,IAAI,CAAC;EACnB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOD,QAAQ;AACjB"}

package/dist/cjs/hooks/useKeyboard.js CHANGED Viewed

@@ -35,7 +35,7 @@ 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]);
@@ -46,8 +46,8 @@ function useKeyboard() {
   React.useEffect(function () {
     onFocus(true);
   }, [onFocus]);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, "focusout", onFocus, eventOptions);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, "focusin", onFocus, eventOptions);
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'focusout', onFocus, eventOptions);
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'focusin', onFocus, eventOptions);
   return {
     isOpened: isOpened
   };

package/dist/cjs/hooks/useKeyboard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useKeyboard.js","names":["getPreciseKeyboardState","window","innerHeight","availHeight","screen","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","useDOM","document","React","useState","isOpened","setIsOpened","onFocus","useCallback","event","type","activeElement","tagName","useEffect","useGlobalEventListener"],"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;AACA;AACA;AAMA;AACA;AACA;AACA;AACO,SAASA,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;AAEM,SAASC,WAAW,GAA0B;EAAA;EACnD,cAAqB,IAAAC,WAAM,GAAE;IAArBC,QAAQ,WAARA,QAAQ;EAEhB,sBAAgCC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA9CC,QAAQ;IAAEC,WAAW;EAE5B,IAAMC,OAAO,GAAGJ,KAAK,CAACK,WAAW,CAC/B,UAACC,KAAwB,EAAK;IAAA;IAC5B,IAAMJ,QAAQ,GACZ,CAACI,KAAK,KAAK,IAAI,IAAIA,KAAK,CAACC,IAAI,KAAK,SAAS,MAC1C,CAAAR,QAAQ,aAARA,QAAQ,gDAARA,QAAQ,CAAES,aAAa,0DAAvB,sBAAyBC,OAAO,MAAK,OAAO,IAC3C,CAAAV,QAAQ,aAARA,QAAQ,iDAARA,QAAQ,CAAES,aAAa,2DAAvB,uBAAyBC,OAAO,MAAK,UAAU,CAAC;IACpDN,WAAW,CAACD,QAAQ,CAAC;EACvB,CAAC,EACD,CAACH,QAAQ,aAARA,QAAQ,iDAARA,QAAQ,CAAES,aAAa,2DAAvB,uBAAyBC,OAAO,CAAC,CACnC;;EAED;AACF;AACA;AACA;EACET,KAAK,CAACU,SAAS,CAAC,YAAM;IACpBN,OAAO,CAAC,IAAI,CAAC;EACf,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAAO,8CAAsB,EAACZ,QAAQ,EAAE,UAAU,EAAEK,OAAO,EAAEV,YAAY,CAAC;EACnE,IAAAiB,8CAAsB,EAACZ,QAAQ,EAAE,SAAS,EAAEK,OAAO,EAAEV,YAAY,CAAC;EAElE,OAAO;IAAEQ,QAAQ,EAARA;EAAS,CAAC;AACrB"}
1	+ {"version":3,"file":"useKeyboard.js","names":["getPreciseKeyboardState","window","innerHeight","availHeight","screen","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","useDOM","document","React","useState","isOpened","setIsOpened","onFocus","useCallback","event","type","activeElement","tagName","useEffect","useGlobalEventListener"],"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;AACA;AACA;AAMA;AACA;AACA;AACA;AACO,SAASA,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;AAEM,SAASC,WAAW,GAA0B;EAAA;EACnD,cAAqB,IAAAC,WAAM,GAAE;IAArBC,QAAQ,WAARA,QAAQ;EAEhB,sBAAgCC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA9CC,QAAQ;IAAEC,WAAW;EAE5B,IAAMC,OAAO,GAAGJ,KAAK,CAACK,WAAW,CAC/B,UAACC,KAAwB,EAAK;IAAA;IAC5B,IAAMJ,QAAQ,GACZ,CAACI,KAAK,KAAK,IAAI,IAAIA,KAAK,CAACC,IAAI,KAAK,SAAS,MAC1C,CAAAR,QAAQ,aAARA,QAAQ,gDAARA,QAAQ,CAAES,aAAa,0DAAvB,sBAAyBC,OAAO,MAAK,OAAO,IAC3C,CAAAV,QAAQ,aAARA,QAAQ,iDAARA,QAAQ,CAAES,aAAa,2DAAvB,uBAAyBC,OAAO,MAAK,UAAU,CAAC;IACpDN,WAAW,CAACD,QAAQ,CAAC;EACvB,CAAC,EACD,CAACH,QAAQ,aAARA,QAAQ,iDAARA,QAAQ,CAAES,aAAa,2DAAvB,uBAAyBC,OAAO,CAAC,CACnC;;EAED;AACF;AACA;AACA;EACET,KAAK,CAACU,SAAS,CAAC,YAAM;IACpBN,OAAO,CAAC,IAAI,CAAC;EACf,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAAO,8CAAsB,EAACZ,QAAQ,EAAE,UAAU,EAAEK,OAAO,EAAEV,YAAY,CAAC;EACnE,IAAAiB,8CAAsB,EAACZ,QAAQ,EAAE,SAAS,EAAEK,OAAO,EAAEV,YAAY,CAAC;EAElE,OAAO;IAAEQ,QAAQ,EAARA;EAAS,CAAC;AACrB"}

package/dist/cjs/hooks/useKeyboardInputTracker.js CHANGED Viewed

@@ -12,9 +12,9 @@ var React = _interopRequireWildcard(require("react"));
 var _accessibility = require("../lib/accessibility");
 var _dom = require("../lib/dom");
 var _useGlobalEventListener = require("./useGlobalEventListener");
-var ENABLE_KEYBOARD_INPUT_EVENT_NAME = "enableKeyboardInput";
+var ENABLE_KEYBOARD_INPUT_EVENT_NAME = 'enableKeyboardInput';
 exports.ENABLE_KEYBOARD_INPUT_EVENT_NAME = ENABLE_KEYBOARD_INPUT_EVENT_NAME;
-var DISABLE_KEYBOARD_INPUT_EVENT_NAME = "disableKeyboardInput";
+var DISABLE_KEYBOARD_INPUT_EVENT_NAME = 'disableKeyboardInput';
 exports.DISABLE_KEYBOARD_INPUT_EVENT_NAME = DISABLE_KEYBOARD_INPUT_EVENT_NAME;
 function useKeyboardInputTracker() {
   var _useDOM = (0, _dom.useDOM)(),
@@ -38,9 +38,9 @@ function useKeyboardInputTracker() {
     passive: true,
     capture: true
   };
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, "keydown", handleKeydown, eventOptions);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, "mousedown", disableKeyboardInput, eventOptions);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, "touchstart", disableKeyboardInput, eventOptions);
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'keydown', handleKeydown, eventOptions);
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'mousedown', disableKeyboardInput, eventOptions);
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'touchstart', disableKeyboardInput, eventOptions);
   (0, _useGlobalEventListener.useGlobalEventListener)(document, ENABLE_KEYBOARD_INPUT_EVENT_NAME, enableKeyboardInput, eventOptions);
   (0, _useGlobalEventListener.useGlobalEventListener)(document, DISABLE_KEYBOARD_INPUT_EVENT_NAME, disableKeyboardInput, eventOptions);
   return isKeyboardInputActive;

package/dist/cjs/hooks/useKeyboardInputTracker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useKeyboardInputTracker.js","names":["ENABLE_KEYBOARD_INPUT_EVENT_NAME","DISABLE_KEYBOARD_INPUT_EVENT_NAME","useKeyboardInputTracker","useDOM","document","React","useState","isKeyboardInputActive","toggleKeyboardInput","enableKeyboardInput","useCallback","handleKeydown","e","pressedKey","Keys","TAB","disableKeyboardInput","eventOptions","passive","capture","useGlobalEventListener"],"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;AACA;AACA;AACA;AAEO,IAAMA,gCAAgC,GAAG,qBAAqB;AAAC;AAC/D,IAAMC,iCAAiC,GAAG,sBAAsB;AAAC;AAEjE,SAASC,uBAAuB,GAAY;EACjD,cAAqB,IAAAC,WAAM,GAAE;IAArBC,QAAQ,WAARA,QAAQ;EAEhB,~~sBACEC~~,KAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;IAAA;~~IADzBC~~,qBAAqB;IAAEC,mBAAmB;~~EAGjD~~,IAAMC,mBAAmB,GAAGJ,KAAK,CAACK,WAAW,CAAC,YAAM;IAClDF,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,aAAa,GAAGN,KAAK,CAACK,WAAW,CACrC,UAACE,CAAgB,EAAK;IACpB,IAAI,IAAAC,yBAAU,EAACD,CAAC,CAAC,KAAKE,mBAAI,CAACC,GAAG,EAAE;MAC9BN,mBAAmB,EAAE;IACvB;EACF,CAAC,EACD,CAACA,mBAAmB,CAAC,CACtB;EAED,IAAMO,oBAAoB,GAAGX,KAAK,CAACK,WAAW,CAAC,YAAM;IACnDF,mBAAmB,CAAC,KAAK,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMS,YAAY,GAAG;IACnBC,OAAO,EAAE,IAAI;IACbC,OAAO,EAAE;EACX,CAAC;EAED,IAAAC,8CAAsB,EAAChB,QAAQ,EAAE,SAAS,EAAEO,aAAa,EAAEM,YAAY,CAAC;EACxE,IAAAG,8CAAsB,~~EACpBhB~~,QAAQ,~~EACR~~,WAAW,~~EACXY~~,oBAAoB,~~EACpBC~~,YAAY,~~CACb~~;~~EACD~~,IAAAG,8CAAsB,~~EACpBhB~~,QAAQ,~~EACR~~,YAAY,~~EACZY~~,oBAAoB,~~EACpBC~~,YAAY,~~CACb~~;~~EACD~~,IAAAG,8CAAsB,EACpBhB,QAAQ,EACRJ,gCAAgC,EAChCS,mBAAmB,EACnBQ,YAAY,CACb;EACD,IAAAG,8CAAsB,EACpBhB,QAAQ,EACRH,iCAAiC,EACjCe,oBAAoB,EACpBC,YAAY,CACb;EAED,OAAOV,qBAAqB;AAC9B"}
1	+ {"version":3,"file":"useKeyboardInputTracker.js","names":["ENABLE_KEYBOARD_INPUT_EVENT_NAME","DISABLE_KEYBOARD_INPUT_EVENT_NAME","useKeyboardInputTracker","useDOM","document","React","useState","isKeyboardInputActive","toggleKeyboardInput","enableKeyboardInput","useCallback","handleKeydown","e","pressedKey","Keys","TAB","disableKeyboardInput","eventOptions","passive","capture","useGlobalEventListener"],"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;AACA;AACA;AACA;AAEO,IAAMA,gCAAgC,GAAG,qBAAqB;AAAC;AAC/D,IAAMC,iCAAiC,GAAG,sBAAsB;AAAC;AAEjE,SAASC,uBAAuB,GAAY;EACjD,cAAqB,IAAAC,WAAM,GAAE;IAArBC,QAAQ,WAARA,QAAQ;EAEhB,sBAAqDC,KAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;IAAA;IAA5EC,qBAAqB;IAAEC,mBAAmB;EAEjD,IAAMC,mBAAmB,GAAGJ,KAAK,CAACK,WAAW,CAAC,YAAM;IAClDF,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,aAAa,GAAGN,KAAK,CAACK,WAAW,CACrC,UAACE,CAAgB,EAAK;IACpB,IAAI,IAAAC,yBAAU,EAACD,CAAC,CAAC,KAAKE,mBAAI,CAACC,GAAG,EAAE;MAC9BN,mBAAmB,EAAE;IACvB;EACF,CAAC,EACD,CAACA,mBAAmB,CAAC,CACtB;EAED,IAAMO,oBAAoB,GAAGX,KAAK,CAACK,WAAW,CAAC,YAAM;IACnDF,mBAAmB,CAAC,KAAK,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMS,YAAY,GAAG;IACnBC,OAAO,EAAE,IAAI;IACbC,OAAO,EAAE;EACX,CAAC;EAED,IAAAC,8CAAsB,EAAChB,QAAQ,EAAE,SAAS,EAAEO,aAAa,EAAEM,YAAY,CAAC;EACxE,IAAAG,8CAAsB,EAAChB,QAAQ,EAAE,WAAW,EAAEY,oBAAoB,EAAEC,YAAY,CAAC;EACjF,IAAAG,8CAAsB,EAAChB,QAAQ,EAAE,YAAY,EAAEY,oBAAoB,EAAEC,YAAY,CAAC;EAClF,IAAAG,8CAAsB,EACpBhB,QAAQ,EACRJ,gCAAgC,EAChCS,mBAAmB,EACnBQ,YAAY,CACb;EACD,IAAAG,8CAAsB,EACpBhB,QAAQ,EACRH,iCAAiC,EACjCe,oBAAoB,EACpBC,YAAY,CACb;EAED,OAAOV,qBAAqB;AAC9B"}

package/dist/cjs/hooks/useMediaQueries.d.ts CHANGED Viewed

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

package/dist/cjs/hooks/useMediaQueries.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMediaQueries.js","names":["storedMediaQueries","window","undefined","mediaQueries","useMediaQueries","useDOM","React","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","matchMedia","bind","mediaQueryNull","desktopPlus","MEDIA_QUERIES","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 (\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 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(\n MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT\n ),\n };\n\n return storedMediaQueries.mediaQueries;\n },\n [window]\n );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAuBA,IAAMA,kBAAsC,GAAG;EAC7CC,MAAM,EAAEC,SAAS;EACjBC,YAAY,EAAE;AAChB,CAAC;;AAED;AACA;AACA;AACO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAAS;EACnC,cAAmB,IAAAC,WAAM,GAAE;IAAnBJ,MAAM,WAANA,MAAM;EAEd,OAAOK,KAAK,CAACC,OAAO,CAClB,SAASC,2CAA2C,GAAG;IACrD,~~IACER~~,kBAAkB,CAACC,MAAM,KAAKA,MAAM,~~IACpCD~~,kBAAkB,CAACG,YAAY,KAAK,IAAI,~~EACxC~~;~~MACA~~,OAAOH,kBAAkB,CAACG,YAAY;IACxC;IAEA,IAAMM,UAAU,GAAGR,MAAM,~~GACrBA~~,MAAM,CAACQ,UAAU,CAACC,IAAI,CAACT,MAAM,CAAC,~~GAC9BU~~,uBAAc;~~IAElBX~~,kBAAkB,CAACC,MAAM,GAAGA,MAAM;IAClCD,kBAAkB,CAACG,YAAY,GAAG;MAChCS,WAAW,EAAEH,UAAU,CAACI,yBAAa,CAACC,YAAY,CAAC;MACnDC,eAAe,EAAEN,UAAU,CAACI,yBAAa,CAACG,iBAAiB,CAAC;MAC5DC,MAAM,EAAER,UAAU,CAACI,yBAAa,CAACK,MAAM,CAAC;MACxCC,WAAW,EAAEV,UAAU,CAACI,yBAAa,CAACO,YAAY,CAAC;MACnDC,MAAM,EAAEZ,UAAU,CAACI,yBAAa,CAACS,MAAM,CAAC;MACxCC,YAAY,EAAEd,UAAU,CAACI,yBAAa,CAACW,aAAa,CAAC;MACrDC,qBAAqB,EAAEhB,UAAU,~~CAC/BI~~,yBAAa,CAACa,uBAAuB;~~IAEzC~~,CAAC;IAED,OAAO1B,kBAAkB,CAACG,YAAY;EACxC,CAAC,EACD,CAACF,MAAM,CAAC,CACT;AACH,CAAC;AAAC"}
1	+ {"version":3,"file":"useMediaQueries.js","names":["storedMediaQueries","window","undefined","mediaQueries","useMediaQueries","useDOM","React","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","matchMedia","bind","mediaQueryNull","desktopPlus","MEDIA_QUERIES","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;AACA;AACA;AACA;AAuBA,IAAMA,kBAAsC,GAAG;EAC7CC,MAAM,EAAEC,SAAS;EACjBC,YAAY,EAAE;AAChB,CAAC;;AAED;AACA;AACA;AACO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAAS;EACnC,cAAmB,IAAAC,WAAM,GAAE;IAAnBJ,MAAM,WAANA,MAAM;EAEd,OAAOK,KAAK,CAACC,OAAO,CAClB,SAASC,2CAA2C,GAAG;IACrD,IAAIR,kBAAkB,CAACC,MAAM,KAAKA,MAAM,IAAID,kBAAkB,CAACG,YAAY,KAAK,IAAI,EAAE;MACpF,OAAOH,kBAAkB,CAACG,YAAY;IACxC;IAEA,IAAMM,UAAU,GAAGR,MAAM,GAAGA,MAAM,CAACQ,UAAU,CAACC,IAAI,CAACT,MAAM,CAAC,GAAGU,uBAAc;IAE3EX,kBAAkB,CAACC,MAAM,GAAGA,MAAM;IAClCD,kBAAkB,CAACG,YAAY,GAAG;MAChCS,WAAW,EAAEH,UAAU,CAACI,yBAAa,CAACC,YAAY,CAAC;MACnDC,eAAe,EAAEN,UAAU,CAACI,yBAAa,CAACG,iBAAiB,CAAC;MAC5DC,MAAM,EAAER,UAAU,CAACI,yBAAa,CAACK,MAAM,CAAC;MACxCC,WAAW,EAAEV,UAAU,CAACI,yBAAa,CAACO,YAAY,CAAC;MACnDC,MAAM,EAAEZ,UAAU,CAACI,yBAAa,CAACS,MAAM,CAAC;MACxCC,YAAY,EAAEd,UAAU,CAACI,yBAAa,CAACW,aAAa,CAAC;MACrDC,qBAAqB,EAAEhB,UAAU,CAACI,yBAAa,CAACa,uBAAuB;IACzE,CAAC;IAED,OAAO1B,kBAAkB,CAACG,YAAY;EACxC,CAAC,EACD,CAACF,MAAM,CAAC,CACT;AACH,CAAC;AAAC"}

package/dist/cjs/hooks/useObjectMemo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useObjectMemo.js","names":["objectEquals","o1","o2","Object","keys","length","every","k","useObjectMemo","object","cache","React","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;AAEO,SAASA,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;AAEO,SAASC,aAAa,CAAIC,MAAS,EAAK;EAC7C,IAAMC,KAAK,GAAGC,KAAK,CAACC,MAAM,CAACH,MAAM,CAAC;EAClC,IAAI,CAACT,YAAY,CAACU,KAAK,CAACG,OAAO,EAAEJ,MAAM,CAAC,EAAE;IACxCC,KAAK,CAACG,OAAO,GAAGJ,MAAM;EACxB;EACA,OAAOC,KAAK,CAACG,OAAO;AACtB"}
1	+ {"version":3,"file":"useObjectMemo.js","names":["objectEquals","o1","o2","Object","keys","length","every","k","useObjectMemo","object","cache","React","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;AAEO,SAASA,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;AAEO,SAASC,aAAa,CAAIC,MAAS,EAAK;EAC7C,IAAMC,KAAK,GAAGC,KAAK,CAACC,MAAM,CAACH,MAAM,CAAC;EAClC,IAAI,CAACT,YAAY,CAACU,KAAK,CAACG,OAAO,EAAEJ,MAAM,CAAC,EAAE;IACxCC,KAAK,CAACG,OAAO,GAAGJ,MAAM;EACxB;EACA,OAAOC,KAAK,CAACG,OAAO;AACtB"}

package/dist/cjs/hooks/useOrientationChange.d.ts CHANGED Viewed

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

package/dist/cjs/hooks/useOrientationChange.js CHANGED Viewed

@@ -17,11 +17,11 @@ var _useGlobalEventListener = require("./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';
 }
 /**
@@ -37,7 +37,7 @@ function useOrientationChange() {
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     orientation = _React$useState2[0],
     setOrientation = _React$useState2[1];
-  (0, _useGlobalEventListener.useGlobalEventListener)(window, "orientationchange", function () {
+  (0, _useGlobalEventListener.useGlobalEventListener)(window, 'orientationchange', function () {
     return setOrientation(getOrientation(window));
   });
   return orientation;

package/dist/cjs/hooks/useOrientationChange.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useOrientationChange.js","names":["getOrientation","window","angle","Math","abs","screen","orientation","Number","useOrientationChange","useDOM","React","useState","setOrientation","useGlobalEventListener"],"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;AACA;AACA;AAIA;AACA;AACA;AACA;AACA,SAASA,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;AACO,SAASM,oBAAoB,GAAgB;EAClD,cAAmB,IAAAC,WAAM,GAAE;IAAnBR,MAAM,WAANA,MAAM;EAEd,sBAAsCS,KAAK,CAACC,QAAQ,CAAC;MAAA,~~OACnDX~~,cAAc,CAACC,MAAM,CAAC;IAAA,~~EACvB~~;IAAA;~~IAFMK~~,WAAW;IAAEM,cAAc;~~EAIlC~~,IAAAC,8CAAsB,EAACZ,MAAM,EAAE,mBAAmB,EAAE;IAAA,~~OAClDW~~,cAAc,CAACZ,cAAc,CAACC,MAAM,CAAC,CAAC;EAAA,~~EACvC~~;~~EAED~~,OAAOK,WAAW;AACpB"}
1	+ {"version":3,"file":"useOrientationChange.js","names":["getOrientation","window","angle","Math","abs","screen","orientation","Number","useOrientationChange","useDOM","React","useState","setOrientation","useGlobalEventListener"],"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;AACA;AACA;AAIA;AACA;AACA;AACA;AACA,SAASA,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;AACO,SAASM,oBAAoB,GAAgB;EAClD,cAAmB,IAAAC,WAAM,GAAE;IAAnBR,MAAM,WAANA,MAAM;EAEd,sBAAsCS,KAAK,CAACC,QAAQ,CAAC;MAAA,OAAMX,cAAc,CAACC,MAAM,CAAC;IAAA,EAAC;IAAA;IAA3EK,WAAW;IAAEM,cAAc;EAElC,IAAAC,8CAAsB,EAACZ,MAAM,EAAE,mBAAmB,EAAE;IAAA,OAAMW,cAAc,CAACZ,cAAc,CAACC,MAAM,CAAC,CAAC;EAAA,EAAC;EAEjG,OAAOK,WAAW;AACpB"}

package/dist/cjs/hooks/usePagination.d.ts CHANGED Viewed

@@ -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/cjs/hooks/usePagination.js CHANGED Viewed

@@ -41,13 +41,13 @@ 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, (0, _toConsumableArray2.default)((0, _range.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/cjs/hooks/usePagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePagination.js","names":["usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","React","useMemo","startPages","rangeIncrement","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","clamp","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;AACA;AACA;AAyBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,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,OAEvBC,KAAK,CAACC,OAAO,CAAC,YAAM;IAClB,IAAMC,UAAU,GAAG,IAAAC,qBAAc,EAAC,CAAC,EAAEC,IAAI,CAACC,GAAG,CAACR,aAAa,EAAEE,OAAO,CAAC,CAAC;IACtE,IAAMO,QAAQ,GAAG,IAAAH,qBAAc,EAC7BC,IAAI,CAACG,GAAG,CAACR,OAAO,GAAGF,aAAa,GAAG,CAAC,EAAEA,aAAa,GAAG,CAAC,CAAC,EACxDE,OAAO,CACR;IAED,IAAMS,gCAAgC,~~GACpCT~~,OAAO,GAAGF,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGD,YAAY;~~IAChD~~,IAAMa,aAAa,GAAG,IAAAC,WAAK,EACzBf,WAAW,GAAGC,YAAY,EAC1BC,aAAa,GAAG,CAAC,EACjBW,gCAAgC,CACjC;IAED,IAAMG,+BAA+B,~~GACnCd~~,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGD,YAAY;~~IACtC~~,IAAMgB,WAAW,GAAGR,IAAI,CAACC,GAAG,CAC1BD,IAAI,CAACG,GAAG,CAACZ,WAAW,GAAGC,YAAY,EAAEe,+BAA+B,CAAC,EACrEL,QAAQ,CAACO,MAAM,GAAG,CAAC,GAAGP,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,GAAGP,OAAO,GAAG,CAAC,CACpD;IAED,IAAMe,KAA0B,GAAGZ,UAAU;IAE7C,IAAIO,aAAa,GAAGZ,aAAa,GAAG,CAAC,EAAE;MACrCiB,KAAK,CAACC,IAAI,CAAC,gBAAgB,CAAC;IAC9B,CAAC,MAAM,IAAIlB,aAAa,GAAG,CAAC,GAAGE,OAAO,GAAGF,aAAa,EAAE;MACtDiB,KAAK,CAACC,IAAI,CAAClB,aAAa,GAAG,CAAC,CAAC;IAC/B;IAEAiB,KAAK,CAACC,IAAI,OAAVD,KAAK,mCAAS,IAAAX,qBAAc,EAACM,aAAa,EAAEG,WAAW,CAAC,EAAC;IAEzD,IAAIA,WAAW,GAAGb,OAAO,GAAGF,aAAa,GAAG,CAAC,EAAE;MAC7CiB,KAAK,CAACC,IAAI,CAAC,cAAc,CAAC;IAC5B,CAAC,MAAM,IAAIhB,OAAO,GAAGF,aAAa,GAAGA,aAAa,EAAE;MAClDiB,KAAK,CAACC,IAAI,CAAChB,OAAO,GAAGF,aAAa,CAAC;IACrC;IAEAiB,KAAK,CAACC,IAAI,OAAVD,KAAK,mCAASR,QAAQ,EAAC;IAEvB,OAAOQ,KAAK;EACd,CAAC,EAAE,CAACnB,WAAW,EAAEI,OAAO,EAAEH,YAAY,EAAEC,aAAa,CAAC,CAAC;AAAA;AAAC"}
1	+ {"version":3,"file":"usePagination.js","names":["usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","React","useMemo","startPages","rangeIncrement","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","clamp","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;AACA;AACA;AAyBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,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,OAEvBC,KAAK,CAACC,OAAO,CAAC,YAAM;IAClB,IAAMC,UAAU,GAAG,IAAAC,qBAAc,EAAC,CAAC,EAAEC,IAAI,CAACC,GAAG,CAACR,aAAa,EAAEE,OAAO,CAAC,CAAC;IACtE,IAAMO,QAAQ,GAAG,IAAAH,qBAAc,EAC7BC,IAAI,CAACG,GAAG,CAACR,OAAO,GAAGF,aAAa,GAAG,CAAC,EAAEA,aAAa,GAAG,CAAC,CAAC,EACxDE,OAAO,CACR;IAED,IAAMS,gCAAgC,GAAGT,OAAO,GAAGF,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGD,YAAY;IACvF,IAAMa,aAAa,GAAG,IAAAC,WAAK,EACzBf,WAAW,GAAGC,YAAY,EAC1BC,aAAa,GAAG,CAAC,EACjBW,gCAAgC,CACjC;IAED,IAAMG,+BAA+B,GAAGd,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGD,YAAY;IAC5E,IAAMgB,WAAW,GAAGR,IAAI,CAACC,GAAG,CAC1BD,IAAI,CAACG,GAAG,CAACZ,WAAW,GAAGC,YAAY,EAAEe,+BAA+B,CAAC,EACrEL,QAAQ,CAACO,MAAM,GAAG,CAAC,GAAGP,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,GAAGP,OAAO,GAAG,CAAC,CACpD;IAED,IAAMe,KAA0B,GAAGZ,UAAU;IAE7C,IAAIO,aAAa,GAAGZ,aAAa,GAAG,CAAC,EAAE;MACrCiB,KAAK,CAACC,IAAI,CAAC,gBAAgB,CAAC;IAC9B,CAAC,MAAM,IAAIlB,aAAa,GAAG,CAAC,GAAGE,OAAO,GAAGF,aAAa,EAAE;MACtDiB,KAAK,CAACC,IAAI,CAAClB,aAAa,GAAG,CAAC,CAAC;IAC/B;IAEAiB,KAAK,CAACC,IAAI,OAAVD,KAAK,mCAAS,IAAAX,qBAAc,EAACM,aAAa,EAAEG,WAAW,CAAC,EAAC;IAEzD,IAAIA,WAAW,GAAGb,OAAO,GAAGF,aAAa,GAAG,CAAC,EAAE;MAC7CiB,KAAK,CAACC,IAAI,CAAC,cAAc,CAAC;IAC5B,CAAC,MAAM,IAAIhB,OAAO,GAAGF,aAAa,GAAGA,aAAa,EAAE;MAClDiB,KAAK,CAACC,IAAI,CAAChB,OAAO,GAAGF,aAAa,CAAC;IACrC;IAEAiB,KAAK,CAACC,IAAI,OAAVD,KAAK,mCAASR,QAAQ,EAAC;IAEvB,OAAOQ,KAAK;EACd,CAAC,EAAE,CAACnB,WAAW,EAAEI,OAAO,EAAEH,YAAY,EAAEC,aAAa,CAAC,CAAC;AAAA;AAAC"}

package/dist/cjs/hooks/usePatchChildrenRef.d.ts CHANGED Viewed

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

package/dist/cjs/hooks/usePatchChildrenRef.js CHANGED Viewed

@@ -10,19 +10,20 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var React = _interopRequireWildcard(require("react"));
 var _useExternRef = require("./useExternRef");
 var _warnOnce = require("../lib/warnOnce");
+var _useEffectDev = require("./useEffectDev");
 var isDOMTypeElement = function isDOMTypeElement(element) {
-  return typeof element.type === "string";
+  return typeof element.type === 'string';
 };
-var warn = (0, _warnOnce.warnOnce)("usePatchChildrenRef");
+var warn = (0, _warnOnce.warnOnce)('usePatchChildrenRef');
 var usePatchChildrenRef = function usePatchChildrenRef(children) {
   var childRef = /*#__PURE__*/React.isValidElement(children) && (isDOMTypeElement(children) ? children.ref : children.props.getRootRef);
   var patchedRef = (0, _useExternRef.useExternRef)(childRef);
-  React.useEffect(function () {
-    if (!patchedRef.current && process.env.NODE_ENV === "development") {
-      warn("Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента", "error");
+  (0, _useEffectDev.useEffectDev)(function () {
+    if (!patchedRef.current) {
+      warn('Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента', 'error');
     }
   }, [children === null || children === void 0 ? void 0 : children.type, patchedRef]);
-  return [patchedRef, /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, (0, _defineProperty2.default)({}, isDOMTypeElement(children) ? "ref" : "getRootRef", patchedRef)) : children];
+  return [patchedRef, /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, (0, _defineProperty2.default)({}, isDOMTypeElement(children) ? 'ref' : 'getRootRef', patchedRef)) : children];
 };
 exports.usePatchChildrenRef = usePatchChildrenRef;
 //# sourceMappingURL=usePatchChildrenRef.js.map

package/dist/cjs/hooks/usePatchChildrenRef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePatchChildrenRef.js","names":["isDOMTypeElement","element","type","warn","warnOnce","usePatchChildrenRef","children","childRef","React","isValidElement","ref","props","getRootRef","patchedRef","useExternRef","~~useEffect~~","current","~~process","env","NODE_ENV","~~cloneElement"],"sources":["../../../src/hooks/usePatchChildrenRef.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useExternRef } from \"./useExternRef\";\nimport { warnOnce } from \"../lib/warnOnce\";\n\ntype ChildrenElement<T> = React.ReactElement<{ getRootRef?: React.Ref<T> }>;\n\nconst isDOMTypeElement = (\n element: React.ReactElement\n): element is React.DOMElement<any, any> => {\n return typeof element.type === \"string\";\n};\n\nconst warn = warnOnce(\"usePatchChildrenRef\");\nexport const usePatchChildrenRef = <T = HTMLElement>(\n children?: ChildrenElement<T>\n): [React.MutableRefObject<T \| null>, ChildrenElement<T> \| undefined] => {\n const childRef =\n React.isValidElement(children) &&\n (isDOMTypeElement(children)\n ? (children.ref as React.Ref<T>)\n : children.props.getRootRef);\n const patchedRef = useExternRef<T>(childRef);\n ~~React.useEffect~~(() => {\n if (!patchedRef.current ~~&& process.env.NODE_ENV === \"development\"~~) {\n warn(\n \"Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого ~~компонента\"~~,\n \"error~~\"\~~n );\n }\n }, [children?.type, patchedRef]);\n return [\n patchedRef,\n React.isValidElement(children)\n ? React.cloneElement(children, {\n [isDOMTypeElement(children) ? \"ref\" : \"getRootRef\"]: patchedRef,\n })\n : children,\n ];\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,~~CACpBC~~,OAA2B,~~EACe~~;~~EAC1C~~,OAAO,OAAOA,OAAO,CAACC,IAAI,KAAK,QAAQ;AACzC,CAAC;AAED,IAAMC,IAAI,GAAG,IAAAC,kBAAQ,EAAC,qBAAqB,CAAC;~~AACrC~~,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,QAA6B,EAC0C;EACvE,IAAMC,QAAQ,GACZ,aAAAC,KAAK,CAACC,cAAc,CAACH,QAAQ,CAAC,KAC7BN,gBAAgB,CAACM,QAAQ,CAAC,~~GACtBA~~,QAAQ,CAACI,GAAG,~~GACbJ~~,QAAQ,CAACK,KAAK,CAACC,UAAU,CAAC;~~EAChC~~,IAAMC,UAAU,GAAG,IAAAC,0BAAY,EAAIP,QAAQ,CAAC;~~EAC5CC~~,~~KAAK~~,~~CAACO~~,~~SAAS~~,~~CAAC,~~YAAM;~~IACpB~~,IAAI,CAACF,UAAU,CAACG,OAAO,~~IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,~~EAAE;~~MACjEhB~~,IAAI,CACF,0JAA0J,EAC1J,OAAO,CACR;IACH;EACF,CAAC,EAAE,CAACG,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEJ,IAAI,EAAEW,UAAU,CAAC,CAAC;~~EAChC~~,OAAO,CACLA,UAAU,EACV,aAAAL,KAAK,CAACC,cAAc,CAACH,QAAQ,CAAC,gBAC1BE,KAAK,~~CAACY~~,YAAY,~~CAACd~~,QAAQ,oCACxBN,gBAAgB,CAACM,QAAQ,CAAC,GAAG,KAAK,GAAG,YAAY,EAAGO,UAAU,EAC/D,GACFP,QAAQ,CACb;AACH,CAAC;AAAC"}
1	+ {"version":3,"file":"usePatchChildrenRef.js","names":["isDOMTypeElement","element","type","warn","warnOnce","usePatchChildrenRef","children","childRef","React","isValidElement","ref","props","getRootRef","patchedRef","useExternRef","useEffectDev","current","cloneElement"],"sources":["../../../src/hooks/usePatchChildrenRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { useExternRef } from './useExternRef';\nimport { warnOnce } from '../lib/warnOnce';\nimport { useEffectDev } from './useEffectDev';\n\ntype ChildrenElement<T> = React.ReactElement<{ getRootRef?: React.Ref<T> }>;\n\nconst isDOMTypeElement = (element: React.ReactElement): element is React.DOMElement<any, any> => {\n return typeof element.type === 'string';\n};\n\nconst warn = warnOnce('usePatchChildrenRef');\n\nexport const usePatchChildrenRef = <T = HTMLElement>(\n children?: ChildrenElement<T>,\n): [React.MutableRefObject<T \| null>, ChildrenElement<T> \| undefined] => {\n const childRef =\n React.isValidElement(children) &&\n (isDOMTypeElement(children) ? (children.ref as React.Ref<T>) : children.props.getRootRef);\n const patchedRef = useExternRef<T>(childRef);\n\n useEffectDev(() => {\n if (!patchedRef.current) {\n warn(\n 'Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента',\n 'error',\n );\n }\n }, [children?.type, patchedRef]);\n\n return [\n patchedRef,\n React.isValidElement(children)\n ? React.cloneElement(children, {\n [isDOMTypeElement(children) ? 'ref' : 'getRootRef']: patchedRef,\n })\n : children,\n ];\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,OAA2B,EAA4C;EAC/F,OAAO,OAAOA,OAAO,CAACC,IAAI,KAAK,QAAQ;AACzC,CAAC;AAED,IAAMC,IAAI,GAAG,IAAAC,kBAAQ,EAAC,qBAAqB,CAAC;AAErC,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,QAA6B,EAC0C;EACvE,IAAMC,QAAQ,GACZ,aAAAC,KAAK,CAACC,cAAc,CAACH,QAAQ,CAAC,KAC7BN,gBAAgB,CAACM,QAAQ,CAAC,GAAIA,QAAQ,CAACI,GAAG,GAAoBJ,QAAQ,CAACK,KAAK,CAACC,UAAU,CAAC;EAC3F,IAAMC,UAAU,GAAG,IAAAC,0BAAY,EAAIP,QAAQ,CAAC;EAE5C,IAAAQ,0BAAY,EAAC,YAAM;IACjB,IAAI,CAACF,UAAU,CAACG,OAAO,EAAE;MACvBb,IAAI,CACF,0JAA0J,EAC1J,OAAO,CACR;IACH;EACF,CAAC,EAAE,CAACG,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEJ,IAAI,EAAEW,UAAU,CAAC,CAAC;EAEhC,OAAO,CACLA,UAAU,EACV,aAAAL,KAAK,CAACC,cAAc,CAACH,QAAQ,CAAC,gBAC1BE,KAAK,CAACS,YAAY,CAACX,QAAQ,oCACxBN,gBAAgB,CAACM,QAAQ,CAAC,GAAG,KAAK,GAAG,YAAY,EAAGO,UAAU,EAC/D,GACFP,QAAQ,CACb;AACH,CAAC;AAAC"}

package/dist/cjs/hooks/usePlatform.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { PlatformType } from "../lib/platform";
+import { PlatformType } from '../lib/platform';
 export declare function usePlatform(): PlatformType;

package/dist/cjs/hooks/usePlatform.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePlatform.js","names":["usePlatform","useConfigProvider","platform"],"sources":["../../../src/hooks/usePlatform.ts"],"sourcesContent":["import { useConfigProvider } from \"../components/ConfigProvider/ConfigProviderContext\";\nimport { PlatformType } from \"../lib/platform\";\n\nexport function usePlatform(): PlatformType {\n const { platform } = useConfigProvider();\n\n return platform;\n}\n"],"mappings":";;;;;;AAAA;AAGO,SAASA,WAAW,GAAiB;EAC1C,yBAAqB,IAAAC,wCAAiB,GAAE;IAAhCC,QAAQ,sBAARA,QAAQ;EAEhB,OAAOA,QAAQ;AACjB"}
1	+ {"version":3,"file":"usePlatform.js","names":["usePlatform","useConfigProvider","platform"],"sources":["../../../src/hooks/usePlatform.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { PlatformType } from '../lib/platform';\n\nexport function usePlatform(): PlatformType {\n const { platform } = useConfigProvider();\n\n return platform;\n}\n"],"mappings":";;;;;;AAAA;AAGO,SAASA,WAAW,GAAiB;EAC1C,yBAAqB,IAAAC,wCAAiB,GAAE;IAAhCC,QAAQ,sBAARA,QAAQ;EAEhB,OAAOA,QAAQ;AACjB"}

package/dist/cjs/hooks/usePrevious.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePrevious.js","names":["usePrevious","value","ref","React","useRef","useEffect","current"],"sources":["../../../src/hooks/usePrevious.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport function usePrevious<T>(value: T): T \| undefined {\n const ref = React.useRef<T \| undefined>();\n\n React.useEffect(() => {\n ref.current = value;\n });\n\n return ref.current;\n}\n"],"mappings":";;;;;;;AAAA;AAEO,SAASA,WAAW,CAAIC,KAAQ,EAAiB;EACtD,IAAMC,GAAG,GAAGC,KAAK,CAACC,MAAM,EAAiB;EAEzCD,KAAK,CAACE,SAAS,CAAC,YAAM;IACpBH,GAAG,CAACI,OAAO,GAAGL,KAAK;EACrB,CAAC,CAAC;EAEF,OAAOC,GAAG,CAACI,OAAO;AACpB"}
1	+ {"version":3,"file":"usePrevious.js","names":["usePrevious","value","ref","React","useRef","useEffect","current"],"sources":["../../../src/hooks/usePrevious.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function usePrevious<T>(value: T): T \| undefined {\n const ref = React.useRef<T \| undefined>();\n\n React.useEffect(() => {\n ref.current = value;\n });\n\n return ref.current;\n}\n"],"mappings":";;;;;;;AAAA;AAEO,SAASA,WAAW,CAAIC,KAAQ,EAAiB;EACtD,IAAMC,GAAG,GAAGC,KAAK,CAACC,MAAM,EAAiB;EAEzCD,KAAK,CAACE,SAAS,CAAC,YAAM;IACpBH,GAAG,CAACI,OAAO,GAAGL,KAAK;EACrB,CAAC,CAAC;EAEF,OAAOC,GAAG,CAACI,OAAO;AACpB"}

package/dist/cjs/hooks/useTimeout.js CHANGED Viewed

@@ -29,7 +29,7 @@ function useTimeout(cb, duration) {
     if (_dom.canUseDOM) {
       timeout.current = setTimeout(function () {
         var cb = options.current.cb;
-        typeof cb === "function" && cb();
+        typeof cb === 'function' && cb();
       }, duration);
     }
   }, [clear]);

package/dist/cjs/hooks/useTimeout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTimeout.js","names":["useTimeout","cb","duration","options","React","useRef","useIsomorphicLayoutEffect","current","timeout","clear","useCallback","canUseDOM","clearTimeout","set","setTimeout"],"sources":["../../../src/hooks/useTimeout.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\nimport { canUseDOM } from \"../lib/dom\";\n\nexport function useTimeout(cb: () => any, duration: number) {\n const options = React.useRef({ cb, duration });\n useIsomorphicLayoutEffect(() => {\n options.current.cb = cb;\n options.current.duration = duration;\n }, [cb, duration]);\n\n const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n const clear = React.useCallback(() => {\n if (canUseDOM && timeout?.current) {\n clearTimeout(timeout.current);\n }\n }, []);\n const set = React.useCallback(\n (duration = options.current.duration) => {\n clear();\n if (canUseDOM) {\n timeout.current = setTimeout(() => {\n const { cb } = options.current;\n typeof cb === \"function\" && cb();\n }, duration);\n }\n },\n [clear]\n );\n useIsomorphicLayoutEffect(() => clear, []);\n\n return { set, clear };\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEO,SAASA,UAAU,CAACC,EAAa,EAAEC,QAAgB,EAAE;EAC1D,IAAMC,OAAO,GAAGC,KAAK,CAACC,MAAM,CAAC;IAAEJ,EAAE,EAAFA,EAAE;IAAEC,QAAQ,EAARA;EAAS,CAAC,CAAC;EAC9C,IAAAI,oDAAyB,EAAC,YAAM;IAC9BH,OAAO,CAACI,OAAO,CAACN,EAAE,GAAGA,EAAE;IACvBE,OAAO,CAACI,OAAO,CAACL,QAAQ,GAAGA,QAAQ;EACrC,CAAC,EAAE,CAACD,EAAE,EAAEC,QAAQ,CAAC,CAAC;EAElB,IAAMM,OAAO,GAAGJ,KAAK,CAACC,MAAM,EAAiC;EAC7D,IAAMI,KAAK,GAAGL,KAAK,CAACM,WAAW,CAAC,YAAM;IACpC,IAAIC,cAAS,IAAIH,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAED,OAAO,EAAE;MACjCK,YAAY,CAACJ,OAAO,CAACD,OAAO,CAAC;IAC/B;EACF,CAAC,EAAE,EAAE,CAAC;EACN,IAAMM,GAAG,GAAGT,KAAK,CAACM,WAAW,CAC3B,YAAyC;IAAA,IAAxCR,QAAQ,uEAAGC,OAAO,CAACI,OAAO,CAACL,QAAQ;IAClCO,KAAK,EAAE;IACP,IAAIE,cAAS,EAAE;MACbH,OAAO,CAACD,OAAO,GAAGO,UAAU,CAAC,YAAM;QACjC,IAAQb,EAAE,GAAKE,OAAO,CAACI,OAAO,CAAtBN,EAAE;QACV,OAAOA,EAAE,KAAK,UAAU,IAAIA,EAAE,EAAE;MAClC,CAAC,EAAEC,QAAQ,CAAC;IACd;EACF,CAAC,EACD,CAACO,KAAK,CAAC,CACR;EACD,IAAAH,oDAAyB,EAAC;IAAA,OAAMG,KAAK;EAAA,GAAE,EAAE,CAAC;EAE1C,OAAO;IAAEI,GAAG,EAAHA,GAAG;IAAEJ,KAAK,EAALA;EAAM,CAAC;AACvB"}
1	+ {"version":3,"file":"useTimeout.js","names":["useTimeout","cb","duration","options","React","useRef","useIsomorphicLayoutEffect","current","timeout","clear","useCallback","canUseDOM","clearTimeout","set","setTimeout"],"sources":["../../../src/hooks/useTimeout.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { canUseDOM } from '../lib/dom';\n\nexport function useTimeout(cb: () => any, duration: number) {\n const options = React.useRef({ cb, duration });\n useIsomorphicLayoutEffect(() => {\n options.current.cb = cb;\n options.current.duration = duration;\n }, [cb, duration]);\n\n const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n const clear = React.useCallback(() => {\n if (canUseDOM && timeout?.current) {\n clearTimeout(timeout.current);\n }\n }, []);\n const set = React.useCallback(\n (duration = options.current.duration) => {\n clear();\n if (canUseDOM) {\n timeout.current = setTimeout(() => {\n const { cb } = options.current;\n typeof cb === 'function' && cb();\n }, duration);\n }\n },\n [clear],\n );\n useIsomorphicLayoutEffect(() => clear, []);\n\n return { set, clear };\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEO,SAASA,UAAU,CAACC,EAAa,EAAEC,QAAgB,EAAE;EAC1D,IAAMC,OAAO,GAAGC,KAAK,CAACC,MAAM,CAAC;IAAEJ,EAAE,EAAFA,EAAE;IAAEC,QAAQ,EAARA;EAAS,CAAC,CAAC;EAC9C,IAAAI,oDAAyB,EAAC,YAAM;IAC9BH,OAAO,CAACI,OAAO,CAACN,EAAE,GAAGA,EAAE;IACvBE,OAAO,CAACI,OAAO,CAACL,QAAQ,GAAGA,QAAQ;EACrC,CAAC,EAAE,CAACD,EAAE,EAAEC,QAAQ,CAAC,CAAC;EAElB,IAAMM,OAAO,GAAGJ,KAAK,CAACC,MAAM,EAAiC;EAC7D,IAAMI,KAAK,GAAGL,KAAK,CAACM,WAAW,CAAC,YAAM;IACpC,IAAIC,cAAS,IAAIH,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAED,OAAO,EAAE;MACjCK,YAAY,CAACJ,OAAO,CAACD,OAAO,CAAC;IAC/B;EACF,CAAC,EAAE,EAAE,CAAC;EACN,IAAMM,GAAG,GAAGT,KAAK,CAACM,WAAW,CAC3B,YAAyC;IAAA,IAAxCR,QAAQ,uEAAGC,OAAO,CAACI,OAAO,CAACL,QAAQ;IAClCO,KAAK,EAAE;IACP,IAAIE,cAAS,EAAE;MACbH,OAAO,CAACD,OAAO,GAAGO,UAAU,CAAC,YAAM;QACjC,IAAQb,EAAE,GAAKE,OAAO,CAACI,OAAO,CAAtBN,EAAE;QACV,OAAOA,EAAE,KAAK,UAAU,IAAIA,EAAE,EAAE;MAClC,CAAC,EAAEC,QAAQ,CAAC;IACd;EACF,CAAC,EACD,CAACO,KAAK,CAAC,CACR;EACD,IAAAH,oDAAyB,EAAC;IAAA,OAAMG,KAAK;EAAA,GAAE,EAAE,CAAC;EAE1C,OAAO;IAAEI,GAAG,EAAHA,GAAG;IAAEJ,KAAK,EAALA;EAAM,CAAC;AACvB"}

package/dist/cjs/hooks/useTodayDate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTodayDate.js","names":["useTodayDate","listenDayChangesForUpdate","React","useState","Date","todayDate","setTodayDate","useEffect","timeToDayChange","getMillisecondsToTomorrow","timeout","setTimeout","clearTimeout"],"sources":["../../../src/hooks/useTodayDate.ts"],"sourcesContent":["import React from \"react\";\n\nimport { getMillisecondsToTomorrow } from \"../lib/date\";\n\n/*\n Опционально обновляемая дата сегодняшнего дня\n \n Дата - сегодня (в соответствии с системным временем)\n \n Часы, минуты, секунды, миллисекунды - произвольные\n \n @param listenDayChangesForUpdate - флаг по которому определяется, будет ли создаваться подписка на смену календарного дня\n */\nexport function useTodayDate(listenDayChangesForUpdate = false) {\n const [todayDate, setTodayDate] = React.useState(() => new Date());\n\n React.useEffect(() => {\n if (!listenDayChangesForUpdate) {\n return;\n }\n\n const timeToDayChange = getMillisecondsToTomorrow(todayDate);\n\n const timeout = setTimeout(() => {\n setTodayDate(new Date());\n }, timeToDayChange);\n\n return () => {\n clearTimeout(timeout);\n };\n }, [listenDayChangesForUpdate, todayDate]);\n\n return todayDate;\n}\n"],"mappings":";;;;;;;;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAY,GAAoC;EAAA,IAAnCC,yBAAyB,uEAAG,KAAK;EAC5D,sBAAkCC,cAAK,CAACC,QAAQ,CAAC;MAAA,OAAM,IAAIC,IAAI,EAAE;IAAA,EAAC;IAAA;IAA3DC,SAAS;IAAEC,YAAY;EAE9BJ,cAAK,CAACK,SAAS,CAAC,YAAM;IACpB,IAAI,CAACN,yBAAyB,EAAE;MAC9B;IACF;IAEA,IAAMO,eAAe,GAAG,IAAAC,+BAAyB,EAACJ,SAAS,CAAC;IAE5D,IAAMK,OAAO,GAAGC,UAAU,CAAC,YAAM;MAC/BL,YAAY,CAAC,IAAIF,IAAI,EAAE,CAAC;IAC1B,CAAC,EAAEI,eAAe,CAAC;IAEnB,OAAO,YAAM;MACXI,YAAY,CAACF,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACT,yBAAyB,EAAEI,SAAS,CAAC,CAAC;EAE1C,OAAOA,SAAS;AAClB"}
1	+ {"version":3,"file":"useTodayDate.js","names":["useTodayDate","listenDayChangesForUpdate","React","useState","Date","todayDate","setTodayDate","useEffect","timeToDayChange","getMillisecondsToTomorrow","timeout","setTimeout","clearTimeout"],"sources":["../../../src/hooks/useTodayDate.ts"],"sourcesContent":["import React from 'react';\n\nimport { getMillisecondsToTomorrow } from '../lib/date';\n\n/*\n Опционально обновляемая дата сегодняшнего дня\n \n Дата - сегодня (в соответствии с системным временем)\n \n Часы, минуты, секунды, миллисекунды - произвольные\n \n @param listenDayChangesForUpdate - флаг по которому определяется, будет ли создаваться подписка на смену календарного дня\n */\nexport function useTodayDate(listenDayChangesForUpdate = false) {\n const [todayDate, setTodayDate] = React.useState(() => new Date());\n\n React.useEffect(() => {\n if (!listenDayChangesForUpdate) {\n return;\n }\n\n const timeToDayChange = getMillisecondsToTomorrow(todayDate);\n\n const timeout = setTimeout(() => {\n setTodayDate(new Date());\n }, timeToDayChange);\n\n return () => {\n clearTimeout(timeout);\n };\n }, [listenDayChangesForUpdate, todayDate]);\n\n return todayDate;\n}\n"],"mappings":";;;;;;;;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAY,GAAoC;EAAA,IAAnCC,yBAAyB,uEAAG,KAAK;EAC5D,sBAAkCC,cAAK,CAACC,QAAQ,CAAC;MAAA,OAAM,IAAIC,IAAI,EAAE;IAAA,EAAC;IAAA;IAA3DC,SAAS;IAAEC,YAAY;EAE9BJ,cAAK,CAACK,SAAS,CAAC,YAAM;IACpB,IAAI,CAACN,yBAAyB,EAAE;MAC9B;IACF;IAEA,IAAMO,eAAe,GAAG,IAAAC,+BAAyB,EAACJ,SAAS,CAAC;IAE5D,IAAMK,OAAO,GAAGC,UAAU,CAAC,YAAM;MAC/BL,YAAY,CAAC,IAAIF,IAAI,EAAE,CAAC;IAC1B,CAAC,EAAEI,eAAe,CAAC;IAEnB,OAAO,YAAM;MACXI,YAAY,CAACF,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACT,yBAAyB,EAAEI,SAAS,CAAC,CAAC;EAE1C,OAAOA,SAAS;AAClB"}

package/dist/cjs/hooks/useWaitTransitionFinish.js CHANGED Viewed

@@ -7,16 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.useWaitTransitionFinish = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _dom = require("../lib/dom");
-var _utils = require("../lib/utils");
+var _vkjs = require("@vkontakte/vkjs");
 var _supportEvents = require("../lib/supportEvents");
 var useWaitTransitionFinish = function useWaitTransitionFinish() {
   var timeoutRef = React.useRef(null);
   var _useDOM = (0, _dom.useDOM)(),
     document = _useDOM.document;
-  var detach = React.useRef(_utils.noop);
+  var detach = React.useRef(_vkjs.noop);
   var remove = React.useCallback(function () {
     detach.current();
-    detach.current = _utils.noop;
+    detach.current = _vkjs.noop;
   }, []);
   var waitTransitionFinish = React.useCallback(function (element, eventHandler, durationFallback) {
     if (element) {

package/dist/cjs/hooks/useWaitTransitionFinish.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useWaitTransitionFinish.js","names":["useWaitTransitionFinish","timeoutRef","React","useRef","useDOM","document","detach","noop","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","transitionEvent","supported","name","addEventListener","removeEventListener","clearTimeout","setTimeout"],"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { noop } from ~~\"../lib~~/~~utils\"~~;\nimport { transitionEvent } from \"../lib/supportEvents\";\n\nexport const useWaitTransitionFinish = () => {\n const timeoutRef = React.useRef<ReturnType<typeof setTimeout> \| null>(null);\n const { document } = useDOM();\n const detach = React.useRef(noop);\n\n const remove = React.useCallback(() => {\n detach.current();\n detach.current = noop;\n }, []);\n\n const waitTransitionFinish = React.useCallback(\n (\n element: HTMLElement \| null~~,\n~~ eventHandler: VoidFunction~~,\n~~ durationFallback: number\n ) => {\n if (element) {\n if (\n !document?.hidden ~~&&\n~~ transitionEvent.supported ~~&&\n~~ transitionEvent.name\n ) {\n remove();\n element.addEventListener(transitionEvent.name, eventHandler);\n detach.current = () => {\n if (transitionEvent.name) {\n element.removeEventListener(transitionEvent.name, eventHandler);\n }\n };\n } else {\n if (timeoutRef?.current) {\n clearTimeout(timeoutRef.current);\n }\n timeoutRef.current = setTimeout(eventHandler, durationFallback);\n }\n }\n },\n [document, remove, timeoutRef]\n );\n\n return {\n waitTransitionFinish,\n };\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;EAC3C,IAAMC,UAAU,GAAGC,KAAK,CAACC,MAAM,CAAuC,IAAI,CAAC;EAC3E,cAAqB,IAAAC,WAAM,GAAE;IAArBC,QAAQ,WAARA,QAAQ;EAChB,IAAMC,MAAM,GAAGJ,KAAK,CAACC,MAAM,CAACI,~~WAAI~~,CAAC;EAEjC,IAAMC,MAAM,GAAGN,KAAK,CAACO,WAAW,CAAC,YAAM;IACrCH,MAAM,CAACI,OAAO,EAAE;IAChBJ,MAAM,CAACI,OAAO,GAAGH,~~WAAI~~;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,oBAAoB,GAAGT,KAAK,CAACO,WAAW,CAC5C,~~UACEG~~,OAA2B,~~EAC3BC~~,YAA0B,~~EAC1BC~~,gBAAwB,~~EACrB~~;~~IACH~~,IAAIF,OAAO,EAAE;MACX,~~IACE~~,EAACP,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEU,MAAM,~~KACjBC~~,8BAAe,CAACC,SAAS,~~IACzBD~~,8BAAe,CAACE,IAAI,~~EACpB~~;~~QACAV~~,MAAM,EAAE;QACRI,OAAO,CAACO,gBAAgB,CAACH,8BAAe,CAACE,IAAI,EAAEL,YAAY,CAAC;QAC5DP,MAAM,CAACI,OAAO,GAAG,YAAM;UACrB,IAAIM,8BAAe,CAACE,IAAI,EAAE;YACxBN,OAAO,CAACQ,mBAAmB,CAACJ,8BAAe,CAACE,IAAI,EAAEL,YAAY,CAAC;UACjE;QACF,CAAC;MACH,CAAC,MAAM;QACL,IAAIZ,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAES,OAAO,EAAE;UACvBW,YAAY,CAACpB,UAAU,CAACS,OAAO,CAAC;QAClC;QACAT,UAAU,CAACS,OAAO,GAAGY,UAAU,CAACT,YAAY,EAAEC,gBAAgB,CAAC;MACjE;IACF;EACF,CAAC,EACD,CAACT,QAAQ,EAAEG,MAAM,EAAEP,UAAU,CAAC,CAC/B;EAED,OAAO;IACLU,oBAAoB,EAApBA;EACF,CAAC;AACH,CAAC;AAAC"}
1	+ {"version":3,"file":"useWaitTransitionFinish.js","names":["useWaitTransitionFinish","timeoutRef","React","useRef","useDOM","document","detach","noop","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","transitionEvent","supported","name","addEventListener","removeEventListener","clearTimeout","setTimeout"],"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { noop } from '@vkontakte/vkjs';\nimport { transitionEvent } from '../lib/supportEvents';\n\nexport const useWaitTransitionFinish = () => {\n const timeoutRef = React.useRef<ReturnType<typeof setTimeout> \| null>(null);\n const { document } = useDOM();\n const detach = React.useRef(noop);\n\n const remove = React.useCallback(() => {\n detach.current();\n detach.current = noop;\n }, []);\n\n const waitTransitionFinish = React.useCallback(\n (element: HTMLElement \| null, eventHandler: VoidFunction, durationFallback: number) => {\n if (element) {\n if (!document?.hidden && transitionEvent.supported && transitionEvent.name) {\n remove();\n element.addEventListener(transitionEvent.name, eventHandler);\n detach.current = () => {\n if (transitionEvent.name) {\n element.removeEventListener(transitionEvent.name, eventHandler);\n }\n };\n } else {\n if (timeoutRef?.current) {\n clearTimeout(timeoutRef.current);\n }\n timeoutRef.current = setTimeout(eventHandler, durationFallback);\n }\n }\n },\n [document, remove, timeoutRef],\n );\n\n return {\n waitTransitionFinish,\n };\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;EAC3C,IAAMC,UAAU,GAAGC,KAAK,CAACC,MAAM,CAAuC,IAAI,CAAC;EAC3E,cAAqB,IAAAC,WAAM,GAAE;IAArBC,QAAQ,WAARA,QAAQ;EAChB,IAAMC,MAAM,GAAGJ,KAAK,CAACC,MAAM,CAACI,UAAI,CAAC;EAEjC,IAAMC,MAAM,GAAGN,KAAK,CAACO,WAAW,CAAC,YAAM;IACrCH,MAAM,CAACI,OAAO,EAAE;IAChBJ,MAAM,CAACI,OAAO,GAAGH,UAAI;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,oBAAoB,GAAGT,KAAK,CAACO,WAAW,CAC5C,UAACG,OAA2B,EAAEC,YAA0B,EAAEC,gBAAwB,EAAK;IACrF,IAAIF,OAAO,EAAE;MACX,IAAI,EAACP,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEU,MAAM,KAAIC,8BAAe,CAACC,SAAS,IAAID,8BAAe,CAACE,IAAI,EAAE;QAC1EV,MAAM,EAAE;QACRI,OAAO,CAACO,gBAAgB,CAACH,8BAAe,CAACE,IAAI,EAAEL,YAAY,CAAC;QAC5DP,MAAM,CAACI,OAAO,GAAG,YAAM;UACrB,IAAIM,8BAAe,CAACE,IAAI,EAAE;YACxBN,OAAO,CAACQ,mBAAmB,CAACJ,8BAAe,CAACE,IAAI,EAAEL,YAAY,CAAC;UACjE;QACF,CAAC;MACH,CAAC,MAAM;QACL,IAAIZ,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAES,OAAO,EAAE;UACvBW,YAAY,CAACpB,UAAU,CAACS,OAAO,CAAC;QAClC;QACAT,UAAU,CAACS,OAAO,GAAGY,UAAU,CAACT,YAAY,EAAEC,gBAAgB,CAAC;MACjE;IACF;EACF,CAAC,EACD,CAACT,QAAQ,EAAEG,MAAM,EAAEP,UAAU,CAAC,CAC/B;EAED,OAAO;IACLU,oBAAoB,EAApBA;EACF,CAAC;AACH,CAAC;AAAC"}