npm - @vkontakte/vkui - Versions diffs - 5.4.2 → 5.5.0 - Mend

@vkontakte/vkui 5.4.2 → 5.5.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 (1983) hide show

package/dist/cssm/components/VisuallyHidden/VisuallyHidden.d.ts CHANGED Viewed

@@ -9,5 +9,5 @@ interface VisuallyHiddenProps extends React.AllHTMLAttributes<HTMLElement>, HasR
  * @since v5.4.0
  * @see https://vkcom.github.io/VKUI/#/VisuallyHidden
  */
-export declare const VisuallyHidden: ({ Component, getRootRef, className, ...restProps }: VisuallyHiddenProps) => JSX.Element;
+export declare const VisuallyHidden: ({ Component, getRootRef, className, ...restProps }: VisuallyHiddenProps) => React.JSX.Element;
 export {};

package/dist/cssm/components/VisuallyHidden/VisuallyHidden.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasComponent, HasRootRef } from '../../types';\nimport styles from './VisuallyHidden.module.css';\n\ninterface VisuallyHiddenProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent {}\n\n/*\n Компонент-обертка. Позволяет скрыть контент визуально, но оставить его\n * доступным для ассистивных технологий. По умолчанию — `span`.\n \n @since v5.4.0\n * @see https://vkcom.github.io/VKUI/#/VisuallyHidden\n */\nexport const VisuallyHidden = ({\n Component = 'span',\n getRootRef,\n className,\n ...restProps\n}: VisuallyHiddenProps) => {\n return (\n <Component\n {...restProps}\n className={classNames(styles['VisuallyHidden'], className)}\n ref={getRootRef}\n />\n );\n};\n"],"names":["React","classNames","styles","VisuallyHidden","Component","getRootRef","className","restProps","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,OAAOC,YAAY,8BAA8B;AAOjD;;;;;;CAMC,GACD,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,WAAY,OAAM,EAClBC,WAAU,EACVC,UAAS,EACT,GAAGC,WACiB~~,GAAK~~;~~IACzB~~,qBACE,oBAACH;QACE,GAAGG,SAAS;QACbD,WAAWL,WAAWC,MAAM,CAAC,iBAAiB,EAAEI;QAChDE,KAAKH;;AAGX,EAAE"}
1	+ {"version":3,"sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasComponent, HasRootRef } from '../../types';\nimport styles from './VisuallyHidden.module.css';\n\ninterface VisuallyHiddenProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent {}\n\n/*\n Компонент-обертка. Позволяет скрыть контент визуально, но оставить его\n * доступным для ассистивных технологий. По умолчанию — `span`.\n \n @since v5.4.0\n * @see https://vkcom.github.io/VKUI/#/VisuallyHidden\n */\nexport const VisuallyHidden = ({\n Component = 'span',\n getRootRef,\n className,\n ...restProps\n}: VisuallyHiddenProps) => {\n return (\n <Component\n {...restProps}\n className={classNames(styles['VisuallyHidden'], className)}\n ref={getRootRef}\n />\n );\n};\n"],"names":["React","classNames","styles","VisuallyHidden","Component","getRootRef","className","restProps","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,OAAOC,YAAY,8BAA8B;AAOjD;;;;;;CAMC,GACD,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,WAAY,OAAM,EAClBC,WAAU,EACVC,UAAS,EACT,GAAGC,WACiB;IACpB,qBACE,oBAACH;QACE,GAAGG,SAAS;QACbD,WAAWL,WAAWC,MAAM,CAAC,iBAAiB,EAAEI;QAChDE,KAAKH;;AAGX,EAAE"}

package/dist/cssm/components/VisuallyHidden/VisuallyHidden.module.css CHANGED Viewed

@@ -1,3 +1,4 @@
+/* stylelint-disable declaration-no-important */
 .VisuallyHidden {
   position: absolute !important;
   height: 1px !important;
@@ -12,3 +13,4 @@
   border: 0 !important;
   opacity: 0;
 }
+/* stylelint-enable declaration-no-important */

package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts CHANGED Viewed

@@ -8,4 +8,4 @@ export interface VisuallyHiddenInputProps extends React.InputHTMLAttributes<HTML
  * Компонент устарел и будет удален в v6. Используйте
  * `<VisuallyHidden Component="input" />`
  */
-export declare const VisuallyHiddenInput: ({ getRef, className, ...restProps }: VisuallyHiddenInputProps) => JSX.Element;
+export declare const VisuallyHiddenInput: ({ getRef, className, ...restProps }: VisuallyHiddenInputProps) => React.JSX.Element;

