@vkontakte/vkui 5.0.3 → 5.1.2

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

@@ -1 +1 @@
-{"version":3,"file":"math.js","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"],"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(\n    Math.round((val - min) / step) * step,\n    prec\n  );\n  // Round range length _down_ to nearest min + k2 * step\n  const decimatedRange = precisionRound(\n    Math.floor((max - min) / step) * step,\n    prec\n  );\n  return min + clamp(decimatedOffset, 0, decimatedRange);\n}\n\nexport function rescale(\n  value: number,\n  from: [number, number],\n  to: [number, number],\n  options: { step?: number } = {}\n) {\n  const scaled =\n    ((value - from[0]) / (from[1] - from[0])) * (to[1] - to[0]) + to[0];\n  return decimatedClamp(scaled, to[0], to[1], options.step);\n}\n"],"mappings":";;;;;;;;AAAO,IAAMA,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAa,EAAEC,GAAW,EAAEC,GAAW;EAAA,OAC3DC,IAAI,CAACD,GAAG,CAACD,GAAG,EAAEE,IAAI,CAACF,GAAG,CAACD,KAAK,EAAEE,GAAG,CAAC,CAAC;AAAA;AAAC;AAE/B,SAASE,cAAc,CAACC,MAAc,EAAiB;EAAA,IAAfC,SAAS,uEAAG,CAAC;EAC1D,IAAIC,MAAM,GAAGJ,IAAI,CAACK,GAAG,CAAC,EAAE,EAAEF,SAAS,CAAC;EACpC,OAAOH,IAAI,CAACM,KAAK,CAACJ,MAAM,GAAGE,MAAM,CAAC,GAAGA,MAAM;AAC7C;AAEA,SAASD,SAAS,CAACD,MAAc,EAAE;EACjC,OAAO,CAAC,UAAGA,MAAM,EAAGK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAEC,MAAM;AACjD;AAEA,SAASC,cAAc,CAACC,GAAW,EAAEZ,GAAW,EAAEC,GAAW,EAAEY,IAAa,EAAE;EAC5E,IAAIA,IAAI,IAAI,IAAI,IAAIA,IAAI,IAAI,CAAC,EAAE;IAC7B,OAAOf,KAAK,CAACc,GAAG,EAAEZ,GAAG,EAAEC,GAAG,CAAC;EAC7B;EACA,IAAMa,IAAI,GAAGT,SAAS,CAACQ,IAAI,CAAC;EAC5B;EACA,IAAME,eAAe,GAAGZ,cAAc,CACpCD,IAAI,CAACM,KAAK,CAAC,CAACI,GAAG,GAAGZ,GAAG,IAAIa,IAAI,CAAC,GAAGA,IAAI,EACrCC,IAAI,CACL;EACD;EACA,IAAME,cAAc,GAAGb,cAAc,CACnCD,IAAI,CAACe,KAAK,CAAC,CAAChB,GAAG,GAAGD,GAAG,IAAIa,IAAI,CAAC,GAAGA,IAAI,EACrCC,IAAI,CACL;EACD,OAAOd,GAAG,GAAGF,KAAK,CAACiB,eAAe,EAAE,CAAC,EAAEC,cAAc,CAAC;AACxD;AAEO,SAASE,OAAO,CACrBnB,KAAa,EACboB,IAAsB,EACtBC,EAAoB,EAEpB;EAAA,IADAC,OAA0B,uEAAG,CAAC,CAAC;EAE/B,IAAMC,MAAM,GACT,CAACvB,KAAK,GAAGoB,IAAI,CAAC,CAAC,CAAC,KAAKA,IAAI,CAAC,CAAC,CAAC,GAAGA,IAAI,CAAC,CAAC,CAAC,CAAC,IAAKC,EAAE,CAAC,CAAC,CAAC,GAAGA,EAAE,CAAC,CAAC,CAAC,CAAC,GAAGA,EAAE,CAAC,CAAC,CAAC;EACrE,OAAOT,cAAc,CAACW,MAAM,EAAEF,EAAE,CAAC,CAAC,CAAC,EAAEA,EAAE,CAAC,CAAC,CAAC,EAAEC,OAAO,CAACR,IAAI,CAAC;AAC3D"}
+{"version":3,"file":"math.js","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"],"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"],"mappings":";;;;;;;;AAAO,IAAMA,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAa,EAAEC,GAAW,EAAEC,GAAW;EAAA,OAC3DC,IAAI,CAACD,GAAG,CAACD,GAAG,EAAEE,IAAI,CAACF,GAAG,CAACD,KAAK,EAAEE,GAAG,CAAC,CAAC;AAAA;AAAC;AAE/B,SAASE,cAAc,CAACC,MAAc,EAAiB;EAAA,IAAfC,SAAS,uEAAG,CAAC;EAC1D,IAAIC,MAAM,GAAGJ,IAAI,CAACK,GAAG,CAAC,EAAE,EAAEF,SAAS,CAAC;EACpC,OAAOH,IAAI,CAACM,KAAK,CAACJ,MAAM,GAAGE,MAAM,CAAC,GAAGA,MAAM;AAC7C;AAEA,SAASD,SAAS,CAACD,MAAc,EAAE;EACjC,OAAO,CAAC,UAAGA,MAAM,EAAGK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAEC,MAAM;AACjD;AAEA,SAASC,cAAc,CAACC,GAAW,EAAEZ,GAAW,EAAEC,GAAW,EAAEY,IAAa,EAAE;EAC5E,IAAIA,IAAI,IAAI,IAAI,IAAIA,IAAI,IAAI,CAAC,EAAE;IAC7B,OAAOf,KAAK,CAACc,GAAG,EAAEZ,GAAG,EAAEC,GAAG,CAAC;EAC7B;EACA,IAAMa,IAAI,GAAGT,SAAS,CAACQ,IAAI,CAAC;EAC5B;EACA,IAAME,eAAe,GAAGZ,cAAc,CAACD,IAAI,CAACM,KAAK,CAAC,CAACI,GAAG,GAAGZ,GAAG,IAAIa,IAAI,CAAC,GAAGA,IAAI,EAAEC,IAAI,CAAC;EACnF;EACA,IAAME,cAAc,GAAGb,cAAc,CAACD,IAAI,CAACe,KAAK,CAAC,CAAChB,GAAG,GAAGD,GAAG,IAAIa,IAAI,CAAC,GAAGA,IAAI,EAAEC,IAAI,CAAC;EAClF,OAAOd,GAAG,GAAGF,KAAK,CAACiB,eAAe,EAAE,CAAC,EAAEC,cAAc,CAAC;AACxD;AAEO,SAASE,OAAO,CACrBnB,KAAa,EACboB,IAAsB,EACtBC,EAAoB,EAEpB;EAAA,IADAC,OAA0B,uEAAG,CAAC,CAAC;EAE/B,IAAMC,MAAM,GAAI,CAACvB,KAAK,GAAGoB,IAAI,CAAC,CAAC,CAAC,KAAKA,IAAI,CAAC,CAAC,CAAC,GAAGA,IAAI,CAAC,CAAC,CAAC,CAAC,IAAKC,EAAE,CAAC,CAAC,CAAC,GAAGA,EAAE,CAAC,CAAC,CAAC,CAAC,GAAGA,EAAE,CAAC,CAAC,CAAC;EAClF,OAAOT,cAAc,CAACW,MAAM,EAAEF,EAAE,CAAC,CAAC,CAAC,EAAEA,EAAE,CAAC,CAAC,CAAC,EAAEC,OAAO,CAACR,IAAI,CAAC;AAC3D"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"withContext.js","names":["withContext","Component","Ctx","prop","WithContext","props","context","React","useContext"],"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"],"mappings":";;;;;;;;;;AAAA;AAEO,SAASA,WAAW,CACzBC,SAAiC,EACjCC,GAAqB,EACrBC,IAAY,EACC;EACb,SAASC,WAAW,CAACC,KAAQ,EAAE;IAC7B,IAAMC,OAAO,GAAGC,KAAK,CAACC,UAAU,CAAIN,GAAG,CAAC;IAExC,oBAAO,oBAAC,SAAS,6BAAKG,KAAK,oCAASF,IAAI,EAAGG,OAAO,GAAM;EAC1D;EACA,OAAOF,WAAW;AACpB"}
+{"version":3,"file":"withContext.js","names":["withContext","Component","Ctx","prop","WithContext","props","context","React","useContext"],"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"],"mappings":";;;;;;;;;;AAAA;AAEO,SAASA,WAAW,CACzBC,SAAiC,EACjCC,GAAqB,EACrBC,IAAY,EACC;EACb,SAASC,WAAW,CAACC,KAAQ,EAAE;IAC7B,IAAMC,OAAO,GAAGC,KAAK,CAACC,UAAU,CAAIN,GAAG,CAAC;IAExC,oBAAO,oBAAC,SAAS,6BAAKG,KAAK,oCAASF,IAAI,EAAGG,OAAO,GAAM;EAC1D;EACA,OAAOF,WAAW;AACpB"}

