npm - @vkontakte/vkui - Versions diffs - 4.23.0 → 4.24.0 - Mend

@vkontakte/vkui 4.23.0 → 4.24.0

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 (2192) hide show

package/dist/cjs/components/WriteBar/WriteBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"names":["WriteBar","props","platform","className","style","before","inlineAfter","after","value","onChange","getRootRef","getRef","onHeightChange","restProps","isControlledOutside","window","textareaRef","textareaMinHeightRef","React","useRef","resize","textareaEl","current","offsetHeight","scrollHeight","getComputedStyle","paddingTop","parseInt","paddingBottom","diff","height","String","Math","max","onTextareaChange","event","useEffect","e","preventDefault"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;~~AAyBO~~,IAAMA,QAAiC,GAAG,SAApCA,QAAoC,CAACC,KAAD,EAA0B;AACzE,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MACEC,SADF,GAeIF,KAfJ,CACEE,SADF;AAAA,MAEEC,KAFF,GAeIH,KAfJ,CAEEG,KAFF;AAAA,MAIEC,MAJF,GAeIJ,KAfJ,CAIEI,MAJF;AAAA,MAKEC,WALF,GAeIL,KAfJ,CAKEK,WALF;AAAA,MAMEC,KANF,GAeIN,KAfJ,CAMEM,KANF;AAAA,MAQEC,KARF,GAeIP,KAfJ,CAQEO,KARF;AAAA,MASEC,QATF,GAeIR,KAfJ,CASEQ,QATF;AAAA,MAWEC,UAXF,GAeIT,KAfJ,CAWES,UAXF;AAAA,MAYEC,MAZF,GAeIV,KAfJ,CAYEU,MAZF;AAAA,MAaEC,cAbF,GAeIX,KAfJ,CAaEW,cAbF;AAAA,MAcKC,SAdL,0CAeIZ,KAfJ;AAiBA,MAAMa,mBAAmB,GAAGN,KAAK,IAAI,IAArC;;AAEA,gBAAmB,kBAAnB;AAAA,MAAQO,MAAR,WAAQA,MAAR;;AACA,MAAMC,WAAW,GAAG,gCAAaL,MAAb,CAApB;AACA,MAAMM,oBAAoB,GAAGC,KAAK,CAACC,MAAN,CAA4B,IAA5B,CAA7B;;AAEA,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACnB,QAAMC,UAAU,GAAGL,WAAW,CAACM,OAA/B;;AACA,QAAI,CAACD,UAAL,EAAiB;AACf;AACD;;AAED,QAAQE,YAAR,GAAuCF,UAAvC,CAAQE,YAAR;AAAA,QAAsBC,YAAtB,GAAuCH,UAAvC,CAAsBG,YAAtB;AACA,QAAMpB,KAAK,GAAGW,MAAM,CAACU,gBAAP,CAAwBJ,UAAxB,CAAd;AACA,QAAMK,UAAU,GAAGC,QAAQ,CAACvB,KAAK,CAACsB,UAAP,CAA3B;AACA,QAAME,aAAa,GAAGD,QAAQ,CAACvB,KAAK,CAACwB,aAAP,CAA9B;;AAEA,QAAIX,oBAAoB,CAACK,OAArB,KAAiC,IAArC,EAA2C;AACzCL,MAAAA,oBAAoB,CAACK,OAArB,GAA+BC,YAA/B;AACD;;AAED,QAAIM,IAAI,GAAGH,UAAU,GAAGE,aAAb,GAA6B,EAAxC;;AAEA,QAAIJ,YAAY,GAAGK,IAAf,IAAuBN,YAA3B,EAAyC;AACvCM,MAAAA,IAAI,GAAG,CAAP;AACD;;AAEDR,IAAAA,UAAU,CAACjB,KAAX,CAAiB0B,MAAjB,GAA0B,KAA1B;AAEA,QAAMA,MAAM,GAAGT,UAAU,CAACG,YAAX,GAA0BK,IAAI,GAAG,CAAhD;AACAR,IAAAA,UAAU,CAACjB,KAAX,CAAiB0B,MAAjB,~~GAA0BC~~,MAAM,CAACC,IAAI,CAACC,GAAL,CAASH,MAAT,EAAiBb,oBAAoB,CAACK,OAAtC,CAAD,CAAN,GAAyD,~~IAAnF~~;;~~AAEA~~,QAAI,uBAAWV,cAAX,CAAJ,EAAgC;AAC9BA,MAAAA,cAAc;AACf;AACF,~~GA7BD~~;;~~AA+BA~~,MAAMsB,gBAA+D,GAAG,SAAlEA,gBAAkE,~~CAACC~~,~~KAAD~~,~~EAAW~~;~~AACjF~~,QAAI,uBAAW1B,QAAX,CAAJ,EAA0B;AACxBA,MAAAA,QAAQ,CAAC0B,KAAD,CAAR;AACD;;AAED,QAAI,CAACrB,mBAAL,EAA0B;AACxBM,MAAAA,MAAM;AACP;AACF,~~GARD~~;;~~AAUAF~~,EAAAA,KAAK,CAACkB,SAAN,CAAgB,YAAM;AACpBhB,IAAAA,MAAM;AACP,GAFD,EAEG,CAACZ,KAAD,CAFH;AAIA,SACE;AACE,IAAA,GAAG,EAAEE,UADP;AAEE,IAAA,SAAS,EAAE,gCAAa,UAAb,EAAyBR,QAAzB,CAFb;AAGE,IAAA,SAAS,EAAEC,SAHb;AAIE,IAAA,KAAK,EAAEC;AAJT,KAME;AAAM,IAAA,SAAS,EAAC,gBAAhB;AAAiC,IAAA,QAAQ,EAAE,kBAACiC,CAAD;AAAA,aAAOA,CAAC,CAACC,cAAF,EAAP;AAAA;AAA3C,KACG,yBAAajC,MAAb,~~KACD~~;AAAK,IAAA,SAAS,EAAC;AAAf,~~KACGA~~,~~MADH~~,~~CAFF~~,~~EAOE~~;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,4EACMQ,SADN;AAEE,IAAA,SAAS,EAAC,oBAFZ;AAGE,IAAA,QAAQ,EAAEqB,gBAHZ;AAIE,IAAA,GAAG,EAAElB,WAJP;AAKE,IAAA,KAAK,EAAER;AALT,KADF,EASG,yBAAaF,WAAb,~~KACD~~;AAAK,IAAA,SAAS,EAAC;AAAf,~~KACGA~~,~~WADH~~,~~CAVF~~,~~CAPF~~,~~EAuBG~~,yBAAaC,KAAb,~~KACD~~;AAAK,IAAA,SAAS,EAAC;AAAf,~~KACGA~~,~~KADH~~,~~CAxBF~~,CANF,CADF;~~AAsCD~~,~~CA5GM~~","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { hasReactNode, isFunction } from '../../lib/utils';\nimport { useDOM } from '../../lib/dom';\nimport { getClassName } from '../../helpers/getClassName';\nimport { HasRef, HasRootRef } from '../../types';\nimport './WriteBar.css';\n\nexport interface WriteBarProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLTextAreaElement> {\n /*\n Содержимое, отображаемое слево от поля ввода.\n /\n before?: React.ReactNode;\n /\n Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n /\n inlineAfter?: React.ReactNode;\n /\n Содержимое, отображаемое справа от поля ввода\n /\n after?: React.ReactNode;\n /\n Вызывается при смене высоты поля ввода\n */\n onHeightChange?: VoidFunction;\n\n children?: never;\n}\n\nexport const WriteBar: React.FC<WriteBarProps> = (props: WriteBarProps) => {\n const platform = usePlatform();\n const {\n className,\n style,\n\n before,\n inlineAfter,\n after,\n\n value,\n onChange,\n\n getRootRef,\n getRef,\n onHeightChange,\n ...restProps\n } = props;\n\n const isControlledOutside = value != null;\n\n const { window } = useDOM();\n const textareaRef = useExternRef(getRef);\n const textareaMinHeightRef = React.useRef<number \| null>(null);\n\n const resize = () => {\n const textareaEl = textareaRef.current;\n if (!textareaEl) {\n return;\n }\n\n const { offsetHeight, scrollHeight } = textareaEl;\n const style = window.getComputedStyle(textareaEl);\n const paddingTop = parseInt(style.paddingTop);\n const paddingBottom = parseInt(style.paddingBottom);\n\n if (textareaMinHeightRef.current === null) {\n textareaMinHeightRef.current = offsetHeight;\n }\n\n let diff = paddingTop + paddingBottom + 10;\n\n if (scrollHeight + diff <= offsetHeight) {\n diff = 0;\n }\n\n textareaEl.style.height = '0px';\n\n const height = textareaEl.scrollHeight - diff / 4;\n textareaEl.style.height = String(Math.max(height, textareaMinHeightRef.current)) + 'px';\n\n if (isFunction(onHeightChange)) {\n onHeightChange();\n }\n };\n\n const onTextareaChange: React.ChangeEventHandler<HTMLTextAreaElement> = (event) => {\n if (isFunction(onChange)) {\n onChange(event);\n }\n\n if (!isControlledOutside) {\n resize();\n }\n };\n\n React.useEffect(() => {\n resize();\n }, [value]);\n\n return (\n <div\n ref={getRootRef}\n vkuiClass={getClassName('WriteBar', platform)}\n className={className}\n style={style}\n >\n <form vkuiClass=\"WriteBar__form\" onSubmit={(e) => e.preventDefault()}>\n {hasReactNode(before) ~~&&\~~n <div vkuiClass=\"WriteBar__before\"~~>\n~~ {before}\n </div>\n }\n\n <div vkuiClass=\"WriteBar__formIn\">\n <textarea\n {...restProps}\n vkuiClass=\"WriteBar__textarea\"\n onChange={onTextareaChange}\n ref={textareaRef}\n value={value}\n />\n\n {hasReactNode(inlineAfter) ~~&&\~~n <div vkuiClass=\"WriteBar__inlineAfter\"~~>\n~~ {inlineAfter}\n </div>\n }\n </div>\n\n {hasReactNode(after) ~~&&\n~~ <div vkuiClass=\"WriteBar__after\"~~>\n~~ {after}\n </div~~>\n~~ }\n </form>\n </div>\n );\n};\n"],"file":"WriteBar.js"}
1	+ {"version":3,"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"names":["WriteBar","props","platform","className","style","before","inlineAfter","after","value","onChange","getRootRef","getRef","onHeightChange","restProps","isControlledOutside","window","textareaRef","textareaMinHeightRef","React","useRef","resize","textareaEl","current","offsetHeight","scrollHeight","getComputedStyle","paddingTop","parseInt","paddingBottom","diff","height","String","Math","max","onTextareaChange","event","useEffect","e","preventDefault"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AA4BO,IAAMA,QAAiC,GAAG,SAApCA,QAAoC,CAACC,KAAD,EAA0B;AACzE,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MACEC,SADF,GAeIF,KAfJ,CACEE,SADF;AAAA,MAEEC,KAFF,GAeIH,KAfJ,CAEEG,KAFF;AAAA,MAIEC,MAJF,GAeIJ,KAfJ,CAIEI,MAJF;AAAA,MAKEC,WALF,GAeIL,KAfJ,CAKEK,WALF;AAAA,MAMEC,KANF,GAeIN,KAfJ,CAMEM,KANF;AAAA,MAQEC,KARF,GAeIP,KAfJ,CAQEO,KARF;AAAA,MASEC,QATF,GAeIR,KAfJ,CASEQ,QATF;AAAA,MAWEC,UAXF,GAeIT,KAfJ,CAWES,UAXF;AAAA,MAYEC,MAZF,GAeIV,KAfJ,CAYEU,MAZF;AAAA,MAaEC,cAbF,GAeIX,KAfJ,CAaEW,cAbF;AAAA,MAcKC,SAdL,0CAeIZ,KAfJ;AAiBA,MAAMa,mBAAmB,GAAGN,KAAK,IAAI,IAArC;;AAEA,gBAAmB,kBAAnB;AAAA,MAAQO,MAAR,WAAQA,MAAR;;AACA,MAAMC,WAAW,GAAG,gCAAaL,MAAb,CAApB;AACA,MAAMM,oBAAoB,GAAGC,KAAK,CAACC,MAAN,CAA4B,IAA5B,CAA7B;;AAEA,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACnB,QAAMC,UAAU,GAAGL,WAAW,CAACM,OAA/B;;AACA,QAAI,CAACD,UAAL,EAAiB;AACf;AACD;;AAED,QAAQE,YAAR,GAAuCF,UAAvC,CAAQE,YAAR;AAAA,QAAsBC,YAAtB,GAAuCH,UAAvC,CAAsBG,YAAtB;AACA,QAAMpB,KAAK,GAAGW,MAAM,CAACU,gBAAP,CAAwBJ,UAAxB,CAAd;AACA,QAAMK,UAAU,GAAGC,QAAQ,CAACvB,KAAK,CAACsB,UAAP,CAA3B;AACA,QAAME,aAAa,GAAGD,QAAQ,CAACvB,KAAK,CAACwB,aAAP,CAA9B;;AAEA,QAAIX,oBAAoB,CAACK,OAArB,KAAiC,IAArC,EAA2C;AACzCL,MAAAA,oBAAoB,CAACK,OAArB,GAA+BC,YAA/B;AACD;;AAED,QAAIM,IAAI,GAAGH,UAAU,GAAGE,aAAb,GAA6B,EAAxC;;AAEA,QAAIJ,YAAY,GAAGK,IAAf,IAAuBN,YAA3B,EAAyC;AACvCM,MAAAA,IAAI,GAAG,CAAP;AACD;;AAEDR,IAAAA,UAAU,CAACjB,KAAX,CAAiB0B,MAAjB,GAA0B,KAA1B;AAEA,QAAMA,MAAM,GAAGT,UAAU,CAACG,YAAX,GAA0BK,IAAI,GAAG,CAAhD;AACAR,IAAAA,UAAU,CAACjB,KAAX,CAAiB0B,MAAjB,GACEC,MAAM,CAACC,IAAI,CAACC,GAAL,CAASH,MAAT,EAAiBb,oBAAoB,CAACK,OAAtC,CAAD,CAAN,GAAyD,IAD3D;;AAGA,QAAI,uBAAWV,cAAX,CAAJ,EAAgC;AAC9BA,MAAAA,cAAc;AACf;AACF,GA9BD;;AAgCA,MAAMsB,gBAA+D,GAAG,SAAlEA,gBAAkE,CACtEC,KADsE,EAEnE;AACH,QAAI,uBAAW1B,QAAX,CAAJ,EAA0B;AACxBA,MAAAA,QAAQ,CAAC0B,KAAD,CAAR;AACD;;AAED,QAAI,CAACrB,mBAAL,EAA0B;AACxBM,MAAAA,MAAM;AACP;AACF,GAVD;;AAYAF,EAAAA,KAAK,CAACkB,SAAN,CAAgB,YAAM;AACpBhB,IAAAA,MAAM;AACP,GAFD,EAEG,CAACZ,KAAD,CAFH;AAIA,SACE;AACE,IAAA,GAAG,EAAEE,UADP;AAEE,IAAA,SAAS,EAAE,gCAAa,UAAb,EAAyBR,QAAzB,CAFb;AAGE,IAAA,SAAS,EAAEC,SAHb;AAIE,IAAA,KAAK,EAAEC;AAJT,KAME;AAAM,IAAA,SAAS,EAAC,gBAAhB;AAAiC,IAAA,QAAQ,EAAE,kBAACiC,CAAD;AAAA,aAAOA,CAAC,CAACC,cAAF,EAAP;AAAA;AAA3C,KACG,yBAAajC,MAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCA,MAAnC,CAFJ,EAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,4EACMQ,SADN;AAEE,IAAA,SAAS,EAAC,oBAFZ;AAGE,IAAA,QAAQ,EAAEqB,gBAHZ;AAIE,IAAA,GAAG,EAAElB,WAJP;AAKE,IAAA,KAAK,EAAER;AALT,KADF,EASG,yBAAaF,WAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCA,WAAxC,CAVJ,CALF,EAmBG,yBAAaC,KAAb,KAAuB;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCA,KAAlC,CAnB1B,CANF,CADF;AA8BD,CAvGM","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { hasReactNode, isFunction } from \"../../lib/utils\";\nimport { useDOM } from \"../../lib/dom\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport \"./WriteBar.css\";\n\nexport interface WriteBarProps\n extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLTextAreaElement> {\n /*\n Содержимое, отображаемое слево от поля ввода.\n /\n before?: React.ReactNode;\n /\n Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n /\n inlineAfter?: React.ReactNode;\n /\n Содержимое, отображаемое справа от поля ввода\n /\n after?: React.ReactNode;\n /\n Вызывается при смене высоты поля ввода\n */\n onHeightChange?: VoidFunction;\n\n children?: never;\n}\n\nexport const WriteBar: React.FC<WriteBarProps> = (props: WriteBarProps) => {\n const platform = usePlatform();\n const {\n className,\n style,\n\n before,\n inlineAfter,\n after,\n\n value,\n onChange,\n\n getRootRef,\n getRef,\n onHeightChange,\n ...restProps\n } = props;\n\n const isControlledOutside = value != null;\n\n const { window } = useDOM();\n const textareaRef = useExternRef(getRef);\n const textareaMinHeightRef = React.useRef<number \| null>(null);\n\n const resize = () => {\n const textareaEl = textareaRef.current;\n if (!textareaEl) {\n return;\n }\n\n const { offsetHeight, scrollHeight } = textareaEl;\n const style = window.getComputedStyle(textareaEl);\n const paddingTop = parseInt(style.paddingTop);\n const paddingBottom = parseInt(style.paddingBottom);\n\n if (textareaMinHeightRef.current === null) {\n textareaMinHeightRef.current = offsetHeight;\n }\n\n let diff = paddingTop + paddingBottom + 10;\n\n if (scrollHeight + diff <= offsetHeight) {\n diff = 0;\n }\n\n textareaEl.style.height = \"0px\";\n\n const height = textareaEl.scrollHeight - diff / 4;\n textareaEl.style.height =\n String(Math.max(height, textareaMinHeightRef.current)) + \"px\";\n\n if (isFunction(onHeightChange)) {\n onHeightChange();\n }\n };\n\n const onTextareaChange: React.ChangeEventHandler<HTMLTextAreaElement> = (\n event\n ) => {\n if (isFunction(onChange)) {\n onChange(event);\n }\n\n if (!isControlledOutside) {\n resize();\n }\n };\n\n React.useEffect(() => {\n resize();\n }, [value]);\n\n return (\n <div\n ref={getRootRef}\n vkuiClass={getClassName(\"WriteBar\", platform)}\n className={className}\n style={style}\n >\n <form vkuiClass=\"WriteBar__form\" onSubmit={(e) => e.preventDefault()}>\n {hasReactNode(before) && (\n <div vkuiClass=\"WriteBar__before\">{before}</div>\n )}\n\n <div vkuiClass=\"WriteBar__formIn\">\n <textarea\n {...restProps}\n vkuiClass=\"WriteBar__textarea\"\n onChange={onTextareaChange}\n ref={textareaRef}\n value={value}\n />\n\n {hasReactNode(inlineAfter) && (\n <div vkuiClass=\"WriteBar__inlineAfter\">{inlineAfter}</div>\n )}\n </div>\n\n {hasReactNode(after) && <div vkuiClass=\"WriteBar__after\">{after}</div>}\n </form>\n </div>\n );\n};\n"],"file":"WriteBar.js"}