package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/VisuallyHiddenInput/VisuallyHiddenInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRef } from '../../types';\nimport styles from './VisuallyHiddenInput.module.css';\n\nconst warn = warnOnce('VisuallyHiddenInput');\nexport interface VisuallyHiddenInputProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement> {}\n/*\n @deprecated v5.4.0\n \n Компонент устарел и будет удален в v6. Используйте\n * `<VisuallyHidden Component=\"input\" />`\n */\nexport const VisuallyHiddenInput = ({\n getRef,\n className,\n ...restProps\n}: VisuallyHiddenInputProps) => {\n if (process.env.NODE_ENV === 'development') {\n warn(\n 'Компонент устарел и будет удален в v6. Используйте https://vkcom.github.io/VKUI/#/VisuallyHidden',\n );\n }\n\n return (\n <input\n {...restProps}\n className={classNames(styles['VisuallyHiddenInput'], className)}\n ref={getRef}\n />\n );\n};\n"],"names":["React","classNames","warnOnce","styles","warn","VisuallyHiddenInput","getRef","className","restProps","process","env","NODE_ENV","input","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,OAAOC,YAAY,mCAAmC;AAEtD,MAAMC,OAAOF,SAAS;AAItB;;;;;CAKC,GACD,OAAO,MAAMG,sBAAsB,CAAC,EAClCC,OAAM,EACNC,UAAS,EACT,GAAGC,WACsB~~,GAAK~~;~~IAC9B~~,IAAIC,QAAQC,~~GAAG~~,~~CAACC~~,~~QAAQ,KAAK,~~eAAe;QAC1CP,KACE;IAEJ~~,CAAC~~;~~IAED~~,qBACE,oBAACQ;QACE,GAAGJ,SAAS;QACbD,WAAWN,WAAWE,MAAM,CAAC,sBAAsB,EAAEI;QACrDM,KAAKP;;AAGX,EAAE"}
1	+ {"version":3,"sources":["../../../../src/components/VisuallyHiddenInput/VisuallyHiddenInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRef } from '../../types';\nimport styles from './VisuallyHiddenInput.module.css';\n\nconst warn = warnOnce('VisuallyHiddenInput');\nexport interface VisuallyHiddenInputProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement> {}\n/*\n @deprecated v5.4.0\n \n Компонент устарел и будет удален в v6. Используйте\n * `<VisuallyHidden Component=\"input\" />`\n */\nexport const VisuallyHiddenInput = ({\n getRef,\n className,\n ...restProps\n}: VisuallyHiddenInputProps) => {\n if (process.env.NODE_ENV === 'development') {\n warn(\n 'Компонент устарел и будет удален в v6. Используйте https://vkcom.github.io/VKUI/#/VisuallyHidden',\n );\n }\n\n return (\n <input\n {...restProps}\n className={classNames(styles['VisuallyHiddenInput'], className)}\n ref={getRef}\n />\n );\n};\n"],"names":["React","classNames","warnOnce","styles","warn","VisuallyHiddenInput","getRef","className","restProps","process","env","NODE_ENV","input","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,OAAOC,YAAY,mCAAmC;AAEtD,MAAMC,OAAOF,SAAS;AAItB;;;;;CAKC,GACD,OAAO,MAAMG,sBAAsB,CAAC,EAClCC,OAAM,EACNC,UAAS,EACT,GAAGC,WACsB;IACzB,IAAIC,QAAQC,IAAIC,aAAa,eAAe;QAC1CP,KACE;IAEJ;IAEA,qBACE,oBAACQ;QACE,GAAGJ,SAAS;QACbD,WAAWN,WAAWE,MAAM,CAAC,sBAAsB,EAAEI;QACrDM,KAAKP;;AAGX,EAAE"}

package/dist/cssm/components/WriteBar/WriteBar.d.ts CHANGED Viewed

@@ -26,4 +26,4 @@ export interface WriteBarProps extends React.TextareaHTMLAttributes<HTMLTextArea
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBar
  */
-export declare const WriteBar: ({ className, style, before, inlineAfter, after, getRootRef, getRef, onHeightChange, shadow, defaultValue, ...restProps }: WriteBarProps) => JSX.Element;
+export declare const WriteBar: ({ className, style, before, inlineAfter, after, getRootRef, getRef, onHeightChange, shadow, defaultValue, ...restProps }: WriteBarProps) => React.JSX.Element;

package/dist/cssm/components/WriteBar/WriteBar.js CHANGED Viewed

@@ -5,7 +5,19 @@ import { useExternRef } from '../../hooks/useExternRef';
 import { usePlatform } from '../../hooks/usePlatform';
 import { Platform } from '../../lib/platform';
 import { Headline } from '../Typography/Headline/Headline';
+import { Title } from '../Typography/Title/Title';
 import styles from './WriteBar.module.css';
+const WriteBarTypography = (props)=>{
+    const platform = usePlatform();
+    if (platform === Platform.IOS) {
+        return /*#__PURE__*/ React.createElement(Title, {
+            ...props,
+            level: "3",
+            weight: "3"
+        });
+    }
+    return /*#__PURE__*/ React.createElement(Headline, props);
+};
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBar
  */ export const WriteBar = ({ className , style , before , inlineAfter , after , getRootRef , getRef , onHeightChange , shadow =false , defaultValue , ...restProps })=>{
@@ -35,7 +47,8 @@ import styles from './WriteBar.module.css';
     ]);
     React.useEffect(resize, [
         resize,
-        value
+        value,
+        platform
     ]);
     return /*#__PURE__*/ React.createElement("div", {
         ref: getRootRef,
@@ -47,7 +60,7 @@ import styles from './WriteBar.module.css';
         className: styles['WriteBar__before']
     }, before), /*#__PURE__*/ React.createElement("div", {
         className: styles['WriteBar__formIn']
-    }, /*#__PURE__*/ React.createElement(Headline, {
+    }, /*#__PURE__*/ React.createElement(WriteBarTypography, {
         ...restProps,
         Component: "textarea",
         className: styles['WriteBar__textarea'],

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { Headline } from '../Typography/Headline/Headline';\nimport styles from './WriteBar.module.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 Добавляет тень вокруг поля ввода\n /\n shadow?: boolean;\n\n children?: never;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n className,\n style,\n before,\n inlineAfter,\n after,\n getRootRef,\n getRef,\n onHeightChange,\n shadow = false,\n defaultValue,\n ...restProps\n}: WriteBarProps) => {\n const platform = usePlatform();\n\n const [value, onChange] = useEnsuredControl({\n defaultValue,\n ...restProps,\n });\n\n const textareaRef = useExternRef(getRef);\n const currentScrollHeight = React.useRef<number>();\n\n const resize = React.useCallback(() => {\n const textareaEl = textareaRef.current;\n if (!textareaEl) {\n return;\n }\n\n if (textareaEl.offsetParent) {\n textareaEl.style.height = '';\n textareaEl.style.height = `${textareaEl.scrollHeight}px`;\n\n if (textareaEl.scrollHeight !== currentScrollHeight.current && onHeightChange) {\n onHeightChange();\n currentScrollHeight.current = textareaEl.scrollHeight;\n }\n }\n }, [onHeightChange, textareaRef]);\n\n React.useEffect(resize, [resize, value]);\n\n return (\n <div\n ref={getRootRef}\n className={classNames(\n styles['WriteBar'],\n platform === Platform.IOS && styles['WriteBar--ios'],\n shadow && styles['WriteBar--shadow'],\n className,\n )}\n style={style}\n >\n <div className={styles['WriteBar__form']}>\n {hasReactNode(before) && <div className={styles['WriteBar__before']}>{before}</div>}\n\n <div className={styles['WriteBar__formIn']}>\n <~~Headline~~\n {...restProps}\n Component=\"textarea\"\n className={styles['WriteBar__textarea']}\n onChange={onChange}\n getRootRef={textareaRef}\n value={value}\n />\n {hasReactNode(inlineAfter) && (\n <div className={styles['WriteBar__inlineAfter']}>{inlineAfter}</div>\n )}\n </div>\n\n {hasReactNode(after) && <div className={styles['WriteBar__after']}>{after}</div>}\n </div>\n </div>\n );\n};\n"],"names":["React","classNames","hasReactNode","useEnsuredControl","useExternRef","usePlatform","Platform","Headline","styles","WriteBar","className","style","before","inlineAfter","after","getRootRef","getRef","onHeightChange","shadow","defaultValue","restProps","~~platform","~~value","onChange","textareaRef","currentScrollHeight","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","useEffect","div","ref","~~IOS","~~Component"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,OAAOC,YAAY,wBAAwB;AA8B3C;;CAEC,GACD,OAAO,~~MAAMC~~,WAAW,CAAC,EACvBC,UAAS,EACTC,MAAK,EACLC,OAAM,EACNC,YAAW,EACXC,MAAK,EACLC,WAAU,EACVC,OAAM,EACNC,eAAc,EACdC,QAAS,~~KAAK~~,~~CAAA,~~EACdC,aAAY,EACZ,GAAGC,WACW~~,GAAK~~;~~IACnB~~,~~MAAMC~~,~~WAAWhB~~;IAEjB,MAAM,~~CAACiB~~,OAAOC,SAAS,~~GAAGpB~~,kBAAkB;~~QAC1CgB~~;QACA,GAAGC,SAAS;IACd;IAEA,~~MAAMI~~,~~cAAcpB~~,~~aAAaY~~;IACjC,~~MAAMS~~,~~sBAAsBzB~~,~~MAAM0B,MAAM~~;~~IAExC~~,MAAMC,~~SAAS3B~~,~~MAAM4B~~,~~WAAW,CAAC,IAAM~~;~~QACrC~~,MAAMC,aAAaL,YAAYM~~,OAAO~~;~~QACtC~~,IAAI,CAACD,YAAY;YACf;QACF~~,CAAC~~;~~QAED~~,IAAIA,WAAWE,~~YAAY,EAAE~~;YAC3BF,~~WAAWlB~~,~~KAAK~~,~~CAACqB,MAAM,GAAG~~;YAC1BH,~~WAAWlB~~,~~KAAK~~,~~CAACqB~~,~~MAAM,GAAG,~~CAAC,EAAEH,WAAWI,~~YAAY~~,~~CAAC,~~EAAE,CAAC;YAExD,IAAIJ,WAAWI,~~YAAY~~,~~KAAKR,~~oBAAoBK,~~OAAO~~,~~IAAIb,~~gBAAgB;gBAC7EA;~~gBACAQ~~,oBAAoBK,~~OAAO~~,~~GAAGD,~~WAAWI~~,YAAY~~;~~YACvD,CAAC~~;~~QACH,CAAC~~;~~IACH~~,GAAG;~~QAAChB~~;~~QAAgBO~~;KAAY;~~IAEhCxB~~,~~MAAMkC~~,~~SAAS~~,~~CAACP,~~QAAQ;QAACA;QAAQL;~~KAAM~~;~~IAEvC~~,qBACE,~~oBAACa~~;QACCC,~~KAAKrB~~;QACLL,~~WAAWT~~,~~WACTO~~,MAAM,CAAC,WAAW,~~EAClBa~~,~~aAAaf~~,~~SAAS+B~~,~~GAAG~~,~~IAAI7B,~~MAAM,CAAC,gBAAgB,~~EACpDU~~,~~UAAUV~~,MAAM,CAAC,mBAAmB,~~EACpCE~~;QAEFC,OAAOA;qBAEP,~~oBAACwB~~;~~QAAIzB~~,~~WAAWF~~,MAAM,CAAC,iBAAiB;~~OACrCN~~,~~aAAaU~~,yBAAW,~~oBAACuB~~;~~QAAIzB~~,~~WAAWF~~,MAAM,CAAC,mBAAmB;~~OAAGI~~,uBAEtE,~~oBAACuB~~;~~QAAIzB~~,~~WAAWF~~,MAAM,CAAC,mBAAmB;qBACxC,~~oBAACD~~;QACE,~~GAAGa~~,SAAS;~~QACbkB~~,WAAU;~~QACV5B~~,~~WAAWF~~,MAAM,CAAC,qBAAqB;~~QACvCe~~,UAAUA;~~QACVR~~,~~YAAYS~~;QACZF,OAAOA;~~QAERpB~~,~~aAAaW~~,8BACZ,~~oBAACsB~~;~~QAAIzB~~,~~WAAWF~~,MAAM,CAAC,wBAAwB;~~OAAGK~~,~~eAIrDX~~,~~aAAaY~~,wBAAU,~~oBAACqB~~;~~QAAIzB~~,~~WAAWF~~,MAAM,CAAC,kBAAkB;~~OAAGM~~;AAI5E,EAAE"}
1	+ {"version":3,"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport { TypographyProps } from '../Typography/Typography';\nimport styles from './WriteBar.module.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 Добавляет тень вокруг поля ввода\n /\n shadow?: boolean;\n\n children?: never;\n}\n\nconst WriteBarTypography = (props: TypographyProps) => {\n const platform = usePlatform();\n\n if (platform === Platform.IOS) {\n return <Title {...props} level=\"3\" weight=\"3\" />;\n }\n\n return <Headline {...props} />;\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n className,\n style,\n before,\n inlineAfter,\n after,\n getRootRef,\n getRef,\n onHeightChange,\n shadow = false,\n defaultValue,\n ...restProps\n}: WriteBarProps) => {\n const platform = usePlatform();\n\n const [value, onChange] = useEnsuredControl({\n defaultValue,\n ...restProps,\n });\n\n const textareaRef = useExternRef(getRef);\n const currentScrollHeight = React.useRef<number>();\n\n const resize = React.useCallback(() => {\n const textareaEl = textareaRef.current;\n if (!textareaEl) {\n return;\n }\n\n if (textareaEl.offsetParent) {\n textareaEl.style.height = '';\n textareaEl.style.height = `${textareaEl.scrollHeight}px`;\n\n if (textareaEl.scrollHeight !== currentScrollHeight.current && onHeightChange) {\n onHeightChange();\n currentScrollHeight.current = textareaEl.scrollHeight;\n }\n }\n }, [onHeightChange, textareaRef]);\n\n React.useEffect(resize, [resize, value, platform]);\n\n return (\n <div\n ref={getRootRef}\n className={classNames(\n styles['WriteBar'],\n platform === Platform.IOS && styles['WriteBar--ios'],\n shadow && styles['WriteBar--shadow'],\n className,\n )}\n style={style}\n >\n <div className={styles['WriteBar__form']}>\n {hasReactNode(before) && <div className={styles['WriteBar__before']}>{before}</div>}\n\n <div className={styles['WriteBar__formIn']}>\n <WriteBarTypography\n {...restProps}\n Component=\"textarea\"\n className={styles['WriteBar__textarea']}\n onChange={onChange}\n getRootRef={textareaRef}\n value={value}\n />\n {hasReactNode(inlineAfter) && (\n <div className={styles['WriteBar__inlineAfter']}>{inlineAfter}</div>\n )}\n </div>\n\n {hasReactNode(after) && <div className={styles['WriteBar__after']}>{after}</div>}\n </div>\n </div>\n );\n};\n"],"names":["React","classNames","hasReactNode","useEnsuredControl","useExternRef","usePlatform","Platform","Headline","Title","styles","WriteBarTypography","props","platform","IOS","level","weight","WriteBar","className","style","before","inlineAfter","after","getRootRef","getRef","onHeightChange","shadow","defaultValue","restProps","value","onChange","textareaRef","currentScrollHeight","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","useEffect","div","ref","Component"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,KAAK,QAAQ,4BAA4B;AAElD,OAAOC,YAAY,wBAAwB;AA8B3C,MAAMC,qBAAqB,CAACC;IAC1B,MAAMC,WAAWP;IAEjB,IAAIO,aAAaN,SAASO,KAAK;QAC7B,qBAAO,oBAACL;YAAO,GAAGG,KAAK;YAAEG,OAAM;YAAIC,QAAO;;IAC5C;IAEA,qBAAO,oBAACR,UAAaI;AACvB;AAEA;;CAEC,GACD,OAAO,MAAMK,WAAW,CAAC,EACvBC,UAAS,EACTC,MAAK,EACLC,OAAM,EACNC,YAAW,EACXC,MAAK,EACLC,WAAU,EACVC,OAAM,EACNC,eAAc,EACdC,QAAS,MAAK,EACdC,aAAY,EACZ,GAAGC,WACW;IACd,MAAMf,WAAWP;IAEjB,MAAM,CAACuB,OAAOC,SAAS,GAAG1B,kBAAkB;QAC1CuB;QACA,GAAGC,SAAS;IACd;IAEA,MAAMG,cAAc1B,aAAamB;IACjC,MAAMQ,sBAAsB/B,MAAMgC;IAElC,MAAMC,SAASjC,MAAMkC,YAAY;QAC/B,MAAMC,aAAaL,YAAYM;QAC/B,IAAI,CAACD,YAAY;YACf;QACF;QAEA,IAAIA,WAAWE,cAAc;YAC3BF,WAAWjB,MAAMoB,SAAS;YAC1BH,WAAWjB,MAAMoB,SAAS,CAAC,EAAEH,WAAWI,aAAa,EAAE,CAAC;YAExD,IAAIJ,WAAWI,iBAAiBR,oBAAoBK,WAAWZ,gBAAgB;gBAC7EA;gBACAO,oBAAoBK,UAAUD,WAAWI;YAC3C;QACF;IACF,GAAG;QAACf;QAAgBM;KAAY;IAEhC9B,MAAMwC,UAAUP,QAAQ;QAACA;QAAQL;QAAOhB;KAAS;IAEjD,qBACE,oBAAC6B;QACCC,KAAKpB;QACLL,WAAWhB,WACTQ,MAAM,CAAC,WAAW,EAClBG,aAAaN,SAASO,OAAOJ,MAAM,CAAC,gBAAgB,EACpDgB,UAAUhB,MAAM,CAAC,mBAAmB,EACpCQ;QAEFC,OAAOA;qBAEP,oBAACuB;QAAIxB,WAAWR,MAAM,CAAC,iBAAiB;OACrCP,aAAaiB,yBAAW,oBAACsB;QAAIxB,WAAWR,MAAM,CAAC,mBAAmB;OAAGU,uBAEtE,oBAACsB;QAAIxB,WAAWR,MAAM,CAAC,mBAAmB;qBACxC,oBAACC;QACE,GAAGiB,SAAS;QACbgB,WAAU;QACV1B,WAAWR,MAAM,CAAC,qBAAqB;QACvCoB,UAAUA;QACVP,YAAYQ;QACZF,OAAOA;QAER1B,aAAakB,8BACZ,oBAACqB;QAAIxB,WAAWR,MAAM,CAAC,wBAAwB;OAAGW,eAIrDlB,aAAamB,wBAAU,oBAACoB;QAAIxB,WAAWR,MAAM,CAAC,kBAAkB;OAAGY;AAI5E,EAAE"}

package/dist/cssm/components/WriteBar/WriteBar.module.css CHANGED Viewed

@@ -31,7 +31,7 @@
   min-width: 0;
   margin: 0;
   background: transparent;
-  border: none;
+  border: 0;
   resize: none;
   color: var(--vkui--color_text_primary);
   -webkit-appearance: none;
@@ -88,6 +88,10 @@
  * iOS
  */
+.WriteBar--ios {
+  background: var(--vkui--color_background_content);
+}
 .WriteBar--ios .WriteBar__before,
 .WriteBar--ios .WriteBar__after {
   padding: 0 4px;
@@ -106,14 +110,16 @@
 }
 .WriteBar--ios .WriteBar__inlineAfter {
-  margin-right: -1px;
-  margin-top: -9px;
-  margin-bottom: -9px;
+  /* чтобы правильно выровнять иконку, нужно учитывать border */
+  --vkui_internal--writebar-right-gap: calc(-1 * var(--vkui_internal--thin_border));
+  --vkui_internal--writebar-vertical-gap: calc(var(--vkui_internal--writebar-right-gap) - 8px);
+  margin-right: var(--vkui_internal--writebar-right-gap);
+  margin-top: var(--vkui_internal--writebar-vertical-gap);
+  margin-bottom: var(--vkui_internal--writebar-vertical-gap);
 }
 .WriteBar--ios .WriteBar__textarea {
-  height: 34px;
-  padding: 6px 11px;
-  font-size: 17px;
-  line-height: 22px;
+  height: 36px;
+  padding: 6px 0 6px 12px;
 }

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

@@ -17,4 +17,4 @@ export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButton
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBarIcon
  */
-export declare const WriteBarIcon: ({ mode, children, count, className, ...restProps }: WriteBarIconProps) => JSX.Element;
+export declare const WriteBarIcon: ({ mode, children, count, className, ...restProps }: WriteBarIconProps) => React.JSX.Element;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n Icon24Attach,\n Icon24CheckCircleOutline,\n Icon24Send,\n Icon28AddCircleOutline,\n Icon28AttachOutline,\n Icon28CheckCircleOutline,\n Icon28Send,\n Icon48WritebarDone,\n Icon48WritebarSend,\n} from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';\nimport { AdaptiveIconRenderer } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { Counter } from '../Counter/Counter';\nimport { Tappable } from '../Tappable/Tappable';\nimport styles from './WriteBarIcon.module.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');\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n */\nexport const WriteBarIcon = ({\n mode,\n children,\n count,\n className,\n ...restProps\n}: WriteBarIconProps) => {\n const platform = usePlatform();\n let modeLabel: string \| undefined = undefined;\n\n let predefinedIcons;\n switch (mode) {\n case 'attach':\n predefinedIcons = {\n IconCompact: platform === Platform.IOS ? Icon28AddCircleOutline : Icon24Attach,\n IconRegular: platform === Platform.IOS ? Icon28AddCircleOutline : Icon28AttachOutline,\n };\n modeLabel = 'Прикрепить файл';\n break;\n\n case 'send':\n predefinedIcons = {\n IconCompact: platform === Platform.IOS ? Icon48WritebarSend : Icon24Send,\n IconRegular: platform === Platform.IOS ? Icon48WritebarSend : Icon28Send,\n };\n modeLabel = 'Отправить';\n break;\n\n case 'done':\n predefinedIcons = {\n IconCompact: platform === Platform.IOS ? Icon48WritebarDone : Icon24CheckCircleOutline,\n IconRegular: platform === Platform.IOS ? Icon48WritebarDone : Icon28CheckCircleOutline,\n };\n modeLabel = 'Готово';\n break;\n\n default:\n break;\n }\n\n if (process.env.NODE_ENV === 'development') {\n const isAccessible = !modeLabel && (!restProps['aria-label'] \|\| restProps['aria-labelledby']);\n\n if (!isAccessible) {\n warn(COMMON_WARNINGS.a11y['button-name'], 'error');\n }\n }\n\n return (\n <Tappable\n aria-label={modeLabel}\n {...restProps}\n Component=\"button\"\n hasHover={false}\n activeMode={styles['WriteBarIcon__active']}\n className={classNames(\n styles['WriteBarIcon'],\n platform === Platform.IOS && styles['WriteBarIcon--ios'],\n mode === 'send' && styles['WriteBarIcon--mode-send'],\n mode === 'done' && styles['WriteBarIcon--mode-done'],\n className,\n )}\n >\n <span className={styles['WriteBarIcon__in']}>\n {predefinedIcons ? <AdaptiveIconRenderer {...predefinedIcons} /> : children}\n </span>\n {hasReactNode(count) && (\n <Counter className={styles['WriteBarIcon__counter']} size=\"s\">\n {count}\n </Counter>\n )}\n </Tappable>\n );\n};\n"],"names":["React","Icon24Attach","Icon24CheckCircleOutline","Icon24Send","Icon28AddCircleOutline","Icon28AttachOutline","Icon28CheckCircleOutline","Icon28Send","Icon48WritebarDone","Icon48WritebarSend","classNames","hasReactNode","usePlatform","Platform","COMMON_WARNINGS","warnOnce","AdaptiveIconRenderer","Counter","Tappable","styles","warn","WriteBarIcon","mode","children","count","className","restProps","platform","modeLabel","undefined","predefinedIcons","IconCompact","IOS","IconRegular","process","env","NODE_ENV","isAccessible","a11y","aria-label","Component","hasHover","activeMode","span","size"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,YAAY,EACZC,wBAAwB,EACxBC,UAAU,EACVC,sBAAsB,EACtBC,mBAAmB,EACnBC,wBAAwB,EACxBC,UAAU,EACVC,kBAAkB,EAClBC,kBAAkB,QACb,mBAAmB;AAC1B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,eAAe,EAAEC,QAAQ,QAAQ,qBAAqB;AAC/D,SAASC,oBAAoB,QAAQ,+CAA+C;AACpF,SAASC,OAAO,QAAQ,qBAAqB;AAC7C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,OAAOC,YAAY,4BAA4B;AAkB/C,MAAMC,OAAOL,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMM,eAAe,CAAC,EAC3BC,KAAI,EACJC,SAAQ,EACRC,MAAK,EACLC,UAAS,EACT,GAAGC,WACe~~,GAAK~~;~~IACvB~~,MAAMC,WAAWf;IACjB,IAAIgB,YAAgCC;IAEpC,IAAIC;IACJ,OAAQR;QACN,KAAK;YACHQ,kBAAkB;gBAChBC,aAAaJ,aAAad,SAASmB,~~GAAG~~,~~GAAG5B,~~yBAAyBH~~,YAAY~~;~~gBAC9EgC~~,aAAaN,aAAad,SAASmB,~~GAAG~~,~~GAAG5B,~~yBAAyBC~~,mBAAmB~~;~~YACvF~~;YACAuB,YAAY;YACZ~~,KAAM~~;~~QAER~~,KAAK;YACHE,kBAAkB;gBAChBC,aAAaJ,aAAad,SAASmB,~~GAAG~~,~~GAAGvB,~~qBAAqBN~~,UAAU~~;~~gBACxE8B~~,aAAaN,aAAad,SAASmB,~~GAAG~~,~~GAAGvB,~~qBAAqBF~~,UAAU~~;~~YAC1E~~;YACAqB,YAAY;YACZ~~,KAAM~~;~~QAER~~,KAAK;YACHE,kBAAkB;gBAChBC,aAAaJ,aAAad,SAASmB,~~GAAG~~,~~GAAGxB,~~qBAAqBN~~,wBAAwB~~;~~gBACtF~~+B,aAAaN,aAAad,SAASmB,~~GAAG~~,~~GAAGxB,~~qBAAqBF~~,wBAAwB~~;~~YACxF~~;YACAsB,YAAY;YACZ~~,KAAM~~;~~QAER~~;YACE~~,KAAM~~;~~IACV~~;IAEA,IAAIM,QAAQC,~~GAAG~~,~~CAACC~~,~~QAAQ,KAAK,~~eAAe;QAC1C,MAAMC,eAAe,CAACT,aAAc,CAAA,CAACF,SAAS,CAAC,aAAa,IAAIA,SAAS,CAAC,kBAAkB,AAAD;QAE3F,IAAI,CAACW,cAAc;YACjBjB,KAAKN,gBAAgBwB,IAAI,CAAC,cAAc,EAAE;QAC5C~~,CAAC~~;~~IACH,CAAC~~;~~IAED~~,qBACE,oBAACpB;QACCqB,cAAYX;QACX,GAAGF,SAAS;QACbc,WAAU;QACVC,UAAU~~,KAAK~~;~~QACfC~~,YAAYvB,MAAM,CAAC,uBAAuB;QAC1CM,WAAWf,WACTS,MAAM,CAAC,eAAe,EACtBQ,aAAad,SAASmB,~~GAAG~~,~~IAAIb,~~MAAM,CAAC,oBAAoB,EACxDG,SAAS,UAAUH,MAAM,CAAC,0BAA0B,EACpDG,SAAS,UAAUH,MAAM,CAAC,0BAA0B,EACpDM;qBAGF,oBAACkB;QAAKlB,WAAWN,MAAM,CAAC,mBAAmB;OACxCW,gCAAkB,oBAACd,sBAAyBc,mBAAsBP,~~QAAQ~~,~~GAE5EZ,~~aAAaa,wBACZ,oBAACP;QAAQQ,WAAWN,MAAM,CAAC,wBAAwB;QAAEyB,MAAK;OACvDpB;AAKX,EAAE"}
1	+ {"version":3,"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n Icon24Attach,\n Icon24CheckCircleOutline,\n Icon24Send,\n Icon28AddCircleOutline,\n Icon28AttachOutline,\n Icon28CheckCircleOutline,\n Icon28Send,\n Icon48WritebarDone,\n Icon48WritebarSend,\n} from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';\nimport { AdaptiveIconRenderer } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { Counter } from '../Counter/Counter';\nimport { Tappable } from '../Tappable/Tappable';\nimport styles from './WriteBarIcon.module.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');\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n */\nexport const WriteBarIcon = ({\n mode,\n children,\n count,\n className,\n ...restProps\n}: WriteBarIconProps) => {\n const platform = usePlatform();\n let modeLabel: string \| undefined = undefined;\n\n let predefinedIcons;\n switch (mode) {\n case 'attach':\n predefinedIcons = {\n IconCompact: platform === Platform.IOS ? Icon28AddCircleOutline : Icon24Attach,\n IconRegular: platform === Platform.IOS ? Icon28AddCircleOutline : Icon28AttachOutline,\n };\n modeLabel = 'Прикрепить файл';\n break;\n\n case 'send':\n predefinedIcons = {\n IconCompact: platform === Platform.IOS ? Icon48WritebarSend : Icon24Send,\n IconRegular: platform === Platform.IOS ? Icon48WritebarSend : Icon28Send,\n };\n modeLabel = 'Отправить';\n break;\n\n case 'done':\n predefinedIcons = {\n IconCompact: platform === Platform.IOS ? Icon48WritebarDone : Icon24CheckCircleOutline,\n IconRegular: platform === Platform.IOS ? Icon48WritebarDone : Icon28CheckCircleOutline,\n };\n modeLabel = 'Готово';\n break;\n\n default:\n break;\n }\n\n if (process.env.NODE_ENV === 'development') {\n const isAccessible = !modeLabel && (!restProps['aria-label'] \|\| restProps['aria-labelledby']);\n\n if (!isAccessible) {\n warn(COMMON_WARNINGS.a11y['button-name'], 'error');\n }\n }\n\n return (\n <Tappable\n aria-label={modeLabel}\n {...restProps}\n Component=\"button\"\n hasHover={false}\n activeMode={styles['WriteBarIcon__active']}\n className={classNames(\n styles['WriteBarIcon'],\n platform === Platform.IOS && styles['WriteBarIcon--ios'],\n mode === 'send' && styles['WriteBarIcon--mode-send'],\n mode === 'done' && styles['WriteBarIcon--mode-done'],\n className,\n )}\n >\n <span className={styles['WriteBarIcon__in']}>\n {predefinedIcons ? <AdaptiveIconRenderer {...predefinedIcons} /> : children}\n </span>\n {hasReactNode(count) && (\n <Counter className={styles['WriteBarIcon__counter']} size=\"s\">\n {count}\n </Counter>\n )}\n </Tappable>\n );\n};\n"],"names":["React","Icon24Attach","Icon24CheckCircleOutline","Icon24Send","Icon28AddCircleOutline","Icon28AttachOutline","Icon28CheckCircleOutline","Icon28Send","Icon48WritebarDone","Icon48WritebarSend","classNames","hasReactNode","usePlatform","Platform","COMMON_WARNINGS","warnOnce","AdaptiveIconRenderer","Counter","Tappable","styles","warn","WriteBarIcon","mode","children","count","className","restProps","platform","modeLabel","undefined","predefinedIcons","IconCompact","IOS","IconRegular","process","env","NODE_ENV","isAccessible","a11y","aria-label","Component","hasHover","activeMode","span","size"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,YAAY,EACZC,wBAAwB,EACxBC,UAAU,EACVC,sBAAsB,EACtBC,mBAAmB,EACnBC,wBAAwB,EACxBC,UAAU,EACVC,kBAAkB,EAClBC,kBAAkB,QACb,mBAAmB;AAC1B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,eAAe,EAAEC,QAAQ,QAAQ,qBAAqB;AAC/D,SAASC,oBAAoB,QAAQ,+CAA+C;AACpF,SAASC,OAAO,QAAQ,qBAAqB;AAC7C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,OAAOC,YAAY,4BAA4B;AAkB/C,MAAMC,OAAOL,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMM,eAAe,CAAC,EAC3BC,KAAI,EACJC,SAAQ,EACRC,MAAK,EACLC,UAAS,EACT,GAAGC,WACe;IAClB,MAAMC,WAAWf;IACjB,IAAIgB,YAAgCC;IAEpC,IAAIC;IACJ,OAAQR;QACN,KAAK;YACHQ,kBAAkB;gBAChBC,aAAaJ,aAAad,SAASmB,MAAM5B,yBAAyBH;gBAClEgC,aAAaN,aAAad,SAASmB,MAAM5B,yBAAyBC;YACpE;YACAuB,YAAY;YACZ;QAEF,KAAK;YACHE,kBAAkB;gBAChBC,aAAaJ,aAAad,SAASmB,MAAMvB,qBAAqBN;gBAC9D8B,aAAaN,aAAad,SAASmB,MAAMvB,qBAAqBF;YAChE;YACAqB,YAAY;YACZ;QAEF,KAAK;YACHE,kBAAkB;gBAChBC,aAAaJ,aAAad,SAASmB,MAAMxB,qBAAqBN;gBAC9D+B,aAAaN,aAAad,SAASmB,MAAMxB,qBAAqBF;YAChE;YACAsB,YAAY;YACZ;QAEF;YACE;IACJ;IAEA,IAAIM,QAAQC,IAAIC,aAAa,eAAe;QAC1C,MAAMC,eAAe,CAACT,aAAc,CAAA,CAACF,SAAS,CAAC,aAAa,IAAIA,SAAS,CAAC,kBAAkB,AAAD;QAE3F,IAAI,CAACW,cAAc;YACjBjB,KAAKN,gBAAgBwB,IAAI,CAAC,cAAc,EAAE;QAC5C;IACF;IAEA,qBACE,oBAACpB;QACCqB,cAAYX;QACX,GAAGF,SAAS;QACbc,WAAU;QACVC,UAAU;QACVC,YAAYvB,MAAM,CAAC,uBAAuB;QAC1CM,WAAWf,WACTS,MAAM,CAAC,eAAe,EACtBQ,aAAad,SAASmB,OAAOb,MAAM,CAAC,oBAAoB,EACxDG,SAAS,UAAUH,MAAM,CAAC,0BAA0B,EACpDG,SAAS,UAAUH,MAAM,CAAC,0BAA0B,EACpDM;qBAGF,oBAACkB;QAAKlB,WAAWN,MAAM,CAAC,mBAAmB;OACxCW,gCAAkB,oBAACd,sBAAyBc,mBAAsBP,WAEpEZ,aAAaa,wBACZ,oBAACP;QAAQQ,WAAWN,MAAM,CAAC,wBAAwB;QAAEyB,MAAK;OACvDpB;AAKX,EAAE"}

package/dist/cssm/components/WriteBarIcon/WriteBarIcon.module.css CHANGED Viewed

@@ -45,16 +45,24 @@
  */
 .WriteBarIcon--ios {
-  color: var(--vkui--color_icon_accent);
+  color: var(--vkui--color_icon_accent_themed);
 }
 .WriteBarIcon--ios.WriteBarIcon--mode-send,
 .WriteBarIcon--ios.WriteBarIcon--mode-done {
+  color: var(--vkui--color_icon_accent_themed);
   width: 48px;
   padding-left: 0;
   padding-right: 0;
 }
+.WriteBarIcon--ios.WriteBarIcon--mode-send:only-child,
+.WriteBarIcon--ios.WriteBarIcon--mode-done:only-child {
+  /* для одной иконки нужно компенсировать отступы */
+  margin-right: -4px;
+  margin-left: -4px;
+}
 /**
  * Impact:
  * Counter

package/dist/cssm/helpers/appearance.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/appearance.ts"],"sourcesContent":["import { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';\n\nexport enum Scheme {\n BRIGHT_LIGHT = 'bright_light',\n SPACE_GRAY = 'space_gray',\n VKCOM_LIGHT = 'vkcom_light',\n VKCOM_DARK = 'vkcom_dark',\n}\n\nexport type AppearanceScheme = AppearanceSchemeType \| Scheme.VKCOM_DARK \| Scheme.VKCOM_LIGHT;\n\nexport enum Appearance {\n DARK = 'dark',\n LIGHT = 'light',\n}\n\nexport const deriveAppearance = (scheme: AppearanceScheme \| undefined): AppearanceType =>\n scheme === Scheme.SPACE_GRAY \|\| scheme === Scheme.VKCOM_DARK ? 'dark' : 'light';\n\nexport interface VKBridgeConfigData {\n appearance?: AppearanceType;\n scheme: AppearanceScheme;\n}\n\nexport function resolveAppearance(data: VKBridgeConfigData): AppearanceType \| null {\n const { scheme, appearance } = data;\n\n // appearance пока приходит только на IOS и ANDROID\n if (appearance) {\n return appearance;\n }\n\n // Проверяем scheme если appearance не пришел\n return deriveAppearance(scheme);\n}\n"],"names":["Scheme","BRIGHT_LIGHT","SPACE_GRAY","VKCOM_LIGHT","VKCOM_DARK","Appearance","DARK","LIGHT","deriveAppearance","scheme","resolveAppearance","data","appearance"],"mappings":"WAEO;UAAKA,MAAM;IAANA,OACVC,kBAAe;IADLD,OAEVE,gBAAa;IAFHF,OAGVG,iBAAc;IAHJH,OAIVI,gBAAa;GAJHJ,WAAAA;WASL;UAAKK,UAAU;IAAVA,WACVC,UAAO;IADGD,WAEVE,WAAQ;GAFEF,eAAAA;AAKZ,OAAO,MAAMG,mBAAmB,CAACC,SAC/BA,WAAWT,OAAOE,~~UAAU~~,~~IAAIO,~~WAAWT,OAAOI,~~UAAU~~,~~GAAG,~~SAAS,~~OAAO,CAAC~~;AAOlF,OAAO,SAASM,kBAAkBC,IAAwB~~,EAAyB~~;~~IACjF~~,MAAM,EAAEF,OAAM,EAAEG,WAAU,EAAE,GAAGD;IAE/B,mDAAmD;IACnD,IAAIC,YAAY;QACd,OAAOA;IACT~~,CAAC~~;~~IAED~~,6CAA6C;IAC7C,OAAOJ,iBAAiBC;AAC1B~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/helpers/appearance.ts"],"sourcesContent":["import { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';\n\nexport enum Scheme {\n BRIGHT_LIGHT = 'bright_light',\n SPACE_GRAY = 'space_gray',\n VKCOM_LIGHT = 'vkcom_light',\n VKCOM_DARK = 'vkcom_dark',\n}\n\nexport type AppearanceScheme = AppearanceSchemeType \| Scheme.VKCOM_DARK \| Scheme.VKCOM_LIGHT;\n\nexport enum Appearance {\n DARK = 'dark',\n LIGHT = 'light',\n}\n\nexport const deriveAppearance = (scheme: AppearanceScheme \| undefined): AppearanceType =>\n scheme === Scheme.SPACE_GRAY \|\| scheme === Scheme.VKCOM_DARK ? 'dark' : 'light';\n\nexport interface VKBridgeConfigData {\n appearance?: AppearanceType;\n scheme: AppearanceScheme;\n}\n\nexport function resolveAppearance(data: VKBridgeConfigData): AppearanceType \| null {\n const { scheme, appearance } = data;\n\n // appearance пока приходит только на IOS и ANDROID\n if (appearance) {\n return appearance;\n }\n\n // Проверяем scheme если appearance не пришел\n return deriveAppearance(scheme);\n}\n"],"names":["Scheme","BRIGHT_LIGHT","SPACE_GRAY","VKCOM_LIGHT","VKCOM_DARK","Appearance","DARK","LIGHT","deriveAppearance","scheme","resolveAppearance","data","appearance"],"mappings":"WAEO;UAAKA,MAAM;IAANA,OACVC,kBAAe;IADLD,OAEVE,gBAAa;IAFHF,OAGVG,iBAAc;IAHJH,OAIVI,gBAAa;GAJHJ,WAAAA;WASL;UAAKK,UAAU;IAAVA,WACVC,UAAO;IADGD,WAEVE,WAAQ;GAFEF,eAAAA;AAKZ,OAAO,MAAMG,mBAAmB,CAACC,SAC/BA,WAAWT,OAAOE,cAAcO,WAAWT,OAAOI,aAAa,SAAS,QAAQ;AAOlF,OAAO,SAASM,kBAAkBC,IAAwB;IACxD,MAAM,EAAEF,OAAM,EAAEG,WAAU,EAAE,GAAGD;IAE/B,mDAAmD;IACnD,IAAIC,YAAY;QACd,OAAOA;IACT;IAEA,6CAA6C;IAC7C,OAAOJ,iBAAiBC;AAC1B"}

package/dist/cssm/helpers/avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/avatar.ts"],"sourcesContent":["import type { InitialsAvatarNumberGradients } from '../components/Avatar/Avatar';\n\n/*\n Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта\n */\nexport function calcInitialsAvatarColor(objectId: number): InitialsAvatarNumberGradients {\n return ((objectId % 6) + 1) as InitialsAvatarNumberGradients;\n}\n"],"names":["calcInitialsAvatarColor","objectId"],"mappings":"AAEA;;CAEC,GACD,OAAO,SAASA,wBAAwBC,QAAgB~~,EAAiC~~;~~IACvF~~,OAAQ,AAACA,WAAW,IAAK;AAC3B~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/helpers/avatar.ts"],"sourcesContent":["import type { InitialsAvatarNumberGradients } from '../components/Avatar/Avatar';\n\n/*\n Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта\n */\nexport function calcInitialsAvatarColor(objectId: number): InitialsAvatarNumberGradients {\n return ((objectId % 6) + 1) as InitialsAvatarNumberGradients;\n}\n"],"names":["calcInitialsAvatarColor","objectId"],"mappings":"AAEA;;CAEC,GACD,OAAO,SAASA,wBAAwBC,QAAgB;IACtD,OAAQ,AAACA,WAAW,IAAK;AAC3B"}

package/dist/cssm/helpers/generateVKUITokensClassName.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/generateVKUITokensClassName.ts"],"sourcesContent":["import { Platform } from '../lib/platform';\n\nexport const generateVKUITokensClassName = (platform: string, appearance: string): string => {\n let tokensPlatform;\n switch (platform) {\n case Platform.ANDROID:\n tokensPlatform = 'vkBase';\n break;\n case Platform.IOS:\n tokensPlatform = 'vkIOS';\n break;\n case Platform.VKCOM:\n tokensPlatform = 'vkCom';\n break;\n default:\n tokensPlatform = platform;\n }\n\n return `vkui--${tokensPlatform}--${appearance}`;\n};\n"],"names":["Platform","generateVKUITokensClassName","platform","appearance","tokensPlatform","ANDROID","IOS","VKCOM"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,kBAAkB;AAE3C,OAAO,MAAMC,8BAA8B,CAACC,UAAkBC~~,aAA+B~~;~~IAC3F~~,IAAIC;IACJ,OAAQF;QACN,KAAKF,SAASK~~,OAAO~~;~~YACnBD~~,iBAAiB;YACjB~~,KAAM~~;~~QACR~~,KAAKJ,SAASM~~,GAAG~~;~~YACfF~~,iBAAiB;YACjB~~,KAAM~~;~~QACR~~,KAAKJ,SAASO~~,KAAK~~;~~YACjBH~~,iBAAiB;YACjB~~,KAAM~~;~~QACR~~;YACEA,iBAAiBF;IACrB;IAEA,OAAO,CAAC,MAAM,EAAEE,eAAe,EAAE,EAAED,WAAW,CAAC;AACjD,EAAE"}
1	+ {"version":3,"sources":["../../../src/helpers/generateVKUITokensClassName.ts"],"sourcesContent":["import { Platform } from '../lib/platform';\n\nexport const generateVKUITokensClassName = (platform: string, appearance: string): string => {\n let tokensPlatform;\n switch (platform) {\n case Platform.ANDROID:\n tokensPlatform = 'vkBase';\n break;\n case Platform.IOS:\n tokensPlatform = 'vkIOS';\n break;\n case Platform.VKCOM:\n tokensPlatform = 'vkCom';\n break;\n default:\n tokensPlatform = platform;\n }\n\n return `vkui--${tokensPlatform}--${appearance}`;\n};\n"],"names":["Platform","generateVKUITokensClassName","platform","appearance","tokensPlatform","ANDROID","IOS","VKCOM"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,kBAAkB;AAE3C,OAAO,MAAMC,8BAA8B,CAACC,UAAkBC;IAC5D,IAAIC;IACJ,OAAQF;QACN,KAAKF,SAASK;YACZD,iBAAiB;YACjB;QACF,KAAKJ,SAASM;YACZF,iBAAiB;YACjB;QACF,KAAKJ,SAASO;YACZH,iBAAiB;YACjB;QACF;YACEA,iBAAiBF;IACrB;IAEA,OAAO,CAAC,MAAM,EAAEE,eAAe,EAAE,EAAED,WAAW,CAAC;AACjD,EAAE"}

package/dist/cssm/helpers/getOrDefault.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/getOrDefault.ts"],"sourcesContent":["/*\n Вернёт первый аргумент если он есть, иначе вернёт значение по умолчанию.\n */\nexport function getOrDefault<T>(value: T \| undefined, defaultValue: T): T {\n return value ?? defaultValue;\n}\n"],"names":["getOrDefault","value","defaultValue"],"mappings":"AAAA;;CAEC,GACD,OAAO,SAASA,aAAgBC,KAAoB,EAAEC,YAAe~~,EAAK~~;~~IACxE~~,OAAOD,SAASC;AAClB~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/helpers/getOrDefault.ts"],"sourcesContent":["/*\n Вернёт первый аргумент если он есть, иначе вернёт значение по умолчанию.\n */\nexport function getOrDefault<T>(value: T \| undefined, defaultValue: T): T {\n return value ?? defaultValue;\n}\n"],"names":["getOrDefault","value","defaultValue"],"mappings":"AAAA;;CAEC,GACD,OAAO,SAASA,aAAgBC,KAAoB,EAAEC,YAAe;IACnE,OAAOD,SAASC;AAClB"}

package/dist/cssm/helpers/getPlatformClassName.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/getPlatformClassName.ts"],"sourcesContent":["// TODO [>=6]: удалить этот хеллпер\nimport { platform, PlatformType } from '../lib/platform';\n\n/*\n Подставляйте соответствующий селектор самостоятельно.\n \n @deprecated\n \n /\nexport function getPlatformClassName(base: string, osname?: PlatformType): string;\n/*\n Подставляйте соответствующий селектор самостоятельно.\n \n @deprecated\n /\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n base: keyof Styles,\n osname?: PlatformType,\n styles?: Styles,\n): string \| undefined;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n base: keyof Styles,\n osname: PlatformType = platform(),\n /\n Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n * не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n */\n styles?: Styles,\n): string \| undefined {\n const platformClassName = `${String(base)}--${osname}`;\n return styles ? styles[platformClassName] : platformClassName;\n}\n"],"names":["platform","getPlatformClassName","base","osname","styles","platformClassName","String"],"mappings":"AAAA,mCAAmC;AACnC,SAASA,QAAQ,QAAsB,kBAAkB;AAmBzD,OAAO,SAASC,qBACdC,IAAkB,EAClBC,SAAuBH,UAAU,EACjC;;;GAGC,GACDI,MAAe~~,EACK~~;~~IACpB~~,MAAMC,oBAAoB,CAAC,EAAEC,OAAOJ,MAAM,EAAE,EAAEC,OAAO,CAAC;IACtD,OAAOC,SAASA,MAAM,CAACC,kBAAkB,GAAGA~~,iBAAiB~~;~~AAC/D,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/helpers/getPlatformClassName.ts"],"sourcesContent":["// TODO [>=6]: удалить этот хеллпер\nimport { platform, PlatformType } from '../lib/platform';\n\n/*\n Подставляйте соответствующий селектор самостоятельно.\n \n @deprecated\n \n /\nexport function getPlatformClassName(base: string, osname?: PlatformType): string;\n/*\n Подставляйте соответствующий селектор самостоятельно.\n \n @deprecated\n /\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n base: keyof Styles,\n osname?: PlatformType,\n styles?: Styles,\n): string \| undefined;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n base: keyof Styles,\n osname: PlatformType = platform(),\n /\n Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n * не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n */\n styles?: Styles,\n): string \| undefined {\n const platformClassName = `${String(base)}--${osname}`;\n return styles ? styles[platformClassName] : platformClassName;\n}\n"],"names":["platform","getPlatformClassName","base","osname","styles","platformClassName","String"],"mappings":"AAAA,mCAAmC;AACnC,SAASA,QAAQ,QAAsB,kBAAkB;AAmBzD,OAAO,SAASC,qBACdC,IAAkB,EAClBC,SAAuBH,UAAU,EACjC;;;GAGC,GACDI,MAAe;IAEf,MAAMC,oBAAoB,CAAC,EAAEC,OAAOJ,MAAM,EAAE,EAAEC,OAAO,CAAC;IACtD,OAAOC,SAASA,MAAM,CAACC,kBAAkB,GAAGA;AAC9C"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/math.ts"],"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(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"],"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":"AAAA,OAAO,MAAMA,QAAQ,CAACC,OAAeC,KAAaC,MAChDC,KAAKD,~~GAAG~~,~~CAACD,~~KAAKE,KAAKF,~~GAAG~~,~~CAACD,~~OAAOE,MAAM;AAEtC,OAAO,SAASE,eAAeC,MAAc,EAAEC,YAAY,CAAC~~,EAAE~~;~~IAC5D~~,IAAIC,SAASJ,KAAKK,~~GAAG~~,~~CAAC,~~IAAIF;IAC1B,OAAOH,KAAKM,~~KAAK~~,~~CAACJ,~~SAASE,UAAUA;AACvC~~,CAAC~~;~~AAED~~,SAASD,UAAUD,MAAc~~,EAAE~~;~~IACjC~~,OAAO,AAAC,CAAA,CAAC,EAAEA,OAAO,CAAC,CAACK,~~KAAK~~,~~CAAC,~~IAAI,CAAC,EAAE,IAAI,EAAC,EAAGC~~,MAAM~~;~~AACjD~~;AAEA,SAASC,eAAeC,GAAW,EAAEZ,GAAW,EAAEC,GAAW,EAAEY,IAAa~~,EAAE~~;~~IAC5E~~,IAAIA,QAAQ,~~IAAI~~,~~IAAIA,~~QAAQ,GAAG;QAC7B,OAAOf,MAAMc,KAAKZ,KAAKC;IACzB~~,CAAC~~;~~IACD~~,MAAMa,OAAOT,UAAUQ;IACvB,yCAAyC;IACzC,MAAME,kBAAkBZ,eAAeD,KAAKM,~~KAAK~~,~~CAAC,~~AAACI,CAAAA,MAAMZ,GAAE,IAAKa,QAAQA,MAAMC;IAC9E,uDAAuD;IACvD,MAAME,iBAAiBb,eAAeD,KAAKe,~~KAAK~~,~~CAAC,~~AAAChB,CAAAA,MAAMD,GAAE,IAAKa,QAAQA,MAAMC;IAC7E,OAAOd,MAAMF,MAAMiB,iBAAiB,GAAGC;AACzC;AAEA,OAAO,SAASE,QACdnB,KAAa,EACboB,IAAsB,EACtBC,EAAoB,EACpBC,UAA6B,CAAC,CAAC~~,EAC~~/B~~;IACA~~,MAAMC,SAAS,AAAEvB,CAAAA,QAAQoB,IAAI,CAAC,EAAE,AAAD,IAAMA,CAAAA,IAAI,CAAC,EAAE,GAAGA,IAAI,CAAC,EAAE,AAAD,IAAOC,CAAAA,EAAE,CAAC,EAAE,GAAGA,EAAE,CAAC,EAAE,AAAD,IAAKA,EAAE,CAAC,EAAE;IAClF,OAAOT,eAAeW,QAAQF,EAAE,CAAC,EAAE,EAAEA,EAAE,CAAC,EAAE,EAAEC,QAAQR~~,IAAI~~;~~AAC1D,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/helpers/math.ts"],"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(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"],"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":"AAAA,OAAO,MAAMA,QAAQ,CAACC,OAAeC,KAAaC,MAChDC,KAAKD,IAAID,KAAKE,KAAKF,IAAID,OAAOE,MAAM;AAEtC,OAAO,SAASE,eAAeC,MAAc,EAAEC,YAAY,CAAC;IAC1D,IAAIC,SAASJ,KAAKK,IAAI,IAAIF;IAC1B,OAAOH,KAAKM,MAAMJ,SAASE,UAAUA;AACvC;AAEA,SAASD,UAAUD,MAAc;IAC/B,OAAO,AAAC,CAAA,CAAC,EAAEA,OAAO,CAAC,CAACK,MAAM,IAAI,CAAC,EAAE,IAAI,EAAC,EAAGC;AAC3C;AAEA,SAASC,eAAeC,GAAW,EAAEZ,GAAW,EAAEC,GAAW,EAAEY,IAAa;IAC1E,IAAIA,QAAQ,QAAQA,QAAQ,GAAG;QAC7B,OAAOf,MAAMc,KAAKZ,KAAKC;IACzB;IACA,MAAMa,OAAOT,UAAUQ;IACvB,yCAAyC;IACzC,MAAME,kBAAkBZ,eAAeD,KAAKM,MAAM,AAACI,CAAAA,MAAMZ,GAAE,IAAKa,QAAQA,MAAMC;IAC9E,uDAAuD;IACvD,MAAME,iBAAiBb,eAAeD,KAAKe,MAAM,AAAChB,CAAAA,MAAMD,GAAE,IAAKa,QAAQA,MAAMC;IAC7E,OAAOd,MAAMF,MAAMiB,iBAAiB,GAAGC;AACzC;AAEA,OAAO,SAASE,QACdnB,KAAa,EACboB,IAAsB,EACtBC,EAAoB,EACpBC,UAA6B,CAAC,CAAC;IAE/B,MAAMC,SAAS,AAAEvB,CAAAA,QAAQoB,IAAI,CAAC,EAAE,AAAD,IAAMA,CAAAA,IAAI,CAAC,EAAE,GAAGA,IAAI,CAAC,EAAE,AAAD,IAAOC,CAAAA,EAAE,CAAC,EAAE,GAAGA,EAAE,CAAC,EAAE,AAAD,IAAKA,EAAE,CAAC,EAAE;IAClF,OAAOT,eAAeW,QAAQF,EAAE,CAAC,EAAE,EAAEA,EAAE,CAAC,EAAE,EAAEC,QAAQR;AACtD"}

package/dist/cssm/helpers/range.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/range.ts"],"sourcesContent":["/*\n Генерирует массив с диапазоном чисел.\n /\nexport function range(from: number, to: number, step = 1) {\n const direction = from < to ? 1 : -1;\n const distance = Math.abs(from - to) + 1;\n const arrayLength = Math.ceil(distance / step);\n\n const arr = Array<number>(arrayLength);\n for (let index = 0; index < arr.length; index++) {\n arr[index] = from + index step * direction;\n }\n\n return arr;\n}\n/*\n Генерирует массив с диапазоном чисел в порядке возрастания.\n * Если `from` меньше `to`, вернется пустой массив.\n */\nexport function rangeIncrement(from: number, to: number, step = 1) {\n if (from > to) {\n return [];\n }\n\n return range(from, to, step);\n}\n"],"names":["range","from","to","step","direction","distance","Math","abs","arrayLength","ceil","arr","Array","index","length","rangeIncrement"],"mappings":"AAAA;;CAEC,GACD,OAAO,SAASA,MAAMC,IAAY,EAAEC,EAAU,EAAEC,OAAO,CAAC~~,EAAE~~;~~IACxD~~,MAAMC,YAAYH,OAAOC,KAAK,IAAI,CAAC~~,CAAC~~;~~IACpC~~,MAAMG,WAAWC,KAAKC,~~GAAG~~,~~CAACN,~~OAAOC,MAAM;IACvC,MAAMM,cAAcF,KAAKG,~~IAAI~~,~~CAACJ,~~WAAWF;IAEzC,MAAMO,MAAMC,MAAcH;IAC1B,IAAK,IAAII,QAAQ,GAAGA,QAAQF,IAAIG,~~MAAM~~,~~EAAED,~~QAAS;QAC/CF,GAAG,CAACE,MAAM,GAAGX,OAAOW,QAAQT,OAAOC;IACrC;IAEA,OAAOM;AACT~~,CAAC~~;~~AACD~~;;;CAGC,GACD,OAAO,SAASI,eAAeb,IAAY,EAAEC,EAAU,EAAEC,OAAO,CAAC~~,EAAE~~;~~IACjE~~,IAAIF,OAAOC,IAAI;QACb,OAAO,EAAE;IACX~~,CAAC~~;~~IAED~~,OAAOF,MAAMC,MAAMC,IAAIC;AACzB~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/helpers/range.ts"],"sourcesContent":["/*\n Генерирует массив с диапазоном чисел.\n /\nexport function range(from: number, to: number, step = 1) {\n const direction = from < to ? 1 : -1;\n const distance = Math.abs(from - to) + 1;\n const arrayLength = Math.ceil(distance / step);\n\n const arr = Array<number>(arrayLength);\n for (let index = 0; index < arr.length; index++) {\n arr[index] = from + index step * direction;\n }\n\n return arr;\n}\n/*\n Генерирует массив с диапазоном чисел в порядке возрастания.\n * Если `from` меньше `to`, вернется пустой массив.\n */\nexport function rangeIncrement(from: number, to: number, step = 1) {\n if (from > to) {\n return [];\n }\n\n return range(from, to, step);\n}\n"],"names":["range","from","to","step","direction","distance","Math","abs","arrayLength","ceil","arr","Array","index","length","rangeIncrement"],"mappings":"AAAA;;CAEC,GACD,OAAO,SAASA,MAAMC,IAAY,EAAEC,EAAU,EAAEC,OAAO,CAAC;IACtD,MAAMC,YAAYH,OAAOC,KAAK,IAAI,CAAC;IACnC,MAAMG,WAAWC,KAAKC,IAAIN,OAAOC,MAAM;IACvC,MAAMM,cAAcF,KAAKG,KAAKJ,WAAWF;IAEzC,MAAMO,MAAMC,MAAcH;IAC1B,IAAK,IAAII,QAAQ,GAAGA,QAAQF,IAAIG,QAAQD,QAAS;QAC/CF,GAAG,CAACE,MAAM,GAAGX,OAAOW,QAAQT,OAAOC;IACrC;IAEA,OAAOM;AACT;AACA;;;CAGC,GACD,OAAO,SAASI,eAAeb,IAAY,EAAEC,EAAU,EAAEC,OAAO,CAAC;IAC/D,IAAIF,OAAOC,IAAI;QACb,OAAO,EAAE;IACX;IAEA,OAAOF,MAAMC,MAAMC,IAAIC;AACzB"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hoc/withContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport function withContext<T, X>(\n Component: React.ComponentType<T>,\n Ctx: React.Context<X>,\n prop: string,\n): React.FC<T> {\n function WithContext(props: T) {\n const context = React.useContext<X>(Ctx);\n\n return <Component {...props} {...{ [prop]: context }} />;\n }\n return WithContext;\n}\n"],"names":["React","withContext","Component","Ctx","prop","WithContext","props","context","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,YACdC,SAAiC,EACjCC,GAAqB,EACrBC,IAAY~~,EACC~~;~~IACb~~,SAASC,YAAYC,KAAQ~~,EAAE~~;~~QAC7B~~,MAAMC,UAAUP,MAAMQ,~~UAAU,CAAIL~~;QAEpC,qBAAO,oBAACD;YAAW,GAAGI,KAAK;YAAQ,CAACF,KAAK,EAAEG;;IAC7C;IACA,OAAOF;AACT~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/hoc/withContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport function withContext<T, X>(\n Component: React.ComponentType<T>,\n Ctx: React.Context<X>,\n prop: string,\n): React.FC<T> {\n function WithContext(props: T) {\n const context = React.useContext<X>(Ctx);\n\n return <Component {...props} {...{ [prop]: context }} />;\n }\n return WithContext;\n}\n"],"names":["React","withContext","Component","Ctx","prop","WithContext","props","context","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,YACdC,SAAiC,EACjCC,GAAqB,EACrBC,IAAY;IAEZ,SAASC,YAAYC,KAAQ;QAC3B,MAAMC,UAAUP,MAAMQ,WAAcL;QAEpC,qBAAO,oBAACD;YAAW,GAAGI,KAAK;YAAQ,CAACF,KAAK,EAAEG;;IAC7C;IACA,OAAOF;AACT"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hoc/withInsets.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useInsets } from '../hooks/useInsets';\nimport { HasInsets } from '../types';\n\nexport function withInsets<T extends HasInsets>(\n Component: React.ComponentType<T>,\n): React.ComponentType<Omit<T, keyof HasInsets>> {\n function WithInsets(props: Omit<T, keyof HasInsets>) {\n const insets = useInsets();\n return <Component {...(props as T)} insets={insets} />;\n }\n return WithInsets;\n}\n"],"names":["React","useInsets","withInsets","Component","WithInsets","props","insets"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,QAAQ,qBAAqB;AAG/C,OAAO,SAASC,WACdC,SAAiC~~,EACc~~;~~IAC/C~~,SAASC,WAAWC,KAA+B~~,EAAE~~;~~QACnD~~,MAAMC,SAASL;QACf,qBAAO,oBAACE;YAAW,GAAIE,KAAK;YAAQC,QAAQA;;IAC9C;IACA,OAAOF;AACT~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/hoc/withInsets.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useInsets } from '../hooks/useInsets';\nimport { HasInsets } from '../types';\n\nexport function withInsets<T extends HasInsets>(\n Component: React.ComponentType<T>,\n): React.ComponentType<Omit<T, keyof HasInsets>> {\n function WithInsets(props: Omit<T, keyof HasInsets>) {\n const insets = useInsets();\n return <Component {...(props as T)} insets={insets} />;\n }\n return WithInsets;\n}\n"],"names":["React","useInsets","withInsets","Component","WithInsets","props","insets"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,QAAQ,qBAAqB;AAG/C,OAAO,SAASC,WACdC,SAAiC;IAEjC,SAASC,WAAWC,KAA+B;QACjD,MAAMC,SAASL;QACf,qBAAO,oBAACE;YAAW,GAAIE,KAAK;YAAQC,QAAQA;;IAC9C;IACA,OAAOF;AACT"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hoc/withPlatform.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { HasPlatform } from '../types';\n\nexport function withPlatform<T extends HasPlatform>(\n Component: React.ComponentType<T>,\n): React.FC<Omit<T, keyof HasPlatform>> {\n function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n const { platform } = useConfigProvider();\n\n return <Component {...(props as T)} platform={platform} />;\n }\n return WithPlatform;\n}\n"],"names":["React","useConfigProvider","withPlatform","Component","WithPlatform","props","platform"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,qDAAqD;AAGvF,OAAO,SAASC,aACdC,SAAiC~~,EACK~~;~~IACtC~~,SAASC,aAAaC,KAAiC~~,EAAE~~;~~QACvD~~,MAAM,EAAEC,SAAQ,EAAE,GAAGL;QAErB,qBAAO,oBAACE;YAAW,GAAIE,KAAK;YAAQC,UAAUA;;IAChD;IACA,OAAOF;AACT~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/hoc/withPlatform.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { HasPlatform } from '../types';\n\nexport function withPlatform<T extends HasPlatform>(\n Component: React.ComponentType<T>,\n): React.FC<Omit<T, keyof HasPlatform>> {\n function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n const { platform } = useConfigProvider();\n\n return <Component {...(props as T)} platform={platform} />;\n }\n return WithPlatform;\n}\n"],"names":["React","useConfigProvider","withPlatform","Component","WithPlatform","props","platform"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,qDAAqD;AAGvF,OAAO,SAASC,aACdC,SAAiC;IAEjC,SAASC,aAAaC,KAAiC;QACrD,MAAM,EAAEC,SAAQ,EAAE,GAAGL;QAErB,qBAAO,oBAACE;YAAW,GAAIE,KAAK;YAAQC,UAAUA;;IAChD;IACA,OAAOF;AACT"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useAdaptivity.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n AdaptivityContext,\n type AdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\n\nexport type { AdaptivityProps };\n\n/*\n Возвращает сырые данные из AdaptivityProvider.\n */\nexport const useAdaptivity = (): AdaptivityProps => {\n return React.useContext(AdaptivityContext);\n};\n"],"names":["React","AdaptivityContext","useAdaptivity","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,iBAAiB,QAEZ,qDAAqD;AAI5D;;CAEC,GACD,OAAO,MAAMC,gBAAgB~~,IAAuB~~;~~IAClD~~,OAAOF,MAAMG,~~UAAU,CAACF~~;AAC1B,EAAE"}
1	+ {"version":3,"sources":["../../../src/hooks/useAdaptivity.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n AdaptivityContext,\n type AdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\n\nexport type { AdaptivityProps };\n\n/*\n Возвращает сырые данные из AdaptivityProvider.\n */\nexport const useAdaptivity = (): AdaptivityProps => {\n return React.useContext(AdaptivityContext);\n};\n"],"names":["React","AdaptivityContext","useAdaptivity","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,iBAAiB,QAEZ,qDAAqD;AAI5D;;CAEC,GACD,OAAO,MAAMC,gBAAgB;IAC3B,OAAOF,MAAMG,WAAWF;AAC1B,EAAE"}

package/dist/cssm/hooks/useAdaptivityConditionalRender/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/constants.ts"],"sourcesContent":["import { SizeType } from '../../lib/adaptivity';\nimport styles from '../../styles/adaptivity.module.css';\n\nexport const sizeXCompactClassNames = {\n mq: { className: styles['-sizeX--compact-mq'] },\n [SizeType.COMPACT]: { className: styles['-sizeX--compact-forced'] },\n};\n\nexport const sizeXRegularClassNames = {\n mq: { className: styles['-sizeX--regular-mq'] },\n [SizeType.REGULAR]: { className: styles['-sizeX--regular-forced'] },\n};\n\nexport const sizeYCompactClassNames = {\n mq: { className: styles['-sizeY--compact-mq'] },\n [SizeType.COMPACT]: { className: styles['-sizeY--compact-forced'] },\n};\n\nexport const sizeYRegularClassNames = {\n mq: { className: styles['-sizeY--regular-mq'] },\n [SizeType.REGULAR]: { className: styles['-sizeY--regular-forced'] },\n};\n\nexport const viewWidthClassNames = {\n tabletMinus: {\n mq: { className: styles['-viewWidth--tabletMinus-mq'] },\n forced: { className: styles['-viewWidth--tabletMinus-forced'] },\n },\n tabletPlus: {\n mq: { className: styles['-viewWidth--tabletPlus-mq'] },\n forced: { className: styles['-viewWidth--tabletPlus-forced'] },\n },\n};\n\nexport const deviceTypeClassNames = {\n mobile: {\n mq: { className: styles['-deviceType--mobile-mq'] },\n forced: { className: styles['-deviceType--mobile-forced'] },\n },\n desktop: {\n mq: { className: styles['-deviceType--desktop-mq'] },\n forced: { className: styles['-deviceType--desktop-forced'] },\n },\n};\n"],"names":["SizeType","styles","sizeXCompactClassNames","mq","className","COMPACT","sizeXRegularClassNames","REGULAR","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","tabletMinus","forced","tabletPlus","deviceTypeClassNames","mobile","desktop"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,uBAAuB;AAChD,OAAOC,YAAY,qCAAqC;AAExD,OAAO,MAAMC,yBAAyB;IACpCC,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAACD,SAASK,~~OAAO~~,~~CAAC,~~EAAE;QAAED,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AACpE,EAAE;AAEF,OAAO,MAAMK,yBAAyB;IACpCH,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAACD,SAASO,~~OAAO~~,~~CAAC,~~EAAE;QAAEH,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AACpE,EAAE;AAEF,OAAO,MAAMO,yBAAyB;IACpCL,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAACD,SAASK,~~OAAO~~,~~CAAC,~~EAAE;QAAED,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AACpE,EAAE;AAEF,OAAO,MAAMQ,yBAAyB;IACpCN,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAACD,SAASO,~~OAAO~~,~~CAAC,~~EAAE;QAAEH,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AACpE,EAAE;AAEF,OAAO,MAAMS,sBAAsB;IACjCC,aAAa;QACXR,IAAI;YAAEC,WAAWH,MAAM,CAAC,6BAA6B;QAAC;QACtDW,QAAQ;YAAER,WAAWH,MAAM,CAAC,iCAAiC;QAAC;IAChE;IACAY,YAAY;QACVV,IAAI;YAAEC,WAAWH,MAAM,CAAC,4BAA4B;QAAC;QACrDW,QAAQ;YAAER,WAAWH,MAAM,CAAC,gCAAgC;QAAC;IAC/D;AACF,EAAE;AAEF,OAAO,MAAMa,uBAAuB;IAClCC,QAAQ;QACNZ,IAAI;YAAEC,WAAWH,MAAM,CAAC,yBAAyB;QAAC;QAClDW,QAAQ;YAAER,WAAWH,MAAM,CAAC,6BAA6B;QAAC;IAC5D;IACAe,SAAS;QACPb,IAAI;YAAEC,WAAWH,MAAM,CAAC,0BAA0B;QAAC;QACnDW,QAAQ;YAAER,WAAWH,MAAM,CAAC,8BAA8B;QAAC;IAC7D;AACF,EAAE"}
1	+ {"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/constants.ts"],"sourcesContent":["import { SizeType } from '../../lib/adaptivity';\nimport styles from '../../styles/adaptivity.module.css';\n\nexport const sizeXCompactClassNames = {\n mq: { className: styles['-sizeX--compact-mq'] },\n [SizeType.COMPACT]: { className: styles['-sizeX--compact-forced'] },\n};\n\nexport const sizeXRegularClassNames = {\n mq: { className: styles['-sizeX--regular-mq'] },\n [SizeType.REGULAR]: { className: styles['-sizeX--regular-forced'] },\n};\n\nexport const sizeYCompactClassNames = {\n mq: { className: styles['-sizeY--compact-mq'] },\n [SizeType.COMPACT]: { className: styles['-sizeY--compact-forced'] },\n};\n\nexport const sizeYRegularClassNames = {\n mq: { className: styles['-sizeY--regular-mq'] },\n [SizeType.REGULAR]: { className: styles['-sizeY--regular-forced'] },\n};\n\nexport const viewWidthClassNames = {\n tabletMinus: {\n mq: { className: styles['-viewWidth--tabletMinus-mq'] },\n forced: { className: styles['-viewWidth--tabletMinus-forced'] },\n },\n tabletPlus: {\n mq: { className: styles['-viewWidth--tabletPlus-mq'] },\n forced: { className: styles['-viewWidth--tabletPlus-forced'] },\n },\n};\n\nexport const deviceTypeClassNames = {\n mobile: {\n mq: { className: styles['-deviceType--mobile-mq'] },\n forced: { className: styles['-deviceType--mobile-forced'] },\n },\n desktop: {\n mq: { className: styles['-deviceType--desktop-mq'] },\n forced: { className: styles['-deviceType--desktop-forced'] },\n },\n};\n"],"names":["SizeType","styles","sizeXCompactClassNames","mq","className","COMPACT","sizeXRegularClassNames","REGULAR","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","tabletMinus","forced","tabletPlus","deviceTypeClassNames","mobile","desktop"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,uBAAuB;AAChD,OAAOC,YAAY,qCAAqC;AAExD,OAAO,MAAMC,yBAAyB;IACpCC,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAACD,SAASK,QAAQ,EAAE;QAAED,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AACpE,EAAE;AAEF,OAAO,MAAMK,yBAAyB;IACpCH,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAACD,SAASO,QAAQ,EAAE;QAAEH,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AACpE,EAAE;AAEF,OAAO,MAAMO,yBAAyB;IACpCL,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAACD,SAASK,QAAQ,EAAE;QAAED,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AACpE,EAAE;AAEF,OAAO,MAAMQ,yBAAyB;IACpCN,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAACD,SAASO,QAAQ,EAAE;QAAEH,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AACpE,EAAE;AAEF,OAAO,MAAMS,sBAAsB;IACjCC,aAAa;QACXR,IAAI;YAAEC,WAAWH,MAAM,CAAC,6BAA6B;QAAC;QACtDW,QAAQ;YAAER,WAAWH,MAAM,CAAC,iCAAiC;QAAC;IAChE;IACAY,YAAY;QACVV,IAAI;YAAEC,WAAWH,MAAM,CAAC,4BAA4B;QAAC;QACrDW,QAAQ;YAAER,WAAWH,MAAM,CAAC,gCAAgC;QAAC;IAC/D;AACF,EAAE;AAEF,OAAO,MAAMa,uBAAuB;IAClCC,QAAQ;QACNZ,IAAI;YAAEC,WAAWH,MAAM,CAAC,yBAAyB;QAAC;QAClDW,QAAQ;YAAER,WAAWH,MAAM,CAAC,6BAA6B;QAAC;IAC5D;IACAe,SAAS;QACPb,IAAI;YAAEC,WAAWH,MAAM,CAAC,0BAA0B;QAAC;QACnDW,QAAQ;YAAER,WAAWH,MAAM,CAAC,8BAA8B;QAAC;IAC7D;AACF,EAAE"}

package/dist/cssm/hooks/useAdaptivityConditionalRender/helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"sourcesContent":["import { SizeType, tryToCheckIsDesktop, ViewHeight, ViewWidth } from '../../lib/adaptivity';\nimport type { PlatformType } from '../../lib/platform';\nimport type {\n AdaptiveDeviceType,\n AdaptiveSizeType,\n AdaptiveViewWidth,\n DeviceTypeCSSBreakpoints,\n ElementProps,\n ViewWidthCSSBreakpoints,\n} from './types';\n\nexport const getAdaptiveSizeType = (\n type: undefined \| SizeType,\n compactClassNames: Record<'mq' \| SizeType.COMPACT, ElementProps>,\n regularClassNames: Record<'mq' \| SizeType.REGULAR, ElementProps>,\n): AdaptiveSizeType => {\n return {\n compact:\n type === undefined\n ? compactClassNames.mq\n : type === SizeType.COMPACT\n ? compactClassNames[type]\n : false,\n regular:\n type === undefined\n ? regularClassNames.mq\n : type === SizeType.REGULAR\n ? regularClassNames[type]\n : false,\n };\n};\n\nexport const getAdaptiveViewWidth = (\n viewWidth: undefined \| ViewWidth,\n viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<'mq' \| 'forced', ElementProps>>,\n): AdaptiveViewWidth => {\n return {\n tabletMinus:\n viewWidth === undefined\n ? viewWidthClassNames.tabletMinus.mq\n : viewWidth < ViewWidth.TABLET\n ? viewWidthClassNames.tabletMinus.forced\n : false,\n tabletPlus:\n viewWidth === undefined\n ? viewWidthClassNames.tabletPlus.mq\n : viewWidth >= ViewWidth.TABLET\n ? viewWidthClassNames.tabletPlus.forced\n : false,\n };\n};\n\nexport const getAdaptiveDeviceType = (\n viewWidth: undefined \| ViewWidth,\n viewHeight: undefined \| ViewHeight,\n hasPointer: undefined \| boolean,\n platform: PlatformType,\n deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<'mq' \| 'forced', ElementProps>>,\n): AdaptiveDeviceType => {\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n if (isDesktop === null) {\n return {\n mobile: deviceTypeClassNames.mobile.mq,\n desktop: deviceTypeClassNames.desktop.mq,\n };\n }\n\n if (isDesktop) {\n return {\n mobile: false,\n desktop: deviceTypeClassNames.desktop.forced,\n };\n }\n\n return {\n mobile: deviceTypeClassNames.mobile.forced,\n desktop: false,\n };\n};\n"],"names":["SizeType","tryToCheckIsDesktop","ViewWidth","getAdaptiveSizeType","type","compactClassNames","regularClassNames","compact","undefined","mq","COMPACT","regular","REGULAR","getAdaptiveViewWidth","viewWidth","viewWidthClassNames","tabletMinus","TABLET","forced","tabletPlus","getAdaptiveDeviceType","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","mobile","desktop"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,mBAAmB,EAAcC,SAAS,QAAQ,uBAAuB;AAW5F,OAAO,MAAMC,sBAAsB,CACjCC,MACAC,mBACAC~~,oBACqB~~;~~IACrB~~,OAAO;QACLC,SACEH,SAASI,YACLH,kBAAkBI,~~EAAE~~,~~GACpBL,~~SAASJ,SAASU,~~OAAO~~,~~GACzBL,~~iBAAiB,CAACD,KAAK,GACvB~~,KAAK~~;~~QACXO~~,SACEP,SAASI,YACLF,kBAAkBG,~~EAAE~~,~~GACpBL,~~SAASJ,SAASY,~~OAAO~~,~~GACzBN,~~iBAAiB,CAACF,KAAK,GACvB~~,KAAK~~;~~IACb~~;AACF,EAAE;AAEF,OAAO,MAAMS,uBAAuB,CAClCC,WACAC~~,sBACsB~~;~~IACtB~~,OAAO;QACLC,aACEF,cAAcN,YACVO,oBAAoBC,~~WAAW~~,~~CAACP~~,~~EAAE,GAClCK,~~YAAYZ,UAAUe,~~MAAM~~,~~GAC5BF,~~oBAAoBC,~~WAAW~~,~~CAACE,MAAM,GACtC,KAAK~~;~~QACXC~~,YACEL,cAAcN,YACVO,oBAAoBI,~~UAAU~~,~~CAACV~~,~~EAAE,GACjCK,~~aAAaZ,UAAUe,~~MAAM~~,~~GAC7BF,~~oBAAoBI,~~UAAU~~,~~CAACD,MAAM,GACrC,KAAK~~;~~IACb~~;AACF,EAAE;AAEF,OAAO,MAAME,wBAAwB,CACnCN,WACAO,YACAC,YACAC,UACAC~~,uBACuB~~;~~IACvB~~,MAAMC,YAAYxB,oBAAoBa,WAAWO,YAAYC,YAAYC;IAEzE,IAAIE,cAAc,~~IAAI,EAAE~~;QACtB,OAAO;YACLC,QAAQF,qBAAqBE,~~MAAM,CAACjB,EAAE~~;~~YACtCkB~~,SAASH,qBAAqBG,~~OAAO,CAAClB,EAAE~~;~~QAC1C~~;IACF~~,CAAC~~;~~IAED~~,IAAIgB,WAAW;QACb,OAAO;YACLC,QAAQ~~,KAAK~~;~~YACbC~~,SAASH,qBAAqBG,~~OAAO,CAACT,MAAM~~;~~QAC9C~~;IACF~~,CAAC~~;~~IAED~~,OAAO;QACLQ,QAAQF,qBAAqBE,~~MAAM,CAACR,MAAM~~;~~QAC1CS~~,SAAS~~,KAAK~~;~~IAChB~~;AACF,EAAE"}
1	+ {"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"sourcesContent":["import { SizeType, tryToCheckIsDesktop, ViewHeight, ViewWidth } from '../../lib/adaptivity';\nimport type { PlatformType } from '../../lib/platform';\nimport type {\n AdaptiveDeviceType,\n AdaptiveSizeType,\n AdaptiveViewWidth,\n DeviceTypeCSSBreakpoints,\n ElementProps,\n ViewWidthCSSBreakpoints,\n} from './types';\n\nexport const getAdaptiveSizeType = (\n type: undefined \| SizeType,\n compactClassNames: Record<'mq' \| SizeType.COMPACT, ElementProps>,\n regularClassNames: Record<'mq' \| SizeType.REGULAR, ElementProps>,\n): AdaptiveSizeType => {\n return {\n compact:\n type === undefined\n ? compactClassNames.mq\n : type === SizeType.COMPACT\n ? compactClassNames[type]\n : false,\n regular:\n type === undefined\n ? regularClassNames.mq\n : type === SizeType.REGULAR\n ? regularClassNames[type]\n : false,\n };\n};\n\nexport const getAdaptiveViewWidth = (\n viewWidth: undefined \| ViewWidth,\n viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<'mq' \| 'forced', ElementProps>>,\n): AdaptiveViewWidth => {\n return {\n tabletMinus:\n viewWidth === undefined\n ? viewWidthClassNames.tabletMinus.mq\n : viewWidth < ViewWidth.TABLET\n ? viewWidthClassNames.tabletMinus.forced\n : false,\n tabletPlus:\n viewWidth === undefined\n ? viewWidthClassNames.tabletPlus.mq\n : viewWidth >= ViewWidth.TABLET\n ? viewWidthClassNames.tabletPlus.forced\n : false,\n };\n};\n\nexport const getAdaptiveDeviceType = (\n viewWidth: undefined \| ViewWidth,\n viewHeight: undefined \| ViewHeight,\n hasPointer: undefined \| boolean,\n platform: PlatformType,\n deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<'mq' \| 'forced', ElementProps>>,\n): AdaptiveDeviceType => {\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n if (isDesktop === null) {\n return {\n mobile: deviceTypeClassNames.mobile.mq,\n desktop: deviceTypeClassNames.desktop.mq,\n };\n }\n\n if (isDesktop) {\n return {\n mobile: false,\n desktop: deviceTypeClassNames.desktop.forced,\n };\n }\n\n return {\n mobile: deviceTypeClassNames.mobile.forced,\n desktop: false,\n };\n};\n"],"names":["SizeType","tryToCheckIsDesktop","ViewWidth","getAdaptiveSizeType","type","compactClassNames","regularClassNames","compact","undefined","mq","COMPACT","regular","REGULAR","getAdaptiveViewWidth","viewWidth","viewWidthClassNames","tabletMinus","TABLET","forced","tabletPlus","getAdaptiveDeviceType","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","mobile","desktop"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,mBAAmB,EAAcC,SAAS,QAAQ,uBAAuB;AAW5F,OAAO,MAAMC,sBAAsB,CACjCC,MACAC,mBACAC;IAEA,OAAO;QACLC,SACEH,SAASI,YACLH,kBAAkBI,KAClBL,SAASJ,SAASU,UAClBL,iBAAiB,CAACD,KAAK,GACvB;QACNO,SACEP,SAASI,YACLF,kBAAkBG,KAClBL,SAASJ,SAASY,UAClBN,iBAAiB,CAACF,KAAK,GACvB;IACR;AACF,EAAE;AAEF,OAAO,MAAMS,uBAAuB,CAClCC,WACAC;IAEA,OAAO;QACLC,aACEF,cAAcN,YACVO,oBAAoBC,YAAYP,KAChCK,YAAYZ,UAAUe,SACtBF,oBAAoBC,YAAYE,SAChC;QACNC,YACEL,cAAcN,YACVO,oBAAoBI,WAAWV,KAC/BK,aAAaZ,UAAUe,SACvBF,oBAAoBI,WAAWD,SAC/B;IACR;AACF,EAAE;AAEF,OAAO,MAAME,wBAAwB,CACnCN,WACAO,YACAC,YACAC,UACAC;IAEA,MAAMC,YAAYxB,oBAAoBa,WAAWO,YAAYC,YAAYC;IAEzE,IAAIE,cAAc,MAAM;QACtB,OAAO;YACLC,QAAQF,qBAAqBE,OAAOjB;YACpCkB,SAASH,qBAAqBG,QAAQlB;QACxC;IACF;IAEA,IAAIgB,WAAW;QACb,OAAO;YACLC,QAAQ;YACRC,SAASH,qBAAqBG,QAAQT;QACxC;IACF;IAEA,OAAO;QACLQ,QAAQF,qBAAqBE,OAAOR;QACpCS,SAAS;IACX;AACF,EAAE"}

package/dist/cssm/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';\nimport { usePlatform } from '../usePlatform';\nimport {\n deviceTypeClassNames,\n sizeXCompactClassNames,\n sizeXRegularClassNames,\n sizeYCompactClassNames,\n sizeYRegularClassNames,\n viewWidthClassNames,\n} from './constants';\nimport { getAdaptiveDeviceType, getAdaptiveSizeType, getAdaptiveViewWidth } from './helpers';\nimport type { UseAdaptivityConditionalRender } from './types';\n\nexport const useAdaptivityConditionalRender = (): UseAdaptivityConditionalRender => {\n const {\n sizeX: sizeXContext,\n sizeY: sizeYContext,\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n hasPointer: hasPointerContext,\n } = React.useContext(AdaptivityContext);\n const platform = usePlatform();\n\n return React.useMemo(() => {\n const sizeX = getAdaptiveSizeType(sizeXContext, sizeXCompactClassNames, sizeXRegularClassNames);\n const sizeY = getAdaptiveSizeType(sizeYContext, sizeYCompactClassNames, sizeYRegularClassNames);\n const viewWidth = getAdaptiveViewWidth(viewWidthContext, viewWidthClassNames);\n const deviceType = getAdaptiveDeviceType(\n viewWidthContext,\n viewHeightContext,\n hasPointerContext,\n platform,\n deviceTypeClassNames,\n );\n return {\n sizeX,\n sizeY,\n viewWidth,\n deviceType,\n };\n }, [\n sizeXContext,\n sizeYContext,\n viewWidthContext,\n viewHeightContext,\n hasPointerContext,\n platform,\n ]);\n};\n"],"names":["React","AdaptivityContext","usePlatform","deviceTypeClassNames","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","getAdaptiveDeviceType","getAdaptiveSizeType","getAdaptiveViewWidth","useAdaptivityConditionalRender","sizeX","sizeXContext","sizeY","sizeYContext","viewWidth","viewWidthContext","viewHeight","viewHeightContext","hasPointer","hasPointerContext","useContext","platform","useMemo","deviceType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,wDAAwD;AAC1F,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SACEC,oBAAoB,EACpBC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,mBAAmB,QACd,cAAc;AACrB,SAASC,qBAAqB,EAAEC,mBAAmB,EAAEC,oBAAoB,QAAQ,YAAY;AAG7F,OAAO,MAAMC,iCAAiC~~,IAAsC~~;~~IAClF~~,MAAM,EACJC,OAAOC,aAAY,EACnBC,OAAOC,aAAY,EACnBC,WAAWC,iBAAgB,EAC3BC,YAAYC,kBAAiB,EAC7BC,YAAYC,kBAAiB,EAC9B,GAAGtB,MAAMuB,~~UAAU,CAACtB~~;IACrB,MAAMuB,WAAWtB;IAEjB,OAAOF,MAAMyB,~~OAAO,CAAC,IAAM~~;~~QACzB~~,MAAMZ,QAAQH,oBAAoBI,cAAcV,wBAAwBC;QACxE,MAAMU,QAAQL,oBAAoBM,cAAcV,wBAAwBC;QACxE,MAAMU,YAAYN,qBAAqBO,kBAAkBV;QACzD,MAAMkB,aAAajB,sBACjBS,kBACAE,mBACAE,mBACAE,UACArB;QAEF,OAAO;YACLU;YACAE;YACAE;YACAS;QACF;IACF,GAAG;QACDZ;QACAE;QACAE;QACAE;QACAE;QACAE;KACD;AACH,EAAE"}
1	+ {"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';\nimport { usePlatform } from '../usePlatform';\nimport {\n deviceTypeClassNames,\n sizeXCompactClassNames,\n sizeXRegularClassNames,\n sizeYCompactClassNames,\n sizeYRegularClassNames,\n viewWidthClassNames,\n} from './constants';\nimport { getAdaptiveDeviceType, getAdaptiveSizeType, getAdaptiveViewWidth } from './helpers';\nimport type { UseAdaptivityConditionalRender } from './types';\n\nexport const useAdaptivityConditionalRender = (): UseAdaptivityConditionalRender => {\n const {\n sizeX: sizeXContext,\n sizeY: sizeYContext,\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n hasPointer: hasPointerContext,\n } = React.useContext(AdaptivityContext);\n const platform = usePlatform();\n\n return React.useMemo(() => {\n const sizeX = getAdaptiveSizeType(sizeXContext, sizeXCompactClassNames, sizeXRegularClassNames);\n const sizeY = getAdaptiveSizeType(sizeYContext, sizeYCompactClassNames, sizeYRegularClassNames);\n const viewWidth = getAdaptiveViewWidth(viewWidthContext, viewWidthClassNames);\n const deviceType = getAdaptiveDeviceType(\n viewWidthContext,\n viewHeightContext,\n hasPointerContext,\n platform,\n deviceTypeClassNames,\n );\n return {\n sizeX,\n sizeY,\n viewWidth,\n deviceType,\n };\n }, [\n sizeXContext,\n sizeYContext,\n viewWidthContext,\n viewHeightContext,\n hasPointerContext,\n platform,\n ]);\n};\n"],"names":["React","AdaptivityContext","usePlatform","deviceTypeClassNames","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","getAdaptiveDeviceType","getAdaptiveSizeType","getAdaptiveViewWidth","useAdaptivityConditionalRender","sizeX","sizeXContext","sizeY","sizeYContext","viewWidth","viewWidthContext","viewHeight","viewHeightContext","hasPointer","hasPointerContext","useContext","platform","useMemo","deviceType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,wDAAwD;AAC1F,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SACEC,oBAAoB,EACpBC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,mBAAmB,QACd,cAAc;AACrB,SAASC,qBAAqB,EAAEC,mBAAmB,EAAEC,oBAAoB,QAAQ,YAAY;AAG7F,OAAO,MAAMC,iCAAiC;IAC5C,MAAM,EACJC,OAAOC,aAAY,EACnBC,OAAOC,aAAY,EACnBC,WAAWC,iBAAgB,EAC3BC,YAAYC,kBAAiB,EAC7BC,YAAYC,kBAAiB,EAC9B,GAAGtB,MAAMuB,WAAWtB;IACrB,MAAMuB,WAAWtB;IAEjB,OAAOF,MAAMyB,QAAQ;QACnB,MAAMZ,QAAQH,oBAAoBI,cAAcV,wBAAwBC;QACxE,MAAMU,QAAQL,oBAAoBM,cAAcV,wBAAwBC;QACxE,MAAMU,YAAYN,qBAAqBO,kBAAkBV;QACzD,MAAMkB,aAAajB,sBACjBS,kBACAE,mBACAE,mBACAE,UACArB;QAEF,OAAO;YACLU;YACAE;YACAE;YACAS;QACF;IACF,GAAG;QACDZ;QACAE;QACAE;QACAE;QACAE;QACAE;KACD;AACH,EAAE"}

package/dist/cssm/hooks/useAdaptivityHasHover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useAdaptivityHasHover.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasHover as hasHoverLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\n\n/*\n Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n \n [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasHover(deferDetect?: true): undefined \| boolean;\nexport function useAdaptivityHasHover(deferDetect?: false): boolean;\nexport function useAdaptivityHasHover(deferDetect = true): undefined \| boolean {\n const { hasHover: hasHoverContext } = React.useContext(AdaptivityContext);\n const hasHover = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;\n\n const isClient = useIsClient(!deferDetect);\n if (!isClient) {\n return undefined;\n }\n\n return hasHover;\n}\n"],"names":["React","hasHover","hasHoverLib","AdaptivityContext","useIsClient","useAdaptivityHasHover","deferDetect","hasHoverContext","useContext","undefined","isClient"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAYC,WAAW,QAAQ,kBAAkB;AAC1D,SAASC,iBAAiB,QAAQ,qDAAqD;AACvF,SAASC,WAAW,QAAQ,gBAAgB;AAU5C,OAAO,SAASC,sBAAsBC,cAAc,IAAI~~,EAAuB~~;~~IAC7E~~,MAAM,EAAEL,UAAUM,gBAAe,EAAE,GAAGP,MAAMQ,~~UAAU,CAACL~~;IACvD,MAAMF,WAAWM,oBAAoBE,YAAYP,cAAcK~~,eAAe~~;~~IAE9E~~,MAAMG,WAAWN,YAAY,CAACE;IAC9B,IAAI,CAACI,UAAU;QACb,OAAOD;IACT~~,CAAC~~;~~IAED~~,OAAOR;AACT~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/hooks/useAdaptivityHasHover.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasHover as hasHoverLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\n\n/*\n Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n \n [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasHover(deferDetect?: true): undefined \| boolean;\nexport function useAdaptivityHasHover(deferDetect?: false): boolean;\nexport function useAdaptivityHasHover(deferDetect = true): undefined \| boolean {\n const { hasHover: hasHoverContext } = React.useContext(AdaptivityContext);\n const hasHover = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;\n\n const isClient = useIsClient(!deferDetect);\n if (!isClient) {\n return undefined;\n }\n\n return hasHover;\n}\n"],"names":["React","hasHover","hasHoverLib","AdaptivityContext","useIsClient","useAdaptivityHasHover","deferDetect","hasHoverContext","useContext","undefined","isClient"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAYC,WAAW,QAAQ,kBAAkB;AAC1D,SAASC,iBAAiB,QAAQ,qDAAqD;AACvF,SAASC,WAAW,QAAQ,gBAAgB;AAU5C,OAAO,SAASC,sBAAsBC,cAAc,IAAI;IACtD,MAAM,EAAEL,UAAUM,gBAAe,EAAE,GAAGP,MAAMQ,WAAWL;IACvD,MAAMF,WAAWM,oBAAoBE,YAAYP,cAAcK;IAE/D,MAAMG,WAAWN,YAAY,CAACE;IAC9B,IAAI,CAACI,UAAU;QACb,OAAOD;IACT;IAEA,OAAOR;AACT"}

package/dist/cssm/hooks/useAdaptivityHasPointer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useAdaptivityHasPointer.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\n\n/*\n Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n \n [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasPointer(deferDetect?: true): undefined \| boolean; // prettier-ignore\nexport function useAdaptivityHasPointer(deferDetect?: false): boolean;\nexport function useAdaptivityHasPointer(deferDetect = true): undefined \| boolean {\n const { hasPointer: hasPointerContext } = React.useContext(AdaptivityContext);\n const hasPointer = hasPointerContext === undefined ? hasPointerLib : hasPointerContext;\n\n const isClient = useIsClient(!deferDetect);\n if (!isClient) {\n return undefined;\n }\n\n return hasPointer;\n}\n"],"names":["React","hasMouse","hasPointerLib","AdaptivityContext","useIsClient","useAdaptivityHasPointer","deferDetect","hasPointer","hasPointerContext","useContext","undefined","isClient"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAYC,aAAa,QAAQ,kBAAkB;AAC5D,SAASC,iBAAiB,QAAQ,qDAAqD;AACvF,SAASC,WAAW,QAAQ,gBAAgB;AAU5C,OAAO,SAASC,wBAAwBC,cAAc,IAAI~~,EAAuB~~;~~IAC/E~~,MAAM,EAAEC,YAAYC,kBAAiB,EAAE,GAAGR,MAAMS,~~UAAU,CAACN~~;IAC3D,MAAMI,aAAaC,sBAAsBE,YAAYR,gBAAgBM~~,iBAAiB~~;~~IAEtF~~,MAAMG,WAAWP,YAAY,CAACE;IAC9B,IAAI,CAACK,UAAU;QACb,OAAOD;IACT~~,CAAC~~;~~IAED~~,OAAOH;AACT~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/hooks/useAdaptivityHasPointer.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\n\n/*\n Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n \n [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasPointer(deferDetect?: true): undefined \| boolean; // prettier-ignore\nexport function useAdaptivityHasPointer(deferDetect?: false): boolean;\nexport function useAdaptivityHasPointer(deferDetect = true): undefined \| boolean {\n const { hasPointer: hasPointerContext } = React.useContext(AdaptivityContext);\n const hasPointer = hasPointerContext === undefined ? hasPointerLib : hasPointerContext;\n\n const isClient = useIsClient(!deferDetect);\n if (!isClient) {\n return undefined;\n }\n\n return hasPointer;\n}\n"],"names":["React","hasMouse","hasPointerLib","AdaptivityContext","useIsClient","useAdaptivityHasPointer","deferDetect","hasPointer","hasPointerContext","useContext","undefined","isClient"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAYC,aAAa,QAAQ,kBAAkB;AAC5D,SAASC,iBAAiB,QAAQ,qDAAqD;AACvF,SAASC,WAAW,QAAQ,gBAAgB;AAU5C,OAAO,SAASC,wBAAwBC,cAAc,IAAI;IACxD,MAAM,EAAEC,YAAYC,kBAAiB,EAAE,GAAGR,MAAMS,WAAWN;IAC3D,MAAMI,aAAaC,sBAAsBE,YAAYR,gBAAgBM;IAErE,MAAMG,WAAWP,YAAY,CAACE;IAC9B,IAAI,CAACK,UAAU;QACb,OAAOD;IACT;IAEA,OAAOH;AACT"}

package/dist/cssm/hooks/useAdaptivityWithJSMediaQueries.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, hasHover as hasHoverLib, hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport {\n AdaptivityContext,\n type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n getSizeX,\n getSizeY,\n getViewHeightByMediaQueries,\n getViewWidthByMediaQueries,\n tryToCheckIsDesktop,\n} from '../lib/adaptivity';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\nimport { useMediaQueries } from './useMediaQueries';\nimport { usePlatform } from './usePlatform';\n\nexport interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {\n isDesktop: boolean;\n}\n\n/*\n Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n \n Берёт в приоритет значения из `AdaptivityContext`.\n \n > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithJSMediaQueries = (): UseAdaptivityWithJSMediaQueries => {\n if (!canUseDOM) {\n console.error(`[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`);\n }\n\n const {\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n sizeX: sizeXContext,\n sizeY: sizeYContext,\n hasPointer: hasPointerContext,\n hasHover: hasHoverContext,\n } = React.useContext(AdaptivityContext);\n\n const platform = usePlatform();\n const mediaQueries = useMediaQueries();\n\n const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(() => [\n getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\n ]);\n\n const adaptivityProps = React.useMemo(() => {\n const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\n const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n const sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n return {\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n hasPointer,\n hasHover,\n isDesktop,\n };\n }, [\n viewWidthLocal,\n viewHeightLocal,\n viewWidthContext,\n viewHeightContext,\n sizeXContext,\n sizeYContext,\n hasPointerContext,\n hasHoverContext,\n platform,\n ]);\n\n React.useEffect(() => {\n const handleMediaQuery = () => {\n setViewSizeLocal((prevSizeLocal) => {\n const newViewWidthLocal = getOrDefault(\n viewWidthContext,\n getViewWidthByMediaQueries(mediaQueries),\n );\n const newViewHeightLocal = getOrDefault(\n viewHeightContext,\n getViewHeightByMediaQueries(mediaQueries),\n );\n\n const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n if (\n prevViewWidthLocal !== newViewWidthLocal \|\|\n prevViewHeightLocal !== newViewHeightLocal\n ) {\n return [newViewWidthLocal, newViewHeightLocal];\n }\n\n return prevSizeLocal;\n });\n };\n\n if (!viewWidthContext) {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n ].forEach((matchMediaListener) =>\n matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n );\n }\n\n if (!viewHeightContext) {\n [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n (matchMediaListener) => matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n );\n }\n\n return () => {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n mediaQueries.mediumHeight,\n mediaQueries.mobileLandscapeHeight,\n ].forEach((matchMediaListener) =>\n matchMediaListRemoveListener(matchMediaListener, handleMediaQuery),\n );\n };\n }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n return adaptivityProps;\n};\n"],"names":["React","canUseDOM","hasHover","hasHoverLib","hasMouse","hasPointerLib","AdaptivityContext","getOrDefault","getSizeX","getSizeY","getViewHeightByMediaQueries","getViewWidthByMediaQueries","tryToCheckIsDesktop","matchMediaListAddListener","matchMediaListRemoveListener","useMediaQueries","usePlatform","useAdaptivityWithJSMediaQueries","console","error","viewWidth","viewWidthContext","viewHeight","viewHeightContext","sizeX","sizeXContext","sizeY","sizeYContext","hasPointer","hasPointerContext","hasHoverContext","useContext","platform","mediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","useState","adaptivityProps","useMemo","isDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","mediumHeight","mobileLandscapeHeight"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,EAAEC,YAAYC,WAAW,EAAEC,YAAYC,aAAa,QAAQ,kBAAkB;AAChG,SACEC,iBAAiB,QAEZ,qDAAqD;AAC5D,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SACEC,QAAQ,EACRC,QAAQ,EACRC,2BAA2B,EAC3BC,0BAA0B,EAC1BC,mBAAmB,QACd,oBAAoB;AAC3B,SAASC,yBAAyB,EAAEC,4BAA4B,QAAQ,oBAAoB;AAC5F,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,WAAW,QAAQ,gBAAgB;AAM5C;;;;;;;;;;;;CAYC,GACD,OAAO,MAAMC,kCAAkC~~,IAAuC~~;~~IACpF~~,IAAI,CAAChB,WAAW;QACdiB,QAAQC,~~KAAK~~,CAAC~~,CAAC~~;;;;oFAIiE,CAAC;IACnF~~,CAAC~~;~~IAED~~,MAAM,EACJC,WAAWC,iBAAgB,EAC3BC,YAAYC,kBAAiB,EAC7BC,OAAOC,aAAY,EACnBC,OAAOC,aAAY,EACnBC,YAAYC,kBAAiB,EAC7B3B,UAAU4B,gBAAe,EAC1B,GAAG9B,MAAM+B,~~UAAU,CAACzB~~;IAErB,MAAM0B,WAAWhB;IACjB,MAAMiB,eAAelB;IAErB,MAAM,CAAC,CAACmB,gBAAgBC,gBAAgB,EAAEC,iBAAiB,GAAGpC,MAAMqC,~~QAAQ~~,~~CAAC,~~IAAM;YACjF9B,aAAac,kBAAkBV,2BAA2BsB;YAC1D1B,aAAagB,mBAAmBb,4BAA4BuB;SAC7D;IAED,MAAMK,kBAAkBtC,MAAMuC,~~OAAO,CAAC,IAAM~~;~~QAC1C~~,MAAMX,aAAarB,aAAasB,mBAAmBxB;QACnD,MAAMH,WAAWK,aAAauB,iBAAiB3B;QAC/C,MAAMiB,YAAYb,aAAac,kBAAkBa;QACjD,MAAMZ,aAAaf,aAAagB,mBAAmBY;QACnD,MAAMX,QAAQjB,aAAakB,cAAcjB,SAASY;QAClD,MAAMM,QAAQnB,aAAaoB,cAAclB,SAASW,WAAWE,YAAYM;QACzE,MAAMY,YAAY5B,oBAAoBQ,WAAWE,YAAYM,YAAYI;QAEzE,OAAO;YACLZ;YACAE;YACAE;YACAE;YACAE;YACA1B;YACAsC;QACF;IACF,GAAG;QACDN;QACAC;QACAd;QACAE;QACAE;QACAE;QACAE;QACAC;QACAE;KACD;IAEDhC,MAAMyC,~~SAAS,CAAC,IAAM~~;~~QACpB~~,MAAMC,mBAAmB~~,IAAM~~;~~YAC7BN~~,iBAAiB,CAACO~~,gBAAkB~~;~~gBAClC~~,MAAMC,oBAAoBrC,aACxBc,kBACAV,2BAA2BsB;gBAE7B,MAAMY,qBAAqBtC,aACzBgB,mBACAb,4BAA4BuB;gBAG9B,MAAM,CAACa,oBAAoBC,oBAAoB,GAAGJ;gBAElD,IACEG,uBAAuBF,qBACvBG,wBAAwBF,oBACxB;oBACA,OAAO;wBAACD;wBAAmBC;qBAAmB;gBAChD~~,CAAC~~;~~gBAED~~,OAAOF;YACT;QACF;QAEA,IAAI,CAACtB,kBAAkB;YACrB;gBACEY,aAAae~~,WAAW~~;~~gBACxBf~~,aAAagB~~,MAAM~~;~~gBACnBhB~~,aAAaiB~~,WAAW~~;~~gBACxBjB~~,aAAakB~~,MAAM~~;~~aACpB~~,CAACC,~~OAAO~~,~~CAAC,~~CAACC,qBACTxC,0BAA0BwC,oBAAoBX;QAElD~~,CAAC~~;~~QAED~~,IAAI,CAACnB,mBAAmB;YACtB;gBAACU,aAAaqB~~,YAAY~~;~~gBAAErB~~,aAAasB~~,qBAAqB~~;~~aAAC~~,CAACH,~~OAAO~~,~~CACrE,~~CAACC,qBAAuBxC,0BAA0BwC,oBAAoBX;QAE1E~~,CAAC~~;~~QAED~~,OAAO~~,IAAM~~;~~YACX~~;gBACET,aAAae~~,WAAW~~;~~gBACxBf~~,aAAagB~~,MAAM~~;~~gBACnBhB~~,aAAaiB~~,WAAW~~;~~gBACxBjB~~,aAAakB~~,MAAM~~;~~gBACnBlB~~,aAAaqB~~,YAAY~~;~~gBACzBrB~~,aAAasB~~,qBAAqB~~;~~aACnC~~,CAACH,~~OAAO~~,~~CAAC,~~CAACC,qBACTvC,6BAA6BuC,oBAAoBX;QAErD;IACF,GAAG;QAACT;QAAcZ;QAAkBE;KAAkB;IAEtD,OAAOe;AACT,EAAE"}
1	+ {"version":3,"sources":["../../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, hasHover as hasHoverLib, hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport {\n AdaptivityContext,\n type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n getSizeX,\n getSizeY,\n getViewHeightByMediaQueries,\n getViewWidthByMediaQueries,\n tryToCheckIsDesktop,\n} from '../lib/adaptivity';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\nimport { useMediaQueries } from './useMediaQueries';\nimport { usePlatform } from './usePlatform';\n\nexport interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {\n isDesktop: boolean;\n}\n\n/*\n Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n \n Берёт в приоритет значения из `AdaptivityContext`.\n \n > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithJSMediaQueries = (): UseAdaptivityWithJSMediaQueries => {\n if (!canUseDOM) {\n console.error(`[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`);\n }\n\n const {\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n sizeX: sizeXContext,\n sizeY: sizeYContext,\n hasPointer: hasPointerContext,\n hasHover: hasHoverContext,\n } = React.useContext(AdaptivityContext);\n\n const platform = usePlatform();\n const mediaQueries = useMediaQueries();\n\n const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(() => [\n getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\n ]);\n\n const adaptivityProps = React.useMemo(() => {\n const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\n const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n const sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n return {\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n hasPointer,\n hasHover,\n isDesktop,\n };\n }, [\n viewWidthLocal,\n viewHeightLocal,\n viewWidthContext,\n viewHeightContext,\n sizeXContext,\n sizeYContext,\n hasPointerContext,\n hasHoverContext,\n platform,\n ]);\n\n React.useEffect(() => {\n const handleMediaQuery = () => {\n setViewSizeLocal((prevSizeLocal) => {\n const newViewWidthLocal = getOrDefault(\n viewWidthContext,\n getViewWidthByMediaQueries(mediaQueries),\n );\n const newViewHeightLocal = getOrDefault(\n viewHeightContext,\n getViewHeightByMediaQueries(mediaQueries),\n );\n\n const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n if (\n prevViewWidthLocal !== newViewWidthLocal \|\|\n prevViewHeightLocal !== newViewHeightLocal\n ) {\n return [newViewWidthLocal, newViewHeightLocal];\n }\n\n return prevSizeLocal;\n });\n };\n\n if (!viewWidthContext) {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n ].forEach((matchMediaListener) =>\n matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n );\n }\n\n if (!viewHeightContext) {\n [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n (matchMediaListener) => matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n );\n }\n\n return () => {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n mediaQueries.mediumHeight,\n mediaQueries.mobileLandscapeHeight,\n ].forEach((matchMediaListener) =>\n matchMediaListRemoveListener(matchMediaListener, handleMediaQuery),\n );\n };\n }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n return adaptivityProps;\n};\n"],"names":["React","canUseDOM","hasHover","hasHoverLib","hasMouse","hasPointerLib","AdaptivityContext","getOrDefault","getSizeX","getSizeY","getViewHeightByMediaQueries","getViewWidthByMediaQueries","tryToCheckIsDesktop","matchMediaListAddListener","matchMediaListRemoveListener","useMediaQueries","usePlatform","useAdaptivityWithJSMediaQueries","console","error","viewWidth","viewWidthContext","viewHeight","viewHeightContext","sizeX","sizeXContext","sizeY","sizeYContext","hasPointer","hasPointerContext","hasHoverContext","useContext","platform","mediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","useState","adaptivityProps","useMemo","isDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","mediumHeight","mobileLandscapeHeight"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,EAAEC,YAAYC,WAAW,EAAEC,YAAYC,aAAa,QAAQ,kBAAkB;AAChG,SACEC,iBAAiB,QAEZ,qDAAqD;AAC5D,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SACEC,QAAQ,EACRC,QAAQ,EACRC,2BAA2B,EAC3BC,0BAA0B,EAC1BC,mBAAmB,QACd,oBAAoB;AAC3B,SAASC,yBAAyB,EAAEC,4BAA4B,QAAQ,oBAAoB;AAC5F,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,WAAW,QAAQ,gBAAgB;AAM5C;;;;;;;;;;;;CAYC,GACD,OAAO,MAAMC,kCAAkC;IAC7C,IAAI,CAAChB,WAAW;QACdiB,QAAQC,MAAM,CAAC;;;;oFAIiE,CAAC;IACnF;IAEA,MAAM,EACJC,WAAWC,iBAAgB,EAC3BC,YAAYC,kBAAiB,EAC7BC,OAAOC,aAAY,EACnBC,OAAOC,aAAY,EACnBC,YAAYC,kBAAiB,EAC7B3B,UAAU4B,gBAAe,EAC1B,GAAG9B,MAAM+B,WAAWzB;IAErB,MAAM0B,WAAWhB;IACjB,MAAMiB,eAAelB;IAErB,MAAM,CAAC,CAACmB,gBAAgBC,gBAAgB,EAAEC,iBAAiB,GAAGpC,MAAMqC,SAAS,IAAM;YACjF9B,aAAac,kBAAkBV,2BAA2BsB;YAC1D1B,aAAagB,mBAAmBb,4BAA4BuB;SAC7D;IAED,MAAMK,kBAAkBtC,MAAMuC,QAAQ;QACpC,MAAMX,aAAarB,aAAasB,mBAAmBxB;QACnD,MAAMH,WAAWK,aAAauB,iBAAiB3B;QAC/C,MAAMiB,YAAYb,aAAac,kBAAkBa;QACjD,MAAMZ,aAAaf,aAAagB,mBAAmBY;QACnD,MAAMX,QAAQjB,aAAakB,cAAcjB,SAASY;QAClD,MAAMM,QAAQnB,aAAaoB,cAAclB,SAASW,WAAWE,YAAYM;QACzE,MAAMY,YAAY5B,oBAAoBQ,WAAWE,YAAYM,YAAYI;QAEzE,OAAO;YACLZ;YACAE;YACAE;YACAE;YACAE;YACA1B;YACAsC;QACF;IACF,GAAG;QACDN;QACAC;QACAd;QACAE;QACAE;QACAE;QACAE;QACAC;QACAE;KACD;IAEDhC,MAAMyC,UAAU;QACd,MAAMC,mBAAmB;YACvBN,iBAAiB,CAACO;gBAChB,MAAMC,oBAAoBrC,aACxBc,kBACAV,2BAA2BsB;gBAE7B,MAAMY,qBAAqBtC,aACzBgB,mBACAb,4BAA4BuB;gBAG9B,MAAM,CAACa,oBAAoBC,oBAAoB,GAAGJ;gBAElD,IACEG,uBAAuBF,qBACvBG,wBAAwBF,oBACxB;oBACA,OAAO;wBAACD;wBAAmBC;qBAAmB;gBAChD;gBAEA,OAAOF;YACT;QACF;QAEA,IAAI,CAACtB,kBAAkB;YACrB;gBACEY,aAAae;gBACbf,aAAagB;gBACbhB,aAAaiB;gBACbjB,aAAakB;aACd,CAACC,QAAQ,CAACC,qBACTxC,0BAA0BwC,oBAAoBX;QAElD;QAEA,IAAI,CAACnB,mBAAmB;YACtB;gBAACU,aAAaqB;gBAAcrB,aAAasB;aAAsB,CAACH,QAC9D,CAACC,qBAAuBxC,0BAA0BwC,oBAAoBX;QAE1E;QAEA,OAAO;YACL;gBACET,aAAae;gBACbf,aAAagB;gBACbhB,aAAaiB;gBACbjB,aAAakB;gBACblB,aAAaqB;gBACbrB,aAAasB;aACd,CAACH,QAAQ,CAACC,qBACTvC,6BAA6BuC,oBAAoBX;QAErD;IACF,GAAG;QAACT;QAAcZ;QAAkBE;KAAkB;IAEtD,OAAOe;AACT,EAAE"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useAppearance.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\n\nexport function useAppearance() {\n const { appearance } = useConfigProvider();\n\n return appearance ?? 'light';\n}\n"],"names":["useConfigProvider","useAppearance","appearance"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,qDAAqD;AAEvF,OAAO,SAASC~~,gBAAgB~~;~~IAC9B~~,MAAM,EAAEC,WAAU,EAAE,GAAGF;IAEvB,OAAOE,cAAc;AACvB~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/hooks/useAppearance.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\n\nexport function useAppearance() {\n const { appearance } = useConfigProvider();\n\n return appearance ?? 'light';\n}\n"],"names":["useConfigProvider","useAppearance","appearance"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,qDAAqD;AAEvF,OAAO,SAASC;IACd,MAAM,EAAEC,WAAU,EAAE,GAAGF;IAEvB,OAAOE,cAAc;AACvB"}

package/dist/cssm/hooks/useAutoDetectAppearance.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useAutoDetectAppearance.tsx"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, {\n AnyReceiveMethodName,\n AppearanceType,\n VKBridgeEvent,\n} from '@vkontakte/vk-bridge';\nimport { noop } from '@vkontakte/vkjs';\nimport { resolveAppearance, VKBridgeConfigData } from '../helpers/appearance';\nimport { useDOM } from '../lib/dom';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\n\nlet initialAppearance: AppearanceType \| null = null;\n\nvkBridge\n .send('VKWebAppGetConfig')\n .then((data) => {\n initialAppearance = resolveAppearance(data);\n })\n .catch(console.error);\n\nfunction autoDetectAppearanceByBridge(\n setAppearance: (value: AppearanceType) => void,\n onDetectAppearanceByBridge: () => void,\n) {\n function bridgeListener(e: VKBridgeEvent<AnyReceiveMethodName>) {\n const { type, data } = e.detail;\n\n if (type !== 'VKWebAppUpdateConfig') {\n return;\n }\n\n initialAppearance = resolveAppearance(data as VKBridgeConfigData);\n\n if (initialAppearance) {\n onDetectAppearanceByBridge();\n setAppearance(initialAppearance);\n }\n }\n\n vkBridge.subscribe(bridgeListener);\n\n return () => vkBridge.unsubscribe(bridgeListener);\n}\n\nfunction autoDetectAppearance(\n window: Window \| undefined,\n setAppearance: (value: AppearanceType) => void,\n): () => void {\n const mediaQuery =\n window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n if (mediaQuery === undefined) {\n return noop;\n }\n\n const check = (event: MediaQueryList \| MediaQueryListEvent) => {\n // eslint-disable-next-line no-restricted-properties\n setAppearance(event.matches ? 'dark' : 'light');\n };\n\n check(mediaQuery);\n matchMediaListAddListener(mediaQuery, check);\n\n return () => matchMediaListRemoveListener(mediaQuery, check);\n}\n\nexport const useAutoDetectAppearance = (\n appearanceProp?: AppearanceType,\n onDetectAppearanceByBridge?: () => void,\n): AppearanceType => {\n const { window } = useDOM();\n const onceDetectAppearanceByBridge = React.useRef(() => {\n onDetectAppearanceByBridge && onDetectAppearanceByBridge();\n onceDetectAppearanceByBridge.current = noop;\n });\n\n const [appearance, setAppearance] = React.useState<AppearanceType>(() => {\n if (appearanceProp) {\n return appearanceProp;\n }\n\n if (initialAppearance) {\n onceDetectAppearanceByBridge.current();\n return initialAppearance;\n }\n\n const mediaQuery =\n window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n // eslint-disable-next-line no-restricted-properties\n return mediaQuery?.matches ? 'dark' : 'light';\n });\n\n React.useEffect(() => {\n if (appearanceProp) {\n setAppearance(appearanceProp);\n return noop;\n }\n\n if (vkBridge.isEmbedded()) {\n return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);\n }\n\n return autoDetectAppearance(window, setAppearance);\n }, [window, appearanceProp]);\n\n return appearance;\n};\n"],"names":["React","vkBridge","noop","resolveAppearance","useDOM","matchMediaListAddListener","matchMediaListRemoveListener","initialAppearance","send","then","data","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","type","detail","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","check","event","matches","useAutoDetectAppearance","appearanceProp","onceDetectAppearanceByBridge","useRef","current","appearance","useState","useEffect","isEmbedded"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAIA,uBAAuB;AAC9B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,iBAAiB,QAA4B,wBAAwB;AAC9E,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,EAAEC,4BAA4B,QAAQ,oBAAoB;AAE5F,IAAIC,oBAA2C~~,IAAI~~;~~AAEnDN~~,SACGO,~~IAAI~~,~~CAAC,~~qBACLC,~~IAAI~~,~~CAAC,~~CAACC~~,OAAS~~;~~IACdH~~,oBAAoBJ,kBAAkBO;AACxC,GACCC,~~KAAK~~,~~CAACC,~~QAAQC~~,KAAK~~;~~AAEtB~~,SAASC,6BACPC,aAA8C,EAC9CC,0BAAsC~~,EACtC~~;~~IACA~~,SAASC,eAAeC,CAAsC~~,EAAE~~;~~QAC9D~~,MAAM,EAAEC,KAAI,EAAET,KAAI,EAAE,GAAGQ,EAAEE~~,MAAM~~;~~QAE/B~~,IAAID,SAAS,wBAAwB;YACnC;QACF~~,CAAC~~;~~QAEDZ~~,oBAAoBJ,kBAAkBO;QAEtC,IAAIH,mBAAmB;YACrBS;YACAD,cAAcR;QAChB~~,CAAC~~;~~IACH~~;IAEAN,SAASoB,~~SAAS,CAACJ~~;IAEnB,OAAO,IAAMhB,SAASqB,~~WAAW,CAACL~~;AACpC;AAEA,SAASM,qBACPC,MAA0B,EAC1BT,aAA8C~~,EAClC~~;~~IACZ~~,MAAMU,aACJD,UAAUA,OAAOE,~~UAAU~~,~~IAAIF,~~OAAOE,~~UAAU,CAAC~~;IAEnD,IAAID,eAAeE,WAAW;QAC5B,OAAOzB;IACT~~,CAAC~~;~~IAED~~,MAAM0B,QAAQ,CAACC~~,QAAgD~~;~~QAC7D~~,oDAAoD;QACpDd,cAAcc,MAAMC,~~OAAO~~,~~GAAG,~~SAAS~~,OAAO~~;~~IAChD~~;IAEAF,MAAMH;IACNpB,0BAA0BoB,YAAYG;IAEtC,OAAO,IAAMtB,6BAA6BmB,YAAYG;AACxD;AAEA,OAAO,MAAMG,0BAA0B,CACrCC,gBACAhB~~,6BACmB~~;~~IACnB~~,MAAM,EAAEQ,OAAM,EAAE,GAAGpB;IACnB,MAAM6B,+BAA+BjC,MAAMkC,~~MAAM,CAAC,IAAM~~;~~QACtDlB~~,8BAA8BA;QAC9BiB,6BAA6BE,~~OAAO,GAAGjC~~;IACzC;IAEA,MAAM,CAACkC,YAAYrB,cAAc,GAAGf,MAAMqC,~~QAAQ,CAAiB,IAAM~~;~~QACvE~~,IAAIL,gBAAgB;YAClB,OAAOA;QACT~~,CAAC~~;~~QAED~~,IAAIzB,mBAAmB;YACrB0B,6BAA6BE~~,OAAO~~;~~YACpC~~,OAAO5B;QACT~~,CAAC~~;~~QAED~~,MAAMkB,aACJD,UAAUA,OAAOE,~~UAAU~~,~~IAAIF,~~OAAOE,~~UAAU,CAAC~~;QAEnD,oDAAoD;QACpD,OAAOD,YAAYK,UAAU,SAAS~~,OAAO~~;~~IAC/C~~;IAEA9B,MAAMsC,~~SAAS,CAAC,IAAM~~;~~QACpB~~,IAAIN,gBAAgB;YAClBjB,cAAciB;YACd,OAAO9B;QACT~~,CAAC~~;~~QAED~~,IAAID,SAASsC,~~UAAU,IAAI~~;YACzB,OAAOzB,6BAA6BC,eAAekB,6BAA6BE~~,OAAO~~;~~QACzF,CAAC~~;~~QAED~~,OAAOZ,qBAAqBC,QAAQT;IACtC,GAAG;QAACS;QAAQQ;KAAe;IAE3B,OAAOI;AACT,EAAE"}
1	+ {"version":3,"sources":["../../../src/hooks/useAutoDetectAppearance.tsx"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, {\n AnyReceiveMethodName,\n AppearanceType,\n VKBridgeEvent,\n} from '@vkontakte/vk-bridge';\nimport { noop } from '@vkontakte/vkjs';\nimport { resolveAppearance, VKBridgeConfigData } from '../helpers/appearance';\nimport { useDOM } from '../lib/dom';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\n\nlet initialAppearance: AppearanceType \| null = null;\n\nvkBridge\n .send('VKWebAppGetConfig')\n .then((data) => {\n initialAppearance = resolveAppearance(data);\n })\n .catch(console.error);\n\nfunction autoDetectAppearanceByBridge(\n setAppearance: (value: AppearanceType) => void,\n onDetectAppearanceByBridge: () => void,\n) {\n function bridgeListener(e: VKBridgeEvent<AnyReceiveMethodName>) {\n const { type, data } = e.detail;\n\n if (type !== 'VKWebAppUpdateConfig') {\n return;\n }\n\n initialAppearance = resolveAppearance(data as VKBridgeConfigData);\n\n if (initialAppearance) {\n onDetectAppearanceByBridge();\n setAppearance(initialAppearance);\n }\n }\n\n vkBridge.subscribe(bridgeListener);\n\n return () => vkBridge.unsubscribe(bridgeListener);\n}\n\nfunction autoDetectAppearance(\n window: Window \| undefined,\n setAppearance: (value: AppearanceType) => void,\n): () => void {\n const mediaQuery =\n window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n if (mediaQuery === undefined) {\n return noop;\n }\n\n const check = (event: MediaQueryList \| MediaQueryListEvent) => {\n // eslint-disable-next-line no-restricted-properties\n setAppearance(event.matches ? 'dark' : 'light');\n };\n\n check(mediaQuery);\n matchMediaListAddListener(mediaQuery, check);\n\n return () => matchMediaListRemoveListener(mediaQuery, check);\n}\n\nexport const useAutoDetectAppearance = (\n appearanceProp?: AppearanceType,\n onDetectAppearanceByBridge?: () => void,\n): AppearanceType => {\n const { window } = useDOM();\n const onceDetectAppearanceByBridge = React.useRef(() => {\n onDetectAppearanceByBridge && onDetectAppearanceByBridge();\n onceDetectAppearanceByBridge.current = noop;\n });\n\n const [appearance, setAppearance] = React.useState<AppearanceType>(() => {\n if (appearanceProp) {\n return appearanceProp;\n }\n\n if (initialAppearance) {\n onceDetectAppearanceByBridge.current();\n return initialAppearance;\n }\n\n const mediaQuery =\n window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n // eslint-disable-next-line no-restricted-properties\n return mediaQuery?.matches ? 'dark' : 'light';\n });\n\n React.useEffect(() => {\n if (appearanceProp) {\n setAppearance(appearanceProp);\n return noop;\n }\n\n if (vkBridge.isEmbedded()) {\n return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);\n }\n\n return autoDetectAppearance(window, setAppearance);\n }, [window, appearanceProp]);\n\n return appearance;\n};\n"],"names":["React","vkBridge","noop","resolveAppearance","useDOM","matchMediaListAddListener","matchMediaListRemoveListener","initialAppearance","send","then","data","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","type","detail","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","check","event","matches","useAutoDetectAppearance","appearanceProp","onceDetectAppearanceByBridge","useRef","current","appearance","useState","useEffect","isEmbedded"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAIA,uBAAuB;AAC9B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,iBAAiB,QAA4B,wBAAwB;AAC9E,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,EAAEC,4BAA4B,QAAQ,oBAAoB;AAE5F,IAAIC,oBAA2C;AAE/CN,SACGO,KAAK,qBACLC,KAAK,CAACC;IACLH,oBAAoBJ,kBAAkBO;AACxC,GACCC,MAAMC,QAAQC;AAEjB,SAASC,6BACPC,aAA8C,EAC9CC,0BAAsC;IAEtC,SAASC,eAAeC,CAAsC;QAC5D,MAAM,EAAEC,KAAI,EAAET,KAAI,EAAE,GAAGQ,EAAEE;QAEzB,IAAID,SAAS,wBAAwB;YACnC;QACF;QAEAZ,oBAAoBJ,kBAAkBO;QAEtC,IAAIH,mBAAmB;YACrBS;YACAD,cAAcR;QAChB;IACF;IAEAN,SAASoB,UAAUJ;IAEnB,OAAO,IAAMhB,SAASqB,YAAYL;AACpC;AAEA,SAASM,qBACPC,MAA0B,EAC1BT,aAA8C;IAE9C,MAAMU,aACJD,UAAUA,OAAOE,cAAcF,OAAOE,WAAW;IAEnD,IAAID,eAAeE,WAAW;QAC5B,OAAOzB;IACT;IAEA,MAAM0B,QAAQ,CAACC;QACb,oDAAoD;QACpDd,cAAcc,MAAMC,UAAU,SAAS;IACzC;IAEAF,MAAMH;IACNpB,0BAA0BoB,YAAYG;IAEtC,OAAO,IAAMtB,6BAA6BmB,YAAYG;AACxD;AAEA,OAAO,MAAMG,0BAA0B,CACrCC,gBACAhB;IAEA,MAAM,EAAEQ,OAAM,EAAE,GAAGpB;IACnB,MAAM6B,+BAA+BjC,MAAMkC,OAAO;QAChDlB,8BAA8BA;QAC9BiB,6BAA6BE,UAAUjC;IACzC;IAEA,MAAM,CAACkC,YAAYrB,cAAc,GAAGf,MAAMqC,SAAyB;QACjE,IAAIL,gBAAgB;YAClB,OAAOA;QACT;QAEA,IAAIzB,mBAAmB;YACrB0B,6BAA6BE;YAC7B,OAAO5B;QACT;QAEA,MAAMkB,aACJD,UAAUA,OAAOE,cAAcF,OAAOE,WAAW;QAEnD,oDAAoD;QACpD,OAAOD,YAAYK,UAAU,SAAS;IACxC;IAEA9B,MAAMsC,UAAU;QACd,IAAIN,gBAAgB;YAClBjB,cAAciB;YACd,OAAO9B;QACT;QAEA,IAAID,SAASsC,cAAc;YACzB,OAAOzB,6BAA6BC,eAAekB,6BAA6BE;QAClF;QAEA,OAAOZ,qBAAqBC,QAAQT;IACtC,GAAG;QAACS;QAAQQ;KAAe;IAE3B,OAAOI;AACT,EAAE"}

package/dist/cssm/hooks/useBooleanState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useBooleanState.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useBooleanState = (defaultValue = false) => {\n const [value, setValue] = React.useState(defaultValue);\n\n const setTrue = React.useCallback(() => {\n setValue(true);\n }, []);\n\n const setFalse = React.useCallback(() => {\n setValue(false);\n }, []);\n\n const toggle = React.useCallback(() => {\n setValue(!value);\n }, [value]);\n\n return { value, setTrue, setFalse, toggle };\n};\n"],"names":["React","useBooleanState","defaultValue","value","setValue","useState","setTrue","useCallback","setFalse","toggle"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,MAAMC,kBAAkB,CAACC,eAAe,KAAK~~,GAAK~~;~~IACvD~~,MAAM,CAACC,OAAOC,SAAS,GAAGJ,MAAMK,~~QAAQ,CAACH~~;IAEzC,MAAMI,UAAUN,MAAMO,~~WAAW,CAAC,IAAM~~;~~QACtCH~~,SAAS~~,IAAI~~;~~IACf~~,GAAG,EAAE;IAEL,MAAMI,WAAWR,MAAMO,~~WAAW,CAAC,IAAM~~;~~QACvCH~~,SAAS~~,KAAK~~;~~IAChB~~,GAAG,EAAE;IAEL,MAAMK,SAAST,MAAMO,~~WAAW,CAAC,IAAM~~;~~QACrCH~~,SAAS,CAACD;IACZ,GAAG;QAACA;KAAM;IAEV,OAAO;QAAEA;QAAOG;QAASE;QAAUC;IAAO;AAC5C,EAAE"}
1	+ {"version":3,"sources":["../../../src/hooks/useBooleanState.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useBooleanState = (defaultValue = false) => {\n const [value, setValue] = React.useState(defaultValue);\n\n const setTrue = React.useCallback(() => {\n setValue(true);\n }, []);\n\n const setFalse = React.useCallback(() => {\n setValue(false);\n }, []);\n\n const toggle = React.useCallback(() => {\n setValue(!value);\n }, [value]);\n\n return { value, setTrue, setFalse, toggle };\n};\n"],"names":["React","useBooleanState","defaultValue","value","setValue","useState","setTrue","useCallback","setFalse","toggle"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,MAAMC,kBAAkB,CAACC,eAAe,KAAK;IAClD,MAAM,CAACC,OAAOC,SAAS,GAAGJ,MAAMK,SAASH;IAEzC,MAAMI,UAAUN,MAAMO,YAAY;QAChCH,SAAS;IACX,GAAG,EAAE;IAEL,MAAMI,WAAWR,MAAMO,YAAY;QACjCH,SAAS;IACX,GAAG,EAAE;IAEL,MAAMK,SAAST,MAAMO,YAAY;QAC/BH,SAAS,CAACD;IACZ,GAAG;QAACA;KAAM;IAEV,OAAO;QAAEA;QAAOG;QAASE;QAAUC;IAAO;AAC5C,EAAE"}

package/dist/cssm/hooks/useBridgeAdaptivity.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useBridgeAdaptivity.ts"],"sourcesContent":["import * as React from 'react';\nimport vkBridge from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface BridgeAdaptivity {\n type: '' \| 'force_mobile' \| 'force_mobile_compact' \| 'adaptive';\n viewportWidth: number;\n viewportHeight: number;\n}\n\ninterface BridgeEvent {\n detail: {\n type: string;\n data: {\n [index: string]: any;\n };\n };\n}\n\nlet initialState: BridgeAdaptivity = {\n type: '',\n viewportWidth: 0,\n viewportHeight: 0,\n};\n\nfunction resolveAdaptivity(e: BridgeEvent): BridgeAdaptivity \| null {\n const { type, data } = e.detail;\n\n if (type !== 'VKWebAppUpdateConfig' \|\| !data) {\n return null;\n }\n\n const { adaptivity, viewport_width: viewportWidth, viewport_height: viewportHeight } = data;\n\n const bridgeAdaptivity: BridgeAdaptivity = {\n type: '',\n viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,\n viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0,\n };\n\n switch (adaptivity) {\n case 'force_mobile':\n case 'force_mobile_compact':\n case 'adaptive':\n bridgeAdaptivity.type = adaptivity;\n }\n\n return bridgeAdaptivity;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n const bridgeAdaptivity = resolveAdaptivity(e);\n\n if (bridgeAdaptivity) {\n initialState = bridgeAdaptivity;\n }\n});\n\nexport function useBridgeAdaptivity(): BridgeAdaptivity {\n const [bridgeAdaptivity, setBridgeAdaptivity] = React.useState<BridgeAdaptivity>(initialState);\n\n useIsomorphicLayoutEffect(() => {\n function bridgeListener(e: BridgeEvent) {\n const newBridgeAdaptivity = resolveAdaptivity(e);\n\n if (newBridgeAdaptivity) {\n setBridgeAdaptivity(newBridgeAdaptivity);\n }\n }\n\n vkBridge.subscribe(bridgeListener);\n return () => {\n vkBridge.unsubscribe(bridgeListener);\n };\n }, []);\n\n return bridgeAdaptivity;\n}\n"],"names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","data","detail","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","subscribe","useBridgeAdaptivity","setBridgeAdaptivity","useState","bridgeListener","newBridgeAdaptivity","unsubscribe"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAAc,uBAAuB;AAC5C,SAASC,yBAAyB,QAAQ,mCAAmC;AAiB7E,IAAIC,eAAiC;IACnCC,MAAM;IACNC,eAAe;IACfC,gBAAgB;AAClB;AAEA,SAASC,kBAAkBC,CAAc~~,EAA2B~~;~~IAClE~~,MAAM,EAAEJ,KAAI,EAAEK,KAAI,EAAE,GAAGD,EAAEE~~,MAAM~~;~~IAE/B~~,IAAIN,SAAS,0BAA0B,CAACK,MAAM;QAC5C,OAAO~~,IAAI~~;~~IACb,CAAC~~;~~IAED~~,MAAM,EAAEE,WAAU,EAAEC,gBAAgBP,cAAa,EAAEQ,iBAAiBP,eAAc,EAAE,GAAGG;IAEvF,MAAMK,mBAAqC;QACzCV,MAAM;QACNC,eAAeU,SAASV,iBAAiB,CAACA,gBAAgB~~,CAAC~~;~~QAC3DC~~,gBAAgBS,SAAST,kBAAkB,CAACA,iBAAiB~~,CAAC~~;~~IAChE~~;IAEA,OAAQK;QACN,KAAK;QACL,KAAK;QACL,KAAK;YACHG,iBAAiBV,~~IAAI,GAAGO~~;IAC5B;IAEA,OAAOG;AACT;AAEAb,SAASe,~~SAAS~~,~~CAAC,~~CAACR~~,IAAmB~~;~~IACrC~~,MAAMM,mBAAmBP,kBAAkBC;IAE3C,IAAIM,kBAAkB;QACpBX,eAAeW;IACjB~~,CAAC~~;~~AACH~~;AAEA,OAAO,SAASG~~,sBAAwC~~;~~IACtD~~,MAAM,CAACH,kBAAkBI,oBAAoB,GAAGlB,MAAMmB,~~QAAQ,CAAmBhB~~;IAEjFD,0BAA0B~~,IAAM~~;~~QAC9B~~,SAASkB,eAAeZ,CAAc~~,EAAE~~;~~YACtC~~,MAAMa,sBAAsBd,kBAAkBC;YAE9C,IAAIa,qBAAqB;gBACvBH,oBAAoBG;YACtB~~,CAAC~~;~~QACH~~;QAEApB,SAASe,~~SAAS,CAACI~~;QACnB,OAAO~~,IAAM~~;~~YACXnB~~,SAASqB,~~WAAW,CAACF~~;QACvB;IACF,GAAG,EAAE;IAEL,OAAON;AACT~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/hooks/useBridgeAdaptivity.ts"],"sourcesContent":["import * as React from 'react';\nimport vkBridge from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface BridgeAdaptivity {\n type: '' \| 'force_mobile' \| 'force_mobile_compact' \| 'adaptive';\n viewportWidth: number;\n viewportHeight: number;\n}\n\ninterface BridgeEvent {\n detail: {\n type: string;\n data: {\n [index: string]: any;\n };\n };\n}\n\nlet initialState: BridgeAdaptivity = {\n type: '',\n viewportWidth: 0,\n viewportHeight: 0,\n};\n\nfunction resolveAdaptivity(e: BridgeEvent): BridgeAdaptivity \| null {\n const { type, data } = e.detail;\n\n if (type !== 'VKWebAppUpdateConfig' \|\| !data) {\n return null;\n }\n\n const { adaptivity, viewport_width: viewportWidth, viewport_height: viewportHeight } = data;\n\n const bridgeAdaptivity: BridgeAdaptivity = {\n type: '',\n viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,\n viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0,\n };\n\n switch (adaptivity) {\n case 'force_mobile':\n case 'force_mobile_compact':\n case 'adaptive':\n bridgeAdaptivity.type = adaptivity;\n }\n\n return bridgeAdaptivity;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n const bridgeAdaptivity = resolveAdaptivity(e);\n\n if (bridgeAdaptivity) {\n initialState = bridgeAdaptivity;\n }\n});\n\nexport function useBridgeAdaptivity(): BridgeAdaptivity {\n const [bridgeAdaptivity, setBridgeAdaptivity] = React.useState<BridgeAdaptivity>(initialState);\n\n useIsomorphicLayoutEffect(() => {\n function bridgeListener(e: BridgeEvent) {\n const newBridgeAdaptivity = resolveAdaptivity(e);\n\n if (newBridgeAdaptivity) {\n setBridgeAdaptivity(newBridgeAdaptivity);\n }\n }\n\n vkBridge.subscribe(bridgeListener);\n return () => {\n vkBridge.unsubscribe(bridgeListener);\n };\n }, []);\n\n return bridgeAdaptivity;\n}\n"],"names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","data","detail","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","subscribe","useBridgeAdaptivity","setBridgeAdaptivity","useState","bridgeListener","newBridgeAdaptivity","unsubscribe"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAAc,uBAAuB;AAC5C,SAASC,yBAAyB,QAAQ,mCAAmC;AAiB7E,IAAIC,eAAiC;IACnCC,MAAM;IACNC,eAAe;IACfC,gBAAgB;AAClB;AAEA,SAASC,kBAAkBC,CAAc;IACvC,MAAM,EAAEJ,KAAI,EAAEK,KAAI,EAAE,GAAGD,EAAEE;IAEzB,IAAIN,SAAS,0BAA0B,CAACK,MAAM;QAC5C,OAAO;IACT;IAEA,MAAM,EAAEE,WAAU,EAAEC,gBAAgBP,cAAa,EAAEQ,iBAAiBP,eAAc,EAAE,GAAGG;IAEvF,MAAMK,mBAAqC;QACzCV,MAAM;QACNC,eAAeU,SAASV,iBAAiB,CAACA,gBAAgB;QAC1DC,gBAAgBS,SAAST,kBAAkB,CAACA,iBAAiB;IAC/D;IAEA,OAAQK;QACN,KAAK;QACL,KAAK;QACL,KAAK;YACHG,iBAAiBV,OAAOO;IAC5B;IAEA,OAAOG;AACT;AAEAb,SAASe,UAAU,CAACR;IAClB,MAAMM,mBAAmBP,kBAAkBC;IAE3C,IAAIM,kBAAkB;QACpBX,eAAeW;IACjB;AACF;AAEA,OAAO,SAASG;IACd,MAAM,CAACH,kBAAkBI,oBAAoB,GAAGlB,MAAMmB,SAA2BhB;IAEjFD,0BAA0B;QACxB,SAASkB,eAAeZ,CAAc;YACpC,MAAMa,sBAAsBd,kBAAkBC;YAE9C,IAAIa,qBAAqB;gBACvBH,oBAAoBG;YACtB;QACF;QAEApB,SAASe,UAAUI;QACnB,OAAO;YACLnB,SAASqB,YAAYF;QACvB;IACF,GAAG,EAAE;IAEL,OAAON;AACT"}