package/dist/cjs/hoc/withInsets.d.ts

@@ -1,3 +1,3 @@
-import * as React from "react";
-import { HasInsets } from "../types";
+import * as React from 'react';
+import { HasInsets } from '../types';
 export declare function withInsets<T extends HasInsets>(Component: React.ComponentType<T>): React.ComponentType<Omit<T, keyof HasInsets>>;

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

@@ -1 +1 @@
-{"version":3,"file":"withInsets.js","names":["withInsets","Component","WithInsets","props","insets","useInsets"],"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"],"mappings":";;;;;;;;;AAAA;AACA;AAGO,SAASA,UAAU,CACxBC,SAAiC,EACc;EAC/C,SAASC,UAAU,CAACC,KAA+B,EAAE;IACnD,IAAMC,MAAM,GAAG,IAAAC,oBAAS,GAAE;IAC1B,oBAAO,oBAAC,SAAS,6BAAMF,KAAK;MAAQ,MAAM,EAAEC;IAAO,GAAG;EACxD;EACA,OAAOF,UAAU;AACnB"}
+{"version":3,"file":"withInsets.js","names":["withInsets","Component","WithInsets","props","insets","useInsets"],"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"],"mappings":";;;;;;;;;AAAA;AACA;AAGO,SAASA,UAAU,CACxBC,SAAiC,EACc;EAC/C,SAASC,UAAU,CAACC,KAA+B,EAAE;IACnD,IAAMC,MAAM,GAAG,IAAAC,oBAAS,GAAE;IAC1B,oBAAO,oBAAC,SAAS,6BAAMF,KAAK;MAAQ,MAAM,EAAEC;IAAO,GAAG;EACxD;EACA,OAAOF,UAAU;AACnB"}

package/dist/cjs/hoc/withPlatform.d.ts

@@ -1,3 +1,3 @@
-import * as React from "react";
-import { HasPlatform } from "../types";
+import * as React from 'react';
+import { HasPlatform } from '../types';
 export declare function withPlatform<T extends HasPlatform>(Component: React.ComponentType<T>): React.FC<Omit<T, keyof HasPlatform>>;

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

@@ -1 +1 @@
-{"version":3,"file":"withPlatform.js","names":["withPlatform","Component","WithPlatform","props","useConfigProvider","platform"],"sources":["../../../src/hoc/withPlatform.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasPlatform } from \"../types\";\nimport { useConfigProvider } from \"../components/ConfigProvider/ConfigProviderContext\";\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"],"mappings":";;;;;;;;;AAAA;AAEA;AAEO,SAASA,YAAY,CAC1BC,SAAiC,EACK;EACtC,SAASC,YAAY,CAACC,KAAiC,EAAE;IACvD,yBAAqB,IAAAC,wCAAiB,GAAE;MAAhCC,QAAQ,sBAARA,QAAQ;IAEhB,oBAAO,oBAAC,SAAS,6BAAMF,KAAK;MAAQ,QAAQ,EAAEE;IAAS,GAAG;EAC5D;EACA,OAAOH,YAAY;AACrB"}
+{"version":3,"file":"withPlatform.js","names":["withPlatform","Component","WithPlatform","props","useConfigProvider","platform"],"sources":["../../../src/hoc/withPlatform.tsx"],"sourcesContent":["import * as React from 'react';\nimport { HasPlatform } from '../types';\nimport { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\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"],"mappings":";;;;;;;;;AAAA;AAEA;AAEO,SAASA,YAAY,CAC1BC,SAAiC,EACK;EACtC,SAASC,YAAY,CAACC,KAAiC,EAAE;IACvD,yBAAqB,IAAAC,wCAAiB,GAAE;MAAhCC,QAAQ,sBAARA,QAAQ;IAEhB,oBAAO,oBAAC,SAAS,6BAAMF,KAAK;MAAQ,QAAQ,EAAEE;IAAS,GAAG;EAC5D;EACA,OAAOH,YAAY;AACrB"}

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