package/dist/cjs/components/WriteBarIcon/WriteBarIcon.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import './WriteBarIcon.css';
+import * as React from "react";
+import "./WriteBarIcon.css";
 export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.
@@ -9,7 +9,7 @@ export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButton
      * - `send` – иконка отправки.
      * - `done` – иконка отправки в режиме редактирования.
      */
-    mode?: 'attach' | 'send' | 'done';
+    mode?: "attach" | "send" | "done";
     /**
      * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.
      */

package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js CHANGED Viewed

@@ -34,8 +34,8 @@ var _warnOnce = require("../../lib/warnOnce");
 var _utils = require("../../lib/utils");
 var _excluded = ["mode", "children", "count"];
-var warn = (0, _warnOnce.warnOnce)('WriteBarIcon');
-var IS_DEV = process.env.NODE_ENV === 'development';
+var warn = (0, _warnOnce.warnOnce)("WriteBarIcon");
+var IS_DEV = process.env.NODE_ENV === "development";
 var WriteBarIcon = function WriteBarIcon(_ref) {
   var mode = _ref.mode,
@@ -47,27 +47,27 @@ var WriteBarIcon = function WriteBarIcon(_ref) {
   var ariaLabel;
   switch (mode) {
-    case 'attach':
+    case "attach":
       icon = platform === _platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon28AddCircleOutline, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon28AttachOutline, null);
-      ariaLabel = 'Прикрепить файл';
+      ariaLabel = "Прикрепить файл";
       break;
-    case 'send':
+    case "send":
       icon = platform === _platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon48WritebarSend, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon24Send, null);
-      ariaLabel = 'Отправить';
+      ariaLabel = "Отправить";
       break;
-    case 'done':
+    case "done":
       icon = platform === _platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon48WritebarDone, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon28CheckCircleOutline, null);
-      ariaLabel = 'Готово';
+      ariaLabel = "Готово";
       break;
     default:
       break;
   }