@@ -1,4 +1,4 @@
-import { type AdaptivityProps } from "../components/AdaptivityProvider/AdaptivityContext";
+import { type AdaptivityProps } from '../components/AdaptivityProvider/AdaptivityContext';
 export type { AdaptivityProps };
 /**
  * Возвращает сырые данные из AdaptivityProvider.

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

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivity.js","names":["useAdaptivity","React","useContext","AdaptivityContext"],"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"],"mappings":";;;;;;;AAAA;AACA;AAOA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,GAA0B;EAClD,OAAOC,KAAK,CAACC,UAAU,CAACC,oCAAiB,CAAC;AAC5C,CAAC;AAAC"}
+{"version":3,"file":"useAdaptivity.js","names":["useAdaptivity","React","useContext","AdaptivityContext"],"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"],"mappings":";;;;;;;AAAA;AACA;AAOA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,GAA0B;EAClD,OAAOC,KAAK,CAACC,UAAU,CAACC,oCAAiB,CAAC;AAC5C,CAAC;AAAC"}

package/dist/cjs/hooks/useAdaptivityConditionalRender/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["sizeXCompactClassNames","mq","className","SizeType","COMPACT","sizeXRegularClassNames","REGULAR","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","tabletMinus","forced","tabletPlus","deviceTypeClassNames","mobile","desktop"],"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"],"mappings":";;;;;;;;AAAA;AAGO,IAAMA,sBAAsB;EACjCC,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CC,oBAAQ,CAACC,OAAO,EAAG;EAAEF,SAAS;AAAmC,CAAC,CACpE;AAAC;AAEK,IAAMG,sBAAsB;EACjCJ,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CC,oBAAQ,CAACG,OAAO,EAAG;EAAEJ,SAAS;AAAmC,CAAC,CACpE;AAAC;AAEK,IAAMK,sBAAsB;EACjCN,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CC,oBAAQ,CAACC,OAAO,EAAG;EAAEF,SAAS;AAAmC,CAAC,CACpE;AAAC;AAEK,IAAMM,sBAAsB;EACjCP,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CC,oBAAQ,CAACG,OAAO,EAAG;EAAEJ,SAAS;AAAmC,CAAC,CACpE;AAAC;AAEK,IAAMO,mBAAmB,GAAG;EACjCC,WAAW,EAAE;IACXT,EAAE,EAAE;MAAEC,SAAS;IAAuC,CAAC;IACvDS,MAAM,EAAE;MAAET,SAAS;IAA2C;EAChE,CAAC;EACDU,UAAU,EAAE;IACVX,EAAE,EAAE;MAAEC,SAAS;IAAsC,CAAC;IACtDS,MAAM,EAAE;MAAET,SAAS;IAA0C;EAC/D;AACF,CAAC;AAAC;AAEK,IAAMW,oBAAoB,GAAG;EAClCC,MAAM,EAAE;IACNb,EAAE,EAAE;MAAEC,SAAS;IAAmC,CAAC;IACnDS,MAAM,EAAE;MAAET,SAAS;IAAuC;EAC5D,CAAC;EACDa,OAAO,EAAE;IACPd,EAAE,EAAE;MAAEC,SAAS;IAAoC,CAAC;IACpDS,MAAM,EAAE;MAAET,SAAS;IAAwC;EAC7D;AACF,CAAC;AAAC"}
+{"version":3,"file":"constants.js","names":["sizeXCompactClassNames","mq","className","SizeType","COMPACT","sizeXRegularClassNames","REGULAR","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","tabletMinus","forced","tabletPlus","deviceTypeClassNames","mobile","desktop"],"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"],"mappings":";;;;;;;;AAAA;AAGO,IAAMA,sBAAsB;EACjCC,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CC,oBAAQ,CAACC,OAAO,EAAG;EAAEF,SAAS;AAAmC,CAAC,CACpE;AAAC;AAEK,IAAMG,sBAAsB;EACjCJ,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CC,oBAAQ,CAACG,OAAO,EAAG;EAAEJ,SAAS;AAAmC,CAAC,CACpE;AAAC;AAEK,IAAMK,sBAAsB;EACjCN,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CC,oBAAQ,CAACC,OAAO,EAAG;EAAEF,SAAS;AAAmC,CAAC,CACpE;AAAC;AAEK,IAAMM,sBAAsB;EACjCP,EAAE,EAAE;IAAEC,SAAS;EAA+B;AAAC,GAC9CC,oBAAQ,CAACG,OAAO,EAAG;EAAEJ,SAAS;AAAmC,CAAC,CACpE;AAAC;AAEK,IAAMO,mBAAmB,GAAG;EACjCC,WAAW,EAAE;IACXT,EAAE,EAAE;MAAEC,SAAS;IAAuC,CAAC;IACvDS,MAAM,EAAE;MAAET,SAAS;IAA2C;EAChE,CAAC;EACDU,UAAU,EAAE;IACVX,EAAE,EAAE;MAAEC,SAAS;IAAsC,CAAC;IACtDS,MAAM,EAAE;MAAET,SAAS;IAA0C;EAC/D;AACF,CAAC;AAAC;AAEK,IAAMW,oBAAoB,GAAG;EAClCC,MAAM,EAAE;IACNb,EAAE,EAAE;MAAEC,SAAS;IAAmC,CAAC;IACnDS,MAAM,EAAE;MAAET,SAAS;IAAuC;EAC5D,CAAC;EACDa,OAAO,EAAE;IACPd,EAAE,EAAE;MAAEC,SAAS;IAAoC,CAAC;IACpDS,MAAM,EAAE;MAAET,SAAS;IAAwC;EAC7D;AACF,CAAC;AAAC"}

package/dist/cjs/hooks/useAdaptivityConditionalRender/helpers.d.ts

@@ -1,6 +1,6 @@
-import { SizeType, ViewWidth, ViewHeight } from "../../lib/adaptivity";
-import type { PlatformType } from "../../lib/platform";
-import type { ElementProps, AdaptiveSizeType, ViewWidthCSSBreakpoints, AdaptiveViewWidth, DeviceTypeCSSBreakpoints, AdaptiveDeviceType } from "./types";
-export declare const getAdaptiveSizeType: (type: undefined | SizeType, compactClassNames: Record<"mq" | SizeType.COMPACT, ElementProps>, regularClassNames: Record<"mq" | SizeType.REGULAR, ElementProps>) => AdaptiveSizeType;
-export declare const getAdaptiveViewWidth: (viewWidth: undefined | ViewWidth, viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<"mq" | "forced", ElementProps>>) => AdaptiveViewWidth;
-export declare const getAdaptiveDeviceType: (viewWidth: undefined | ViewWidth, viewHeight: undefined | ViewHeight, hasPointer: undefined | boolean, platform: PlatformType, deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<"mq" | "forced", ElementProps>>) => AdaptiveDeviceType;
+import { SizeType, ViewWidth, ViewHeight } from '../../lib/adaptivity';
+import type { PlatformType } from '../../lib/platform';
+import type { ElementProps, AdaptiveSizeType, ViewWidthCSSBreakpoints, AdaptiveViewWidth, DeviceTypeCSSBreakpoints, AdaptiveDeviceType } from './types';
+export declare const getAdaptiveSizeType: (type: undefined | SizeType, compactClassNames: Record<'mq' | SizeType.COMPACT, ElementProps>, regularClassNames: Record<'mq' | SizeType.REGULAR, ElementProps>) => AdaptiveSizeType;
+export declare const getAdaptiveViewWidth: (viewWidth: undefined | ViewWidth, viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>) => AdaptiveViewWidth;
+export declare const getAdaptiveDeviceType: (viewWidth: undefined | ViewWidth, viewHeight: undefined | ViewHeight, hasPointer: undefined | boolean, platform: PlatformType, deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>) => AdaptiveDeviceType;

package/dist/cjs/hooks/useAdaptivityConditionalRender/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["getAdaptiveSizeType","type","compactClassNames","regularClassNames","compact","undefined","mq","SizeType","COMPACT","regular","REGULAR","getAdaptiveViewWidth","viewWidth","viewWidthClassNames","tabletMinus","ViewWidth","TABLET","forced","tabletPlus","getAdaptiveDeviceType","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","tryToCheckIsDesktop","mobile","desktop"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"sourcesContent":["import {\n  SizeType,\n  ViewWidth,\n  ViewHeight,\n  tryToCheckIsDesktop,\n} from \"../../lib/adaptivity\";\nimport type { PlatformType } from \"../../lib/platform\";\nimport type {\n  ElementProps,\n  AdaptiveSizeType,\n  ViewWidthCSSBreakpoints,\n  AdaptiveViewWidth,\n  DeviceTypeCSSBreakpoints,\n  AdaptiveDeviceType,\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<\n    ViewWidthCSSBreakpoints,\n    Record<\"mq\" | \"forced\", ElementProps>\n  >\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<\n    DeviceTypeCSSBreakpoints,\n    Record<\"mq\" | \"forced\", ElementProps>\n  >\n): AdaptiveDeviceType => {\n  const isDesktop = tryToCheckIsDesktop(\n    viewWidth,\n    viewHeight,\n    hasPointer,\n    platform\n  );\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"],"mappings":";;;;;;AAAA;AAgBO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,IAA0B,EAC1BC,iBAAgE,EAChEC,iBAAgE,EAC3C;EACrB,OAAO;IACLC,OAAO,EACLH,IAAI,KAAKI,SAAS,GACdH,iBAAiB,CAACI,EAAE,GACpBL,IAAI,KAAKM,oBAAQ,CAACC,OAAO,GACzBN,iBAAiB,CAACD,IAAI,CAAC,GACvB,KAAK;IACXQ,OAAO,EACLR,IAAI,KAAKI,SAAS,GACdF,iBAAiB,CAACG,EAAE,GACpBL,IAAI,KAAKM,oBAAQ,CAACG,OAAO,GACzBP,iBAAiB,CAACF,IAAI,CAAC,GACvB;EACR,CAAC;AACH,CAAC;AAAC;AAEK,IAAMU,oBAAoB,GAAG,SAAvBA,oBAAoB,CAC/BC,SAAgC,EAChCC,mBAGC,EACqB;EACtB,OAAO;IACLC,WAAW,EACTF,SAAS,KAAKP,SAAS,GACnBQ,mBAAmB,CAACC,WAAW,CAACR,EAAE,GAClCM,SAAS,GAAGG,qBAAS,CAACC,MAAM,GAC5BH,mBAAmB,CAACC,WAAW,CAACG,MAAM,GACtC,KAAK;IACXC,UAAU,EACRN,SAAS,KAAKP,SAAS,GACnBQ,mBAAmB,CAACK,UAAU,CAACZ,EAAE,GACjCM,SAAS,IAAIG,qBAAS,CAACC,MAAM,GAC7BH,mBAAmB,CAACK,UAAU,CAACD,MAAM,GACrC;EACR,CAAC;AACH,CAAC;AAAC;AAEK,IAAME,qBAAqB,GAAG,SAAxBA,qBAAqB,CAChCP,SAAgC,EAChCQ,UAAkC,EAClCC,UAA+B,EAC/BC,QAAsB,EACtBC,oBAGC,EACsB;EACvB,IAAMC,SAAS,GAAG,IAAAC,+BAAmB,EACnCb,SAAS,EACTQ,UAAU,EACVC,UAAU,EACVC,QAAQ,CACT;EAED,IAAIE,SAAS,KAAK,IAAI,EAAE;IACtB,OAAO;MACLE,MAAM,EAAEH,oBAAoB,CAACG,MAAM,CAACpB,EAAE;MACtCqB,OAAO,EAAEJ,oBAAoB,CAACI,OAAO,CAACrB;IACxC,CAAC;EACH;EAEA,IAAIkB,SAAS,EAAE;IACb,OAAO;MACLE,MAAM,EAAE,KAAK;MACbC,OAAO,EAAEJ,oBAAoB,CAACI,OAAO,CAACV;IACxC,CAAC;EACH;EAEA,OAAO;IACLS,MAAM,EAAEH,oBAAoB,CAACG,MAAM,CAACT,MAAM;IAC1CU,OAAO,EAAE;EACX,CAAC;AACH,CAAC;AAAC"}
+{"version":3,"file":"helpers.js","names":["getAdaptiveSizeType","type","compactClassNames","regularClassNames","compact","undefined","mq","SizeType","COMPACT","regular","REGULAR","getAdaptiveViewWidth","viewWidth","viewWidthClassNames","tabletMinus","ViewWidth","TABLET","forced","tabletPlus","getAdaptiveDeviceType","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","tryToCheckIsDesktop","mobile","desktop"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"sourcesContent":["import { SizeType, ViewWidth, ViewHeight, tryToCheckIsDesktop } from '../../lib/adaptivity';\nimport type { PlatformType } from '../../lib/platform';\nimport type {\n  ElementProps,\n  AdaptiveSizeType,\n  ViewWidthCSSBreakpoints,\n  AdaptiveViewWidth,\n  DeviceTypeCSSBreakpoints,\n  AdaptiveDeviceType,\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"],"mappings":";;;;;;AAAA;AAWO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,IAA0B,EAC1BC,iBAAgE,EAChEC,iBAAgE,EAC3C;EACrB,OAAO;IACLC,OAAO,EACLH,IAAI,KAAKI,SAAS,GACdH,iBAAiB,CAACI,EAAE,GACpBL,IAAI,KAAKM,oBAAQ,CAACC,OAAO,GACzBN,iBAAiB,CAACD,IAAI,CAAC,GACvB,KAAK;IACXQ,OAAO,EACLR,IAAI,KAAKI,SAAS,GACdF,iBAAiB,CAACG,EAAE,GACpBL,IAAI,KAAKM,oBAAQ,CAACG,OAAO,GACzBP,iBAAiB,CAACF,IAAI,CAAC,GACvB;EACR,CAAC;AACH,CAAC;AAAC;AAEK,IAAMU,oBAAoB,GAAG,SAAvBA,oBAAoB,CAC/BC,SAAgC,EAChCC,mBAA2F,EACrE;EACtB,OAAO;IACLC,WAAW,EACTF,SAAS,KAAKP,SAAS,GACnBQ,mBAAmB,CAACC,WAAW,CAACR,EAAE,GAClCM,SAAS,GAAGG,qBAAS,CAACC,MAAM,GAC5BH,mBAAmB,CAACC,WAAW,CAACG,MAAM,GACtC,KAAK;IACXC,UAAU,EACRN,SAAS,KAAKP,SAAS,GACnBQ,mBAAmB,CAACK,UAAU,CAACZ,EAAE,GACjCM,SAAS,IAAIG,qBAAS,CAACC,MAAM,GAC7BH,mBAAmB,CAACK,UAAU,CAACD,MAAM,GACrC;EACR,CAAC;AACH,CAAC;AAAC;AAEK,IAAME,qBAAqB,GAAG,SAAxBA,qBAAqB,CAChCP,SAAgC,EAChCQ,UAAkC,EAClCC,UAA+B,EAC/BC,QAAsB,EACtBC,oBAA6F,EACtE;EACvB,IAAMC,SAAS,GAAG,IAAAC,+BAAmB,EAACb,SAAS,EAAEQ,UAAU,EAAEC,UAAU,EAAEC,QAAQ,CAAC;EAElF,IAAIE,SAAS,KAAK,IAAI,EAAE;IACtB,OAAO;MACLE,MAAM,EAAEH,oBAAoB,CAACG,MAAM,CAACpB,EAAE;MACtCqB,OAAO,EAAEJ,oBAAoB,CAACI,OAAO,CAACrB;IACxC,CAAC;EACH;EAEA,IAAIkB,SAAS,EAAE;IACb,OAAO;MACLE,MAAM,EAAE,KAAK;MACbC,OAAO,EAAEJ,oBAAoB,CAACI,OAAO,CAACV;IACxC,CAAC;EACH;EAEA,OAAO;IACLS,MAAM,EAAEH,oBAAoB,CAACG,MAAM,CAACT,MAAM;IAC1CU,OAAO,EAAE;EACX,CAAC;AACH,CAAC;AAAC"}

package/dist/cjs/hooks/useAdaptivityConditionalRender/index.d.ts

@@ -1,2 +1,2 @@
-export type { UseAdaptivityConditionalRender } from "./types";
-export { useAdaptivityConditionalRender } from "./useAdaptivityConditionalRender";
+export type { UseAdaptivityConditionalRender } from './types';
+export { useAdaptivityConditionalRender } from './useAdaptivityConditionalRender';

package/dist/cjs/hooks/useAdaptivityConditionalRender/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/index.ts"],"sourcesContent":["export type { UseAdaptivityConditionalRender } from \"./types\";\nexport { useAdaptivityConditionalRender } from \"./useAdaptivityConditionalRender\";\n"],"mappings":";;;;;;;;;;;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/index.ts"],"sourcesContent":["export type { UseAdaptivityConditionalRender } from './types';\nexport { useAdaptivityConditionalRender } from './useAdaptivityConditionalRender';\n"],"mappings":";;;;;;;;;;;AACA"}

package/dist/cjs/hooks/useAdaptivityConditionalRender/types.d.ts

@@ -1,12 +1,12 @@
-import { type CSSBreakpoints, SizeType } from "../../lib/adaptivity";
+import { type CSSBreakpoints, SizeType } from '../../lib/adaptivity';
 export declare type ForcedHiddenByAdaptivityProviderType = false;
 export declare type ElementProps = {
     className: string;
 };
 export declare type AdaptiveSizeType = Record<SizeType, ForcedHiddenByAdaptivityProviderType | ElementProps>;
-export declare type ViewWidthCSSBreakpoints = Extract<CSSBreakpoints, "tabletMinus" | "tabletPlus">;
+export declare type ViewWidthCSSBreakpoints = Extract<CSSBreakpoints, 'tabletMinus' | 'tabletPlus'>;
 export declare type AdaptiveViewWidth = Record<ViewWidthCSSBreakpoints, ForcedHiddenByAdaptivityProviderType | ElementProps>;
-export declare type DeviceTypeCSSBreakpoints = "mobile" | "desktop";
+export declare type DeviceTypeCSSBreakpoints = 'mobile' | 'desktop';
 export declare type AdaptiveDeviceType = Record<DeviceTypeCSSBreakpoints, ForcedHiddenByAdaptivityProviderType | ElementProps>;
 export interface UseAdaptivityConditionalRender {
     sizeX: AdaptiveSizeType;

package/dist/cjs/hooks/useAdaptivityConditionalRender/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/types.ts"],"sourcesContent":["import { type CSSBreakpoints, SizeType } from \"../../lib/adaptivity\";\n\nexport type ForcedHiddenByAdaptivityProviderType = false; // имеется ввиду, что зашили значение, например, <AdaptivityProvider sizeY=\"regular\" />\n\nexport type ElementProps = { className: string };\n\n/* ================================================================================================================== */\n\nexport type AdaptiveSizeType = Record<\n  SizeType,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport type ViewWidthCSSBreakpoints = Extract<\n  CSSBreakpoints,\n  \"tabletMinus\" | \"tabletPlus\"\n>;\n\nexport type AdaptiveViewWidth = Record<\n  ViewWidthCSSBreakpoints,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport type DeviceTypeCSSBreakpoints = \"mobile\" | \"desktop\";\n\nexport type AdaptiveDeviceType = Record<\n  DeviceTypeCSSBreakpoints,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport interface UseAdaptivityConditionalRender {\n  sizeX: AdaptiveSizeType;\n  sizeY: AdaptiveSizeType;\n  viewWidth: AdaptiveViewWidth;\n  deviceType: AdaptiveDeviceType;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/types.ts"],"sourcesContent":["import { type CSSBreakpoints, SizeType } from '../../lib/adaptivity';\n\nexport type ForcedHiddenByAdaptivityProviderType = false; // имеется ввиду, что зашили значение, например, <AdaptivityProvider sizeY=\"regular\" />\n\nexport type ElementProps = { className: string };\n\n/* ================================================================================================================== */\n\nexport type AdaptiveSizeType = Record<\n  SizeType,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport type ViewWidthCSSBreakpoints = Extract<CSSBreakpoints, 'tabletMinus' | 'tabletPlus'>;\n\nexport type AdaptiveViewWidth = Record<\n  ViewWidthCSSBreakpoints,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport type DeviceTypeCSSBreakpoints = 'mobile' | 'desktop';\n\nexport type AdaptiveDeviceType = Record<\n  DeviceTypeCSSBreakpoints,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport interface UseAdaptivityConditionalRender {\n  sizeX: AdaptiveSizeType;\n  sizeY: AdaptiveSizeType;\n  viewWidth: AdaptiveViewWidth;\n  deviceType: AdaptiveDeviceType;\n}\n"],"mappings":""}

package/dist/cjs/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.d.ts

@@ -1,2 +1,2 @@
-import type { UseAdaptivityConditionalRender } from "./types";
+import type { UseAdaptivityConditionalRender } from './types';
 export declare const useAdaptivityConditionalRender: () => UseAdaptivityConditionalRender;

package/dist/cjs/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivityConditionalRender.js","names":["useAdaptivityConditionalRender","React","useContext","AdaptivityContext","sizeXContext","sizeX","sizeYContext","sizeY","viewWidthContext","viewWidth","viewHeightContext","viewHeight","hasPointerContext","hasPointer","platform","usePlatform","useMemo","getAdaptiveSizeType","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","getAdaptiveViewWidth","viewWidthClassNames","deviceType","getAdaptiveDeviceType","deviceTypeClassNames"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AdaptivityContext } from \"../../components/AdaptivityProvider/AdaptivityContext\";\nimport { usePlatform } from \"../usePlatform\";\nimport type { UseAdaptivityConditionalRender } from \"./types\";\nimport {\n  sizeXCompactClassNames,\n  sizeXRegularClassNames,\n  sizeYCompactClassNames,\n  sizeYRegularClassNames,\n  viewWidthClassNames,\n  deviceTypeClassNames,\n} from \"./constants\";\nimport {\n  getAdaptiveSizeType,\n  getAdaptiveViewWidth,\n  getAdaptiveDeviceType,\n} from \"./helpers\";\n\nexport const useAdaptivityConditionalRender =\n  (): 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(\n        sizeXContext,\n        sizeXCompactClassNames,\n        sizeXRegularClassNames\n      );\n      const sizeY = getAdaptiveSizeType(\n        sizeYContext,\n        sizeYCompactClassNames,\n        sizeYRegularClassNames\n      );\n      const viewWidth = getAdaptiveViewWidth(\n        viewWidthContext,\n        viewWidthClassNames\n      );\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"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AAQA;AAMO,IAAMA,8BAA8B,GACzC,SADWA,8BAA8B,GACH;EACpC,wBAMIC,KAAK,CAACC,UAAU,CAACC,oCAAiB,CAAC;IAL9BC,YAAY,qBAAnBC,KAAK;IACEC,YAAY,qBAAnBC,KAAK;IACMC,gBAAgB,qBAA3BC,SAAS;IACGC,iBAAiB,qBAA7BC,UAAU;IACEC,iBAAiB,qBAA7BC,UAAU;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,OAAOd,KAAK,CAACe,OAAO,CAAC,YAAM;IACzB,IAAMX,KAAK,GAAG,IAAAY,4BAAmB,EAC/Bb,YAAY,EACZc,iCAAsB,EACtBC,iCAAsB,CACvB;IACD,IAAMZ,KAAK,GAAG,IAAAU,4BAAmB,EAC/BX,YAAY,EACZc,iCAAsB,EACtBC,iCAAsB,CACvB;IACD,IAAMZ,SAAS,GAAG,IAAAa,6BAAoB,EACpCd,gBAAgB,EAChBe,8BAAmB,CACpB;IACD,IAAMC,UAAU,GAAG,IAAAC,8BAAqB,EACtCjB,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,EACRY,+BAAoB,CACrB;IACD,OAAO;MACLrB,KAAK,EAALA,KAAK;MACLE,KAAK,EAALA,KAAK;MACLE,SAAS,EAATA,SAAS;MACTe,UAAU,EAAVA;IACF,CAAC;EACH,CAAC,EAAE,CACDpB,YAAY,EACZE,YAAY,EACZE,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,CACT,CAAC;AACJ,CAAC;AAAC"}
+{"version":3,"file":"useAdaptivityConditionalRender.js","names":["useAdaptivityConditionalRender","React","useContext","AdaptivityContext","sizeXContext","sizeX","sizeYContext","sizeY","viewWidthContext","viewWidth","viewHeightContext","viewHeight","hasPointerContext","hasPointer","platform","usePlatform","useMemo","getAdaptiveSizeType","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","getAdaptiveViewWidth","viewWidthClassNames","deviceType","getAdaptiveDeviceType","deviceTypeClassNames"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';\nimport { usePlatform } from '../usePlatform';\nimport type { UseAdaptivityConditionalRender } from './types';\nimport {\n  sizeXCompactClassNames,\n  sizeXRegularClassNames,\n  sizeYCompactClassNames,\n  sizeYRegularClassNames,\n  viewWidthClassNames,\n  deviceTypeClassNames,\n} from './constants';\nimport { getAdaptiveSizeType, getAdaptiveViewWidth, getAdaptiveDeviceType } from './helpers';\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"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AAQA;AAEO,IAAMA,8BAA8B,GAAG,SAAjCA,8BAA8B,GAAyC;EAClF,wBAMIC,KAAK,CAACC,UAAU,CAACC,oCAAiB,CAAC;IAL9BC,YAAY,qBAAnBC,KAAK;IACEC,YAAY,qBAAnBC,KAAK;IACMC,gBAAgB,qBAA3BC,SAAS;IACGC,iBAAiB,qBAA7BC,UAAU;IACEC,iBAAiB,qBAA7BC,UAAU;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,OAAOd,KAAK,CAACe,OAAO,CAAC,YAAM;IACzB,IAAMX,KAAK,GAAG,IAAAY,4BAAmB,EAACb,YAAY,EAAEc,iCAAsB,EAAEC,iCAAsB,CAAC;IAC/F,IAAMZ,KAAK,GAAG,IAAAU,4BAAmB,EAACX,YAAY,EAAEc,iCAAsB,EAAEC,iCAAsB,CAAC;IAC/F,IAAMZ,SAAS,GAAG,IAAAa,6BAAoB,EAACd,gBAAgB,EAAEe,8BAAmB,CAAC;IAC7E,IAAMC,UAAU,GAAG,IAAAC,8BAAqB,EACtCjB,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,EACRY,+BAAoB,CACrB;IACD,OAAO;MACLrB,KAAK,EAALA,KAAK;MACLE,KAAK,EAALA,KAAK;MACLE,SAAS,EAATA,SAAS;MACTe,UAAU,EAAVA;IACF,CAAC;EACH,CAAC,EAAE,CACDpB,YAAY,EACZE,YAAY,EACZE,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,CACT,CAAC;AACJ,CAAC;AAAC"}

package/dist/cjs/hooks/useAdaptivityHasHover.js

@@ -1,31 +1,23 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useAdaptivityHasHover = useAdaptivityHasHover;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var React = _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _AdaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
+var _useIsClient = require("./useIsClient");
 function useAdaptivityHasHover() {
   var deferDetect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
   var _React$useContext = React.useContext(_AdaptivityContext.AdaptivityContext),
     hasHoverContext = _React$useContext.hasHover;
-  var _React$useState = React.useState(function () {
-      return !deferDetect && hasHoverContext === undefined ? _vkjs.hasHover : hasHoverContext;
-    }),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    hasHover = _React$useState2[0],
-    setHasHover = _React$useState2[1];
-  React.useEffect(function () {
-    setHasHover(function (prevHasHover) {
-      var newHasHover = hasHoverContext === undefined ? _vkjs.hasHover : hasHoverContext;
-      return prevHasHover === newHasHover ? prevHasHover : newHasHover;
-    });
-  }, [hasHoverContext]);
+  var hasHover = hasHoverContext === undefined ? _vkjs.hasHover : hasHoverContext;
+  var isClient = (0, _useIsClient.useIsClient)(!deferDetect);
+  if (!isClient) {
+    return undefined;
+  }
   return hasHover;
 }
 //# sourceMappingURL=useAdaptivityHasHover.js.map

package/dist/cjs/hooks/useAdaptivityHasHover.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivityHasHover.js","names":["useAdaptivityHasHover","deferDetect","React","useContext","AdaptivityContext","hasHoverContext","hasHover","useState","undefined","hasHoverLib","setHasHover","useEffect","prevHasHover","newHasHover"],"sources":["../../../src/hooks/useAdaptivityHasHover.ts"],"sourcesContent":["import * as React from \"react\";\nimport { hasHover as hasHoverLib } from \"@vkontakte/vkjs\";\nimport { AdaptivityContext } from \"../components/AdaptivityProvider/AdaptivityContext\";\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, setHasHover] = React.useState(() =>\n    !deferDetect && hasHoverContext === undefined\n      ? hasHoverLib\n      : hasHoverContext\n  );\n\n  React.useEffect(() => {\n    setHasHover((prevHasHover) => {\n      const newHasHover =\n        hasHoverContext === undefined ? hasHoverLib : hasHoverContext;\n      return prevHasHover === newHasHover ? prevHasHover : newHasHover;\n    });\n  }, [hasHoverContext]);\n\n  return hasHover;\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAUO,SAASA,qBAAqB,GAA0C;EAAA,IAAzCC,WAAW,uEAAG,IAAI;EACtD,wBAAsCC,KAAK,CAACC,UAAU,CAACC,oCAAiB,CAAC;IAAvDC,eAAe,qBAAzBC,QAAQ;EAChB,sBAAgCJ,KAAK,CAACK,QAAQ,CAAC;MAAA,OAC7C,CAACN,WAAW,IAAII,eAAe,KAAKG,SAAS,GACzCC,cAAW,GACXJ,eAAe;IAAA,EACpB;IAAA;IAJMC,QAAQ;IAAEI,WAAW;EAM5BR,KAAK,CAACS,SAAS,CAAC,YAAM;IACpBD,WAAW,CAAC,UAACE,YAAY,EAAK;MAC5B,IAAMC,WAAW,GACfR,eAAe,KAAKG,SAAS,GAAGC,cAAW,GAAGJ,eAAe;MAC/D,OAAOO,YAAY,KAAKC,WAAW,GAAGD,YAAY,GAAGC,WAAW;IAClE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACR,eAAe,CAAC,CAAC;EAErB,OAAOC,QAAQ;AACjB"}
+{"version":3,"file":"useAdaptivityHasHover.js","names":["useAdaptivityHasHover","deferDetect","React","useContext","AdaptivityContext","hasHoverContext","hasHover","undefined","hasHoverLib","isClient","useIsClient"],"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"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAUO,SAASA,qBAAqB,GAA0C;EAAA,IAAzCC,WAAW,uEAAG,IAAI;EACtD,wBAAsCC,KAAK,CAACC,UAAU,CAACC,oCAAiB,CAAC;IAAvDC,eAAe,qBAAzBC,QAAQ;EAChB,IAAMA,QAAQ,GAAGD,eAAe,KAAKE,SAAS,GAAGC,cAAW,GAAGH,eAAe;EAE9E,IAAMI,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAACT,WAAW,CAAC;EAC1C,IAAI,CAACQ,QAAQ,EAAE;IACb,OAAOF,SAAS;EAClB;EAEA,OAAOD,QAAQ;AACjB"}

package/dist/cjs/hooks/useAdaptivityHasPointer.js

@@ -1,31 +1,23 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useAdaptivityHasPointer = useAdaptivityHasPointer;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var React = _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _AdaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
+var _useIsClient = require("./useIsClient");
 function useAdaptivityHasPointer() {
   var deferDetect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
   var _React$useContext = React.useContext(_AdaptivityContext.AdaptivityContext),
     hasPointerContext = _React$useContext.hasPointer;
-  var _React$useState = React.useState(function () {
-      return !deferDetect && hasPointerContext === undefined ? _vkjs.hasMouse : hasPointerContext;
-    }),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    hasPointer = _React$useState2[0],
-    setHasPointer = _React$useState2[1];
-  React.useEffect(function () {
-    setHasPointer(function (prevHasPointer) {
-      var newHasHover = hasPointerContext === undefined ? _vkjs.hasMouse : hasPointerContext;
-      return prevHasPointer === newHasHover ? prevHasPointer : newHasHover;
-    });
-  }, [hasPointerContext]);
+  var hasPointer = hasPointerContext === undefined ? _vkjs.hasMouse : hasPointerContext;
+  var isClient = (0, _useIsClient.useIsClient)(!deferDetect);
+  if (!isClient) {
+    return undefined;
+  }
   return hasPointer;
 }
 //# sourceMappingURL=useAdaptivityHasPointer.js.map

package/dist/cjs/hooks/useAdaptivityHasPointer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivityHasPointer.js","names":["useAdaptivityHasPointer","deferDetect","React","useContext","AdaptivityContext","hasPointerContext","hasPointer","useState","undefined","hasPointerLib","setHasPointer","useEffect","prevHasPointer","newHasHover"],"sources":["../../../src/hooks/useAdaptivityHasPointer.ts"],"sourcesContent":["import * as React from \"react\";\nimport { hasMouse as hasPointerLib } from \"@vkontakte/vkjs\";\nimport { AdaptivityContext } from \"../components/AdaptivityProvider/AdaptivityContext\";\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(\n  deferDetect = true\n): undefined | boolean {\n  const { hasPointer: hasPointerContext } = React.useContext(AdaptivityContext);\n  const [hasPointer, setHasPointer] = React.useState(() =>\n    !deferDetect && hasPointerContext === undefined\n      ? hasPointerLib\n      : hasPointerContext\n  );\n\n  React.useEffect(() => {\n    setHasPointer((prevHasPointer) => {\n      const newHasHover =\n        hasPointerContext === undefined ? hasPointerLib : hasPointerContext;\n      return prevHasPointer === newHasHover ? prevHasPointer : newHasHover;\n    });\n  }, [hasPointerContext]);\n\n  return hasPointer;\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAUO,SAASA,uBAAuB,GAEhB;EAAA,IADrBC,WAAW,uEAAG,IAAI;EAElB,wBAA0CC,KAAK,CAACC,UAAU,CAACC,oCAAiB,CAAC;IAAzDC,iBAAiB,qBAA7BC,UAAU;EAClB,sBAAoCJ,KAAK,CAACK,QAAQ,CAAC;MAAA,OACjD,CAACN,WAAW,IAAII,iBAAiB,KAAKG,SAAS,GAC3CC,cAAa,GACbJ,iBAAiB;IAAA,EACtB;IAAA;IAJMC,UAAU;IAAEI,aAAa;EAMhCR,KAAK,CAACS,SAAS,CAAC,YAAM;IACpBD,aAAa,CAAC,UAACE,cAAc,EAAK;MAChC,IAAMC,WAAW,GACfR,iBAAiB,KAAKG,SAAS,GAAGC,cAAa,GAAGJ,iBAAiB;MACrE,OAAOO,cAAc,KAAKC,WAAW,GAAGD,cAAc,GAAGC,WAAW;IACtE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACR,iBAAiB,CAAC,CAAC;EAEvB,OAAOC,UAAU;AACnB"}
+{"version":3,"file":"useAdaptivityHasPointer.js","names":["useAdaptivityHasPointer","deferDetect","React","useContext","AdaptivityContext","hasPointerContext","hasPointer","undefined","hasPointerLib","isClient","useIsClient"],"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"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAUO,SAASA,uBAAuB,GAA0C;EAAA,IAAzCC,WAAW,uEAAG,IAAI;EACxD,wBAA0CC,KAAK,CAACC,UAAU,CAACC,oCAAiB,CAAC;IAAzDC,iBAAiB,qBAA7BC,UAAU;EAClB,IAAMA,UAAU,GAAGD,iBAAiB,KAAKE,SAAS,GAAGC,cAAa,GAAGH,iBAAiB;EAEtF,IAAMI,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAACT,WAAW,CAAC;EAC1C,IAAI,CAACQ,QAAQ,EAAE;IACb,OAAOF,SAAS;EAClB;EAEA,OAAOD,UAAU;AACnB"}

package/dist/cjs/hooks/useAdaptivityWithJSMediaQueries.d.ts

@@ -1,4 +1,4 @@
-import { type AdaptivityProps as BaseAdaptivityProps } from "../components/AdaptivityProvider/AdaptivityContext";
+import { type AdaptivityProps as BaseAdaptivityProps } from '../components/AdaptivityProvider/AdaptivityContext';
 export interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {
     isDesktop: boolean;
 }

package/dist/cjs/hooks/useAdaptivityWithJSMediaQueries.js

@@ -14,6 +14,7 @@ var _getOrDefault = require("../helpers/getOrDefault");
 var _adaptivity = require("../lib/adaptivity");
 var _useMediaQueries = require("./useMediaQueries");
 var _usePlatform = require("./usePlatform");
+var _matchMedia = require("../lib/matchMedia");
 /**
  * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.
  *
@@ -81,22 +82,19 @@ var useAdaptivityWithJSMediaQueries = function useAdaptivityWithJSMediaQueries()
       });
     };
     if (!viewWidthContext) {
-      mediaQueries.desktopPlus.addEventListener("change", handleMediaQuery);
-      mediaQueries.tablet.addEventListener("change", handleMediaQuery);
-      mediaQueries.smallTablet.addEventListener("change", handleMediaQuery);
-      mediaQueries.mobile.addEventListener("change", handleMediaQuery);
+      [mediaQueries.desktopPlus, mediaQueries.tablet, mediaQueries.smallTablet, mediaQueries.mobile].forEach(function (matchMediaListener) {
+        return (0, _matchMedia.matchMediaListAddListener)(matchMediaListener, handleMediaQuery);
+      });
     }
     if (!viewHeightContext) {
-      mediaQueries.mediumHeight.addEventListener("change", handleMediaQuery);
-      mediaQueries.mobileLandscapeHeight.addEventListener("change", handleMediaQuery);
+      [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(function (matchMediaListener) {
+        return (0, _matchMedia.matchMediaListAddListener)(matchMediaListener, handleMediaQuery);
+      });
     }
     return function () {
-      mediaQueries.desktopPlus.removeEventListener("change", handleMediaQuery);
-      mediaQueries.tablet.removeEventListener("change", handleMediaQuery);
-      mediaQueries.smallTablet.removeEventListener("change", handleMediaQuery);
-      mediaQueries.mobile.removeEventListener("change", handleMediaQuery);
-      mediaQueries.mediumHeight.removeEventListener("change", handleMediaQuery);
-      mediaQueries.mobileLandscapeHeight.removeEventListener("change", handleMediaQuery);
+      [mediaQueries.desktopPlus, mediaQueries.tablet, mediaQueries.smallTablet, mediaQueries.mobile, mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(function (matchMediaListener) {
+        return (0, _matchMedia.matchMediaListRemoveListener)(matchMediaListener, handleMediaQuery);
+      });
     };
   }, [mediaQueries, viewWidthContext, viewHeightContext]);
   return adaptivityProps;

package/dist/cjs/hooks/useAdaptivityWithJSMediaQueries.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivityWithJSMediaQueries.js","names":["useAdaptivityWithJSMediaQueries","canUseDOM","console","error","React","useContext","AdaptivityContext","viewWidthContext","viewWidth","viewHeightContext","viewHeight","sizeXContext","sizeX","sizeYContext","sizeY","hasPointerContext","hasPointer","hasHoverContext","hasHover","platform","usePlatform","mediaQueries","useMediaQueries","useState","getOrDefault","getViewWidthByMediaQueries","getViewHeightByMediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","adaptivityProps","useMemo","hasPointerLib","hasHoverLib","getSizeX","getSizeY","isDesktop","tryToCheckIsDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","addEventListener","tablet","smallTablet","mobile","mediumHeight","mobileLandscapeHeight","removeEventListener"],"sources":["../../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from \"react\";\nimport {\n  canUseDOM,\n  hasMouse as hasPointerLib,\n  hasHover as hasHoverLib,\n} from \"@vkontakte/vkjs\";\nimport {\n  AdaptivityContext,\n  type AdaptivityProps as BaseAdaptivityProps,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\nimport { getOrDefault } from \"../helpers/getOrDefault\";\nimport {\n  getViewWidthByMediaQueries,\n  getViewHeightByMediaQueries,\n  getSizeX,\n  getSizeY,\n  tryToCheckIsDesktop,\n} from \"../lib/adaptivity\";\nimport { useMediaQueries } from \"./useMediaQueries\";\nimport { usePlatform } from \"./usePlatform\";\n\nexport interface UseAdaptivityWithJSMediaQueries\n  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 =\n  (): 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] =\n      React.useState(() => [\n        getOrDefault(\n          viewWidthContext,\n          getViewWidthByMediaQueries(mediaQueries)\n        ),\n        getOrDefault(\n          viewHeightContext,\n          getViewHeightByMediaQueries(mediaQueries)\n        ),\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(\n        sizeYContext,\n        getSizeY(viewWidth, viewHeight, hasPointer)\n      );\n      const isDesktop = tryToCheckIsDesktop(\n        viewWidth,\n        viewHeight,\n        hasPointer,\n        platform\n      );\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        mediaQueries.desktopPlus.addEventListener(\"change\", handleMediaQuery);\n        mediaQueries.tablet.addEventListener(\"change\", handleMediaQuery);\n        mediaQueries.smallTablet.addEventListener(\"change\", handleMediaQuery);\n        mediaQueries.mobile.addEventListener(\"change\", handleMediaQuery);\n      }\n\n      if (!viewHeightContext) {\n        mediaQueries.mediumHeight.addEventListener(\"change\", handleMediaQuery);\n        mediaQueries.mobileLandscapeHeight.addEventListener(\n          \"change\",\n          handleMediaQuery\n        );\n      }\n\n      return () => {\n        mediaQueries.desktopPlus.removeEventListener(\n          \"change\",\n          handleMediaQuery\n        );\n        mediaQueries.tablet.removeEventListener(\"change\", handleMediaQuery);\n        mediaQueries.smallTablet.removeEventListener(\n          \"change\",\n          handleMediaQuery\n        );\n        mediaQueries.mobile.removeEventListener(\"change\", handleMediaQuery);\n        mediaQueries.mediumHeight.removeEventListener(\n          \"change\",\n          handleMediaQuery\n        );\n        mediaQueries.mobileLandscapeHeight.removeEventListener(\n          \"change\",\n          handleMediaQuery\n        );\n      };\n    }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n    return adaptivityProps;\n  };\n"],"mappings":"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"}
+{"version":3,"file":"useAdaptivityWithJSMediaQueries.js","names":["useAdaptivityWithJSMediaQueries","canUseDOM","console","error","React","useContext","AdaptivityContext","viewWidthContext","viewWidth","viewHeightContext","viewHeight","sizeXContext","sizeX","sizeYContext","sizeY","hasPointerContext","hasPointer","hasHoverContext","hasHover","platform","usePlatform","mediaQueries","useMediaQueries","useState","getOrDefault","getViewWidthByMediaQueries","getViewHeightByMediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","adaptivityProps","useMemo","hasPointerLib","hasHoverLib","getSizeX","getSizeY","isDesktop","tryToCheckIsDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","matchMediaListAddListener","mediumHeight","mobileLandscapeHeight","matchMediaListRemoveListener"],"sources":["../../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, hasMouse as hasPointerLib, hasHover as hasHoverLib } from '@vkontakte/vkjs';\nimport {\n  AdaptivityContext,\n  type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n  getViewWidthByMediaQueries,\n  getViewHeightByMediaQueries,\n  getSizeX,\n  getSizeY,\n  tryToCheckIsDesktop,\n} from '../lib/adaptivity';\nimport { useMediaQueries } from './useMediaQueries';\nimport { usePlatform } from './usePlatform';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\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"],"mappings":"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"}

package/dist/cjs/hooks/useAppearance.js

@@ -8,6 +8,6 @@ var _ConfigProviderContext = require("../components/ConfigProvider/ConfigProvide
 function useAppearance() {
   var _useConfigProvider = (0, _ConfigProviderContext.useConfigProvider)(),
     appearance = _useConfigProvider.appearance;
-  return appearance !== null && appearance !== void 0 ? appearance : "light";
+  return appearance !== null && appearance !== void 0 ? appearance : 'light';
 }
 //# sourceMappingURL=useAppearance.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAppearance.js","names":["useAppearance","useConfigProvider","appearance"],"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"],"mappings":";;;;;;AAAA;AAEO,SAASA,aAAa,GAAG;EAC9B,yBAAuB,IAAAC,wCAAiB,GAAE;IAAlCC,UAAU,sBAAVA,UAAU;EAElB,OAAOA,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,OAAO;AAC9B"}
+{"version":3,"file":"useAppearance.js","names":["useAppearance","useConfigProvider","appearance"],"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"],"mappings":";;;;;;AAAA;AAEO,SAASA,aAAa,GAAG;EAC9B,yBAAuB,IAAAC,wCAAiB,GAAE;IAAlCC,UAAU,sBAAVA,UAAU;EAElB,OAAOA,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,OAAO;AAC9B"}

package/dist/cjs/hooks/useAutoDetectAppearance.d.ts

@@ -1,2 +1,2 @@
-import { AppearanceType } from "@vkontakte/vk-bridge";
+import { AppearanceType } from '@vkontakte/vk-bridge';
 export declare const useAutoDetectAppearance: (appearanceProp?: AppearanceType, onDetectAppearanceByBridge?: () => void) => AppearanceType;

package/dist/cjs/hooks/useAutoDetectAppearance.js

@@ -10,10 +10,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var React = _interopRequireWildcard(require("react"));
 var _vkBridge = _interopRequireDefault(require("@vkontakte/vk-bridge"));
 var _dom = require("../lib/dom");
-var _utils = require("../lib/utils");
+var _vkjs = require("@vkontakte/vkjs");
 var _appearance = require("../helpers/appearance");
+var _matchMedia = require("../lib/matchMedia");
 var initialAppearance = null;
-_vkBridge.default.send("VKWebAppGetConfig").then(function (data) {
+_vkBridge.default.send('VKWebAppGetConfig').then(function (data) {
   initialAppearance = (0, _appearance.resolveAppearance)(data);
 }).catch(console.error);
 function autoDetectAppearanceByBridge(setAppearance, onDetectAppearanceByBridge) {
@@ -21,7 +22,7 @@ function autoDetectAppearanceByBridge(setAppearance, onDetectAppearanceByBridge)
     var _e$detail = e.detail,
       type = _e$detail.type,
       data = _e$detail.data;
-    if (type !== "VKWebAppUpdateConfig") {
+    if (type !== 'VKWebAppUpdateConfig') {
       return;
     }
     initialAppearance = (0, _appearance.resolveAppearance)(data);
@@ -36,18 +37,18 @@ function autoDetectAppearanceByBridge(setAppearance, onDetectAppearanceByBridge)
   };
 }
 function autoDetectAppearance(window, setAppearance) {
-  var mediaQuery = window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)");
+  var mediaQuery = window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');
   if (mediaQuery === undefined) {
-    return _utils.noop;
+    return _vkjs.noop;
   }
   var check = function check(event) {
     // eslint-disable-next-line no-restricted-properties
-    setAppearance(event.matches ? "dark" : "light");
+    setAppearance(event.matches ? 'dark' : 'light');
   };
   check(mediaQuery);
-  mediaQuery.addEventListener("change", check);
+  (0, _matchMedia.matchMediaListAddListener)(mediaQuery, check);
   return function () {
-    return mediaQuery.removeEventListener("change", check);
+    return (0, _matchMedia.matchMediaListRemoveListener)(mediaQuery, check);
   };
 }
 var useAutoDetectAppearance = function useAutoDetectAppearance(appearanceProp, onDetectAppearanceByBridge) {
@@ -55,7 +56,7 @@ var useAutoDetectAppearance = function useAutoDetectAppearance(appearanceProp, o
     window = _useDOM.window;
   var onceDetectAppearanceByBridge = React.useRef(function () {
     onDetectAppearanceByBridge && onDetectAppearanceByBridge();
-    onceDetectAppearanceByBridge.current = _utils.noop;
+    onceDetectAppearanceByBridge.current = _vkjs.noop;
   });
   var _React$useState = React.useState(function () {
       if (appearanceProp) {
@@ -65,10 +66,10 @@ var useAutoDetectAppearance = function useAutoDetectAppearance(appearanceProp, o
         onceDetectAppearanceByBridge.current();
         return initialAppearance;
       }
-      var mediaQuery = window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)");
+      var mediaQuery = window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');
 
       // eslint-disable-next-line no-restricted-properties
-      return mediaQuery !== null && mediaQuery !== void 0 && mediaQuery.matches ? "dark" : "light";
+      return mediaQuery !== null && mediaQuery !== void 0 && mediaQuery.matches ? 'dark' : 'light';
     }),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     appearance = _React$useState2[0],
@@ -76,7 +77,7 @@ var useAutoDetectAppearance = function useAutoDetectAppearance(appearanceProp, o
   React.useEffect(function () {
     if (appearanceProp) {
       setAppearance(appearanceProp);
-      return _utils.noop;
+      return _vkjs.noop;
     }
     if (_vkBridge.default.isEmbedded()) {
       return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);

package/dist/cjs/hooks/useAutoDetectAppearance.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoDetectAppearance.js","names":["initialAppearance","vkBridge","send","then","data","resolveAppearance","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","detail","type","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","noop","check","event","matches","addEventListener","removeEventListener","useAutoDetectAppearance","appearanceProp","useDOM","onceDetectAppearanceByBridge","React","useRef","current","useState","appearance","useEffect","isEmbedded"],"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 { useDOM } from \"../lib/dom\";\nimport { noop } from \"../lib/utils\";\nimport { resolveAppearance, VKBridgeConfigData } from \"../helpers/appearance\";\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 &&\n    window.matchMedia &&\n    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  mediaQuery.addEventListener(\"change\", check);\n\n  return () => mediaQuery.removeEventListener(\"change\", 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 &&\n      window.matchMedia &&\n      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(\n        setAppearance,\n        onceDetectAppearanceByBridge.current\n      );\n    }\n\n    return autoDetectAppearance(window, setAppearance);\n  }, [window, appearanceProp]);\n\n  return appearance;\n};\n"],"mappings":"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"}
+{"version":3,"file":"useAutoDetectAppearance.js","names":["initialAppearance","vkBridge","send","then","data","resolveAppearance","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","detail","type","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","noop","check","event","matches","matchMediaListAddListener","matchMediaListRemoveListener","useAutoDetectAppearance","appearanceProp","useDOM","onceDetectAppearanceByBridge","React","useRef","current","useState","appearance","useEffect","isEmbedded"],"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 { useDOM } from '../lib/dom';\nimport { noop } from '@vkontakte/vkjs';\nimport { resolveAppearance, VKBridgeConfigData } from '../helpers/appearance';\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"],"mappings":"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"}

package/dist/cjs/hooks/useBooleanState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBooleanState.js","names":["useBooleanState","defaultValue","React","useState","value","setValue","setTrue","useCallback","setFalse","toggle"],"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"],"mappings":";;;;;;;;;AAAA;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAe,GAA6B;EAAA,IAAzBC,YAAY,uEAAG,KAAK;EAClD,sBAA0BC,KAAK,CAACC,QAAQ,CAACF,YAAY,CAAC;IAAA;IAA/CG,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,OAAO,GAAGJ,KAAK,CAACK,WAAW,CAAC,YAAM;IACtCF,QAAQ,CAAC,IAAI,CAAC;EAChB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,QAAQ,GAAGN,KAAK,CAACK,WAAW,CAAC,YAAM;IACvCF,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,MAAM,GAAGP,KAAK,CAACK,WAAW,CAAC,YAAM;IACrCF,QAAQ,CAAC,CAACD,KAAK,CAAC;EAClB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,OAAO;IAAEA,KAAK,EAALA,KAAK;IAAEE,OAAO,EAAPA,OAAO;IAAEE,QAAQ,EAARA,QAAQ;IAAEC,MAAM,EAANA;EAAO,CAAC;AAC7C,CAAC;AAAC"}
+{"version":3,"file":"useBooleanState.js","names":["useBooleanState","defaultValue","React","useState","value","setValue","setTrue","useCallback","setFalse","toggle"],"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"],"mappings":";;;;;;;;;AAAA;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAe,GAA6B;EAAA,IAAzBC,YAAY,uEAAG,KAAK;EAClD,sBAA0BC,KAAK,CAACC,QAAQ,CAACF,YAAY,CAAC;IAAA;IAA/CG,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,OAAO,GAAGJ,KAAK,CAACK,WAAW,CAAC,YAAM;IACtCF,QAAQ,CAAC,IAAI,CAAC;EAChB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,QAAQ,GAAGN,KAAK,CAACK,WAAW,CAAC,YAAM;IACvCF,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,MAAM,GAAGP,KAAK,CAACK,WAAW,CAAC,YAAM;IACrCF,QAAQ,CAAC,CAACD,KAAK,CAAC;EAClB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,OAAO;IAAEA,KAAK,EAALA,KAAK;IAAEE,OAAO,EAAPA,OAAO;IAAEE,QAAQ,EAARA,QAAQ;IAAEC,MAAM,EAANA;EAAO,CAAC;AAC7C,CAAC;AAAC"}