-  if (IS_DEV && !restProps['aria-label'] && !ariaLabel) {
-    warn('[WriteBarIcon/a11y] У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.');
+  if (IS_DEV && !restProps["aria-label"] && !ariaLabel) {
+    warn("[WriteBarIcon/a11y] У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.");
   }
   return (0, _jsxRuntime.createScopedElement)(_Tappable.default, (0, _extends2.default)({
@@ -76,7 +76,7 @@ var WriteBarIcon = function WriteBarIcon(_ref) {
     Component: "button",
     hasHover: false,
     activeMode: "WriteBarIcon__active",
-    vkuiClass: (0, _classNames2.classNames)((0, _getClassName.getClassName)('WriteBarIcon', platform), (0, _defineProperty2.default)({}, "WriteBarIcon--".concat(mode), !!mode))
+    vkuiClass: (0, _classNames2.classNames)((0, _getClassName.getClassName)("WriteBarIcon", platform), (0, _defineProperty2.default)({}, "WriteBarIcon--".concat(mode), !!mode))
   }), (0, _jsxRuntime.createScopedElement)("span", {
     vkuiClass: "WriteBarIcon__in"
   }, icon || children, (0, _utils.hasReactNode)(count) && (0, _jsxRuntime.createScopedElement)(_Counter.default, {

package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"names":["warn","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","restProps","platform","icon","ariaLabel","IOS"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;~~AAmBA~~,IAAMA,IAAI,GAAG,wBAAS,cAAT,CAAb;AACA,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;;AAEO,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,OAKhC;AAAA,MAJvBC,IAIuB,QAJvBA,IAIuB;AAAA,MAHvBC,QAGuB,QAHvBA,QAGuB;AAAA,MAFvBC,KAEuB,QAFvBA,KAEuB;AAAA,MADpBC,SACoB;AACvB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,IAAJ;AACA,MAAIC,SAAJ;;AAEA,UAAQN,IAAR;AACE,SAAK,QAAL;AACEK,MAAAA,IAAI,~~GAAGD~~,QAAQ,KAAKG,aAAb,GAAmB,qCAAC,6BAAD,OAAnB,GAAgD,qCAAC,0BAAD,~~OAAvD~~;~~AACAD~~,MAAAA,SAAS,GAAG,iBAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GAAGD,QAAQ,KAAKG,aAAb,GAAmB,qCAAC,yBAAD,OAAnB,GAA4C,qCAAC,iBAAD,OAAnD;AACAD,MAAAA,SAAS,GAAG,WAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,~~GAAGD~~,QAAQ,KAAKG,aAAb,~~GAAmB~~,qCAAC,yBAAD,~~OAAnB~~,~~GAA4C~~,qCAAC,+BAAD,~~OAAnD~~;~~AACAD~~,MAAAA,SAAS,GAAG,QAAZ;AACA;;AAEF;AACE;~~AAjBJ~~;;~~AAoBA~~,MAAIX,MAAM,IAAI,CAACQ,SAAS,CAAC,YAAD,CAApB,IAAsC,CAACG,SAA3C,EAAsD;AACpDZ,IAAAA,IAAI,~~CAAC~~,~~sGAAD~~,CAAJ;~~AACD~~;;AAED,SACE,qCAAC,iBAAD;AACE,kBAAYY;AADd,KAEMH,SAFN;AAGE,IAAA,SAAS,EAAC,QAHZ;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,UAAU,EAAC,sBALb;AAME,IAAA,SAAS,EAAE,6BAAW,gCAAa,cAAb,EAA6BC,QAA7B,CAAX,4DACSJ,IADT,GACkB,CAAC,CAACA,IADpB;AANb,MAUE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGK,IAAI,IAAIJ,QADX,EAEG,yBAAaC,KAAb,~~KAAuB~~,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,uBAAnB;AAA2C,IAAA,IAAI,EAAC;AAAhD,~~KAAqDA~~,~~KAArD~~,~~CAF1B~~,CAVF,CADF;~~AAiBD~~,~~CApDM~~","sourcesContent":["import * as React from 'react';\nimport {\n Icon24Send,\n Icon28AddCircleOutline,\n Icon28AttachOutline,\n Icon28CheckCircleOutline,\n Icon48WritebarDone,\n Icon48WritebarSend,\n} from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { IOS } from '../../lib/platform';\nimport Counter from '../Counter/Counter';\nimport Tappable from '../Tappable/Tappable';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { hasReactNode } from '../../lib/utils';\nimport './WriteBarIcon.css';\n\nexport interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /*\n Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n * Если передать валидное значение для этого свойства, `children` игнорируется.\n \n - `attach` – иконка прикрепления.\n * - `send` – иконка отправки.\n * - `done` – иконка отправки в режиме редактирования.\n /\n mode?: 'attach' \| 'send' \| 'done';\n /\n Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n */\n count?: number;\n}\n\nconst warn = warnOnce('WriteBarIcon');\nconst IS_DEV = process.env.NODE_ENV === 'development';\n\nexport const WriteBarIcon: React.FC<WriteBarIconProps> = ({\n mode,\n children,\n count,\n ...restProps\n}: WriteBarIconProps) => {\n const platform = usePlatform();\n\n let icon: React.ReactNode;\n let ariaLabel: string;\n\n switch (mode) {\n case 'attach':\n icon = platform === IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline />;\n ariaLabel = 'Прикрепить ~~файл'~~;\n break;\n\n case 'send':\n icon = platform === IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n ariaLabel = ~~'Отправить'~~;\n break;\n\n case 'done':\n icon = platform === IOS ? <Icon48WritebarDone /> : <Icon28CheckCircleOutline ~~/>;\~~n ariaLabel = ~~'Готово'~~;\n break;\n\n default:\n break;\n }\n\n if (IS_DEV && !restProps['aria-label'] && !ariaLabel) {\n warn('[WriteBarIcon/a11y] У WriteBarIcon нет aria-label. Кнопка будет недоступной для части ~~пользователей.'~~);\n }\n\n return (\n <Tappable\n aria-label={ariaLabel}\n {...restProps}\n Component=\"button\"\n hasHover={false}\n activeMode=\"WriteBarIcon__active\"\n vkuiClass={classNames(getClassName('WriteBarIcon', platform), {\n [`WriteBarIcon--${mode}`]: !!mode,\n })}\n >\n <span vkuiClass=\"WriteBarIcon__in\">\n {icon \|\| children}\n {hasReactNode(count) && <Counter vkuiClass=\"WriteBarIcon__counter\" size=\"s\">{count}</Counter>}\n </span>\n </Tappable>\n );\n};\n"],"file":"WriteBarIcon.js"}
1	+ {"version":3,"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"names":["warn","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","restProps","platform","icon","ariaLabel","IOS"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAoBA,IAAMA,IAAI,GAAG,wBAAS,cAAT,CAAb;AACA,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;;AAEO,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,OAKhC;AAAA,MAJvBC,IAIuB,QAJvBA,IAIuB;AAAA,MAHvBC,QAGuB,QAHvBA,QAGuB;AAAA,MAFvBC,KAEuB,QAFvBA,KAEuB;AAAA,MADpBC,SACoB;AACvB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,IAAJ;AACA,MAAIC,SAAJ;;AAEA,UAAQN,IAAR;AACE,SAAK,QAAL;AACEK,MAAAA,IAAI,GACFD,QAAQ,KAAKG,aAAb,GAAmB,qCAAC,6BAAD,OAAnB,GAAgD,qCAAC,0BAAD,OADlD;AAEAD,MAAAA,SAAS,GAAG,iBAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GAAGD,QAAQ,KAAKG,aAAb,GAAmB,qCAAC,yBAAD,OAAnB,GAA4C,qCAAC,iBAAD,OAAnD;AACAD,MAAAA,SAAS,GAAG,WAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GACFD,QAAQ,KAAKG,aAAb,GACE,qCAAC,yBAAD,OADF,GAGE,qCAAC,+BAAD,OAJJ;AAMAD,MAAAA,SAAS,GAAG,QAAZ;AACA;;AAEF;AACE;AAvBJ;;AA0BA,MAAIX,MAAM,IAAI,CAACQ,SAAS,CAAC,YAAD,CAApB,IAAsC,CAACG,SAA3C,EAAsD;AACpDZ,IAAAA,IAAI,CACF,sGADE,CAAJ;AAGD;;AAED,SACE,qCAAC,iBAAD;AACE,kBAAYY;AADd,KAEMH,SAFN;AAGE,IAAA,SAAS,EAAC,QAHZ;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,UAAU,EAAC,sBALb;AAME,IAAA,SAAS,EAAE,6BAAW,gCAAa,cAAb,EAA6BC,QAA7B,CAAX,4DACSJ,IADT,GACkB,CAAC,CAACA,IADpB;AANb,MAUE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGK,IAAI,IAAIJ,QADX,EAEG,yBAAaC,KAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,uBAAnB;AAA2C,IAAA,IAAI,EAAC;AAAhD,KACGA,KADH,CAHJ,CAVF,CADF;AAqBD,CAhEM","sourcesContent":["import * as React from \"react\";\nimport {\n Icon24Send,\n Icon28AddCircleOutline,\n Icon28AttachOutline,\n Icon28CheckCircleOutline,\n Icon48WritebarDone,\n Icon48WritebarSend,\n} from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { IOS } from \"../../lib/platform\";\nimport Counter from \"../Counter/Counter\";\nimport Tappable from \"../Tappable/Tappable\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./WriteBarIcon.css\";\n\nexport interface WriteBarIconProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /*\n Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n * Если передать валидное значение для этого свойства, `children` игнорируется.\n \n - `attach` – иконка прикрепления.\n * - `send` – иконка отправки.\n * - `done` – иконка отправки в режиме редактирования.\n /\n mode?: \"attach\" \| \"send\" \| \"done\";\n /\n Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n */\n count?: number;\n}\n\nconst warn = warnOnce(\"WriteBarIcon\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nexport const WriteBarIcon: React.FC<WriteBarIconProps> = ({\n mode,\n children,\n count,\n ...restProps\n}: WriteBarIconProps) => {\n const platform = usePlatform();\n\n let icon: React.ReactNode;\n let ariaLabel: string;\n\n switch (mode) {\n case \"attach\":\n icon =\n platform === IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline />;\n ariaLabel = \"Прикрепить файл\";\n break;\n\n case \"send\":\n icon = platform === IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n ariaLabel = \"Отправить\";\n break;\n\n case \"done\":\n icon =\n platform === IOS ? (\n <Icon48WritebarDone />\n ) : (\n <Icon28CheckCircleOutline />\n );\n ariaLabel = \"Готово\";\n break;\n\n default:\n break;\n }\n\n if (IS_DEV && !restProps[\"aria-label\"] && !ariaLabel) {\n warn(\n \"[WriteBarIcon/a11y] У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.\"\n );\n }\n\n return (\n <Tappable\n aria-label={ariaLabel}\n {...restProps}\n Component=\"button\"\n hasHover={false}\n activeMode=\"WriteBarIcon__active\"\n vkuiClass={classNames(getClassName(\"WriteBarIcon\", platform), {\n [`WriteBarIcon--${mode}`]: !!mode,\n })}\n >\n <span vkuiClass=\"WriteBarIcon__in\">\n {icon \|\| children}\n {hasReactNode(count) && (\n <Counter vkuiClass=\"WriteBarIcon__counter\" size=\"s\">\n {count}\n </Counter>\n )}\n </span>\n </Tappable>\n );\n};\n"],"file":"WriteBarIcon.js"}

package/dist/cjs/helpers/avatar.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { InitialsAvatarNumberGradients } from "../components/InitialsAvatar/InitialsAvatar";
+/**
+ * Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта
+ */
+export declare function calcInitialsAvatarColor(objectId: number): InitialsAvatarNumberGradients;

package/dist/cjs/helpers/avatar.js ADDED Viewed

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calcInitialsAvatarColor = calcInitialsAvatarColor;
+/**
+ * Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта
+ */
+function calcInitialsAvatarColor(objectId) {
+  return objectId % 6 + 1;
+}
+//# sourceMappingURL=avatar.js.map

package/dist/cjs/helpers/avatar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../src/helpers/avatar.ts"],"names":["calcInitialsAvatarColor","objectId"],"mappings":";;;;;;;AAEA;AACA;AACA;AACO,SAASA,uBAAT,CACLC,QADK,EAE0B;AAC/B,SAASA,QAAQ,GAAG,CAAZ,GAAiB,CAAzB;AACD","sourcesContent":["import { InitialsAvatarNumberGradients } from \"../components/InitialsAvatar/InitialsAvatar\";\n\n/**\n * Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта\n */\nexport function calcInitialsAvatarColor(\n objectId: number\n): InitialsAvatarNumberGradients {\n return ((objectId % 6) + 1) as InitialsAvatarNumberGradients;\n}\n"],"file":"avatar.js"}

package/dist/cjs/helpers/getClassName.d.ts CHANGED Viewed

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

package/dist/cjs/helpers/getClassName.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/getClassName.ts"],"names":["getClassName","base","osname"],"mappings":";;;;;;;AAAA;;AAEO,SAASA,YAAT,~~CAAsBC~~,~~IAAtB~~,~~EAA+E~~;AAAA,~~MAA3CC~~,~~MAA2C~~,~~uEAApB~~,~~yBAAoB~~;~~AACpF~~,mBAAUD,IAAV,cAAkBA,IAAlB,eAA2BC,MAA3B;AACD","sourcesContent":["import { PlatformType, platform } from '../lib/platform';\n\nexport function getClassName(base: string, osname: PlatformType = platform()): string {\n return `${base} ${base}--${osname}`;\n}\n"],"file":"getClassName.js"}
1	+ {"version":3,"sources":["../../../src/helpers/getClassName.ts"],"names":["getClassName","base","osname"],"mappings":";;;;;;;AAAA;;AAEO,SAASA,YAAT,CACLC,IADK,EAGG;AAAA,MADRC,MACQ,uEADe,yBACf;AACR,mBAAUD,IAAV,cAAkBA,IAAlB,eAA2BC,MAA3B;AACD","sourcesContent":["import { PlatformType, platform } from \"../lib/platform\";\n\nexport function getClassName(\n base: string,\n osname: PlatformType = platform()\n): string {\n return `${base} ${base}--${osname}`;\n}\n"],"file":"getClassName.js"}

package/dist/cjs/helpers/math.js CHANGED Viewed

@@ -20,7 +20,7 @@ function precisionRound(number) {
 }
 function precision(number) {
-  return ("".concat(number).split('.')[1] || '').length;
+  return ("".concat(number).split(".")[1] || "").length;
 }
 function decimatedClamp(val, min, max, step) {

package/dist/cjs/helpers/math.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/math.ts"],"names":["clamp","value","min","max","Math","precisionRound","number","precision","factor","pow","round","split","length","decimatedClamp","val","step","prec","decimatedOffset","decimatedRange","floor","rescale","from","to","options","scaled"],"mappings":";;;;;;;;;AAAO,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAgBC,GAAhB,EAA6BC,GAA7B;AAAA,~~SAA6CC~~,IAAI,CAACD,GAAL,CAASD,GAAT,EAAcE,IAAI,CAACF,GAAL,CAASD,KAAT,EAAgBE,GAAhB,CAAd,~~CAA7C~~;AAAA,CAAd;;;;~~AAEA~~,SAASE,cAAT,CAAwBC,MAAxB,EAAuD;AAAA,MAAfC,SAAe,uEAAH,CAAG;AAC5D,MAAIC,MAAM,GAAGJ,IAAI,CAACK,GAAL,CAAS,EAAT,EAAaF,SAAb,CAAb;AACA,SAAOH,IAAI,CAACM,KAAL,CAAWJ,MAAM,GAAGE,MAApB,IAA8BA,MAArC;AACD;;AAED,SAASD,SAAT,CAAmBD,MAAnB,EAAmC;AACjC,SAAO,CAAC,UAAGA,MAAH,EAAYK,KAAZ,CAAkB,GAAlB,EAAuB,CAAvB,KAA6B,EAA9B,EAAkCC,MAAzC;AACD;;AAED,SAASC,cAAT,CAAwBC,GAAxB,EAAqCZ,GAArC,EAAkDC,GAAlD,EAA+DY,IAA/D,EAA8E;AAC5E,MAAIA,IAAI,IAAI,IAAR,IAAgBA,IAAI,IAAI,CAA5B,EAA+B;AAC7B,WAAOf,KAAK,CAACc,GAAD,EAAMZ,GAAN,EAAWC,GAAX,CAAZ;AACD;;AACD,MAAMa,IAAI,GAAGT,SAAS,CAACQ,IAAD,CAAtB,CAJ4E,CAK5E;;AACA,MAAME,eAAe,GAAGZ,cAAc,~~CAACD~~,IAAI,CAACM,KAAL,CAAW,CAACI,GAAG,GAAGZ,GAAP,IAAca,IAAzB,IAAiCA,~~IAAlC~~,~~EAAwCC~~,~~IAAxC~~,CAAtC,CAN4E,~~CAO5E~~;;AACA,MAAME,cAAc,GAAGb,cAAc,~~CAACD~~,IAAI,CAACe,KAAL,CAAW,CAAChB,GAAG,GAAGD,GAAP,IAAca,IAAzB,IAAiCA,~~IAAlC~~,~~EAAwCC~~,~~IAAxC~~,CAArC;~~AACA~~,SAAOd,GAAG,GAAGF,KAAK,CAACiB,eAAD,EAAkB,CAAlB,EAAqBC,cAArB,CAAlB;AACD;;AAEM,SAASE,OAAT,CACLnB,KADK,EAELoB,IAFK,EAGLC,EAHK,EAKL;AAAA,MADAC,OACA,uEAD6B,EAC7B;AACA,MAAMC,MAAM,~~GAAG~~,CAACvB,KAAK,GAAGoB,IAAI,CAAC,CAAD,CAAb,KAAqBA,IAAI,CAAC,CAAD,CAAJ,GAAUA,IAAI,CAAC,CAAD,CAAnC,~~KAA2CC~~,EAAE,CAAC,CAAD,CAAF,GAAQA,EAAE,CAAC,CAAD,~~CAArD~~,~~IAA4DA~~,EAAE,CAAC,CAAD,~~CAA7E~~;~~AACA~~,SAAOT,cAAc,CAACW,MAAD,EAASF,EAAE,CAAC,CAAD,CAAX,EAAgBA,EAAE,CAAC,CAAD,CAAlB,EAAuBC,OAAO,CAACR,IAA/B,CAArB;AACD","sourcesContent":["export const clamp = (value: number, min: number, max: number) => Math.max(min, Math.min(value, max));\n\nexport function precisionRound(number: number, precision = 1) {\n let factor = Math.pow(10, precision);\n return Math.round(number * factor) / factor;\n}\n\nfunction precision(number: number) {\n return (`${number}`.split(~~'.'~~)[1] \|\| '').length;\n}\n\nfunction decimatedClamp(val: number, min: number, max: number, step?: number) {\n if (step == null \|\| step <= 0) {\n return clamp(val, min, max);\n }\n const prec = precision(step);\n // Round value to nearest min + k1 * step\n const decimatedOffset = precisionRound(Math.round((val - min) / step) * step, prec);\n // Round range length _down_ to nearest min + k2 * step\n const decimatedRange = precisionRound(Math.floor((max - min) / step) * step, prec);\n return min + clamp(decimatedOffset, 0, decimatedRange);\n}\n\nexport function rescale(\n value: number,\n from: [number, number],\n to: [number, number],\n options: { step?: number } = {},\n) {\n const scaled = (value - from[0]) / (from[1] - from[0]) * (to[1] - to[0]) + to[0];\n return decimatedClamp(scaled, to[0], to[1], options.step);\n}\n"],"file":"math.js"}
1	+ {"version":3,"sources":["../../../src/helpers/math.ts"],"names":["clamp","value","min","max","Math","precisionRound","number","precision","factor","pow","round","split","length","decimatedClamp","val","step","prec","decimatedOffset","decimatedRange","floor","rescale","from","to","options","scaled"],"mappings":";;;;;;;;;AAAO,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAgBC,GAAhB,EAA6BC,GAA7B;AAAA,SACnBC,IAAI,CAACD,GAAL,CAASD,GAAT,EAAcE,IAAI,CAACF,GAAL,CAASD,KAAT,EAAgBE,GAAhB,CAAd,CADmB;AAAA,CAAd;;;;AAGA,SAASE,cAAT,CAAwBC,MAAxB,EAAuD;AAAA,MAAfC,SAAe,uEAAH,CAAG;AAC5D,MAAIC,MAAM,GAAGJ,IAAI,CAACK,GAAL,CAAS,EAAT,EAAaF,SAAb,CAAb;AACA,SAAOH,IAAI,CAACM,KAAL,CAAWJ,MAAM,GAAGE,MAApB,IAA8BA,MAArC;AACD;;AAED,SAASD,SAAT,CAAmBD,MAAnB,EAAmC;AACjC,SAAO,CAAC,UAAGA,MAAH,EAAYK,KAAZ,CAAkB,GAAlB,EAAuB,CAAvB,KAA6B,EAA9B,EAAkCC,MAAzC;AACD;;AAED,SAASC,cAAT,CAAwBC,GAAxB,EAAqCZ,GAArC,EAAkDC,GAAlD,EAA+DY,IAA/D,EAA8E;AAC5E,MAAIA,IAAI,IAAI,IAAR,IAAgBA,IAAI,IAAI,CAA5B,EAA+B;AAC7B,WAAOf,KAAK,CAACc,GAAD,EAAMZ,GAAN,EAAWC,GAAX,CAAZ;AACD;;AACD,MAAMa,IAAI,GAAGT,SAAS,CAACQ,IAAD,CAAtB,CAJ4E,CAK5E;;AACA,MAAME,eAAe,GAAGZ,cAAc,CACpCD,IAAI,CAACM,KAAL,CAAW,CAACI,GAAG,GAAGZ,GAAP,IAAca,IAAzB,IAAiCA,IADG,EAEpCC,IAFoC,CAAtC,CAN4E,CAU5E;;AACA,MAAME,cAAc,GAAGb,cAAc,CACnCD,IAAI,CAACe,KAAL,CAAW,CAAChB,GAAG,GAAGD,GAAP,IAAca,IAAzB,IAAiCA,IADE,EAEnCC,IAFmC,CAArC;AAIA,SAAOd,GAAG,GAAGF,KAAK,CAACiB,eAAD,EAAkB,CAAlB,EAAqBC,cAArB,CAAlB;AACD;;AAEM,SAASE,OAAT,CACLnB,KADK,EAELoB,IAFK,EAGLC,EAHK,EAKL;AAAA,MADAC,OACA,uEAD6B,EAC7B;AACA,MAAMC,MAAM,GACT,CAACvB,KAAK,GAAGoB,IAAI,CAAC,CAAD,CAAb,KAAqBA,IAAI,CAAC,CAAD,CAAJ,GAAUA,IAAI,CAAC,CAAD,CAAnC,CAAD,IAA6CC,EAAE,CAAC,CAAD,CAAF,GAAQA,EAAE,CAAC,CAAD,CAAvD,IAA8DA,EAAE,CAAC,CAAD,CADlE;AAEA,SAAOT,cAAc,CAACW,MAAD,EAASF,EAAE,CAAC,CAAD,CAAX,EAAgBA,EAAE,CAAC,CAAD,CAAlB,EAAuBC,OAAO,CAACR,IAA/B,CAArB;AACD","sourcesContent":["export const clamp = (value: number, min: number, max: number) =>\n Math.max(min, Math.min(value, max));\n\nexport function precisionRound(number: number, precision = 1) {\n let factor = Math.pow(10, precision);\n return Math.round(number * factor) / factor;\n}\n\nfunction precision(number: number) {\n return (`${number}`.split(\".\")[1] \|\| \"\").length;\n}\n\nfunction decimatedClamp(val: number, min: number, max: number, step?: number) {\n if (step == null \|\| step <= 0) {\n return clamp(val, min, max);\n }\n const prec = precision(step);\n // Round value to nearest min + k1 * step\n const decimatedOffset = precisionRound(\n Math.round((val - min) / step) * step,\n prec\n );\n // Round range length _down_ to nearest min + k2 * step\n const decimatedRange = precisionRound(\n Math.floor((max - min) / step) * step,\n prec\n );\n return min + clamp(decimatedOffset, 0, decimatedRange);\n}\n\nexport function rescale(\n value: number,\n from: [number, number],\n to: [number, number],\n options: { step?: number } = {}\n) {\n const scaled =\n ((value - from[0]) / (from[1] - from[0])) * (to[1] - to[0]) + to[0];\n return decimatedClamp(scaled, to[0], to[1], options.step);\n}\n"],"file":"math.js"}

package/dist/cjs/hoc/withAdaptivity.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { SizeType, ViewHeight, ViewWidth, AdaptivityProps } from '../components/AdaptivityProvider/AdaptivityContext';
+import { SizeType, ViewHeight, ViewWidth, AdaptivityProps } from "../components/AdaptivityProvider/AdaptivityContext";
 export { SizeType, ViewWidth, ViewHeight };
 export type { AdaptivityProps };
 interface Config {

package/dist/cjs/hoc/withAdaptivity.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hoc/withAdaptivity.tsx"],"names":["withAdaptivity","TargetComponent","config","AdaptivityConsumer","props","context","React","useContext","AdaptivityContext","update","sizeX","sizeY","viewWidth","viewHeight","hasMouse","deviceHasHover","adaptivityProps","undefined","target"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAoBO,SAASA,cAAT,CAA2BC,eAA3B,EAA+CC,MAA/C,EAAkE;AACvE,WAASC,kBAAT,CAA4BC,KAA5B,EAAoD;AAClD,QAAMC,OAAO,GAAGC,KAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAAhB;AACA,QAAIC,MAAM,GAAG,KAAb;;AAEA,QAAIL,KAAK,CAACM,KAAN,IAAeN,KAAK,CAACO,KAAzB,EAAgC;AAC9BF,MAAAA,MAAM,GAAG,IAAT;AACD;;AAED,QAAMC,KAAK,GAAGN,KAAK,CAACM,KAAN,IAAeL,OAAO,CAACK,KAArC;AACA,QAAMC,KAAK,GAAGP,KAAK,CAACO,KAAN,IAAeN,OAAO,CAACM,KAArC;AACA,QAAMC,SAAS,GAAGP,OAAO,CAACO,SAA1B;AACA,QAAMC,UAAU,GAAGR,OAAO,CAACQ,UAA3B;AACA,QAAMC,QAAQ,GAAGT,OAAO,CAACS,QAAzB;AACA,QAAMC,cAAc,GAAGV,OAAO,CAACU,cAA/B;AAEA,QAAMC,eAOL,GAAG,EAPJ;AAQAd,IAAAA,MAAM,CAACQ,KAAP,~~GAAeM~~,eAAe,CAACN,KAAhB,GAAwBA,~~KAAvC~~,~~GAA+CO~~,~~SAA/C~~;AACAf,IAAAA,MAAM,CAACS,KAAP,~~GAAeK~~,eAAe,CAACL,KAAhB,GAAwBA,~~KAAvC~~,~~GAA+CM~~,~~SAA/C~~;AACAf,IAAAA,MAAM,CAACU,SAAP,~~GAAmBI~~,eAAe,CAACJ,SAAhB,GAA4BA,~~SAA/C~~,~~GAA2DK~~,~~SAA3D~~;AACAf,IAAAA,MAAM,CAACW,UAAP,~~GAAoBG~~,eAAe,CAACH,UAAhB,GAA6BA,~~UAAjD~~,~~GAA8DI~~,~~SAA9D~~;AACAf,IAAAA,MAAM,CAACY,QAAP,~~GAAkBE~~,eAAe,CAACF,QAAhB,GAA2BA,~~QAA7C~~,~~GAAwDG~~,~~SAAxD~~;AACAf,IAAAA,MAAM,CAACa,cAAP,~~GAAwBC~~,eAAe,CAACD,cAAhB,GAAiCA,~~cAAzD~~,~~GAA0EE~~,~~SAA1E~~,CA5BkD,~~CA8BlD~~;;AACA,QAAMC,MAAM,GAAG,qCAAC,eAAD,6BAAqBd,KAArB,EAAgCY,eAAhC,EAAf;;AAEA,QAAIP,MAAJ,EAAY;AACV,~~aAAO~~,qCAAC,oCAAD,CAAmB,QAAnB;~~AAA4B~~,QAAA,KAAK,EAAE;~~AAAEC~~,UAAAA,KAAK,EAALA,~~KAAF~~;~~AAASC~~,UAAAA,KAAK,EAALA,~~KAAT~~;~~AAAgBC~~,UAAAA,SAAS,EAATA,~~SAAhB~~;~~AAA2BC~~,UAAAA,UAAU,EAAVA,~~UAA3B~~;~~AAAuCC~~,UAAAA,QAAQ,EAARA,~~QAAvC~~;~~AAAiDC~~,UAAAA,cAAc,EAAdA;~~AAAjD~~;~~AAAnC~~,~~SACJG~~,~~MADI~~,~~CAAP~~;~~AAGD~~;;AAED,WAAOA,MAAP;AACD;;AAED,SAAOf,kBAAP;AACD","sourcesContent":["import * as React from 'react';\nimport {\n AdaptivityContext,\n SizeType,\n ViewHeight,\n ViewWidth,\n AdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\n\nexport { SizeType, ViewWidth, ViewHeight };\nexport type { AdaptivityProps };\n\ninterface Config {\n sizeX?: boolean;\n sizeY?: boolean;\n viewWidth?: boolean;\n viewHeight?: boolean;\n hasMouse?: boolean;\n deviceHasHover?: boolean;\n}\n\nexport function withAdaptivity<T>(TargetComponent: T, config: Config): T {\n function AdaptivityConsumer(props: AdaptivityProps) {\n const context = React.useContext(AdaptivityContext);\n let update = false;\n\n if (props.sizeX \|\| props.sizeY) {\n update = true;\n }\n\n const sizeX = props.sizeX \|\| context.sizeX;\n const sizeY = props.sizeY \|\| context.sizeY;\n const viewWidth = context.viewWidth;\n const viewHeight = context.viewHeight;\n const hasMouse = context.hasMouse;\n const deviceHasHover = context.deviceHasHover;\n\n const adaptivityProps: {\n sizeX?: SizeType;\n sizeY?: SizeType;\n viewWidth?: ViewWidth;\n viewHeight?: ViewHeight;\n hasMouse?: boolean;\n deviceHasHover?: boolean;\n } = {};\n config.sizeX ? adaptivityProps.sizeX = sizeX : undefined;\n config.sizeY ? adaptivityProps.sizeY = sizeY : undefined;\n config.viewWidth ? adaptivityProps.viewWidth = viewWidth : undefined;\n config.viewHeight ? adaptivityProps.viewHeight = viewHeight : undefined;\n config.hasMouse ? adaptivityProps.hasMouse = hasMouse : undefined;\n config.deviceHasHover ? adaptivityProps.deviceHasHover = deviceHasHover : undefined;\n\n // @ts-ignore\n const target = <TargetComponent {...props} {...adaptivityProps} />;\n\n if (update) {\n return <AdaptivityContext.Provider value={{ sizeX, sizeY, viewWidth, viewHeight, hasMouse, deviceHasHover }}>\n {target}\n </AdaptivityContext.Provider~~>;\~~n }\n\n return target;\n }\n\n return AdaptivityConsumer as unknown as T;\n}\n"],"file":"withAdaptivity.js"}
1	+ {"version":3,"sources":["../../../src/hoc/withAdaptivity.tsx"],"names":["withAdaptivity","TargetComponent","config","AdaptivityConsumer","props","context","React","useContext","AdaptivityContext","update","sizeX","sizeY","viewWidth","viewHeight","hasMouse","deviceHasHover","adaptivityProps","undefined","target"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAoBO,SAASA,cAAT,CAA2BC,eAA3B,EAA+CC,MAA/C,EAAkE;AACvE,WAASC,kBAAT,CAA4BC,KAA5B,EAAoD;AAClD,QAAMC,OAAO,GAAGC,KAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAAhB;AACA,QAAIC,MAAM,GAAG,KAAb;;AAEA,QAAIL,KAAK,CAACM,KAAN,IAAeN,KAAK,CAACO,KAAzB,EAAgC;AAC9BF,MAAAA,MAAM,GAAG,IAAT;AACD;;AAED,QAAMC,KAAK,GAAGN,KAAK,CAACM,KAAN,IAAeL,OAAO,CAACK,KAArC;AACA,QAAMC,KAAK,GAAGP,KAAK,CAACO,KAAN,IAAeN,OAAO,CAACM,KAArC;AACA,QAAMC,SAAS,GAAGP,OAAO,CAACO,SAA1B;AACA,QAAMC,UAAU,GAAGR,OAAO,CAACQ,UAA3B;AACA,QAAMC,QAAQ,GAAGT,OAAO,CAACS,QAAzB;AACA,QAAMC,cAAc,GAAGV,OAAO,CAACU,cAA/B;AAEA,QAAMC,eAOL,GAAG,EAPJ;AAQAd,IAAAA,MAAM,CAACQ,KAAP,GAAgBM,eAAe,CAACN,KAAhB,GAAwBA,KAAxC,GAAiDO,SAAjD;AACAf,IAAAA,MAAM,CAACS,KAAP,GAAgBK,eAAe,CAACL,KAAhB,GAAwBA,KAAxC,GAAiDM,SAAjD;AACAf,IAAAA,MAAM,CAACU,SAAP,GAAoBI,eAAe,CAACJ,SAAhB,GAA4BA,SAAhD,GAA6DK,SAA7D;AACAf,IAAAA,MAAM,CAACW,UAAP,GAAqBG,eAAe,CAACH,UAAhB,GAA6BA,UAAlD,GAAgEI,SAAhE;AACAf,IAAAA,MAAM,CAACY,QAAP,GAAmBE,eAAe,CAACF,QAAhB,GAA2BA,QAA9C,GAA0DG,SAA1D;AACAf,IAAAA,MAAM,CAACa,cAAP,GACKC,eAAe,CAACD,cAAhB,GAAiCA,cADtC,GAEIE,SAFJ,CA5BkD,CAgClD;;AACA,QAAMC,MAAM,GAAG,qCAAC,eAAD,6BAAqBd,KAArB,EAAgCY,eAAhC,EAAf;;AAEA,QAAIP,MAAJ,EAAY;AACV,aACE,qCAAC,oCAAD,CAAmB,QAAnB;AACE,QAAA,KAAK,EAAE;AACLC,UAAAA,KAAK,EAALA,KADK;AAELC,UAAAA,KAAK,EAALA,KAFK;AAGLC,UAAAA,SAAS,EAATA,SAHK;AAILC,UAAAA,UAAU,EAAVA,UAJK;AAKLC,UAAAA,QAAQ,EAARA,QALK;AAMLC,UAAAA,cAAc,EAAdA;AANK;AADT,SAUGG,MAVH,CADF;AAcD;;AAED,WAAOA,MAAP;AACD;;AAED,SAAOf,kBAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport {\n AdaptivityContext,\n SizeType,\n ViewHeight,\n ViewWidth,\n AdaptivityProps,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\n\nexport { SizeType, ViewWidth, ViewHeight };\nexport type { AdaptivityProps };\n\ninterface Config {\n sizeX?: boolean;\n sizeY?: boolean;\n viewWidth?: boolean;\n viewHeight?: boolean;\n hasMouse?: boolean;\n deviceHasHover?: boolean;\n}\n\nexport function withAdaptivity<T>(TargetComponent: T, config: Config): T {\n function AdaptivityConsumer(props: AdaptivityProps) {\n const context = React.useContext(AdaptivityContext);\n let update = false;\n\n if (props.sizeX \|\| props.sizeY) {\n update = true;\n }\n\n const sizeX = props.sizeX \|\| context.sizeX;\n const sizeY = props.sizeY \|\| context.sizeY;\n const viewWidth = context.viewWidth;\n const viewHeight = context.viewHeight;\n const hasMouse = context.hasMouse;\n const deviceHasHover = context.deviceHasHover;\n\n const adaptivityProps: {\n sizeX?: SizeType;\n sizeY?: SizeType;\n viewWidth?: ViewWidth;\n viewHeight?: ViewHeight;\n hasMouse?: boolean;\n deviceHasHover?: boolean;\n } = {};\n config.sizeX ? (adaptivityProps.sizeX = sizeX) : undefined;\n config.sizeY ? (adaptivityProps.sizeY = sizeY) : undefined;\n config.viewWidth ? (adaptivityProps.viewWidth = viewWidth) : undefined;\n config.viewHeight ? (adaptivityProps.viewHeight = viewHeight) : undefined;\n config.hasMouse ? (adaptivityProps.hasMouse = hasMouse) : undefined;\n config.deviceHasHover\n ? (adaptivityProps.deviceHasHover = deviceHasHover)\n : undefined;\n\n // @ts-ignore\n const target = <TargetComponent {...props} {...adaptivityProps} />;\n\n if (update) {\n return (\n <AdaptivityContext.Provider\n value={{\n sizeX,\n sizeY,\n viewWidth,\n viewHeight,\n hasMouse,\n deviceHasHover,\n }}\n >\n {target}\n </AdaptivityContext.Provider>\n );\n }\n\n return target;\n }\n\n return AdaptivityConsumer as unknown as T;\n}\n"],"file":"withAdaptivity.js"}

package/dist/cjs/hoc/withContext.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import * as React from 'react';
+import * as React from "react";
 export declare function withContext<T, X>(Component: T, Ctx: React.Context<X>, prop: string): T;

package/dist/cjs/hoc/withContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hoc/withContext.tsx"],"names":["withContext","Component","Ctx","prop","WithContext","props","context","React","useContext"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEO,SAASA,WAAT,~~CAA2BC~~,~~SAA3B~~,~~EAAyCC~~,~~GAAzC~~,~~EAAgEC~~,~~IAAhE~~,~~EAAiF~~;~~AACtF~~,WAASC,WAAT,CAAqBC,KAArB,EAAgC;AAC9B,QAAMC,OAAO,GAAGC,KAAK,CAACC,UAAN,CAAoBN,GAApB,CAAhB,CAD8B,CAG9B;;AACA,WAAO,qCAAC,SAAD,6BAAeG,KAAf,oCAA6BF,IAA7B,EAAoCG,OAApC,GAAP;AACD;;AACD,SAAOF,WAAP;AACD","sourcesContent":["import * as React from 'react';\n\nexport function withContext<T, X>(Component: T, Ctx: React.Context<X>, prop: string): T {\n function WithContext(props: {}) {\n const context = React.useContext<X>(Ctx);\n\n // @ts-ignore\n return <Component {...props} {...{ [prop]: context }} />;\n }\n return WithContext as unknown as T;\n}\n"],"file":"withContext.js"}
1	+ {"version":3,"sources":["../../../src/hoc/withContext.tsx"],"names":["withContext","Component","Ctx","prop","WithContext","props","context","React","useContext"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEO,SAASA,WAAT,CACLC,SADK,EAELC,GAFK,EAGLC,IAHK,EAIF;AACH,WAASC,WAAT,CAAqBC,KAArB,EAAgC;AAC9B,QAAMC,OAAO,GAAGC,KAAK,CAACC,UAAN,CAAoBN,GAApB,CAAhB,CAD8B,CAG9B;;AACA,WAAO,qCAAC,SAAD,6BAAeG,KAAf,oCAA6BF,IAA7B,EAAoCG,OAApC,GAAP;AACD;;AACD,SAAOF,WAAP;AACD","sourcesContent":["import * as React from \"react\";\n\nexport function withContext<T, X>(\n Component: T,\n Ctx: React.Context<X>,\n prop: string\n): T {\n function WithContext(props: {}) {\n const context = React.useContext<X>(Ctx);\n\n // @ts-ignore\n return <Component {...props} {...{ [prop]: context }} />;\n }\n return WithContext as unknown as T;\n}\n"],"file":"withContext.js"}

package/dist/cjs/hoc/withInsets.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hoc/withInsets.tsx"],"names":["withInsets","Component","WithInsets","props","insets"],"mappings":";;;;;;;;;;;;;AAAA;;AAEO,SAASA,UAAT,CAAuBC,SAAvB,EAAwC;AAC7C,WAASC,UAAT,CAAoBC,KAApB,EAA+B;AAC7B,QAAMC,MAAM,GAAG,2BAAf,CAD6B,CAE7B;;AACA,WAAO,qCAAC,SAAD,6BAAeD,KAAf;AAAsB,MAAA,MAAM,EAAEC;AAA9B,OAAP;AACD;;AACD,SAAOF,UAAP;AACD","sourcesContent":["import { useInsets } from '../hooks/useInsets';\n\nexport function withInsets<T>(Component: T): T {\n function WithInsets(props: {}) {\n const insets = useInsets();\n // @ts-ignore\n return <Component {...props} insets={insets} />;\n }\n return WithInsets as unknown as T;\n}\n"],"file":"withInsets.js"}
1	+ {"version":3,"sources":["../../../src/hoc/withInsets.tsx"],"names":["withInsets","Component","WithInsets","props","insets"],"mappings":";;;;;;;;;;;;;AAAA;;AAEO,SAASA,UAAT,CAAuBC,SAAvB,EAAwC;AAC7C,WAASC,UAAT,CAAoBC,KAApB,EAA+B;AAC7B,QAAMC,MAAM,GAAG,2BAAf,CAD6B,CAE7B;;AACA,WAAO,qCAAC,SAAD,6BAAeD,KAAf;AAAsB,MAAA,MAAM,EAAEC;AAA9B,OAAP;AACD;;AACD,SAAOF,UAAP;AACD","sourcesContent":["import { useInsets } from \"../hooks/useInsets\";\n\nexport function withInsets<T>(Component: T): T {\n function WithInsets(props: {}) {\n const insets = useInsets();\n // @ts-ignore\n return <Component {...props} insets={insets} />;\n }\n return WithInsets as unknown as T;\n}\n"],"file":"withInsets.js"}

package/dist/cjs/hoc/withPlatform.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hoc/withPlatform.tsx"],"names":["withPlatform","Component","WithPlatform","props","ssrContext","React","useContext","SSRContext","ConfigProviderContext","platform"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEO,SAASA,YAAT,CAAyBC,SAAzB,EAA0C;AAC/C,WAASC,YAAT,CAAsBC,KAAtB,EAAiC;AAC/B,QAAMC,UAAU,GAAGC,KAAK,CAACC,UAAN,CAAiBC,eAAjB,CAAnB;;AACA,4BAAqBF,KAAK,CAACC,UAAN,CAAiBE,4CAAjB,CAArB;AAAA,QAAQC,QAAR,qBAAQA,QAAR,CAF+B,CAG/B;;;AACA,WAAO,qCAAC,SAAD,6BAAeN,KAAf;AAAsB,MAAA,QAAQ,EAAEC,UAAU,CAACK,QAAX,IAAuBA;AAAvD,OAAP;AACD;;AACD,SAAOP,YAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { SSRContext } from '../lib/SSR';\nimport { ConfigProviderContext } from '../components/ConfigProvider/ConfigProviderContext';\n\nexport function withPlatform<T>(Component: T): T {\n function WithPlatform(props: {}) {\n const ssrContext = React.useContext(SSRContext);\n const { platform } = React.useContext(ConfigProviderContext);\n // @ts-ignore\n return <Component {...props} platform={ssrContext.platform \|\| platform} />;\n }\n return WithPlatform as unknown as T;\n}\n"],"file":"withPlatform.js"}
1	+ {"version":3,"sources":["../../../src/hoc/withPlatform.tsx"],"names":["withPlatform","Component","WithPlatform","props","ssrContext","React","useContext","SSRContext","ConfigProviderContext","platform"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEO,SAASA,YAAT,CAAyBC,SAAzB,EAA0C;AAC/C,WAASC,YAAT,CAAsBC,KAAtB,EAAiC;AAC/B,QAAMC,UAAU,GAAGC,KAAK,CAACC,UAAN,CAAiBC,eAAjB,CAAnB;;AACA,4BAAqBF,KAAK,CAACC,UAAN,CAAiBE,4CAAjB,CAArB;AAAA,QAAQC,QAAR,qBAAQA,QAAR,CAF+B,CAG/B;;;AACA,WAAO,qCAAC,SAAD,6BAAeN,KAAf;AAAsB,MAAA,QAAQ,EAAEC,UAAU,CAACK,QAAX,IAAuBA;AAAvD,OAAP;AACD;;AACD,SAAOP,YAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { SSRContext } from \"../lib/SSR\";\nimport { ConfigProviderContext } from \"../components/ConfigProvider/ConfigProviderContext\";\n\nexport function withPlatform<T>(Component: T): T {\n function WithPlatform(props: {}) {\n const ssrContext = React.useContext(SSRContext);\n const { platform } = React.useContext(ConfigProviderContext);\n // @ts-ignore\n return <Component {...props} platform={ssrContext.platform \|\| platform} />;\n }\n return WithPlatform as unknown as T;\n}\n"],"file":"withPlatform.js"}

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

@@ -1,3 +1,3 @@
-import { AdaptivityProps } from '../components/AdaptivityProvider/AdaptivityContext';
+import { AdaptivityProps } from "../components/AdaptivityProvider/AdaptivityContext";
 export type { AdaptivityProps };
 export declare const useAdaptivity: () => AdaptivityProps;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useAdaptivity.ts"],"names":["useAdaptivity","React","useContext","AdaptivityContext"],"mappings":";;;;;;;;;AAAA;;AACA;;~~AAIO~~,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,GAAuB;AAClD,SAAOC,KAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAAP;AACD,CAFM","sourcesContent":["import * as React from 'react';\nimport { AdaptivityContext, AdaptivityProps } from '../components/AdaptivityProvider/AdaptivityContext';\n\nexport type { AdaptivityProps };\n\nexport const useAdaptivity = (): AdaptivityProps => {\n return React.useContext(AdaptivityContext);\n};\n"],"file":"useAdaptivity.js"}
1	+ {"version":3,"sources":["../../../src/hooks/useAdaptivity.ts"],"names":["useAdaptivity","React","useContext","AdaptivityContext"],"mappings":";;;;;;;;;AAAA;;AACA;;AAOO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,GAAuB;AAClD,SAAOC,KAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAAP;AACD,CAFM","sourcesContent":["import * as React from \"react\";\nimport {\n AdaptivityContext,\n AdaptivityProps,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\n\nexport type { AdaptivityProps };\n\nexport const useAdaptivity = (): AdaptivityProps => {\n return React.useContext(AdaptivityContext);\n};\n"],"file":"useAdaptivity.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useAppearance.ts"],"names":["useAppearance","React","useContext","ConfigProviderContext","appearance"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;AAAA,~~SAAMC~~,KAAK,CAACC,UAAN,CAAiBC,4CAAjB,EAAwCC,~~UAA9C~~;AAAA,CAAtB","sourcesContent":["import * as React from 'react';\nimport { ConfigProviderContext } from '../components/ConfigProvider/ConfigProviderContext';\n\nexport const useAppearance = () => React.useContext(ConfigProviderContext).appearance;\n"],"file":"useAppearance.js"}
1	+ {"version":3,"sources":["../../../src/hooks/useAppearance.ts"],"names":["useAppearance","React","useContext","ConfigProviderContext","appearance"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;AAAA,SAC3BC,KAAK,CAACC,UAAN,CAAiBC,4CAAjB,EAAwCC,UADb;AAAA,CAAtB","sourcesContent":["import * as React from \"react\";\nimport { ConfigProviderContext } from \"../components/ConfigProvider/ConfigProviderContext\";\n\nexport const useAppearance = () =>\n React.useContext(ConfigProviderContext).appearance;\n"],"file":"useAppearance.js"}

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

@@ -1,2 +1,2 @@
-import { BrowserInfo } from '../lib/browser';
+import { BrowserInfo } from "../lib/browser";
 export declare function useBrowserInfo(): BrowserInfo;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useBrowserInfo.ts"],"names":["useBrowserInfo","ssrContext","React","useContext","SSRContext","browserInfo","userAgent"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,SAASA,cAAT,GAAuC;AAC5C,MAAMC,UAAU,GAAGC,KAAK,CAACC,UAAN,CAAiBC,eAAjB,CAAnB;AACA,MAAMC,WAAW,~~GAAGJ~~,UAAU,CAACI,WAAX,~~IAClB~~,iCAAmBJ,UAAU,CAACK,SAA9B,~~CADF~~;AAGA,SAAOD,WAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { SSRContext } from '../lib/SSR';\nimport { BrowserInfo, computeBrowserInfo } from '../lib/browser';\n\nexport function useBrowserInfo(): BrowserInfo {\n const ssrContext = React.useContext(SSRContext);\n const browserInfo = ssrContext.browserInfo ~~\|\|\n~~ computeBrowserInfo(ssrContext.userAgent);\n\n return browserInfo;\n}\n"],"file":"useBrowserInfo.js"}
1	+ {"version":3,"sources":["../../../src/hooks/useBrowserInfo.ts"],"names":["useBrowserInfo","ssrContext","React","useContext","SSRContext","browserInfo","userAgent"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,SAASA,cAAT,GAAuC;AAC5C,MAAMC,UAAU,GAAGC,KAAK,CAACC,UAAN,CAAiBC,eAAjB,CAAnB;AACA,MAAMC,WAAW,GACfJ,UAAU,CAACI,WAAX,IAA0B,iCAAmBJ,UAAU,CAACK,SAA9B,CAD5B;AAGA,SAAOD,WAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { SSRContext } from \"../lib/SSR\";\nimport { BrowserInfo, computeBrowserInfo } from \"../lib/browser\";\n\nexport function useBrowserInfo(): BrowserInfo {\n const ssrContext = React.useContext(SSRContext);\n const browserInfo =\n ssrContext.browserInfo \|\| computeBrowserInfo(ssrContext.userAgent);\n\n return browserInfo;\n}\n"],"file":"useBrowserInfo.js"}

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

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

package/dist/cjs/hooks/useEffectDev.js ADDED Viewed

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEffectDev = void 0;
+var _react = require("react");
+var _utils = require("../lib/utils");
+var useEffectDev = process.env.NODE_ENV === "development" ? _react.useEffect : _utils.noop;
+exports.useEffectDev = useEffectDev;
+//# sourceMappingURL=useEffectDev.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../src/hooks/useEffectDev.ts"],"names":["useEffectDev","process","env","NODE_ENV","useEffect","noop"],"mappings":";;;;;;;AAAA;;AACA;;AAEO,IAAMA,YAAY,GACvBC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,GAAyCC,gBAAzC,GAAqDC,WADhD","sourcesContent":["import { useEffect } from \"react\";\nimport { noop } from \"../lib/utils\";\n\nexport const useEffectDev =\n process.env.NODE_ENV === \"development\" ? useEffect : noop;\n"],"file":"useEffectDev.js"}

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

@@ -14,7 +14,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var React = _interopRequireWildcard(require("react"));
 function useEnsuredControl(props, options) {
-  var isControlled = props.hasOwnProperty('value');
+  var isControlled = props.hasOwnProperty("value");
   var _React$useState = React.useState(options.defaultValue),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useEnsuredControl.ts"],"names":["useEnsuredControl","props","options","isControlled","hasOwnProperty","React","useState","defaultValue","localValue","setLocalValue","onChange","useCallback","e","target","value"],"mappings":";;;;;;;;;;;;;AAAA;;AAEO,SAASA,iBAAT,CACLC,KADK,EAELC,OAFK,EAGe;AACpB,MAAMC,YAAY,GAAGF,KAAK,CAACG,cAAN,CAAqB,OAArB,CAArB;;AACA,wBAAoCC,KAAK,CAACC,QAAN,CAAeJ,OAAO,CAACK,YAAvB,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,QAAQ,GAAGL,KAAK,CAACM,WAAN,~~CAAkB~~,UAACC,CAAD,EAAO;~~AACxC~~,KAACT,YAAD,IAAiBM,aAAa,CAACG,CAAC,CAACC,MAAF,CAASC,KAAV,CAA9B;AACAb,IAAAA,KAAK,CAACS,QAAN,IAAkBT,KAAK,CAACS,QAAN,CAAeE,CAAf,CAAlB;AACD,~~GAHgB~~,~~EAGd~~,CAACX,KAAK,CAACS,QAAP,~~CAHc~~,CAAjB;~~AAIA~~,SAAO,CAACP,YAAY,GAAGF,KAAK,CAACa,KAAT,GAAiBN,UAA9B,EAA0CE,QAA1C,CAAP;AACD","sourcesContent":["import * as React from 'react';\n\nexport function useEnsuredControl<V, E>(\n props: { value?: V; onChange?: (e: E) => any },\n options: { defaultValue: V },\n): [V, (e: E) => any] {\n const isControlled = props.hasOwnProperty('value');\n const [localValue, setLocalValue] = React.useState(options.defaultValue);\n const onChange = React.useCallback((e) => {\n !isControlled && setLocalValue(e.target.value);\n props.onChange && props.onChange(e);\n }, [props.onChange]);\n return [isControlled ? props.value : localValue, onChange];\n}\n"],"file":"useEnsuredControl.js"}
1	+ {"version":3,"sources":["../../../src/hooks/useEnsuredControl.ts"],"names":["useEnsuredControl","props","options","isControlled","hasOwnProperty","React","useState","defaultValue","localValue","setLocalValue","onChange","useCallback","e","target","value"],"mappings":";;;;;;;;;;;;;AAAA;;AAEO,SAASA,iBAAT,CACLC,KADK,EAELC,OAFK,EAGe;AACpB,MAAMC,YAAY,GAAGF,KAAK,CAACG,cAAN,CAAqB,OAArB,CAArB;;AACA,wBAAoCC,KAAK,CAACC,QAAN,CAAeJ,OAAO,CAACK,YAAvB,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,QAAQ,GAAGL,KAAK,CAACM,WAAN,CACf,UAACC,CAAD,EAAO;AACL,KAACT,YAAD,IAAiBM,aAAa,CAACG,CAAC,CAACC,MAAF,CAASC,KAAV,CAA9B;AACAb,IAAAA,KAAK,CAACS,QAAN,IAAkBT,KAAK,CAACS,QAAN,CAAeE,CAAf,CAAlB;AACD,GAJc,EAKf,CAACX,KAAK,CAACS,QAAP,CALe,CAAjB;AAOA,SAAO,CAACP,YAAY,GAAGF,KAAK,CAACa,KAAT,GAAiBN,UAA9B,EAA0CE,QAA1C,CAAP;AACD","sourcesContent":["import * as React from \"react\";\n\nexport function useEnsuredControl<V, E>(\n props: { value?: V; onChange?: (e: E) => any },\n options: { defaultValue: V }\n): [V, (e: E) => any] {\n const isControlled = props.hasOwnProperty(\"value\");\n const [localValue, setLocalValue] = React.useState(options.defaultValue);\n const onChange = React.useCallback(\n (e) => {\n !isControlled && setLocalValue(e.target.value);\n props.onChange && props.onChange(e);\n },\n [props.onChange]\n );\n return [isControlled ? props.value : localValue, onChange];\n}\n"],"file":"useEnsuredControl.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useEventListener.ts"],"names":["useEventListener","event","_cb","_options","cbRef","React","useRef","current","cb","useCallback","e","detach","noop","remove","add","el","canUseDOM","options","addEventListener","removeEventListener","useEffect"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;~~AAaO~~,SAASA,gBAAT,~~CAA0BC~~,~~KAA1B~~,~~EAAyCC~~,~~GAAzC~~,~~EAAkEC~~,~~QAAlE~~,~~EAAsG~~;~~AAC3G~~,MAAMC,KAAK,GAAGC,KAAK,CAACC,MAAN,CAAaJ,GAAb,CAAd;AACA,4DAA0B,YAAM;AAC9BE,IAAAA,KAAK,CAACG,OAAN,GAAgBL,GAAhB;AACD,GAFD,EAEG,CAACA,GAAD,CAFH;AAGA,MAAMM,EAAE,GAAGH,KAAK,CAACI,WAAN,~~CAA8B~~,UAACC,CAAD;AAAA,WAAON,KAAK,CAACG,OAAN,IAAiBH,KAAK,CAACG,OAAN,CAAcG,CAAd,CAAxB;AAAA,~~GAA9B~~,~~EAAwE~~,~~EAAxE~~,CAAX;~~AAEA~~,MAAMC,MAAM,GAAGN,KAAK,CAACC,MAAN,CAAaM,WAAb,CAAf;AACA,MAAMC,MAAM,GAAGR,KAAK,CAACI,WAAN,CAAkB,YAAM;AACrCE,IAAAA,MAAM,CAACJ,OAAP;AACAI,IAAAA,MAAM,CAACJ,OAAP,GAAiBK,WAAjB;AACD,GAHc,EAGZ,EAHY,CAAf;AAIA,MAAME,GAAG,GAAGT,KAAK,CAACI,WAAN,CAAkB,UAACM,EAAD,EAAgC;AAC5D,QAAI,CAACC,cAAL,EAAgB;AACd;AACD;;AACDH,IAAAA,MAAM;;AACN,QAAI,CAACE,EAAL,EAAS;AACP;AACD;;AACD,QAAME,OAAO,mCAAQd,QAAR,CAAb;AACAY,IAAAA,EAAE,CAACG,gBAAH,CAAoBjB,KAApB,EAA2BO,EAA3B,EAA+BS,OAA/B;;AACAN,IAAAA,MAAM,CAACJ,OAAP,GAAiB;AAAA,aAAMQ,EAAE,CAACI,mBAAH,CAAuBlB,KAAvB,EAA8BO,EAA9B,EAAkCS,OAAlC,CAAN;AAAA,KAAjB;AACD,GAXW,EAWT,EAXS,CAAZ;AAYAZ,EAAAA,KAAK,CAACe,SAAN,CAAgB;AAAA,WAAMP,MAAN;AAAA,GAAhB,EAA8B,EAA9B;AAEA,SAAO;AAAEC,IAAAA,GAAG,EAAHA,GAAF;AAAOD,IAAAA,MAAM,EAANA;AAAP,GAAP;AACD","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) => void;\n remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n event: K,\n _cb: (ev: GlobalEventHandlersEventMap[K]) => any,\n _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener(event: string, _cb: (ev: Event) => any, _options?: AddEventListenerOptions): EventListenerHandle;\nexport function useEventListener(event: string, _cb: (ev: Event) => any, _options?: AddEventListenerOptions) {\n const cbRef = React.useRef(_cb);\n useIsomorphicLayoutEffect(() => {\n cbRef.current = _cb;\n }, [_cb]);\n const cb = React.useCallback<typeof _cb>((e) => 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((el: HTMLElement \| Document) => {\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 React.useEffect(() => remove, []);\n\n return { add, remove };\n}\n"],"file":"useEventListener.js"}
1	+ {"version":3,"sources":["../../../src/hooks/useEventListener.ts"],"names":["useEventListener","event","_cb","_options","cbRef","React","useRef","current","cb","useCallback","e","detach","noop","remove","add","el","canUseDOM","options","addEventListener","removeEventListener","useEffect"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAiBO,SAASA,gBAAT,CACLC,KADK,EAELC,GAFK,EAGLC,QAHK,EAIL;AACA,MAAMC,KAAK,GAAGC,KAAK,CAACC,MAAN,CAAaJ,GAAb,CAAd;AACA,4DAA0B,YAAM;AAC9BE,IAAAA,KAAK,CAACG,OAAN,GAAgBL,GAAhB;AACD,GAFD,EAEG,CAACA,GAAD,CAFH;AAGA,MAAMM,EAAE,GAAGH,KAAK,CAACI,WAAN,CACT,UAACC,CAAD;AAAA,WAAON,KAAK,CAACG,OAAN,IAAiBH,KAAK,CAACG,OAAN,CAAcG,CAAd,CAAxB;AAAA,GADS,EAET,EAFS,CAAX;AAKA,MAAMC,MAAM,GAAGN,KAAK,CAACC,MAAN,CAAaM,WAAb,CAAf;AACA,MAAMC,MAAM,GAAGR,KAAK,CAACI,WAAN,CAAkB,YAAM;AACrCE,IAAAA,MAAM,CAACJ,OAAP;AACAI,IAAAA,MAAM,CAACJ,OAAP,GAAiBK,WAAjB;AACD,GAHc,EAGZ,EAHY,CAAf;AAIA,MAAME,GAAG,GAAGT,KAAK,CAACI,WAAN,CAAkB,UAACM,EAAD,EAAgC;AAC5D,QAAI,CAACC,cAAL,EAAgB;AACd;AACD;;AACDH,IAAAA,MAAM;;AACN,QAAI,CAACE,EAAL,EAAS;AACP;AACD;;AACD,QAAME,OAAO,mCAAQd,QAAR,CAAb;AACAY,IAAAA,EAAE,CAACG,gBAAH,CAAoBjB,KAApB,EAA2BO,EAA3B,EAA+BS,OAA/B;;AACAN,IAAAA,MAAM,CAACJ,OAAP,GAAiB;AAAA,aAAMQ,EAAE,CAACI,mBAAH,CAAuBlB,KAAvB,EAA8BO,EAA9B,EAAkCS,OAAlC,CAAN;AAAA,KAAjB;AACD,GAXW,EAWT,EAXS,CAAZ;AAYAZ,EAAAA,KAAK,CAACe,SAAN,CAAgB;AAAA,WAAMP,MAAN;AAAA,GAAhB,EAA8B,EAA9B;AAEA,SAAO;AAAEC,IAAAA,GAAG,EAAHA,GAAF;AAAOD,IAAAA,MAAM,EAANA;AAAP,GAAP;AACD","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) => void;\n remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n event: K,\n _cb: (ev: GlobalEventHandlersEventMap[K]) => any,\n _options?: AddEventListenerOptions\n): EventListenerHandle;\nexport function useEventListener(\n event: string,\n _cb: (ev: Event) => any,\n _options?: AddEventListenerOptions\n): EventListenerHandle;\nexport function useEventListener(\n event: string,\n _cb: (ev: Event) => any,\n _options?: AddEventListenerOptions\n) {\n const cbRef = React.useRef(_cb);\n useIsomorphicLayoutEffect(() => {\n cbRef.current = _cb;\n }, [_cb]);\n const cb = React.useCallback<typeof _cb>(\n (e) => 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((el: HTMLElement \| Document) => {\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 React.useEffect(() => remove, []);\n\n return { add, remove };\n}\n"],"file":"useEventListener.js"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useExternRef.ts"],"names":["useExternRef","externRefs","stableRef","React","useRef","useMemo","current","el","forEach","ref"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,SAASA,YAAT,~~GAAwF~~;AAAA,~~oCAA5DC~~,~~UAA4D~~;~~AAA5DA~~,IAAAA,~~UAA4D~~;AAAA;;~~AAC7F~~,MAAMC,SAAS,GAAGC,KAAK,CAACC,MAAN,EAAlB;AACA,SAAOD,KAAK,CAACE,OAAN,~~CAAc~~;AAAA,WAAO;~~AAC1B~~,UAAIC,OAAJ,GAAc;AACZ,eAAOJ,SAAS,CAACI,OAAjB;AACD,~~OAHyB~~;;~~AAI1B~~,UAAIA,OAAJ,CAAYC,EAAZ,EAAgB;AACdL,QAAAA,SAAS,CAACI,OAAV,GAAoBC,EAApB;AACAN,QAAAA,UAAU,CAACO,OAAX,CAAmB,UAACC,GAAD;AAAA,iBAAS,mBAAOF,EAAP,EAAWE,GAAX,CAAT;AAAA,SAAnB;AACD;;~~AAPyB~~,KAAP;AAAA,~~GAAd~~,~~EAQHR~~,~~UARG~~,CAAP;~~AASD~~","sourcesContent":["import * as React from 'react';\nimport { setRef } from '../lib/utils';\n\nexport function useExternRef<T>(...externRefs: Array<React.Ref<T>>): React.MutableRefObject<T> {\n const stableRef = React.useRef<T>();\n return React.useMemo(() => ({\n get current() {\n return stableRef.current;\n },\n set current(el) {\n stableRef.current = el;\n externRefs.forEach((ref) => setRef(el, ref));\n },\n }), externRefs);\n}\n"],"file":"useExternRef.js"}
1	+ {"version":3,"sources":["../../../src/hooks/useExternRef.ts"],"names":["useExternRef","externRefs","stableRef","React","useRef","useMemo","current","el","forEach","ref"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,SAASA,YAAT,GAEsB;AAAA,oCADxBC,UACwB;AADxBA,IAAAA,UACwB;AAAA;;AAC3B,MAAMC,SAAS,GAAGC,KAAK,CAACC,MAAN,EAAlB;AACA,SAAOD,KAAK,CAACE,OAAN,CACL;AAAA,WAAO;AACL,UAAIC,OAAJ,GAAc;AACZ,eAAOJ,SAAS,CAACI,OAAjB;AACD,OAHI;;AAIL,UAAIA,OAAJ,CAAYC,EAAZ,EAAgB;AACdL,QAAAA,SAAS,CAACI,OAAV,GAAoBC,EAApB;AACAN,QAAAA,UAAU,CAACO,OAAX,CAAmB,UAACC,GAAD;AAAA,iBAAS,mBAAOF,EAAP,EAAWE,GAAX,CAAT;AAAA,SAAnB;AACD;;AAPI,KAAP;AAAA,GADK,EAULR,UAVK,CAAP;AAYD","sourcesContent":["import * as React from \"react\";\nimport { setRef } from \"../lib/utils\";\n\nexport function useExternRef<T>(\n ...externRefs: Array<React.Ref<T>>\n): React.MutableRefObject<T> {\n const stableRef = React.useRef<T>();\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) => setRef(el, ref));\n },\n }),\n externRefs\n );\n}\n"],"file":"useExternRef.js"}

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

@@ -0,0 +1,6 @@
+import { FocusEvent } from "react";
+export declare function useFocusVisible(): {
+    focusVisible: boolean;
+    onFocus: (event: FocusEvent<HTMLElement, Element>) => void;
+    onBlur: (event: FocusEvent<HTMLElement, Element>) => void;
+};

package/dist/cjs/hooks/useFocusVisible.js ADDED Viewed

@@ -0,0 +1,40 @@
+"use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFocusVisible = useFocusVisible;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _AppRootContext = require("../components/AppRoot/AppRootContext");
+function useFocusVisible() {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isFocused = _useState2[0],
+      setIsFocused = _useState2[1];
+  var _useContext = (0, _react.useContext)(_AppRootContext.AppRootContext),
+      keyboardInput = _useContext.keyboardInput;
+  var onFocus = (0, _react.useCallback)(function (event) {
+    event.stopPropagation();
+    setIsFocused(true);
+  }, [setIsFocused]);
+  var onBlur = (0, _react.useCallback)(function (event) {
+    event.stopPropagation();
+    setIsFocused(false);
+  }, [setIsFocused]);
+  var focusVisible = keyboardInput && isFocused;
+  return {
+    focusVisible: focusVisible,
+    onFocus: onFocus,
+    onBlur: onBlur
+  };
+}
+//# sourceMappingURL=useFocusVisible.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../src/hooks/useFocusVisible.ts"],"names":["useFocusVisible","isFocused","setIsFocused","AppRootContext","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEO,SAASA,eAAT,GAA2B;AAChC,kBAAkC,qBAAS,KAAT,CAAlC;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AACA,oBAA0B,uBAAWC,8BAAX,CAA1B;AAAA,MAAQC,aAAR,eAAQA,aAAR;;AAEA,MAAMC,OAAO,GAAG,wBACd,UAACC,KAAD,EAAoC;AAClCA,IAAAA,KAAK,CAACC,eAAN;AACAL,IAAAA,YAAY,CAAC,IAAD,CAAZ;AACD,GAJa,EAKd,CAACA,YAAD,CALc,CAAhB;AAQA,MAAMM,MAAM,GAAG,wBACb,UAACF,KAAD,EAAoC;AAClCA,IAAAA,KAAK,CAACC,eAAN;AACAL,IAAAA,YAAY,CAAC,KAAD,CAAZ;AACD,GAJY,EAKb,CAACA,YAAD,CALa,CAAf;AAQA,MAAMO,YAAY,GAAGL,aAAa,IAAIH,SAAtC;AAEA,SAAO;AACLQ,IAAAA,YAAY,EAAZA,YADK;AAELJ,IAAAA,OAAO,EAAPA,OAFK;AAGLG,IAAAA,MAAM,EAANA;AAHK,GAAP;AAKD","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"],"file":"useFocusVisible.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useGlobalEventListener.ts"],"names":["useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"mappings":";;;;;;;AAAA;;AACA;;~~AAcO~~,SAASA,sBAAT,~~CAAgCC~~,~~OAAhC~~,~~EAA8CC~~,~~KAA9C~~,~~EAA6DC~~,~~EAA7D~~,~~EAAqFC~~,~~OAArF~~,~~EAAwH~~;~~AAC7H~~,MAAMC,QAAQ,GAAG,wCAAiBH,KAAjB,EAAwBC,EAAxB,EAA4BC,OAA5B,CAAjB;AACA,~~4DAA0B~~;AAAA,~~WAAMD~~,EAAE,GAAGE,QAAQ,CAACC,GAAT,CAAaL,OAAb,CAAH,GAA2BI,QAAQ,CAACE,MAAT,~~EAAnC~~;AAAA,~~GAA1B~~,~~EAAgF~~,CAACC,OAAO,CAACL,EAAD,CAAR,~~CAAhF~~;~~AACD~~","sourcesContent":["import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { useEventListener } from './useEventListener';\n\nexport function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(\n element: HTMLElement \| HTMLDocument \| Window,\n event: K,\n cb: false \| null \| ((ev: GlobalEventHandlersEventMap[K]) => any),\n options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener(\n element: HTMLElement \| HTMLDocument \| Window,\n event: string,\n cb: false \| null \| ((ev: Event) => any),\n options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener(element: any, event: string, cb: (ev: Event) => any, options?: AddEventListenerOptions) {\n const listener = useEventListener(event, cb, options);\n useIsomorphicLayoutEffect(() => cb ? listener.add(element) : listener.remove(), [Boolean(cb)]);\n}\n"],"file":"useGlobalEventListener.js"}
1	+ {"version":3,"sources":["../../../src/hooks/useGlobalEventListener.ts"],"names":["useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"mappings":";;;;;;;AAAA;;AACA;;AAgBO,SAASA,sBAAT,CACLC,OADK,EAELC,KAFK,EAGLC,EAHK,EAILC,OAJK,EAKL;AACA,MAAMC,QAAQ,GAAG,wCAAiBH,KAAjB,EAAwBC,EAAxB,EAA4BC,OAA5B,CAAjB;AACA,4DACE;AAAA,WAAOD,EAAE,GAAGE,QAAQ,CAACC,GAAT,CAAaL,OAAb,CAAH,GAA2BI,QAAQ,CAACE,MAAT,EAApC;AAAA,GADF,EAEE,CAACC,OAAO,CAACL,EAAD,CAAR,CAFF;AAID","sourcesContent":["import { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\nimport { useEventListener } from \"./useEventListener\";\n\nexport function useGlobalEventListener<\n K extends keyof GlobalEventHandlersEventMap\n>(\n element: HTMLElement \| HTMLDocument \| Window,\n event: K,\n cb: false \| null \| ((ev: GlobalEventHandlersEventMap[K]) => any),\n options?: AddEventListenerOptions\n): void;\nexport function useGlobalEventListener(\n element: HTMLElement \| HTMLDocument \| Window,\n event: string,\n cb: false \| null \| ((ev: Event) => any),\n options?: AddEventListenerOptions\n): void;\nexport function useGlobalEventListener(\n element: any,\n event: string,\n cb: (ev: Event) => any,\n options?: AddEventListenerOptions\n) {\n const listener = useEventListener(event, cb, options);\n useIsomorphicLayoutEffect(\n () => (cb ? listener.add(element) : listener.remove()),\n [Boolean(cb)]\n );\n}\n"],"file":"useGlobalEventListener.js"}

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

@@ -1,2 +1,2 @@
-import { Insets } from '@vkontakte/vk-bridge';
+import { Insets } from "@vkontakte/vk-bridge";
 export declare function useInsets(): Insets;

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

@@ -32,8 +32,8 @@ function resolveInsets(e) {
       data = _e$detail.data;
   switch (type) {
-    case 'VKWebAppUpdateConfig':
-    case 'VKWebAppUpdateInsets':
+    case "VKWebAppUpdateConfig":
+    case "VKWebAppUpdateInsets":
       // Устаревшее событие vk-bridge
       var insets = data.insets;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useInsets.ts"],"names":["initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","vkBridge","subscribe","useInsets","React","useState","setInsets","connectListener","unsubscribe"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAIA,YAAoB,GAAG;AACzBC,EAAAA,MAAM,EAAE,IADiB;AAEzBC,EAAAA,GAAG,EAAE,IAFoB;AAGzBC,EAAAA,IAAI,EAAE,IAHmB;AAIzBC,EAAAA,KAAK,EAAE;AAJkB,CAA3B;;AAgBA,SAASC,aAAT,CAAuBC,CAAvB,EAAsD;AACpD,kBAAuBA,CAAC,CAACC,MAAzB;AAAA,MAAQC,IAAR,aAAQA,IAAR;AAAA,MAAcC,IAAd,aAAcA,IAAd;;AACA,UAAQD,IAAR;AACE,SAAK,sBAAL;AACA,SAAK,sBAAL;AAA6B;AAC3B,UAAQE,MAAR,GAAmBD,IAAnB,CAAQC,MAAR;;AACA,UAAIA,MAAJ,EAAY;AACV,2EACKA,MADL;AAEET,UAAAA,MAAM,EAAES,MAAM,CAACT,MAAP,GAAgB,GAAhB,GAAsB,CAAtB,GAA0BS,MAAM,CAACT,MAF3C,CAEmD;;AAFnD;AAID;;AATL;;AAWA,SAAO,IAAP;AACD;;AAEDU,kBAASC,SAAT,CAAmB,UAACN,CAAD,EAAoB;AACrC,MAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,MAAII,MAAJ,EAAY;AACVV,IAAAA,YAAY,GAAGU,MAAf;AACD;AACF,CALD;;AAOO,SAASG,SAAT,GAA6B;AAClC,wBAA4BC,KAAK,CAACC,QAAN,CAAuBf,YAAvB,CAA5B;AAAA;AAAA,MAAOU,MAAP;AAAA,MAAeM,SAAf;;AAEA,4DAA0B,YAAM;AAC9B,aAASC,eAAT,CAAyBX,CAAzB,EAAyC;AACvC,UAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,UAAII,MAAJ,EAAY;AACVM,QAAAA,SAAS,CAACN,MAAD,CAAT;AACD;AACF;;AAEDC,sBAASC,SAAT,CAAmBK,eAAnB;;AACA,WAAO,YAAM;AACXN,wBAASO,WAAT,CAAqBD,eAArB;AACD,KAFD;AAGD,GAZD,EAYG,EAZH;AAcA,SAAOP,MAAP;AACD","sourcesContent":["import * as React from 'react';\nimport vkBridge, { Insets } from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\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"],"file":"useInsets.js"}
1	+ {"version":3,"sources":["../../../src/hooks/useInsets.ts"],"names":["initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","vkBridge","subscribe","useInsets","React","useState","setInsets","connectListener","unsubscribe"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAIA,YAAoB,GAAG;AACzBC,EAAAA,MAAM,EAAE,IADiB;AAEzBC,EAAAA,GAAG,EAAE,IAFoB;AAGzBC,EAAAA,IAAI,EAAE,IAHmB;AAIzBC,EAAAA,KAAK,EAAE;AAJkB,CAA3B;;AAgBA,SAASC,aAAT,CAAuBC,CAAvB,EAAsD;AACpD,kBAAuBA,CAAC,CAACC,MAAzB;AAAA,MAAQC,IAAR,aAAQA,IAAR;AAAA,MAAcC,IAAd,aAAcA,IAAd;;AACA,UAAQD,IAAR;AACE,SAAK,sBAAL;AACA,SAAK,sBAAL;AAA6B;AAC3B,UAAQE,MAAR,GAAmBD,IAAnB,CAAQC,MAAR;;AACA,UAAIA,MAAJ,EAAY;AACV,2EACKA,MADL;AAEET,UAAAA,MAAM,EAAES,MAAM,CAACT,MAAP,GAAgB,GAAhB,GAAsB,CAAtB,GAA0BS,MAAM,CAACT,MAF3C,CAEmD;;AAFnD;AAID;;AATL;;AAWA,SAAO,IAAP;AACD;;AAEDU,kBAASC,SAAT,CAAmB,UAACN,CAAD,EAAoB;AACrC,MAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,MAAII,MAAJ,EAAY;AACVV,IAAAA,YAAY,GAAGU,MAAf;AACD;AACF,CALD;;AAOO,SAASG,SAAT,GAA6B;AAClC,wBAA4BC,KAAK,CAACC,QAAN,CAAuBf,YAAvB,CAA5B;AAAA;AAAA,MAAOU,MAAP;AAAA,MAAeM,SAAf;;AAEA,4DAA0B,YAAM;AAC9B,aAASC,eAAT,CAAyBX,CAAzB,EAAyC;AACvC,UAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,UAAII,MAAJ,EAAY;AACVM,QAAAA,SAAS,CAACN,MAAD,CAAT;AACD;AACF;;AAEDC,sBAASC,SAAT,CAAmBK,eAAnB;;AACA,WAAO,YAAM;AACXN,wBAASO,WAAT,CAAqBD,eAArB;AACD,KAFD;AAGD,GAZD,EAYG,EAZH;AAcA,SAAOP,MAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport vkBridge, { Insets } from \"@vkontakte/vk-bridge\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\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"],"file":"useInsets.js"}

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

@@ -61,7 +61,7 @@ function useKeyboard() {
     clearTimeout(transitionalTimeout.current);
     var returnObject = {
-      isOpened: (event === true || event.type === 'focusin') && (((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.tagName) === 'INPUT' || ((_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.tagName) === 'TEXTAREA'),
+      isOpened: (event === true || event.type === "focusin") && (((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.tagName) === "INPUT" || ((_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.tagName) === "TEXTAREA"),
       isPrecise: false
     }; // Ожидаем прохождение анимации раскрытия клавиатуры
@@ -71,8 +71,8 @@ function useKeyboard() {
     }, 300);
   }
-  (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 keyboardState;
 }
 //# sourceMappingURL=useKeyboard.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"names":["getPreciseKeyboardState","window","availHeight","screen","innerHeight","coveredViewportPercentage","Math","round","useKeyboard","document","React","useState","isOpened","isPrecise","keyboardState","setKeyboardState","transitionalTimeout","useRef","eventOptions","passive","capture","useEffect","onFocus","event","clearTimeout","current","returnObject","type","activeElement","tagName","setTimeout"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAOA;AACA;AACA;AACA;AACO,SAASA,uBAAT,CAAiCC,MAAjC,EAAuD;AAC5D,MAAQC,WAAR,GAAwBD,MAAM,CAACE,MAA/B,CAAQD,WAAR;AACA,MAAQE,WAAR,GAAwBH,MAAxB,CAAQG,WAAR;AAEA,MAAMC,yBAAyB,GAAGC,IAAI,CAACC,KAAL,~~CAAW~~,CAAC,IAAIH,WAAW,GAAGF,WAAnB,IAAkC,~~GAA7C~~,CAAlC;~~AACA~~,SAAOG,yBAAyB,GAAG,EAAnC;AACD;;AAEM,SAASG,WAAT,GAA8C;AACnD,gBAA6B,kBAA7B;AAAA,MAAQP,MAAR,WAAQA,MAAR;AAAA,MAAgBQ,QAAhB,WAAgBA,QAAhB;;AAEA,~~wBAA0CC~~,KAAK,CAACC,QAAN,CAAsC;~~AAC9EC~~,IAAAA,QAAQ,EAAE,~~KADoE~~;~~AAE9EC~~,IAAAA,SAAS,EAAE;~~AAFmE~~,GAAtC,~~CAA1C~~;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;~~AAKA~~,MAAMC,mBAAmB,GAAGN,KAAK,CAACO,MAAN,~~CAAmD~~,~~IAAnD~~,CAA5B;~~AAEA~~,MAAMC,YAAY,GAAG;AACnBC,IAAAA,OAAO,EAAE,IADU;AAEnBC,IAAAA,OAAO,EAAE;AAFU,GAArB;AAKA;AACF;AACA;AACA;;AACEV,EAAAA,KAAK,CAACW,SAAN,CAAgB,YAAM;AACpBC,IAAAA,OAAO,CAAC,IAAD,CAAP;AACD,GAFD,EAEG,CAACA,OAAD,CAFH;;AAIA,WAASA,OAAT,CAAiBC,KAAjB,EAA2C;AAAA;;AACzCC,IAAAA,YAAY,CAACR,mBAAmB,CAACS,OAArB,CAAZ;AAEA,QAAIC,YAAY,GAAG;AACjBd,MAAAA,QAAQ,~~EAAE~~,CAACW,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACI,IAAN,KAAe,SAAlC,~~MACR~~,0BAAAlB,QAAQ,CAACmB,aAAT,gFAAwBC,OAAxB,MAAoC,OAApC,~~IACA~~,2BAAApB,QAAQ,CAACmB,aAAT,kFAAwBC,OAAxB,MAAoC,~~UAF5B~~,~~CADO~~;AAKjBhB,MAAAA,SAAS,EAAE;AALM,KAAnB,CAHyC,CAWzC;;AACAG,IAAAA,mBAAmB,CAACS,OAApB,GAA8BK,UAAU,CAAC,YAAM;AAC7CJ,MAAAA,YAAY,CAACb,SAAb,GAAyBb,uBAAuB,CAACC,MAAD,CAAhD;AACAc,MAAAA,gBAAgB,CAACW,YAAD,CAAhB;AACD,KAHuC,EAGrC,GAHqC,CAAxC;AAID;;AAED,sDAAuBjB,QAAvB,EAAiC,UAAjC,EAA6Ca,OAA7C,EAAsDJ,YAAtD;AACA,sDAAuBT,QAAvB,EAAiC,SAAjC,EAA4Ca,OAA5C,EAAqDJ,YAArD;AAEA,SAAOJ,aAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ninterface SoftwareKeyboardState {\n isOpened: boolean;\n isPrecise: boolean;\n}\n\n/*\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большиству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n /\nexport function getPreciseKeyboardState(window: any): boolean {\n const { availHeight } = window.screen;\n const { innerHeight } = window;\n\n const coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);\n return coveredViewportPercentage > 24;\n}\n\nexport function useKeyboard(): SoftwareKeyboardState {\n const { window, document } = useDOM();\n\n const [keyboardState, setKeyboardState] = React.useState<SoftwareKeyboardState>({\n isOpened: false,\n isPrecise: false,\n });\n\n const transitionalTimeout = React.useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n const eventOptions = {\n passive: true,\n capture: false,\n };\n\n /*\n У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n чтобы иметь хоть какое-то понимание происходящего.\n /\n React.useEffect(() => {\n onFocus(true);\n }, [onFocus]);\n\n function onFocus(event: FocusEvent \| true) {\n clearTimeout(transitionalTimeout.current);\n\n let returnObject = {\n isOpened: (event === true \|\| event.type === 'focusin') ~~&& (\~~n document.activeElement?.tagName === 'INPUT' \|\|\n document.activeElement?.tagName === 'TEXTAREA'\n ),\n isPrecise: false,\n };\n\n // Ожидаем прохождение анимации раскрытия клавиатуры\n transitionalTimeout.current = setTimeout(() => {\n returnObject.isPrecise = getPreciseKeyboardState(window);\n setKeyboardState(returnObject);\n }, 300);\n }\n\n useGlobalEventListener(document, 'focusout', onFocus, eventOptions);\n useGlobalEventListener(document, 'focusin', onFocus, eventOptions);\n\n return keyboardState;\n}\n"],"file":"useKeyboard.js"}
1	+ {"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"names":["getPreciseKeyboardState","window","availHeight","screen","innerHeight","coveredViewportPercentage","Math","round","useKeyboard","document","React","useState","isOpened","isPrecise","keyboardState","setKeyboardState","transitionalTimeout","useRef","eventOptions","passive","capture","useEffect","onFocus","event","clearTimeout","current","returnObject","type","activeElement","tagName","setTimeout"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAOA;AACA;AACA;AACA;AACO,SAASA,uBAAT,CAAiCC,MAAjC,EAAuD;AAC5D,MAAQC,WAAR,GAAwBD,MAAM,CAACE,MAA/B,CAAQD,WAAR;AACA,MAAQE,WAAR,GAAwBH,MAAxB,CAAQG,WAAR;AAEA,MAAMC,yBAAyB,GAAGC,IAAI,CAACC,KAAL,CAChC,CAAC,IAAIH,WAAW,GAAGF,WAAnB,IAAkC,GADF,CAAlC;AAGA,SAAOG,yBAAyB,GAAG,EAAnC;AACD;;AAEM,SAASG,WAAT,GAA8C;AACnD,gBAA6B,kBAA7B;AAAA,MAAQP,MAAR,WAAQA,MAAR;AAAA,MAAgBQ,QAAhB,WAAgBA,QAAhB;;AAEA,wBACEC,KAAK,CAACC,QAAN,CAAsC;AACpCC,IAAAA,QAAQ,EAAE,KAD0B;AAEpCC,IAAAA,SAAS,EAAE;AAFyB,GAAtC,CADF;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AAMA,MAAMC,mBAAmB,GAAGN,KAAK,CAACO,MAAN,CAElB,IAFkB,CAA5B;AAIA,MAAMC,YAAY,GAAG;AACnBC,IAAAA,OAAO,EAAE,IADU;AAEnBC,IAAAA,OAAO,EAAE;AAFU,GAArB;AAKA;AACF;AACA;AACA;;AACEV,EAAAA,KAAK,CAACW,SAAN,CAAgB,YAAM;AACpBC,IAAAA,OAAO,CAAC,IAAD,CAAP;AACD,GAFD,EAEG,CAACA,OAAD,CAFH;;AAIA,WAASA,OAAT,CAAiBC,KAAjB,EAA2C;AAAA;;AACzCC,IAAAA,YAAY,CAACR,mBAAmB,CAACS,OAArB,CAAZ;AAEA,QAAIC,YAAY,GAAG;AACjBd,MAAAA,QAAQ,EACN,CAACW,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACI,IAAN,KAAe,SAAlC,MACC,0BAAAlB,QAAQ,CAACmB,aAAT,gFAAwBC,OAAxB,MAAoC,OAApC,IACC,2BAAApB,QAAQ,CAACmB,aAAT,kFAAwBC,OAAxB,MAAoC,UAFtC,CAFe;AAKjBhB,MAAAA,SAAS,EAAE;AALM,KAAnB,CAHyC,CAWzC;;AACAG,IAAAA,mBAAmB,CAACS,OAApB,GAA8BK,UAAU,CAAC,YAAM;AAC7CJ,MAAAA,YAAY,CAACb,SAAb,GAAyBb,uBAAuB,CAACC,MAAD,CAAhD;AACAc,MAAAA,gBAAgB,CAACW,YAAD,CAAhB;AACD,KAHuC,EAGrC,GAHqC,CAAxC;AAID;;AAED,sDAAuBjB,QAAvB,EAAiC,UAAjC,EAA6Ca,OAA7C,EAAsDJ,YAAtD;AACA,sDAAuBT,QAAvB,EAAiC,SAAjC,EAA4Ca,OAA5C,EAAqDJ,YAArD;AAEA,SAAOJ,aAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ninterface SoftwareKeyboardState {\n isOpened: boolean;\n isPrecise: boolean;\n}\n\n/*\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большиству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n /\nexport function getPreciseKeyboardState(window: any): boolean {\n const { availHeight } = window.screen;\n const { innerHeight } = window;\n\n const coveredViewportPercentage = Math.round(\n (1 - innerHeight / availHeight) * 100\n );\n return coveredViewportPercentage > 24;\n}\n\nexport function useKeyboard(): SoftwareKeyboardState {\n const { window, document } = useDOM();\n\n const [keyboardState, setKeyboardState] =\n React.useState<SoftwareKeyboardState>({\n isOpened: false,\n isPrecise: false,\n });\n\n const transitionalTimeout = React.useRef<ReturnType<\n typeof setTimeout\n > \| null>(null);\n\n const eventOptions = {\n passive: true,\n capture: false,\n };\n\n /*\n У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n чтобы иметь хоть какое-то понимание происходящего.\n /\n React.useEffect(() => {\n onFocus(true);\n }, [onFocus]);\n\n function onFocus(event: FocusEvent \| true) {\n clearTimeout(transitionalTimeout.current);\n\n let returnObject = {\n isOpened:\n (event === true \|\| event.type === \"focusin\") &&\n (document.activeElement?.tagName === \"INPUT\" \|\|\n document.activeElement?.tagName === \"TEXTAREA\"),\n isPrecise: false,\n };\n\n // Ожидаем прохождение анимации раскрытия клавиатуры\n transitionalTimeout.current = setTimeout(() => {\n returnObject.isPrecise = getPreciseKeyboardState(window);\n setKeyboardState(returnObject);\n }, 300);\n }\n\n useGlobalEventListener(document, \"focusout\", onFocus, eventOptions);\n useGlobalEventListener(document, \"focusin\", onFocus, eventOptions);\n\n return keyboardState;\n}\n"],"file":"useKeyboard.js"}

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

@@ -40,9 +40,9 @@ function useKeyboardInputTracker() {
     passive: true,
     capture: true
   };
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'keydown', enableKeyboardInput, eventOptions);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'mousedown', disableKeyboardInput, eventOptions);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'touchstart', disableKeyboardInput, eventOptions);
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, "keydown", enableKeyboardInput, eventOptions);
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, "mousedown", disableKeyboardInput, eventOptions);
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, "touchstart", disableKeyboardInput, eventOptions);
   return isKeyboardInputActive;
 }
 //# sourceMappingURL=useKeyboardInputTracker.js.map