@vkontakte/vkui 5.5.4 → 5.6.0

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

@@ -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","precisionRound","rescale","value","min","max","Math","number","precision","factor","pow","round","split","length","decimatedClamp","val","step","prec","decimatedOffset","decimatedRange","floor","from","to","options","scaled"],"mappings":";;;;;;;;;;;IAAaA,KAAK;eAALA;;IAGGC,cAAc;eAAdA;;IAqBAC,OAAO;eAAPA;;;AAxBT,IAAMF,QAAQ,SAACG,OAAeC,KAAaC;WAChDC,KAAKD,IAAID,KAAKE,KAAKF,IAAID,OAAOE;;AAEzB,SAASJ,eAAeM,MAAc;QAAEC,YAAAA,iEAAY;IACzD,IAAIC,SAASH,KAAKI,IAAI,IAAIF;IAC1B,OAAOF,KAAKK,MAAMJ,SAASE,UAAUA;AACvC;AAEA,SAASD,UAAUD,MAAc;IAC/B,OAAO,AAAC,CAAA,AAAC,GAAS,OAAPA,QAASK,MAAM,IAAI,CAAC,EAAE,IAAI,EAAC,EAAGC;AAC3C;AAEA,SAASC,eAAeC,GAAW,EAAEX,GAAW,EAAEC,GAAW,EAAEW,IAAa;IAC1E,IAAIA,QAAQ,QAAQA,QAAQ,GAAG;QAC7B,OAAOhB,MAAMe,KAAKX,KAAKC;IACzB;IACA,IAAMY,OAAOT,UAAUQ;IACvB,yCAAyC;IACzC,IAAME,kBAAkBjB,eAAeK,KAAKK,MAAM,AAACI,CAAAA,MAAMX,GAAE,IAAKY,QAAQA,MAAMC;IAC9E,uDAAuD;IACvD,IAAME,iBAAiBlB,eAAeK,KAAKc,MAAM,AAACf,CAAAA,MAAMD,GAAE,IAAKY,QAAQA,MAAMC;IAC7E,OAAOb,MAAMJ,MAAMkB,iBAAiB,GAAGC;AACzC;AAEO,SAASjB,QACdC,KAAa,EACbkB,IAAsB,EACtBC,EAAoB;QACpBC,UAAAA,iEAA6B,CAAC;IAE9B,IAAMC,SAAS,AAAErB,CAAAA,QAAQkB,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,OAAOR,eAAeU,QAAQF,EAAE,CAAC,EAAE,EAAEA,EAAE,CAAC,EAAE,EAAEC,QAAQP;AACtD"}
+{"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","precisionRound","rescale","value","min","max","Math","number","precision","factor","pow","round","split","length","decimatedClamp","val","step","prec","decimatedOffset","decimatedRange","floor","from","to","options","scaled"],"mappings":";;;;;;;;;;;IAAaA,KAAK;eAALA;;IAGGC,cAAc;eAAdA;;IAqBAC,OAAO;eAAPA;;;AAxBT,IAAMF,QAAQ,SAACG,OAAeC,KAAaC;WAChDC,KAAKD,GAAG,CAACD,KAAKE,KAAKF,GAAG,CAACD,OAAOE;;AAEzB,SAASJ,eAAeM,MAAc;QAAEC,YAAAA,iEAAY;IACzD,IAAIC,SAASH,KAAKI,GAAG,CAAC,IAAIF;IAC1B,OAAOF,KAAKK,KAAK,CAACJ,SAASE,UAAUA;AACvC;AAEA,SAASD,UAAUD,MAAc;IAC/B,OAAO,AAAC,CAAA,AAAC,GAAS,OAAPA,QAASK,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,EAAGC,MAAM;AACjD;AAEA,SAASC,eAAeC,GAAW,EAAEX,GAAW,EAAEC,GAAW,EAAEW,IAAa;IAC1E,IAAIA,QAAQ,QAAQA,QAAQ,GAAG;QAC7B,OAAOhB,MAAMe,KAAKX,KAAKC;IACzB;IACA,IAAMY,OAAOT,UAAUQ;IACvB,yCAAyC;IACzC,IAAME,kBAAkBjB,eAAeK,KAAKK,KAAK,CAAC,AAACI,CAAAA,MAAMX,GAAE,IAAKY,QAAQA,MAAMC;IAC9E,uDAAuD;IACvD,IAAME,iBAAiBlB,eAAeK,KAAKc,KAAK,CAAC,AAACf,CAAAA,MAAMD,GAAE,IAAKY,QAAQA,MAAMC;IAC7E,OAAOb,MAAMJ,MAAMkB,iBAAiB,GAAGC;AACzC;AAEO,SAASjB,QACdC,KAAa,EACbkB,IAAsB,EACtBC,EAAoB;QACpBC,UAAAA,iEAA6B,CAAC;IAE9B,IAAMC,SAAS,AAAErB,CAAAA,QAAQkB,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,OAAOR,eAAeU,QAAQF,EAAE,CAAC,EAAE,EAAEA,EAAE,CAAC,EAAE,EAAEC,QAAQP,IAAI;AAC1D"}

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

@@ -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","rangeIncrement","from","to","step","direction","distance","Math","abs","arrayLength","ceil","arr","Array","index","length"],"mappings":"AAAA;;CAEC;;;;;;;;;;;IACeA,KAAK;eAALA;;IAgBAC,cAAc;eAAdA;;;AAhBT,SAASD,MAAME,IAAY,EAAEC,EAAU;QAAEC,OAAAA,iEAAO;IACrD,IAAMC,YAAYH,OAAOC,KAAK,IAAI,CAAC;IACnC,IAAMG,WAAWC,KAAKC,IAAIN,OAAOC,MAAM;IACvC,IAAMM,cAAcF,KAAKG,KAAKJ,WAAWF;IAEzC,IAAMO,MAAMC,MAAcH;IAC1B,IAAK,IAAII,QAAQ,GAAGA,QAAQF,IAAIG,QAAQD,QAAS;QAC/CF,GAAG,CAACE,MAAM,GAAGX,OAAOW,QAAQT,OAAOC;IACrC;IAEA,OAAOM;AACT;AAKO,SAASV,eAAeC,IAAY,EAAEC,EAAU;QAAEC,OAAAA,iEAAO;IAC9D,IAAIF,OAAOC,IAAI;QACb,OAAO,EAAE;IACX;IAEA,OAAOH,MAAME,MAAMC,IAAIC;AACzB"}
+{"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","rangeIncrement","from","to","step","direction","distance","Math","abs","arrayLength","ceil","arr","Array","index","length"],"mappings":"AAAA;;CAEC;;;;;;;;;;;IACeA,KAAK;eAALA;;IAgBAC,cAAc;eAAdA;;;AAhBT,SAASD,MAAME,IAAY,EAAEC,EAAU;QAAEC,OAAAA,iEAAO;IACrD,IAAMC,YAAYH,OAAOC,KAAK,IAAI,CAAC;IACnC,IAAMG,WAAWC,KAAKC,GAAG,CAACN,OAAOC,MAAM;IACvC,IAAMM,cAAcF,KAAKG,IAAI,CAACJ,WAAWF;IAEzC,IAAMO,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;AAKO,SAASV,eAAeC,IAAY,EAAEC,EAAU;QAAEC,OAAAA,iEAAO;IAC9D,IAAIF,OAAOC,IAAI;QACb,OAAO,EAAE;IACX;IAEA,OAAOH,MAAME,MAAMC,IAAIC;AACzB"}

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

@@ -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":["withContext","Component","Ctx","prop","WithContext","props","context","React","useContext"],"mappings":";;;;+BAEgBA;;;eAAAA;;;;;;;+DAFO;AAEhB,SAASA,YACdC,SAAiC,EACjCC,GAAqB,EACrBC,IAAY;QAEHC,cAAT,SAASA,YAAYC,KAAQ;QAC3B,IAAMC,UAAUC,OAAMC,WAAcN;QAEpC,qBAAO,qBAACD,uDAAcI,QAAa,uBAACF,MAAOG;IAC7C;IACA,OAAOF;AACT"}
+{"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":["withContext","Component","Ctx","prop","WithContext","props","context","React","useContext"],"mappings":";;;;+BAEgBA;;;eAAAA;;;;;;;+DAFO;AAEhB,SAASA,YACdC,SAAiC,EACjCC,GAAqB,EACrBC,IAAY;QAEHC,cAAT,SAASA,YAAYC,KAAQ;QAC3B,IAAMC,UAAUC,OAAMC,UAAU,CAAIN;QAEpC,qBAAO,qBAACD,uDAAcI,QAAa,uBAACF,MAAOG;IAC7C;IACA,OAAOF;AACT"}

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

@@ -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":["withInsets","Component","WithInsets","props","insets","useInsets"],"mappings":";;;;+BAIgBA;;;eAAAA;;;;;;+DAJO;yBACG;AAGnB,SAASA,WACdC,SAAiC;QAExBC,aAAT,SAASA,WAAWC,KAA+B;QACjD,IAAMC,SAASC,IAAAA;QACf,qBAAO,qBAACJ,uDAAeE;YAAaC,QAAQA;;IAC9C;IACA,OAAOF;AACT"}
+{"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":["withInsets","Component","WithInsets","props","insets","useInsets"],"mappings":";;;;+BAIgBA;;;eAAAA;;;;;;+DAJO;yBACG;AAGnB,SAASA,WACdC,SAAiC;QAExBC,aAAT,SAASA,WAAWC,KAA+B;QACjD,IAAMC,SAASC,IAAAA,oBAAS;QACxB,qBAAO,qBAACJ,uDAAeE;YAAaC,QAAQA;;IAC9C;IACA,OAAOF;AACT"}

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

@@ -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":["withPlatform","Component","WithPlatform","props","platform","useConfigProvider"],"mappings":";;;;+BAIgBA;;;eAAAA;;;;;;+DAJO;qCACW;AAG3B,SAASA,aACdC,SAAiC;QAExBC,eAAT,SAASA,aAAaC,KAAiC;QACrD,IAAM,AAAEC,WAAaC,IAAAA,4CAAbD;QAER,qBAAO,qBAACH,uDAAeE;YAAaC,UAAUA;;IAChD;IACA,OAAOF;AACT"}
+{"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":["withPlatform","Component","WithPlatform","props","platform","useConfigProvider"],"mappings":";;;;+BAIgBA;;;eAAAA;;;;;;+DAJO;qCACW;AAG3B,SAASA,aACdC,SAAiC;QAExBC,eAAT,SAASA,aAAaC,KAAiC;QACrD,IAAM,AAAEC,WAAaC,IAAAA,wCAAiB,IAA9BD;QAER,qBAAO,qBAACH,uDAAeE;YAAaC,UAAUA;;IAChD;IACA,OAAOF;AACT"}

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

@@ -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":["useAdaptivity","React","useContext","AdaptivityContext"],"mappings":";;;;+BAWaA;;;eAAAA;;;;+DAXU;iCAIhB;AAOA,IAAMA,gBAAgB;IAC3B,OAAOC,OAAMC,WAAWC;AAC1B"}
+{"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":["useAdaptivity","React","useContext","AdaptivityContext"],"mappings":";;;;+BAWaA;;;eAAAA;;;;+DAXU;iCAIhB;AAOA,IAAMA,gBAAgB;IAC3B,OAAOC,OAAMC,UAAU,CAACC,oCAAiB;AAC3C"}

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

@@ -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":["sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","deviceTypeClassNames","mq","className","SizeType","COMPACT","REGULAR","tabletMinus","forced","tabletPlus","mobile","desktop"],"mappings":";;;;;;;;;;;IAGaA,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,mBAAmB;eAAnBA;;IAWAC,oBAAoB;eAApBA;;;;0BAlCY;AAGlB,IAAML,yBAEX;IADAM,IAAI;QAAEC,SAAS;IAA+B;GAC7CC,qBAASC,SAAU;IAAEF,SAAS;AAAmC;AAG7D,IAAMN,yBAEX;IADAK,IAAI;QAAEC,SAAS;IAA+B;GAC7CC,qBAASE,SAAU;IAAEH,SAAS;AAAmC;AAG7D,IAAML,yBAEX;IADAI,IAAI;QAAEC,SAAS;IAA+B;GAC7CC,qBAASC,SAAU;IAAEF,SAAS;AAAmC;AAG7D,IAAMJ,yBAEX;IADAG,IAAI;QAAEC,SAAS;IAA+B;GAC7CC,qBAASE,SAAU;IAAEH,SAAS;AAAmC;AAG7D,IAAMH,sBAAsB;IACjCO,aAAa;QACXL,IAAI;YAAEC,SAAS;QAAuC;QACtDK,QAAQ;YAAEL,SAAS;QAA2C;IAChE;IACAM,YAAY;QACVP,IAAI;YAAEC,SAAS;QAAsC;QACrDK,QAAQ;YAAEL,SAAS;QAA0C;IAC/D;AACF;AAEO,IAAMF,uBAAuB;IAClCS,QAAQ;QACNR,IAAI;YAAEC,SAAS;QAAmC;QAClDK,QAAQ;YAAEL,SAAS;QAAuC;IAC5D;IACAQ,SAAS;QACPT,IAAI;YAAEC,SAAS;QAAoC;QACnDK,QAAQ;YAAEL,SAAS;QAAwC;IAC7D;AACF"}
+{"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":["sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","deviceTypeClassNames","mq","className","SizeType","COMPACT","REGULAR","tabletMinus","forced","tabletPlus","mobile","desktop"],"mappings":";;;;;;;;;;;IAGaA,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,mBAAmB;eAAnBA;;IAWAC,oBAAoB;eAApBA;;;;0BAlCY;AAGlB,IAAML,yBAEX;IADAM,IAAI;QAAEC,SAAS;IAA+B;GAC7CC,oBAAQ,CAACC,OAAO,EAAG;IAAEF,SAAS;AAAmC;AAG7D,IAAMN,yBAEX;IADAK,IAAI;QAAEC,SAAS;IAA+B;GAC7CC,oBAAQ,CAACE,OAAO,EAAG;IAAEH,SAAS;AAAmC;AAG7D,IAAML,yBAEX;IADAI,IAAI;QAAEC,SAAS;IAA+B;GAC7CC,oBAAQ,CAACC,OAAO,EAAG;IAAEF,SAAS;AAAmC;AAG7D,IAAMJ,yBAEX;IADAG,IAAI;QAAEC,SAAS;IAA+B;GAC7CC,oBAAQ,CAACE,OAAO,EAAG;IAAEH,SAAS;AAAmC;AAG7D,IAAMH,sBAAsB;IACjCO,aAAa;QACXL,IAAI;YAAEC,SAAS;QAAuC;QACtDK,QAAQ;YAAEL,SAAS;QAA2C;IAChE;IACAM,YAAY;QACVP,IAAI;YAAEC,SAAS;QAAsC;QACrDK,QAAQ;YAAEL,SAAS;QAA0C;IAC/D;AACF;AAEO,IAAMF,uBAAuB;IAClCS,QAAQ;QACNR,IAAI;YAAEC,SAAS;QAAmC;QAClDK,QAAQ;YAAEL,SAAS;QAAuC;IAC5D;IACAQ,SAAS;QACPT,IAAI;YAAEC,SAAS;QAAoC;QACnDK,QAAQ;YAAEL,SAAS;QAAwC;IAC7D;AACF"}

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

@@ -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":["getAdaptiveSizeType","getAdaptiveViewWidth","getAdaptiveDeviceType","type","compactClassNames","regularClassNames","compact","undefined","mq","SizeType","COMPACT","regular","REGULAR","viewWidth","viewWidthClassNames","tabletMinus","ViewWidth","TABLET","forced","tabletPlus","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","tryToCheckIsDesktop","mobile","desktop"],"mappings":";;;;;;;;;;;IAWaA,mBAAmB;eAAnBA;;IAqBAC,oBAAoB;eAApBA;;IAoBAC,qBAAqB;eAArBA;;;0BApDwD;AAW9D,IAAMF,sBAAsB,SACjCG,MACAC,mBACAC;IAEA,OAAO;QACLC,SACEH,SAASI,YACLH,kBAAkBI,KAClBL,SAASM,qBAASC,UAClBN,iBAAiB,CAACD,KAAK,GACvB;QACNQ,SACER,SAASI,YACLF,kBAAkBG,KAClBL,SAASM,qBAASG,UAClBP,iBAAiB,CAACF,KAAK,GACvB;IACR;AACF;AAEO,IAAMF,uBAAuB,SAClCY,WACAC;IAEA,OAAO;QACLC,aACEF,cAAcN,YACVO,oBAAoBC,YAAYP,KAChCK,YAAYG,sBAAUC,SACtBH,oBAAoBC,YAAYG,SAChC;QACNC,YACEN,cAAcN,YACVO,oBAAoBK,WAAWX,KAC/BK,aAAaG,sBAAUC,SACvBH,oBAAoBK,WAAWD,SAC/B;IACR;AACF;AAEO,IAAMhB,wBAAwB,SACnCW,WACAO,YACAC,YACAC,UACAC;IAEA,IAAMC,YAAYC,IAAAA,iCAAoBZ,WAAWO,YAAYC,YAAYC;IAEzE,IAAIE,cAAc,MAAM;QACtB,OAAO;YACLE,QAAQH,qBAAqBG,OAAOlB;YACpCmB,SAASJ,qBAAqBI,QAAQnB;QACxC;IACF;IAEA,IAAIgB,WAAW;QACb,OAAO;YACLE,QAAQ;YACRC,SAASJ,qBAAqBI,QAAQT;QACxC;IACF;IAEA,OAAO;QACLQ,QAAQH,qBAAqBG,OAAOR;QACpCS,SAAS;IACX;AACF"}
+{"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":["getAdaptiveSizeType","getAdaptiveViewWidth","getAdaptiveDeviceType","type","compactClassNames","regularClassNames","compact","undefined","mq","SizeType","COMPACT","regular","REGULAR","viewWidth","viewWidthClassNames","tabletMinus","ViewWidth","TABLET","forced","tabletPlus","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","tryToCheckIsDesktop","mobile","desktop"],"mappings":";;;;;;;;;;;IAWaA,mBAAmB;eAAnBA;;IAqBAC,oBAAoB;eAApBA;;IAoBAC,qBAAqB;eAArBA;;;0BApDwD;AAW9D,IAAMF,sBAAsB,SACjCG,MACAC,mBACAC;IAEA,OAAO;QACLC,SACEH,SAASI,YACLH,kBAAkBI,EAAE,GACpBL,SAASM,oBAAQ,CAACC,OAAO,GACzBN,iBAAiB,CAACD,KAAK,GACvB;QACNQ,SACER,SAASI,YACLF,kBAAkBG,EAAE,GACpBL,SAASM,oBAAQ,CAACG,OAAO,GACzBP,iBAAiB,CAACF,KAAK,GACvB;IACR;AACF;AAEO,IAAMF,uBAAuB,SAClCY,WACAC;IAEA,OAAO;QACLC,aACEF,cAAcN,YACVO,oBAAoBC,WAAW,CAACP,EAAE,GAClCK,YAAYG,qBAAS,CAACC,MAAM,GAC5BH,oBAAoBC,WAAW,CAACG,MAAM,GACtC;QACNC,YACEN,cAAcN,YACVO,oBAAoBK,UAAU,CAACX,EAAE,GACjCK,aAAaG,qBAAS,CAACC,MAAM,GAC7BH,oBAAoBK,UAAU,CAACD,MAAM,GACrC;IACR;AACF;AAEO,IAAMhB,wBAAwB,SACnCW,WACAO,YACAC,YACAC,UACAC;IAEA,IAAMC,YAAYC,IAAAA,+BAAmB,EAACZ,WAAWO,YAAYC,YAAYC;IAEzE,IAAIE,cAAc,MAAM;QACtB,OAAO;YACLE,QAAQH,qBAAqBG,MAAM,CAAClB,EAAE;YACtCmB,SAASJ,qBAAqBI,OAAO,CAACnB,EAAE;QAC1C;IACF;IAEA,IAAIgB,WAAW;QACb,OAAO;YACLE,QAAQ;YACRC,SAASJ,qBAAqBI,OAAO,CAACT,MAAM;QAC9C;IACF;IAEA,OAAO;QACLQ,QAAQH,qBAAqBG,MAAM,CAACR,MAAM;QAC1CS,SAAS;IACX;AACF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/index.ts"],"sourcesContent":["export type { UseAdaptivityConditionalRender } from './types';\nexport { useAdaptivityConditionalRender } from './useAdaptivityConditionalRender';\n"],"names":["useAdaptivityConditionalRender"],"mappings":";;;;+BACSA;;;eAAAA;;;8CAAsC"}
+{"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/index.ts"],"sourcesContent":["export type { UseAdaptivityConditionalRender } from './types';\nexport { useAdaptivityConditionalRender } from './useAdaptivityConditionalRender';\n"],"names":["useAdaptivityConditionalRender"],"mappings":";;;;+BACSA;;;eAAAA,8DAA8B;;;8CAAQ"}

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

@@ -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":["useAdaptivityConditionalRender","React","useContext","AdaptivityContext","sizeX","sizeXContext","sizeY","sizeYContext","viewWidth","viewWidthContext","viewHeight","viewHeightContext","hasPointer","hasPointerContext","platform","usePlatform","useMemo","getAdaptiveSizeType","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","getAdaptiveViewWidth","viewWidthClassNames","deviceType","getAdaptiveDeviceType","deviceTypeClassNames"],"mappings":";;;;+BAcaA;;;eAAAA;;;;+DAdU;iCACW;2BACN;yBAQrB;uBAC0E;AAG1E,IAAMA,iCAAiC;IAC5C,IAMIC,oBAAAA,OAAMC,WAAWC,uCALnBC,AAAOC,eAKLJ,kBALFG,OACAE,AAAOC,eAILN,kBAJFK,OACAE,AAAWC,mBAGTR,kBAHFO,WACAE,AAAYC,oBAEVV,kBAFFS,YACAE,AAAYC,oBACVZ,kBADFW;IAEF,IAAME,WAAWC,IAAAA;IAEjB,OAAOd,OAAMe,QAAQ;QACnB,IAAMZ,QAAQa,IAAAA,8BAAoBZ,cAAca,mCAAwBC;QACxE,IAAMb,QAAQW,IAAAA,8BAAoBV,cAAca,mCAAwBC;QACxE,IAAMb,YAAYc,IAAAA,+BAAqBb,kBAAkBc;QACzD,IAAMC,aAAaC,IAAAA,gCACjBhB,kBACAE,mBACAE,mBACAC,UACAY;QAEF,OAAO;YACLtB,OAAAA;YACAE,OAAAA;YACAE,WAAAA;YACAgB,YAAAA;QACF;IACF,GAAG;QACDnB;QACAE;QACAE;QACAE;QACAE;QACAC;KACD;AACH"}
+{"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":["useAdaptivityConditionalRender","React","useContext","AdaptivityContext","sizeX","sizeXContext","sizeY","sizeYContext","viewWidth","viewWidthContext","viewHeight","viewHeightContext","hasPointer","hasPointerContext","platform","usePlatform","useMemo","getAdaptiveSizeType","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","getAdaptiveViewWidth","viewWidthClassNames","deviceType","getAdaptiveDeviceType","deviceTypeClassNames"],"mappings":";;;;+BAcaA;;;eAAAA;;;;+DAdU;iCACW;2BACN;yBAQrB;uBAC0E;AAG1E,IAAMA,iCAAiC;IAC5C,IAMIC,oBAAAA,OAAMC,UAAU,CAACC,oCAAiB,GALpCC,AAAOC,eAKLJ,kBALFG,OACAE,AAAOC,eAILN,kBAJFK,OACAE,AAAWC,mBAGTR,kBAHFO,WACAE,AAAYC,oBAEVV,kBAFFS,YACAE,AAAYC,oBACVZ,kBADFW;IAEF,IAAME,WAAWC,IAAAA,wBAAW;IAE5B,OAAOd,OAAMe,OAAO,CAAC;QACnB,IAAMZ,QAAQa,IAAAA,4BAAmB,EAACZ,cAAca,iCAAsB,EAAEC,iCAAsB;QAC9F,IAAMb,QAAQW,IAAAA,4BAAmB,EAACV,cAAca,iCAAsB,EAAEC,iCAAsB;QAC9F,IAAMb,YAAYc,IAAAA,6BAAoB,EAACb,kBAAkBc,8BAAmB;QAC5E,IAAMC,aAAaC,IAAAA,8BAAqB,EACtChB,kBACAE,mBACAE,mBACAC,UACAY,+BAAoB;QAEtB,OAAO;YACLtB,OAAAA;YACAE,OAAAA;YACAE,WAAAA;YACAgB,YAAAA;QACF;IACF,GAAG;QACDnB;QACAE;QACAE;QACAE;QACAE;QACAC;KACD;AACH"}

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

@@ -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":["useAdaptivityHasHover","deferDetect","React","useContext","AdaptivityContext","hasHover","hasHoverContext","undefined","hasHoverLib","isClient","useIsClient"],"mappings":";;;;+BAagBA;;;eAAAA;;;;+DAbO;oBACiB;iCACN;2BACN;AAUrB,SAASA;QAAsBC,cAAAA,iEAAc;IAClD,IAAsCC,oBAAAA,OAAMC,WAAWC,uCAA/CC,AAAUC,kBAAoBJ,kBAA9BG;IACR,IAAMA,WAAWC,oBAAoBC,YAAYC,iBAAcF;IAE/D,IAAMG,WAAWC,IAAAA,0BAAY,CAACT;IAC9B,IAAI,CAACQ,UAAU;QACb,OAAOF;IACT;IAEA,OAAOF;AACT"}
+{"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":["useAdaptivityHasHover","deferDetect","React","useContext","AdaptivityContext","hasHover","hasHoverContext","undefined","hasHoverLib","isClient","useIsClient"],"mappings":";;;;+BAagBA;;;eAAAA;;;;+DAbO;oBACiB;iCACN;2BACN;AAUrB,SAASA;QAAsBC,cAAAA,iEAAc;IAClD,IAAsCC,oBAAAA,OAAMC,UAAU,CAACC,oCAAiB,GAAhEC,AAAUC,kBAAoBJ,kBAA9BG;IACR,IAAMA,WAAWC,oBAAoBC,YAAYC,cAAW,GAAGF;IAE/D,IAAMG,WAAWC,IAAAA,wBAAW,EAAC,CAACT;IAC9B,IAAI,CAACQ,UAAU;QACb,OAAOF;IACT;IAEA,OAAOF;AACT"}

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

@@ -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":["useAdaptivityHasPointer","deferDetect","React","useContext","AdaptivityContext","hasPointer","hasPointerContext","undefined","hasPointerLib","isClient","useIsClient"],"mappings":";;;;+BAagBA;;;eAAAA;;;;+DAbO;oBACmB;iCACR;2BACN;AAUrB,SAASA;QAAwBC,cAAAA,iEAAc;IACpD,IAA0CC,oBAAAA,OAAMC,WAAWC,uCAAnDC,AAAYC,oBAAsBJ,kBAAlCG;IACR,IAAMA,aAAaC,sBAAsBC,YAAYC,iBAAgBF;IAErE,IAAMG,WAAWC,IAAAA,0BAAY,CAACT;IAC9B,IAAI,CAACQ,UAAU;QACb,OAAOF;IACT;IAEA,OAAOF;AACT"}
+{"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":["useAdaptivityHasPointer","deferDetect","React","useContext","AdaptivityContext","hasPointer","hasPointerContext","undefined","hasPointerLib","isClient","useIsClient"],"mappings":";;;;+BAagBA;;;eAAAA;;;;+DAbO;oBACmB;iCACR;2BACN;AAUrB,SAASA;QAAwBC,cAAAA,iEAAc;IACpD,IAA0CC,oBAAAA,OAAMC,UAAU,CAACC,oCAAiB,GAApEC,AAAYC,oBAAsBJ,kBAAlCG;IACR,IAAMA,aAAaC,sBAAsBC,YAAYC,cAAa,GAAGF;IAErE,IAAMG,WAAWC,IAAAA,wBAAW,EAAC,CAACT;IAC9B,IAAI,CAACQ,UAAU;QACb,OAAOF;IACT;IAEA,OAAOF;AACT"}

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

@@ -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":["useAdaptivityWithJSMediaQueries","canUseDOM","console","error","React","useContext","AdaptivityContext","viewWidth","viewWidthContext","viewHeight","viewHeightContext","sizeX","sizeXContext","sizeY","sizeYContext","hasPointer","hasPointerContext","hasHover","hasHoverContext","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"],"mappings":";;;;+BAmCaA;;;eAAAA;;;;;+DAnCU;oBACuD;iCAIvE;4BACsB;0BAOtB;0BACiE;+BACxC;2BACJ;AAmBrB,IAAMA,kCAAkC;IAC7C,IAAI,CAACC,iBAAW;QACdC,QAAQC,MAAO;IAKjB;IAEA,IAOIC,oBAAAA,OAAMC,WAAWC,uCANnBC,AAAWC,mBAMTJ,kBANFG,WACAE,AAAYC,oBAKVN,kBALFK,YACAE,AAAOC,eAILR,kBAJFO,OACAE,AAAOC,eAGLV,kBAHFS,OACAE,AAAYC,oBAEVZ,kBAFFW,YACAE,AAAUC,kBACRd,kBADFa;IAGF,IAAME,WAAWC,IAAAA;IACjB,IAAMC,eAAeC,IAAAA;IAErB,IAA8DlB,qCAAAA,OAAMmB,SAAS;eAAM;YACjFC,IAAAA,4BAAahB,kBAAkBiB,IAAAA,wCAA2BJ;YAC1DG,IAAAA,4BAAad,mBAAmBgB,IAAAA,yCAA4BL;SAC7D;kDAH6DjB,wBAAtDuB,sCAAgBC,uCAAkBC,mBAAoBzB;IAK9D,IAAM0B,kBAAkB1B,OAAM2B,QAAQ;QACpC,IAAMhB,aAAaS,IAAAA,4BAAaR,mBAAmBgB;QACnD,IAAMf,WAAWO,IAAAA,4BAAaN,iBAAiBe;QAC/C,IAAM1B,YAAYiB,IAAAA,4BAAahB,kBAAkBmB;QACjD,IAAMlB,aAAae,IAAAA,4BAAad,mBAAmBkB;QACnD,IAAMjB,QAAQa,IAAAA,4BAAaZ,cAAcsB,IAAAA,sBAAS3B;QAClD,IAAMM,QAAQW,IAAAA,4BAAaV,cAAcqB,IAAAA,sBAAS5B,WAAWE,YAAYM;QACzE,IAAMqB,YAAYC,IAAAA,iCAAoB9B,WAAWE,YAAYM,YAAYI;QAEzE,OAAO;YACLZ,WAAAA;YACAE,YAAAA;YACAE,OAAAA;YACAE,OAAAA;YACAE,YAAAA;YACAE,UAAAA;YACAmB,WAAAA;QACF;IACF,GAAG;QACDT;QACAC;QACApB;QACAE;QACAE;QACAE;QACAE;QACAE;QACAC;KACD;IAEDf,OAAMkC,UAAU;QACd,IAAMC,mBAAmB;YACvBV,iBAAiB,SAACW;gBAChB,IAAMC,oBAAoBjB,IAAAA,4BACxBhB,kBACAiB,IAAAA,wCAA2BJ;gBAE7B,IAAMqB,qBAAqBlB,IAAAA,4BACzBd,mBACAgB,IAAAA,yCAA4BL;gBAG9B,IAAkDmB,oCAAAA,mBAA3CG,qBAA2CH,mBAAvBI,sBAAuBJ;gBAElD,IACEG,uBAAuBF,qBACvBG,wBAAwBF,oBACxB;oBACA,OAAO;wBAACD;wBAAmBC;qBAAmB;gBAChD;gBAEA,OAAOF;YACT;QACF;QAEA,IAAI,CAAChC,kBAAkB;YACrB;gBACEa,aAAawB;gBACbxB,aAAayB;gBACbzB,aAAa0B;gBACb1B,aAAa2B;aACd,CAACC,QAAQ,SAACC;uBACTC,IAAAA,uCAA0BD,oBAAoBX;;QAElD;QAEA,IAAI,CAAC7B,mBAAmB;YACtB;gBAACW,aAAa+B;gBAAc/B,aAAagC;aAAsB,CAACJ,QAC9D,SAACC;uBAAuBC,IAAAA,uCAA0BD,oBAAoBX;;QAE1E;QAEA,OAAO;YACL;gBACElB,aAAawB;gBACbxB,aAAayB;gBACbzB,aAAa0B;gBACb1B,aAAa2B;gBACb3B,aAAa+B;gBACb/B,aAAagC;aACd,CAACJ,QAAQ,SAACC;uBACTI,IAAAA,0CAA6BJ,oBAAoBX;;QAErD;IACF,GAAG;QAAClB;QAAcb;QAAkBE;KAAkB;IAEtD,OAAOoB;AACT"}
+{"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":["useAdaptivityWithJSMediaQueries","canUseDOM","console","error","React","useContext","AdaptivityContext","viewWidth","viewWidthContext","viewHeight","viewHeightContext","sizeX","sizeXContext","sizeY","sizeYContext","hasPointer","hasPointerContext","hasHover","hasHoverContext","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"],"mappings":"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"}

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

@@ -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":["useAppearance","appearance","useConfigProvider"],"mappings":";;;;+BAEgBA;;;eAAAA;;;qCAFkB;AAE3B,SAASA;IACd,IAAM,AAAEC,aAAeC,IAAAA,4CAAfD;IAER,OAAOA,uBAAAA,wBAAAA,aAAc;AACvB"}
+{"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":["useAppearance","appearance","useConfigProvider"],"mappings":";;;;+BAEgBA;;;eAAAA;;;qCAFkB;AAE3B,SAASA;IACd,IAAM,AAAEC,aAAeC,IAAAA,wCAAiB,IAAhCD;IAER,OAAOA,uBAAAA,wBAAAA,aAAc;AACvB"}

package/dist/cjs/hooks/useAutoDetectAppearance.js

@@ -60,12 +60,13 @@ var useAutoDetectAppearance = function(appearanceProp, onDetectAppearanceByBridg
         onceDetectAppearanceByBridge.current = _vkjs.noop;
     });
     var _React_useState = _sliced_to_array._(_react.useState(function() {
+        var _mediaQuery;
         if (appearanceProp) {
             return appearanceProp;
         }
         var mediaQuery = window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)");
         // eslint-disable-next-line no-restricted-properties
-        return (mediaQuery === null || mediaQuery === void 0 ? void 0 : mediaQuery.matches) ? "dark" : "light";
+        return ((_mediaQuery = mediaQuery) === null || _mediaQuery === void 0 ? void 0 : _mediaQuery.matches) ? "dark" : "light";
     }), 2), appearance = _React_useState[0], setAppearance = _React_useState[1];
     _react.useEffect(function() {
         if (appearanceProp) {

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

@@ -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\nfunction autoDetectAppearanceByBridge(\n  setAppearance: (value: AppearanceType) => void,\n  onDetectAppearanceByBridge: () => void,\n) {\n  function updateAppearance(data: VKBridgeConfigData) {\n    const initialAppearance = resolveAppearance(data);\n\n    if (initialAppearance) {\n      onDetectAppearanceByBridge();\n      setAppearance(initialAppearance);\n    }\n  }\n\n  function bridgeListener(e: VKBridgeEvent<AnyReceiveMethodName>) {\n    const { type, data } = e.detail;\n\n    if (type !== 'VKWebAppUpdateConfig') {\n      return;\n    }\n\n    updateAppearance(data as VKBridgeConfigData);\n  }\n\n  vkBridge.subscribe(bridgeListener);\n  vkBridge.send('VKWebAppGetConfig').then(updateAppearance).catch(console.error);\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    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":["useAutoDetectAppearance","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","updateAppearance","data","initialAppearance","resolveAppearance","bridgeListener","e","detail","type","vkBridge","subscribe","send","then","catch","console","error","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","noop","check","event","matches","matchMediaListAddListener","matchMediaListRemoveListener","appearanceProp","useDOM","onceDetectAppearanceByBridge","React","useRef","current","useState","appearance","useEffect","isEmbedded"],"mappings":";;;;+BA8DaA;;;eAAAA;;;;;;+DA9DU;iEAKhB;oBACc;0BACiC;mBAC/B;0BACiD;AAExE,SAASC,6BACPC,aAA8C,EAC9CC,0BAAsC;QAE7BC,mBAAT,SAASA,iBAAiBC,IAAwB;QAChD,IAAMC,oBAAoBC,IAAAA,+BAAkBF;QAE5C,IAAIC,mBAAmB;YACrBH;YACAD,cAAcI;QAChB;IACF;QAESE,iBAAT,SAASA,eAAeC,CAAsC;QAC5D,IAAuBA,YAAAA,EAAEC,QAAjBC,OAAeF,UAAfE,MAAMN,OAASI,UAATJ;QAEd,IAAIM,SAAS,wBAAwB;YACnC;QACF;QAEAP,iBAAiBC;IACnB;IAEAO,kBAASC,UAAUL;IACnBI,kBAASE,KAAK,qBAAqBC,KAAKX,kBAAkBY,MAAMC,QAAQC;IAExE,OAAO;eAAMN,kBAASO,YAAYX;;AACpC;AAEA,SAASY,qBACPC,MAA0B,EAC1BnB,aAA8C;IAE9C,IAAMoB,aACJD,UAAUA,OAAOE,cAAcF,OAAOE,WAAW;IAEnD,IAAID,eAAeE,WAAW;QAC5B,OAAOC;IACT;IAEA,IAAMC,QAAQ,SAACC;QACb,oDAAoD;QACpDzB,cAAcyB,MAAMC,UAAU,SAAS;IACzC;IAEAF,MAAMJ;IACNO,IAAAA,uCAA0BP,YAAYI;IAEtC,OAAO;eAAMI,IAAAA,0CAA6BR,YAAYI;;AACxD;AAEO,IAAM1B,0BAA0B,SACrC+B,gBACA5B;IAEA,IAAM,AAAEkB,SAAWW,IAAAA,eAAXX;IACR,IAAMY,+BAA+BC,OAAMC,OAAO;QAChDhC,8BAA8BA;QAC9B8B,6BAA6BG,UAAUX;IACzC;IAEA,IAAoCS,qCAAAA,OAAMG,SAAyB;QACjE,IAAIN,gBAAgB;YAClB,OAAOA;QACT;QAEA,IAAMT,aACJD,UAAUA,OAAOE,cAAcF,OAAOE,WAAW;QAEnD,oDAAoD;QACpD,OAAOD,CAAAA,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYM,OAAM,IAAI,SAAS;IACxC,QAVOU,aAA6BJ,oBAAjBhC,gBAAiBgC;IAYpCA,OAAMK,UAAU;QACd,IAAIR,gBAAgB;YAClB7B,cAAc6B;YACd,OAAON;QACT;QAEA,IAAIb,kBAAS4B,cAAc;YACzB,OAAOvC,6BAA6BC,eAAe+B,6BAA6BG;QAClF;QAEA,OAAOhB,qBAAqBC,QAAQnB;IACtC,GAAG;QAACmB;QAAQU;KAAe;IAE3B,OAAOO;AACT"}
+{"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\nfunction autoDetectAppearanceByBridge(\n  setAppearance: (value: AppearanceType) => void,\n  onDetectAppearanceByBridge: () => void,\n) {\n  function updateAppearance(data: VKBridgeConfigData) {\n    const initialAppearance = resolveAppearance(data);\n\n    if (initialAppearance) {\n      onDetectAppearanceByBridge();\n      setAppearance(initialAppearance);\n    }\n  }\n\n  function bridgeListener(e: VKBridgeEvent<AnyReceiveMethodName>) {\n    const { type, data } = e.detail;\n\n    if (type !== 'VKWebAppUpdateConfig') {\n      return;\n    }\n\n    updateAppearance(data as VKBridgeConfigData);\n  }\n\n  vkBridge.subscribe(bridgeListener);\n  vkBridge.send('VKWebAppGetConfig').then(updateAppearance).catch(console.error);\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    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":["useAutoDetectAppearance","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","updateAppearance","data","initialAppearance","resolveAppearance","bridgeListener","e","detail","type","vkBridge","subscribe","send","then","catch","console","error","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","noop","check","event","matches","matchMediaListAddListener","matchMediaListRemoveListener","appearanceProp","useDOM","onceDetectAppearanceByBridge","React","useRef","current","useState","appearance","useEffect","isEmbedded"],"mappings":";;;;+BA8DaA;;;eAAAA;;;;;;+DA9DU;iEAKhB;oBACc;0BACiC;mBAC/B;0BACiD;AAExE,SAASC,6BACPC,aAA8C,EAC9CC,0BAAsC;QAE7BC,mBAAT,SAASA,iBAAiBC,IAAwB;QAChD,IAAMC,oBAAoBC,IAAAA,6BAAiB,EAACF;QAE5C,IAAIC,mBAAmB;YACrBH;YACAD,cAAcI;QAChB;IACF;QAESE,iBAAT,SAASA,eAAeC,CAAsC;QAC5D,IAAuBA,YAAAA,EAAEC,MAAM,EAAvBC,OAAeF,UAAfE,MAAMN,OAASI,UAATJ;QAEd,IAAIM,SAAS,wBAAwB;YACnC;QACF;QAEAP,iBAAiBC;IACnB;IAEAO,iBAAQ,CAACC,SAAS,CAACL;IACnBI,iBAAQ,CAACE,IAAI,CAAC,qBAAqBC,IAAI,CAACX,kBAAkBY,KAAK,CAACC,QAAQC,KAAK;IAE7E,OAAO;eAAMN,iBAAQ,CAACO,WAAW,CAACX;;AACpC;AAEA,SAASY,qBACPC,MAA0B,EAC1BnB,aAA8C;IAE9C,IAAMoB,aACJD,UAAUA,OAAOE,UAAU,IAAIF,OAAOE,UAAU,CAAC;IAEnD,IAAID,eAAeE,WAAW;QAC5B,OAAOC,UAAI;IACb;IAEA,IAAMC,QAAQ,SAACC;QACb,oDAAoD;QACpDzB,cAAcyB,MAAMC,OAAO,GAAG,SAAS;IACzC;IAEAF,MAAMJ;IACNO,IAAAA,qCAAyB,EAACP,YAAYI;IAEtC,OAAO;eAAMI,IAAAA,wCAA4B,EAACR,YAAYI;;AACxD;AAEO,IAAM1B,0BAA0B,SACrC+B,gBACA5B;IAEA,IAAM,AAAEkB,SAAWW,IAAAA,WAAM,IAAjBX;IACR,IAAMY,+BAA+BC,OAAMC,MAAM,CAAC;QAChDhC,8BAA8BA;QAC9B8B,6BAA6BG,OAAO,GAAGX,UAAI;IAC7C;IAEA,IAAoCS,qCAAAA,OAAMG,QAAQ,CAAiB;YAS1Df;QARP,IAAIS,gBAAgB;YAClB,OAAOA;QACT;QAEA,IAAMT,aACJD,UAAUA,OAAOE,UAAU,IAAIF,OAAOE,UAAU,CAAC;QAEnD,oDAAoD;QACpD,OAAOD,EAAAA,cAAAA,wBAAAA,kCAAAA,YAAYM,OAAO,IAAG,SAAS;IACxC,QAVOU,aAA6BJ,oBAAjBhC,gBAAiBgC;IAYpCA,OAAMK,SAAS,CAAC;QACd,IAAIR,gBAAgB;YAClB7B,cAAc6B;YACd,OAAON,UAAI;QACb;QAEA,IAAIb,iBAAQ,CAAC4B,UAAU,IAAI;YACzB,OAAOvC,6BAA6BC,eAAe+B,6BAA6BG,OAAO;QACzF;QAEA,OAAOhB,qBAAqBC,QAAQnB;IACtC,GAAG;QAACmB;QAAQU;KAAe;IAE3B,OAAOO;AACT"}

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

@@ -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":["useBooleanState","defaultValue","React","useState","value","setValue","setTrue","useCallback","setFalse","toggle"],"mappings":";;;;+BAEaA;;;eAAAA;;;;;+DAFU;AAEhB,IAAMA,kBAAkB;QAACC,gFAAe;IAC7C,IAA0BC,qCAAAA,OAAMC,SAASF,mBAAlCG,QAAmBF,oBAAZG,WAAYH;IAE1B,IAAMI,UAAUJ,OAAMK,YAAY;QAChCF,SAAS;IACX,GAAG,EAAE;IAEL,IAAMG,WAAWN,OAAMK,YAAY;QACjCF,SAAS;IACX,GAAG,EAAE;IAEL,IAAMI,SAASP,OAAMK,YAAY;QAC/BF,SAAS,CAACD;IACZ,GAAG;QAACA;KAAM;IAEV,OAAO;QAAEA,OAAAA;QAAOE,SAAAA;QAASE,UAAAA;QAAUC,QAAAA;IAAO;AAC5C"}
+{"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":["useBooleanState","defaultValue","React","useState","value","setValue","setTrue","useCallback","setFalse","toggle"],"mappings":";;;;+BAEaA;;;eAAAA;;;;;+DAFU;AAEhB,IAAMA,kBAAkB;QAACC,gFAAe;IAC7C,IAA0BC,qCAAAA,OAAMC,QAAQ,CAACF,mBAAlCG,QAAmBF,oBAAZG,WAAYH;IAE1B,IAAMI,UAAUJ,OAAMK,WAAW,CAAC;QAChCF,SAAS;IACX,GAAG,EAAE;IAEL,IAAMG,WAAWN,OAAMK,WAAW,CAAC;QACjCF,SAAS;IACX,GAAG,EAAE;IAEL,IAAMI,SAASP,OAAMK,WAAW,CAAC;QAC/BF,SAAS,CAACD;IACZ,GAAG;QAACA;KAAM;IAEV,OAAO;QAAEA,OAAAA;QAAOE,SAAAA;QAASE,UAAAA;QAAUC,QAAAA;IAAO;AAC5C"}

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

@@ -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":["useBridgeAdaptivity","initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","vkBridge","subscribe","React","useState","setBridgeAdaptivity","useIsomorphicLayoutEffect","bridgeListener","newBridgeAdaptivity","unsubscribe"],"mappings":";;;;+BA0DgBA;;;eAAAA;;;;;;+DA1DO;iEACF;yCACqB;AAiB1C,IAAIC,eAAiC;IACnCC,MAAM;IACNC,eAAe;IACfC,gBAAgB;AAClB;AAEA,SAASC,kBAAkBC,CAAc;IACvC,IAAuBA,YAAAA,EAAEC,QAAjBL,OAAeI,UAAfJ,MAAMM,OAASF,UAATE;IAEd,IAAIN,SAAS,0BAA0B,CAACM,MAAM;QAC5C,OAAO;IACT;IAEA,IAAQC,aAA+ED,KAA/EC,YAAYC,AAAgBP,gBAAmDK,KAAnEE,gBAA+BC,AAAiBP,iBAAmBI,KAApCG;IAEnD,IAAMC,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;AAEAE,kBAASC,UAAU,SAACT;IAClB,IAAMM,mBAAmBP,kBAAkBC;IAE3C,IAAIM,kBAAkB;QACpBX,eAAeW;IACjB;AACF;AAEO,SAASZ;IACd,IAAgDgB,qCAAAA,OAAMC,SAA2BhB,mBAA1EW,mBAAyCI,oBAAvBE,sBAAuBF;IAEhDG,IAAAA,sDAA0B;YACfC,iBAAT,SAASA,eAAed,CAAc;YACpC,IAAMe,sBAAsBhB,kBAAkBC;YAE9C,IAAIe,qBAAqB;gBACvBH,oBAAoBG;YACtB;QACF;QAEAP,kBAASC,UAAUK;QACnB,OAAO;YACLN,kBAASQ,YAAYF;QACvB;IACF,GAAG,EAAE;IAEL,OAAOR;AACT"}
+{"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":["useBridgeAdaptivity","initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","vkBridge","subscribe","React","useState","setBridgeAdaptivity","useIsomorphicLayoutEffect","bridgeListener","newBridgeAdaptivity","unsubscribe"],"mappings":";;;;+BA0DgBA;;;eAAAA;;;;;;+DA1DO;iEACF;yCACqB;AAiB1C,IAAIC,eAAiC;IACnCC,MAAM;IACNC,eAAe;IACfC,gBAAgB;AAClB;AAEA,SAASC,kBAAkBC,CAAc;IACvC,IAAuBA,YAAAA,EAAEC,MAAM,EAAvBL,OAAeI,UAAfJ,MAAMM,OAASF,UAATE;IAEd,IAAIN,SAAS,0BAA0B,CAACM,MAAM;QAC5C,OAAO;IACT;IAEA,IAAQC,aAA+ED,KAA/EC,YAAYC,AAAgBP,gBAAmDK,KAAnEE,gBAA+BC,AAAiBP,iBAAmBI,KAApCG;IAEnD,IAAMC,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,IAAI,GAAGO;IAC5B;IAEA,OAAOG;AACT;AAEAE,iBAAQ,CAACC,SAAS,CAAC,SAACT;IAClB,IAAMM,mBAAmBP,kBAAkBC;IAE3C,IAAIM,kBAAkB;QACpBX,eAAeW;IACjB;AACF;AAEO,SAASZ;IACd,IAAgDgB,qCAAAA,OAAMC,QAAQ,CAAmBhB,mBAA1EW,mBAAyCI,oBAAvBE,sBAAuBF;IAEhDG,IAAAA,oDAAyB,EAAC;YACfC,iBAAT,SAASA,eAAed,CAAc;YACpC,IAAMe,sBAAsBhB,kBAAkBC;YAE9C,IAAIe,qBAAqB;gBACvBH,oBAAoBG;YACtB;QACF;QAEAP,iBAAQ,CAACC,SAAS,CAACK;QACnB,OAAO;YACLN,iBAAQ,CAACQ,WAAW,CAACF;QACvB;IACF,GAAG,EAAE;IAEL,OAAOR;AACT"}

package/dist/cjs/hooks/useCalendar.js

@@ -18,21 +18,24 @@ function useCalendar(param) {
     var _React_useState = _sliced_to_array._(_react.useState((_ref = Array.isArray(value) ? value[0] : value) !== null && _ref !== void 0 ? _ref : new Date()), 2), viewDate = _React_useState[0], setViewDate = _React_useState[1];
     var _React_useState1 = _sliced_to_array._(_react.useState(), 2), focusedDay = _React_useState1[0], setFocusedDay = _React_useState1[1];
     var setPrevMonth = _react.useCallback(function() {
-        onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth();
+        var _onPrevMonth;
+        (_onPrevMonth = onPrevMonth) === null || _onPrevMonth === void 0 ? void 0 : _onPrevMonth();
         setViewDate((0, _date.subMonths)(viewDate, 1));
     }, [
         viewDate,
         onPrevMonth
     ]);
     var setNextMonth = _react.useCallback(function() {
-        onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth();
+        var _onNextMonth;
+        (_onNextMonth = onNextMonth) === null || _onNextMonth === void 0 ? void 0 : _onNextMonth();
         setViewDate((0, _date.addMonths)(viewDate, 1));
     }, [
         viewDate,
         onNextMonth
     ]);
     var handleSetViewDate = _react.useCallback(function(value) {
-        onHeaderChange === null || onHeaderChange === void 0 ? void 0 : onHeaderChange(value);
+        var _onHeaderChange;
+        (_onHeaderChange = onHeaderChange) === null || _onHeaderChange === void 0 ? void 0 : _onHeaderChange(value);
         setViewDate(value);
     }, [
         onHeaderChange

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { CalendarProps } from '../components/Calendar/Calendar';\nimport {\n  addMonths,\n  endOfDay,\n  isAfter,\n  isBefore,\n  isSameDay,\n  startOfDay,\n  subMonths,\n} from '../lib/date';\n\nexport interface UseCalendarDependencies\n  extends Pick<CalendarProps, 'onHeaderChange' | 'onNextMonth' | 'onPrevMonth'> {\n  value?: Array<Date | null> | Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  shouldDisableDate?(value: Date): boolean;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n}: UseCalendarDependencies) {\n  const [viewDate, setViewDate] = React.useState(\n    (Array.isArray(value) ? value[0] : value) ?? new Date(),\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n  const setPrevMonth = React.useCallback(() => {\n    onPrevMonth?.();\n    setViewDate(subMonths(viewDate, 1));\n  }, [viewDate, onPrevMonth]);\n  const setNextMonth = React.useCallback(() => {\n    onNextMonth?.();\n    setViewDate(addMonths(viewDate, 1));\n  }, [viewDate, onNextMonth]);\n\n  const handleSetViewDate = React.useCallback(\n    (value: Date) => {\n      onHeaderChange?.(value);\n      setViewDate(value);\n    },\n    [onHeaderChange],\n  );\n\n  const isDayFocused = React.useCallback(\n    (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n    [focusedDay],\n  );\n\n  const isDayDisabled = React.useCallback(\n    (day: Date) => {\n      const now = new Date();\n      let disabled = false;\n      if (disablePast) {\n        disabled = isBefore(endOfDay(day), now);\n      }\n      if (disableFuture) {\n        disabled = isAfter(startOfDay(day), now);\n      }\n      if (shouldDisableDate) {\n        disabled = shouldDisableDate(day);\n      }\n\n      return disabled;\n    },\n    [disableFuture, disablePast, shouldDisableDate],\n  );\n\n  const resetSelectedDay = React.useCallback(() => {\n    setFocusedDay(undefined);\n  }, [setFocusedDay]);\n\n  return {\n    viewDate,\n    setViewDate: handleSetViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  };\n}\n"],"names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","Array","React","useState","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","subMonths","setNextMonth","addMonths","handleSetViewDate","isDayFocused","day","Boolean","isSameDay","isDayDisabled","now","disabled","isBefore","endOfDay","isAfter","startOfDay","resetSelectedDay","undefined"],"mappings":";;;;+BAoBgBA;;;eAAAA;;;;;+DApBO;oBAUhB;AAUA,SAASA,YAAY,KAQF;QAPxBC,QAD0B,MAC1BA,OACAC,cAF0B,MAE1BA,aACAC,gBAH0B,MAG1BA,eACAC,oBAJ0B,MAI1BA,mBACAC,iBAL0B,MAK1BA,gBACAC,cAN0B,MAM1BA,aACAC,cAP0B,MAO1BA;QAGGC;IADH,IAAgCC,qCAAAA,OAAMC,SACpC,CAACF,OAAAA,MAAMG,QAAQV,SAASA,KAAK,CAAC,EAAE,GAAGA,mBAAlCO,kBAAAA,OAA4C,IAAII,aAD5CC,WAAyBJ,oBAAfK,cAAeL;IAGhC,IAAoCA,sCAAAA,OAAMC,gBAAnCK,aAA6BN,qBAAjBO,gBAAiBP;IAEpC,IAAMQ,eAAeR,OAAMS,YAAY;QACrCX,wBAAAA,yBAAAA,KAAAA,IAAAA;QACAO,YAAYK,IAAAA,iBAAUN,UAAU;IAClC,GAAG;QAACA;QAAUN;KAAY;IAC1B,IAAMa,eAAeX,OAAMS,YAAY;QACrCZ,wBAAAA,yBAAAA,KAAAA,IAAAA;QACAQ,YAAYO,IAAAA,iBAAUR,UAAU;IAClC,GAAG;QAACA;QAAUP;KAAY;IAE1B,IAAMgB,oBAAoBb,OAAMS,YAC9B,SAACjB;QACCI,2BAAAA,4BAAAA,KAAAA,IAAAA,eAAiBJ;QACjBa,YAAYb;IACd,GACA;QAACI;KAAe;IAGlB,IAAMkB,eAAed,OAAMS,YACzB,SAACM;eAAcC,QAAQV,cAAcW,IAAAA,iBAAUF,KAAKT;OACpD;QAACA;KAAW;IAGd,IAAMY,gBAAgBlB,OAAMS,YAC1B,SAACM;QACC,IAAMI,MAAM,IAAIhB;QAChB,IAAIiB,WAAW;QACf,IAAI3B,aAAa;YACf2B,WAAWC,IAAAA,gBAASC,IAAAA,gBAASP,MAAMI;QACrC;QACA,IAAIzB,eAAe;YACjB0B,WAAWG,IAAAA,eAAQC,IAAAA,kBAAWT,MAAMI;QACtC;QACA,IAAIxB,mBAAmB;YACrByB,WAAWzB,kBAAkBoB;QAC/B;QAEA,OAAOK;IACT,GACA;QAAC1B;QAAeD;QAAaE;KAAkB;IAGjD,IAAM8B,mBAAmBzB,OAAMS,YAAY;QACzCF,cAAcmB;IAChB,GAAG;QAACnB;KAAc;IAElB,OAAO;QACLH,UAAAA;QACAC,aAAaQ;QACbL,cAAAA;QACAG,cAAAA;QACAL,YAAAA;QACAC,eAAAA;QACAO,cAAAA;QACAI,eAAAA;QACAO,kBAAAA;IACF;AACF"}
+{"version":3,"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { CalendarProps } from '../components/Calendar/Calendar';\nimport {\n  addMonths,\n  endOfDay,\n  isAfter,\n  isBefore,\n  isSameDay,\n  startOfDay,\n  subMonths,\n} from '../lib/date';\n\nexport interface UseCalendarDependencies\n  extends Pick<CalendarProps, 'onHeaderChange' | 'onNextMonth' | 'onPrevMonth'> {\n  value?: Array<Date | null> | Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  shouldDisableDate?(value: Date): boolean;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n}: UseCalendarDependencies) {\n  const [viewDate, setViewDate] = React.useState(\n    (Array.isArray(value) ? value[0] : value) ?? new Date(),\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n  const setPrevMonth = React.useCallback(() => {\n    onPrevMonth?.();\n    setViewDate(subMonths(viewDate, 1));\n  }, [viewDate, onPrevMonth]);\n  const setNextMonth = React.useCallback(() => {\n    onNextMonth?.();\n    setViewDate(addMonths(viewDate, 1));\n  }, [viewDate, onNextMonth]);\n\n  const handleSetViewDate = React.useCallback(\n    (value: Date) => {\n      onHeaderChange?.(value);\n      setViewDate(value);\n    },\n    [onHeaderChange],\n  );\n\n  const isDayFocused = React.useCallback(\n    (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n    [focusedDay],\n  );\n\n  const isDayDisabled = React.useCallback(\n    (day: Date) => {\n      const now = new Date();\n      let disabled = false;\n      if (disablePast) {\n        disabled = isBefore(endOfDay(day), now);\n      }\n      if (disableFuture) {\n        disabled = isAfter(startOfDay(day), now);\n      }\n      if (shouldDisableDate) {\n        disabled = shouldDisableDate(day);\n      }\n\n      return disabled;\n    },\n    [disableFuture, disablePast, shouldDisableDate],\n  );\n\n  const resetSelectedDay = React.useCallback(() => {\n    setFocusedDay(undefined);\n  }, [setFocusedDay]);\n\n  return {\n    viewDate,\n    setViewDate: handleSetViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  };\n}\n"],"names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","Array","React","useState","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","subMonths","setNextMonth","addMonths","handleSetViewDate","isDayFocused","day","Boolean","isSameDay","isDayDisabled","now","disabled","isBefore","endOfDay","isAfter","startOfDay","resetSelectedDay","undefined"],"mappings":";;;;+BAoBgBA;;;eAAAA;;;;;+DApBO;oBAUhB;AAUA,SAASA,YAAY,KAQF;QAPxBC,QAD0B,MAC1BA,OACAC,cAF0B,MAE1BA,aACAC,gBAH0B,MAG1BA,eACAC,oBAJ0B,MAI1BA,mBACAC,iBAL0B,MAK1BA,gBACAC,cAN0B,MAM1BA,aACAC,cAP0B,MAO1BA;QAGGC;IADH,IAAgCC,qCAAAA,OAAMC,QAAQ,CAC5C,CAACF,OAAAA,MAAMG,OAAO,CAACV,SAASA,KAAK,CAAC,EAAE,GAAGA,mBAAlCO,kBAAAA,OAA4C,IAAII,aAD5CC,WAAyBJ,oBAAfK,cAAeL;IAGhC,IAAoCA,sCAAAA,OAAMC,QAAQ,QAA3CK,aAA6BN,qBAAjBO,gBAAiBP;IAEpC,IAAMQ,eAAeR,OAAMS,WAAW,CAAC;YACrCX;SAAAA,eAAAA,yBAAAA,mCAAAA;QACAO,YAAYK,IAAAA,eAAS,EAACN,UAAU;IAClC,GAAG;QAACA;QAAUN;KAAY;IAC1B,IAAMa,eAAeX,OAAMS,WAAW,CAAC;YACrCZ;SAAAA,eAAAA,yBAAAA,mCAAAA;QACAQ,YAAYO,IAAAA,eAAS,EAACR,UAAU;IAClC,GAAG;QAACA;QAAUP;KAAY;IAE1B,IAAMgB,oBAAoBb,OAAMS,WAAW,CACzC,SAACjB;YACCI;SAAAA,kBAAAA,4BAAAA,sCAAAA,gBAAiBJ;QACjBa,YAAYb;IACd,GACA;QAACI;KAAe;IAGlB,IAAMkB,eAAed,OAAMS,WAAW,CACpC,SAACM;eAAcC,QAAQV,cAAcW,IAAAA,eAAS,EAACF,KAAKT;OACpD;QAACA;KAAW;IAGd,IAAMY,gBAAgBlB,OAAMS,WAAW,CACrC,SAACM;QACC,IAAMI,MAAM,IAAIhB;QAChB,IAAIiB,WAAW;QACf,IAAI3B,aAAa;YACf2B,WAAWC,IAAAA,cAAQ,EAACC,IAAAA,cAAQ,EAACP,MAAMI;QACrC;QACA,IAAIzB,eAAe;YACjB0B,WAAWG,IAAAA,aAAO,EAACC,IAAAA,gBAAU,EAACT,MAAMI;QACtC;QACA,IAAIxB,mBAAmB;YACrByB,WAAWzB,kBAAkBoB;QAC/B;QAEA,OAAOK;IACT,GACA;QAAC1B;QAAeD;QAAaE;KAAkB;IAGjD,IAAM8B,mBAAmBzB,OAAMS,WAAW,CAAC;QACzCF,cAAcmB;IAChB,GAAG;QAACnB;KAAc;IAElB,OAAO;QACLH,UAAAA;QACAC,aAAaQ;QACbL,cAAAA;QACAG,cAAAA;QACAL,YAAAA;QACAC,eAAAA;QACAO,cAAAA;QACAI,eAAAA;QACAO,kBAAAA;IACF;AACF"}

package/dist/cjs/hooks/useChipsInput.js

@@ -51,7 +51,8 @@ var useChipsInput = function(props) {
         toggleOption
     ]);
     var addOptionFromInput = _react.useCallback(function() {
-        var trimmedValue = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.trim();
+        var _fieldValue;
+        var trimmedValue = (_fieldValue = fieldValue) === null || _fieldValue === void 0 ? void 0 : _fieldValue.trim();
         if (trimmedValue) {
             addOption(getNewOptionData(undefined, trimmedValue));
             clearInput();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useChipsInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsInputBaseProps } from '../components/ChipsInputBase/ChipsInputBase';\n\nexport const useChipsInput = <Option extends ChipOption>(\n  props: Partial<ChipsInputBaseProps<Option>>,\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } = props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue('');\n    onInputChange!({ target: { value: '' } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange!(e);\n    },\n    [onInputChange],\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) => getOptionValue!(newOption) !== getOptionValue!(option),\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange!(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange],\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption],\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData!(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value) => {\n      toggleOption(getNewOptionData!(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData],\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value as Option[]);\n\n    return () => setSelectedOptions([]);\n  }, [props.value, value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue('');\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"names":["useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","React","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"mappings":";;;;+BAIaA;;;eAAAA;;;;;+DAJU;AAIhB,IAAMA,gBAAgB,SAC3BC;IAEA,IAAQC,QAAqED,MAArEC,OAAOC,iBAA8DF,MAA9DE,gBAAgBC,WAA8CH,MAA9CG,UAAUC,gBAAoCJ,MAApCI,eAAeC,mBAAqBL,MAArBK;IAExD,IAAoCC,qCAAAA,OAAMC,SAASP,MAAMQ,iBAAlDC,aAA6BH,oBAAjBI,gBAAiBJ;IACpC,IAA8CA,sCAAAA,OAAMC,SAASN,kBAAAA,mBAAAA,QAAS,EAAE,OAAjEU,kBAAuCL,qBAAtBM,qBAAsBN;IAE9C,IAAMO,aAAaP,OAAMQ,YAAY;QACnCJ,cAAc;QACdN,cAAe;YAAEW,QAAQ;gBAAEd,OAAO;YAAG;QAAE;IACzC,GAAG;QAACG;KAAc;IAElB,IAAMY,oBAAoBV,OAAMQ,YAC9B,SAACG;QACCP,cAAcO,EAAEF,OAAOd;QACvBG,cAAea;IACjB,GACA;QAACb;KAAc;IAGjB,IAAMc,eAAeZ,OAAMQ,YACzB,SAACK,WAAmBlB;QAClB,IAAMmB,qBAAqBT,gBAAgBU,OACzC,SAACC;mBAAmBpB,eAAgBiB,eAAejB,eAAgBoB;;QAGrE,IAAIrB,UAAU,MAAM;YAClBmB,mBAAmBG,KAAKJ;QAC1B;QAEAP,mBAAmBQ;QACnBjB,SAAUiB;IACZ,GACA;QAACT;QAAiBT;QAAgBC;KAAS;IAG7C,IAAMqB,YAAYlB,OAAMQ,YACtB,SAACK;eAAsBD,aAAaC,WAAW;OAC/C;QAACD;KAAa;IAEhB,IAAMO,qBAAqBnB,OAAMQ,YAAY;QAC3C,IAAMY,eAAejB,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYkB;QAEjC,IAAID,cAAc;YAChBF,UAAUnB,iBAAkBuB,WAAWF;YACvCb;QACF;IACF,GAAG;QAACW;QAAWX;QAAYR;QAAkBI;KAAW;IACxD,IAAMoB,eAAevB,OAAMQ,YACzB,SAACb;QACCiB,aAAab,iBAAkBuB,WAAW3B,QAAkB;IAC9D,GACA;QAACiB;QAAcb;KAAiB;IAGlCC,OAAMwB,UAAU;QACdlB,mBAAmBX;QAEnB,OAAO;mBAAMW,mBAAmB,EAAE;;IACpC,GAAG;QAACZ,MAAMC;QAAOA;KAAM;IAEvBK,OAAMwB,UAAU;QACdpB,cAAcV,MAAMQ;QAEpB,OAAO;mBAAME,cAAc;;IAC7B,GAAG;QAACV,MAAMQ;KAAW;IAErB,OAAO;QACLC,YAAAA;QACAC,eAAAA;QACAC,iBAAAA;QACAC,oBAAAA;QACAC,YAAAA;QACAK,cAAAA;QACAM,WAAAA;QACAC,oBAAAA;QACAI,cAAAA;QACAb,mBAAAA;IACF;AACF"}
+{"version":3,"sources":["../../../src/hooks/useChipsInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsInputBaseProps } from '../components/ChipsInputBase/ChipsInputBase';\n\nexport const useChipsInput = <Option extends ChipOption>(\n  props: Partial<ChipsInputBaseProps<Option>>,\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } = props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue('');\n    onInputChange!({ target: { value: '' } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange!(e);\n    },\n    [onInputChange],\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) => getOptionValue!(newOption) !== getOptionValue!(option),\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange!(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange],\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption],\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData!(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value) => {\n      toggleOption(getNewOptionData!(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData],\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value as Option[]);\n\n    return () => setSelectedOptions([]);\n  }, [props.value, value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue('');\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"names":["useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","React","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"mappings":";;;;+BAIaA;;;eAAAA;;;;;+DAJU;AAIhB,IAAMA,gBAAgB,SAC3BC;IAEA,IAAQC,QAAqED,MAArEC,OAAOC,iBAA8DF,MAA9DE,gBAAgBC,WAA8CH,MAA9CG,UAAUC,gBAAoCJ,MAApCI,eAAeC,mBAAqBL,MAArBK;IAExD,IAAoCC,qCAAAA,OAAMC,QAAQ,CAACP,MAAMQ,UAAU,OAA5DC,aAA6BH,oBAAjBI,gBAAiBJ;IACpC,IAA8CA,sCAAAA,OAAMC,QAAQ,CAACN,kBAAAA,mBAAAA,QAAS,EAAE,OAAjEU,kBAAuCL,qBAAtBM,qBAAsBN;IAE9C,IAAMO,aAAaP,OAAMQ,WAAW,CAAC;QACnCJ,cAAc;QACdN,cAAe;YAAEW,QAAQ;gBAAEd,OAAO;YAAG;QAAE;IACzC,GAAG;QAACG;KAAc;IAElB,IAAMY,oBAAoBV,OAAMQ,WAAW,CACzC,SAACG;QACCP,cAAcO,EAAEF,MAAM,CAACd,KAAK;QAC5BG,cAAea;IACjB,GACA;QAACb;KAAc;IAGjB,IAAMc,eAAeZ,OAAMQ,WAAW,CACpC,SAACK,WAAmBlB;QAClB,IAAMmB,qBAAqBT,gBAAgBU,MAAM,CAC/C,SAACC;mBAAmBpB,eAAgBiB,eAAejB,eAAgBoB;;QAGrE,IAAIrB,UAAU,MAAM;YAClBmB,mBAAmBG,IAAI,CAACJ;QAC1B;QAEAP,mBAAmBQ;QACnBjB,SAAUiB;IACZ,GACA;QAACT;QAAiBT;QAAgBC;KAAS;IAG7C,IAAMqB,YAAYlB,OAAMQ,WAAW,CACjC,SAACK;eAAsBD,aAAaC,WAAW;OAC/C;QAACD;KAAa;IAEhB,IAAMO,qBAAqBnB,OAAMQ,WAAW,CAAC;YACtBL;QAArB,IAAMiB,gBAAejB,cAAAA,wBAAAA,kCAAAA,YAAYkB,IAAI;QAErC,IAAID,cAAc;YAChBF,UAAUnB,iBAAkBuB,WAAWF;YACvCb;QACF;IACF,GAAG;QAACW;QAAWX;QAAYR;QAAkBI;KAAW;IACxD,IAAMoB,eAAevB,OAAMQ,WAAW,CACpC,SAACb;QACCiB,aAAab,iBAAkBuB,WAAW3B,QAAkB;IAC9D,GACA;QAACiB;QAAcb;KAAiB;IAGlCC,OAAMwB,SAAS,CAAC;QACdlB,mBAAmBX;QAEnB,OAAO;mBAAMW,mBAAmB,EAAE;;IACpC,GAAG;QAACZ,MAAMC,KAAK;QAAEA;KAAM;IAEvBK,OAAMwB,SAAS,CAAC;QACdpB,cAAcV,MAAMQ,UAAU;QAE9B,OAAO;mBAAME,cAAc;;IAC7B,GAAG;QAACV,MAAMQ,UAAU;KAAC;IAErB,OAAO;QACLC,YAAAA;QACAC,eAAAA;QACAC,iBAAAA;QACAC,oBAAAA;QACAC,YAAAA;QACAK,cAAAA;QACAM,WAAAA;QACAC,oBAAAA;QACAI,cAAAA;QACAb,mBAAAA;IACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { useChipsInput } from './useChipsInput';\n\nexport const useChipsSelect = <Option extends ChipOption>(\n  props: Partial<ChipsSelectProps<Option>>,\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number | null>(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } = useChipsInput(props);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement> | undefined) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) => filterFn(fieldValue, option, getOptionLabel))\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"names":["useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","React","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","useChipsInput","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;;;+DALU;6BAGO;AAEvB,IAAMA,iBAAiB,SAC5BC;IAEA,IAAQC,UAAsDD,MAAtDC,SAASC,WAA6CF,MAA7CE,UAAUC,iBAAmCH,MAAnCG,gBAAgBC,iBAAmBJ,MAAnBI;IAE3C,IAA4BC,qCAAAA,OAAMC,SAAS,YAApCC,SAAqBF,oBAAbG,YAAaH;IAC5B,IAAoDA,sCAAAA,OAAMC,SAAwB,QAA3EG,qBAA6CJ,qBAAzBK,wBAAyBL;IACpD,IAA0CA,sCAAAA,OAAMC,SAAwB,WAAjEK,gBAAmCN,qBAApBO,mBAAoBP;IAE1C,IAA4DQ,kBAAAA,IAAAA,8BAAcb,QAAlEc,aAAoDD,gBAApDC,YAAYC,kBAAwCF,gBAAxCE,iBAAoBC,+CAAoBH;QAApDC;QAAYC;;IAEpB,IAAME,oBAAoB,SAACC;QACzB,IAAI,CAACA,GAAG;YACN;QACF;QACAF,gBAAgBC,kBAAkBC;QAElC,IAAI,CAACX,QAAQ;YACXC,UAAU;YACVE,sBAAsB;QACxB;IACF;IAEA,IAAIS,kBAAkBd,OAAMe,QAAQ;QAClC,OAAOlB,WACHD,QAASoB,OAAO,SAACC;mBAAWpB,SAASY,YAAYQ,QAAQnB;aACxDF;IACP,GAAG;QAACA;QAASC;QAAUY;QAAYX;KAAe;IAElDgB,kBAAkBd,OAAMe,QAAQ;QAC9B,IAAI,CAACD,gBAAgBI,QAAQ;YAC3B,OAAOJ;QACT;QAEA,IAAMK,cAAc,IAAIC,IAAIN;QAC5B,IAAMO,WAAWX,gBAAgBY,IAAI,SAACC;mBAASxB,eAAgBwB;;YAE1D,kCAAA,2BAAA;;YAAL,QAAK,YAAcJ,gCAAd,SAAA,6BAAA,QAAA,yBAAA,iCAA2B;gBAA3B,IAAMI,OAAN;gBACH,IAAIF,SAASG,SAASzB,eAAgBwB,QAAQ;oBAC5CJ,YAAYM,OAAOF;gBACrB;YACF;;YAJK;YAAA;;;qBAAA,6BAAA;oBAAA;;;oBAAA;0BAAA;;;;QAML,OAAQ,uBAAGJ;IACb,GAAG;QAACL;QAAiBJ;QAAiBX;KAAe;IAErD,OAAO,4CACFY;QACHF,YAAAA;QACAG,mBAAAA;QACAV,QAAAA;QACAC,WAAAA;QACAW,iBAAAA;QACAV,oBAAAA;QACAC,uBAAAA;QACAC,eAAAA;QACAC,kBAAAA;QACAG,iBAAAA;;AAEJ"}
+{"version":3,"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { useChipsInput } from './useChipsInput';\n\nexport const useChipsSelect = <Option extends ChipOption>(\n  props: Partial<ChipsSelectProps<Option>>,\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number | null>(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } = useChipsInput(props);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement> | undefined) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) => filterFn(fieldValue, option, getOptionLabel))\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"names":["useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","React","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","useChipsInput","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;;;+DALU;6BAGO;AAEvB,IAAMA,iBAAiB,SAC5BC;IAEA,IAAQC,UAAsDD,MAAtDC,SAASC,WAA6CF,MAA7CE,UAAUC,iBAAmCH,MAAnCG,gBAAgBC,iBAAmBJ,MAAnBI;IAE3C,IAA4BC,qCAAAA,OAAMC,QAAQ,CAAC,YAApCC,SAAqBF,oBAAbG,YAAaH;IAC5B,IAAoDA,sCAAAA,OAAMC,QAAQ,CAAgB,QAA3EG,qBAA6CJ,qBAAzBK,wBAAyBL;IACpD,IAA0CA,sCAAAA,OAAMC,QAAQ,CAAgB,WAAjEK,gBAAmCN,qBAApBO,mBAAoBP;IAE1C,IAA4DQ,kBAAAA,IAAAA,4BAAa,EAACb,QAAlEc,aAAoDD,gBAApDC,YAAYC,kBAAwCF,gBAAxCE,iBAAoBC,+CAAoBH;QAApDC;QAAYC;;IAEpB,IAAME,oBAAoB,SAACC;QACzB,IAAI,CAACA,GAAG;YACN;QACF;QACAF,gBAAgBC,iBAAiB,CAACC;QAElC,IAAI,CAACX,QAAQ;YACXC,UAAU;YACVE,sBAAsB;QACxB;IACF;IAEA,IAAIS,kBAAkBd,OAAMe,OAAO,CAAC;QAClC,OAAOlB,WACHD,QAASoB,MAAM,CAAC,SAACC;mBAAWpB,SAASY,YAAYQ,QAAQnB;aACxDF;IACP,GAAG;QAACA;QAASC;QAAUY;QAAYX;KAAe;IAElDgB,kBAAkBd,OAAMe,OAAO,CAAC;QAC9B,IAAI,CAACD,gBAAgBI,MAAM,EAAE;YAC3B,OAAOJ;QACT;QAEA,IAAMK,cAAc,IAAIC,IAAIN;QAC5B,IAAMO,WAAWX,gBAAgBY,GAAG,CAAC,SAACC;mBAASxB,eAAgBwB;;YAE1D,kCAAA,2BAAA;;YAAL,QAAK,YAAcJ,gCAAd,SAAA,6BAAA,QAAA,yBAAA,iCAA2B;gBAA3B,IAAMI,OAAN;gBACH,IAAIF,SAASG,QAAQ,CAACzB,eAAgBwB,QAAQ;oBAC5CJ,YAAYM,MAAM,CAACF;gBACrB;YACF;;YAJK;YAAA;;;qBAAA,6BAAA;oBAAA;;;oBAAA;0BAAA;;;;QAML,OAAQ,uBAAGJ;IACb,GAAG;QAACL;QAAiBJ;QAAiBX;KAAe;IAErD,OAAO,4CACFY;QACHF,YAAAA;QACAG,mBAAAA;QACAV,QAAAA;QACAC,WAAAA;QACAW,iBAAAA;QACAV,oBAAAA;QACAC,uBAAAA;QACAC,eAAAA;QACAC,kBAAAA;QACAG,iBAAAA;;AAEJ"}

package/dist/cjs/hooks/useDateInput.js

@@ -74,12 +74,13 @@ function useDateInput(param) {
         var range = window.document.createRange();
         var element = refs[focusedElement].current;
         if (element) {
+            var _selection, _selection1;
             element.focus();
             openCalendar();
             range.selectNodeContents(element);
             var selection = window.getSelection();
-            selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
-            selection === null || selection === void 0 ? void 0 : selection.addRange(range);
+            (_selection = selection) === null || _selection === void 0 ? void 0 : _selection.removeAllRanges();
+            (_selection1 = selection) === null || _selection1 === void 0 ? void 0 : _selection1.addRange(range);
         }
     }, [
         disabled,
@@ -89,7 +90,8 @@ function useDateInput(param) {
         window
     ]);
     var clear = _react.useCallback(function() {
-        onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+        var _onChange;
+        (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange(undefined);
         selectFirst();
     }, [
         onChange,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport interface UseDateInputDependencies<T, D> {\n  maxElement: number;\n  refs: Array<React.RefObject<T>>;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  value?: D;\n  elementsConfig(index: number): {\n    length: number;\n    min: number;\n    max: number;\n  };\n  onInternalValueChange(value: string[]): void;\n  getInternalValue(value?: D | undefined): string[];\n  onChange?(value?: D | undefined): void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n  maxElement,\n  refs,\n  autoFocus,\n  disabled,\n  elementsConfig,\n  onChange,\n  onInternalValueChange,\n  getInternalValue,\n  value,\n}: UseDateInputDependencies<T, D>) {\n  const { document } = useDOM();\n  const { value: open, setTrue: openCalendar, setFalse: closeCalendar } = useBooleanState(false);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const calendarRef = React.useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = React.useState<string[]>([]);\n  const [focusedElement, setFocusedElement] = React.useState<number | null>(null);\n  const { window } = useDOM();\n\n  const removeFocusFromField = React.useCallback(() => {\n    if (open) {\n      setFocusedElement(null);\n      closeCalendar();\n      window!.getSelection()?.removeAllRanges();\n      setInternalValue(getInternalValue(value));\n    }\n  }, [closeCalendar, getInternalValue, open, value, window]);\n\n  const handleClickOutside = React.useCallback(\n    (e: MouseEvent) => {\n      if (\n        !rootRef.current?.contains(e.target as Node | null) &&\n        !calendarRef.current?.contains(e.target as Node | null)\n      ) {\n        removeFocusFromField();\n      }\n    },\n    [removeFocusFromField],\n  );\n\n  const selectFirst = React.useCallback(() => {\n    setFocusedElement(0);\n  }, []);\n\n  useGlobalEventListener(document, 'click', handleClickOutside, {\n    capture: true,\n  });\n\n  React.useEffect(() => {\n    setInternalValue(getInternalValue(value));\n  }, [getInternalValue, value]);\n\n  React.useEffect(() => {\n    if (autoFocus) {\n      selectFirst();\n    }\n  }, [autoFocus, selectFirst]);\n\n  React.useEffect(() => {\n    if (disabled || focusedElement === null) {\n      return;\n    }\n\n    const range = window!.document.createRange();\n\n    let element = refs[focusedElement].current;\n\n    if (element) {\n      element.focus();\n      openCalendar();\n      range.selectNodeContents(element as Node);\n\n      const selection = window!.getSelection();\n      selection?.removeAllRanges();\n      selection?.addRange(range);\n    }\n  }, [disabled, focusedElement, openCalendar, refs, window]);\n\n  const clear = React.useCallback(() => {\n    onChange?.(undefined);\n    selectFirst();\n  }, [onChange, selectFirst]);\n\n  const handleFieldEnter = React.useCallback(() => {\n    if (!open) {\n      selectFirst();\n    }\n  }, [open, selectFirst]);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLSpanElement>) => {\n      if (focusedElement === null) {\n        return;\n      }\n\n      const _value = [...internalValue];\n      const config = elementsConfig(focusedElement);\n\n      if (/^\\d+$/.test(e.key)) {\n        if (_value[focusedElement].length >= config.length) {\n          _value[focusedElement] = e.key;\n        } else {\n          _value[focusedElement] += e.key;\n          if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {\n            setFocusedElement(focusedElement + 1);\n          }\n        }\n      } else if (e.key === 'Backspace') {\n        if (!_value[focusedElement]) {\n          setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n        } else {\n          _value[focusedElement] = _value[focusedElement].slice(0, -1);\n        }\n      } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue <= config.min ? config.max : currentValue - 1,\n        ).padStart(config.length, '0');\n      } else if (e.key === 'ArrowUp' || e.key === 'Up') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue >= config.max ? config.min : currentValue + 1,\n        ).padStart(config.length, '0');\n      } else if (\n        e.key === 'Enter' ||\n        (e.key === 'Tab' && focusedElement === maxElement) ||\n        (e.key === 'Tab' && e.shiftKey && focusedElement === 0)\n      ) {\n        removeFocusFromField();\n        return;\n      } else if (e.key === 'ArrowLeft' || e.key === 'Left' || (e.key === 'Tab' && e.shiftKey)) {\n        setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n      } else if (e.key === 'ArrowRight' || e.key === 'Right' || e.key === 'Tab') {\n        setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);\n      } else if (e.key === 'Delete' || e.key === 'Del') {\n        _value[focusedElement] = '';\n      } else {\n        return;\n      }\n\n      e.preventDefault();\n      setInternalValue(_value);\n      onInternalValueChange(_value);\n    },\n    [\n      elementsConfig,\n      focusedElement,\n      internalValue,\n      maxElement,\n      onInternalValueChange,\n      removeFocusFromField,\n    ],\n  );\n\n  return {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    focusedElement,\n    setFocusedElement,\n    handleKeyDown,\n    clear,\n    handleFieldEnter,\n    removeFocusFromField,\n  };\n}\n"],"names":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","useDOM","useBooleanState","open","setTrue","openCalendar","setFalse","closeCalendar","rootRef","React","useRef","calendarRef","useState","internalValue","setInternalValue","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","useGlobalEventListener","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"mappings":"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"}
+{"version":3,"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport interface UseDateInputDependencies<T, D> {\n  maxElement: number;\n  refs: Array<React.RefObject<T>>;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  value?: D;\n  elementsConfig(index: number): {\n    length: number;\n    min: number;\n    max: number;\n  };\n  onInternalValueChange(value: string[]): void;\n  getInternalValue(value?: D | undefined): string[];\n  onChange?(value?: D | undefined): void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n  maxElement,\n  refs,\n  autoFocus,\n  disabled,\n  elementsConfig,\n  onChange,\n  onInternalValueChange,\n  getInternalValue,\n  value,\n}: UseDateInputDependencies<T, D>) {\n  const { document } = useDOM();\n  const { value: open, setTrue: openCalendar, setFalse: closeCalendar } = useBooleanState(false);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const calendarRef = React.useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = React.useState<string[]>([]);\n  const [focusedElement, setFocusedElement] = React.useState<number | null>(null);\n  const { window } = useDOM();\n\n  const removeFocusFromField = React.useCallback(() => {\n    if (open) {\n      setFocusedElement(null);\n      closeCalendar();\n      window!.getSelection()?.removeAllRanges();\n      setInternalValue(getInternalValue(value));\n    }\n  }, [closeCalendar, getInternalValue, open, value, window]);\n\n  const handleClickOutside = React.useCallback(\n    (e: MouseEvent) => {\n      if (\n        !rootRef.current?.contains(e.target as Node | null) &&\n        !calendarRef.current?.contains(e.target as Node | null)\n      ) {\n        removeFocusFromField();\n      }\n    },\n    [removeFocusFromField],\n  );\n\n  const selectFirst = React.useCallback(() => {\n    setFocusedElement(0);\n  }, []);\n\n  useGlobalEventListener(document, 'click', handleClickOutside, {\n    capture: true,\n  });\n\n  React.useEffect(() => {\n    setInternalValue(getInternalValue(value));\n  }, [getInternalValue, value]);\n\n  React.useEffect(() => {\n    if (autoFocus) {\n      selectFirst();\n    }\n  }, [autoFocus, selectFirst]);\n\n  React.useEffect(() => {\n    if (disabled || focusedElement === null) {\n      return;\n    }\n\n    const range = window!.document.createRange();\n\n    let element = refs[focusedElement].current;\n\n    if (element) {\n      element.focus();\n      openCalendar();\n      range.selectNodeContents(element as Node);\n\n      const selection = window!.getSelection();\n      selection?.removeAllRanges();\n      selection?.addRange(range);\n    }\n  }, [disabled, focusedElement, openCalendar, refs, window]);\n\n  const clear = React.useCallback(() => {\n    onChange?.(undefined);\n    selectFirst();\n  }, [onChange, selectFirst]);\n\n  const handleFieldEnter = React.useCallback(() => {\n    if (!open) {\n      selectFirst();\n    }\n  }, [open, selectFirst]);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLSpanElement>) => {\n      if (focusedElement === null) {\n        return;\n      }\n\n      const _value = [...internalValue];\n      const config = elementsConfig(focusedElement);\n\n      if (/^\\d+$/.test(e.key)) {\n        if (_value[focusedElement].length >= config.length) {\n          _value[focusedElement] = e.key;\n        } else {\n          _value[focusedElement] += e.key;\n          if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {\n            setFocusedElement(focusedElement + 1);\n          }\n        }\n      } else if (e.key === 'Backspace') {\n        if (!_value[focusedElement]) {\n          setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n        } else {\n          _value[focusedElement] = _value[focusedElement].slice(0, -1);\n        }\n      } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue <= config.min ? config.max : currentValue - 1,\n        ).padStart(config.length, '0');\n      } else if (e.key === 'ArrowUp' || e.key === 'Up') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue >= config.max ? config.min : currentValue + 1,\n        ).padStart(config.length, '0');\n      } else if (\n        e.key === 'Enter' ||\n        (e.key === 'Tab' && focusedElement === maxElement) ||\n        (e.key === 'Tab' && e.shiftKey && focusedElement === 0)\n      ) {\n        removeFocusFromField();\n        return;\n      } else if (e.key === 'ArrowLeft' || e.key === 'Left' || (e.key === 'Tab' && e.shiftKey)) {\n        setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n      } else if (e.key === 'ArrowRight' || e.key === 'Right' || e.key === 'Tab') {\n        setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);\n      } else if (e.key === 'Delete' || e.key === 'Del') {\n        _value[focusedElement] = '';\n      } else {\n        return;\n      }\n\n      e.preventDefault();\n      setInternalValue(_value);\n      onInternalValueChange(_value);\n    },\n    [\n      elementsConfig,\n      focusedElement,\n      internalValue,\n      maxElement,\n      onInternalValueChange,\n      removeFocusFromField,\n    ],\n  );\n\n  return {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    focusedElement,\n    setFocusedElement,\n    handleKeyDown,\n    clear,\n    handleFieldEnter,\n    removeFocusFromField,\n  };\n}\n"],"names":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","useDOM","useBooleanState","open","setTrue","openCalendar","setFalse","closeCalendar","rootRef","React","useRef","calendarRef","useState","internalValue","setInternalValue","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","useGlobalEventListener","capture","useEffect","range","createRange","element","selection","focus","selectNodeContents","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport const useEffectDev = process.env.NODE_ENV === 'development' ? useEffect : noop;\n"],"names":["useEffectDev","process","env","NODE_ENV","useEffect","noop"],"mappings":";;;;+BAGaA;;;eAAAA;;;qBAHa;oBACL;AAEd,IAAMA,eAAeC,QAAQC,IAAIC,aAAa,gBAAgBC,mBAAYC"}
+{"version":3,"sources":["../../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport const useEffectDev = process.env.NODE_ENV === 'development' ? useEffect : noop;\n"],"names":["useEffectDev","process","env","NODE_ENV","useEffect","noop"],"mappings":";;;;+BAGaA;;;eAAAA;;;qBAHa;oBACL;AAEd,IAAMA,eAAeC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBC,gBAAS,GAAGC,UAAI"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useEnsuredControl.ts"],"sourcesContent":["import * as React from 'react';\n\ninterface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {\n  value?: V;\n  onChange?: (e: E) => any;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n}\n\nexport function useEnsuredControl<V, E extends React.ChangeEvent<any>>({\n  onChange: onChangeProp,\n  disabled,\n  ...props\n}: UseEnsuredControlProps<V, E>): [V | undefined, (e: E) => any] {\n  const [value, onChangeValue] = useCustomEnsuredControl(props);\n\n  const onChange = React.useCallback(\n    (e: E) => {\n      if (disabled) {\n        return;\n      }\n\n      onChangeValue(e.target.value);\n      onChangeProp && onChangeProp(e);\n    },\n    [onChangeValue, onChangeProp, disabled],\n  );\n\n  return [value, onChange];\n}\n\ninterface UseCustomEnsuredControlProps<V> {\n  value?: V;\n  onChange?: (v: V) => any;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n}\n\nexport function useCustomEnsuredControl<V>({\n  disabled,\n  onChange: onChangeProp,\n  defaultValue,\n  value,\n}: UseCustomEnsuredControlProps<V>): [V | undefined, (e: V) => any] {\n  const isControlled = value !== undefined;\n  const [localValue, setLocalValue] = React.useState(defaultValue);\n\n  const onChange = React.useCallback(\n    (v: V) => {\n      if (disabled) {\n        return;\n      }\n\n      !isControlled && setLocalValue(v);\n      onChangeProp && onChangeProp(v);\n    },\n    [disabled, isControlled, onChangeProp],\n  );\n\n  return [isControlled ? value : localValue, onChange];\n}\n"],"names":["useEnsuredControl","useCustomEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","React","useCallback","e","target","defaultValue","isControlled","undefined","useState","localValue","setLocalValue","v"],"mappings":";;;;;;;;;;;IASgBA,iBAAiB;eAAjBA;;IA6BAC,uBAAuB;eAAvBA;;;;;;+DAtCO;AAShB,SAASD,kBAAuD;QACrEE,AAAUC,eAD2D,OACrED,UACAE,WAFqE,OAErEA,UACGC,qCAHkE;QACrEH;QACAE;;IAGA,IAA+BH,8CAAAA,wBAAwBI,YAAhDC,QAAwBL,6BAAjBM,gBAAiBN;IAE/B,IAAMC,WAAWM,OAAMC,YACrB,SAACC;QACC,IAAIN,UAAU;YACZ;QACF;QAEAG,cAAcG,EAAEC,OAAOL;QACvBH,gBAAgBA,aAAaO;IAC/B,GACA;QAACH;QAAeJ;QAAcC;KAAS;IAGzC,OAAO;QAACE;QAAOJ;KAAS;AAC1B;AASO,SAASD,wBAA2B,KAKT;QAJhCG,WADyC,MACzCA,UACAF,AAAUC,eAF+B,MAEzCD,UACAU,eAHyC,MAGzCA,cACAN,QAJyC,MAIzCA;IAEA,IAAMO,eAAeP,UAAUQ;IAC/B,IAAoCN,qCAAAA,OAAMO,SAASH,mBAA5CI,aAA6BR,oBAAjBS,gBAAiBT;IAEpC,IAAMN,WAAWM,OAAMC,YACrB,SAACS;QACC,IAAId,UAAU;YACZ;QACF;QAEA,CAACS,gBAAgBI,cAAcC;QAC/Bf,gBAAgBA,aAAae;IAC/B,GACA;QAACd;QAAUS;QAAcV;KAAa;IAGxC,OAAO;QAACU,eAAeP,QAAQU;QAAYd;KAAS;AACtD"}
+{"version":3,"sources":["../../../src/hooks/useEnsuredControl.ts"],"sourcesContent":["import * as React from 'react';\n\ninterface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {\n  value?: V;\n  onChange?: (e: E) => any;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n}\n\nexport function useEnsuredControl<V, E extends React.ChangeEvent<any>>({\n  onChange: onChangeProp,\n  disabled,\n  ...props\n}: UseEnsuredControlProps<V, E>): [V | undefined, (e: E) => any] {\n  const [value, onChangeValue] = useCustomEnsuredControl(props);\n\n  const onChange = React.useCallback(\n    (e: E) => {\n      if (disabled) {\n        return;\n      }\n\n      onChangeValue(e.target.value);\n      onChangeProp && onChangeProp(e);\n    },\n    [onChangeValue, onChangeProp, disabled],\n  );\n\n  return [value, onChange];\n}\n\ninterface UseCustomEnsuredControlProps<V> {\n  value?: V;\n  onChange?: (v: V) => any;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n}\n\nexport function useCustomEnsuredControl<V>({\n  disabled,\n  onChange: onChangeProp,\n  defaultValue,\n  value,\n}: UseCustomEnsuredControlProps<V>): [V | undefined, (e: V) => any] {\n  const isControlled = value !== undefined;\n  const [localValue, setLocalValue] = React.useState(defaultValue);\n\n  const onChange = React.useCallback(\n    (v: V) => {\n      if (disabled) {\n        return;\n      }\n\n      !isControlled && setLocalValue(v);\n      onChangeProp && onChangeProp(v);\n    },\n    [disabled, isControlled, onChangeProp],\n  );\n\n  return [isControlled ? value : localValue, onChange];\n}\n"],"names":["useEnsuredControl","useCustomEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","React","useCallback","e","target","defaultValue","isControlled","undefined","useState","localValue","setLocalValue","v"],"mappings":";;;;;;;;;;;IASgBA,iBAAiB;eAAjBA;;IA6BAC,uBAAuB;eAAvBA;;;;;;+DAtCO;AAShB,SAASD,kBAAuD;QACrEE,AAAUC,eAD2D,OACrED,UACAE,WAFqE,OAErEA,UACGC,qCAHkE;QACrEH;QACAE;;IAGA,IAA+BH,8CAAAA,wBAAwBI,YAAhDC,QAAwBL,6BAAjBM,gBAAiBN;IAE/B,IAAMC,WAAWM,OAAMC,WAAW,CAChC,SAACC;QACC,IAAIN,UAAU;YACZ;QACF;QAEAG,cAAcG,EAAEC,MAAM,CAACL,KAAK;QAC5BH,gBAAgBA,aAAaO;IAC/B,GACA;QAACH;QAAeJ;QAAcC;KAAS;IAGzC,OAAO;QAACE;QAAOJ;KAAS;AAC1B;AASO,SAASD,wBAA2B,KAKT;QAJhCG,WADyC,MACzCA,UACAF,AAAUC,eAF+B,MAEzCD,UACAU,eAHyC,MAGzCA,cACAN,QAJyC,MAIzCA;IAEA,IAAMO,eAAeP,UAAUQ;IAC/B,IAAoCN,qCAAAA,OAAMO,QAAQ,CAACH,mBAA5CI,aAA6BR,oBAAjBS,gBAAiBT;IAEpC,IAAMN,WAAWM,OAAMC,WAAW,CAChC,SAACS;QACC,IAAId,UAAU;YACZ;QACF;QAEA,CAACS,gBAAgBI,cAAcC;QAC/Bf,gBAAgBA,aAAae;IAC/B,GACA;QAACd;QAAUS;QAAcV;KAAa;IAGxC,OAAO;QAACU,eAAeP,QAAQU;QAAYd;KAAS;AACtD"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useEventListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\ninterface EventListenerHandle {\n  add: (el: HTMLElement | Document | Window) => void;\n  remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  event: K,\n  _cb: false | null | undefined | ((ev: GlobalEventHandlersEventMap[K]) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event>(\n  event: string,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event, K extends keyof GlobalEventHandlersEventMap>(\n  event: string | K,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle {\n  const cbRef = React.useRef(_cb);\n  useIsomorphicLayoutEffect(() => {\n    cbRef.current = _cb;\n  }, [_cb]);\n  const cb = React.useCallback((e: any) => cbRef.current && cbRef.current(e), []);\n\n  const detach = React.useRef(noop);\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n  const add = React.useCallback(\n    (el: HTMLElement | Document | Window) => {\n      if (!canUseDOM) {\n        return;\n      }\n      remove();\n      if (!el) {\n        return;\n      }\n      const options = { ..._options };\n      el.addEventListener(event, cb, options);\n      detach.current = () => el.removeEventListener(event, cb, options);\n    },\n    [_options, cb, event, remove],\n  );\n  React.useEffect(() => remove, [remove]);\n\n  return React.useMemo(() => ({ add, remove }), [add, remove]);\n}\n"],"names":["useEventListener","event","_cb","_options","cbRef","React","useRef","useIsomorphicLayoutEffect","current","cb","useCallback","e","detach","noop","remove","add","el","canUseDOM","options","addEventListener","removeEventListener","useEffect","useMemo"],"mappings":";;;;+BAoBgBA;;;eAAAA;;;;;+DApBO;oBACF;mBACK;yCACgB;AAiBnC,SAASA,iBACdC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC;IAElC,IAAMC,QAAQC,OAAMC,OAAOJ;IAC3BK,IAAAA,sDAA0B;QACxBH,MAAMI,UAAUN;IAClB,GAAG;QAACA;KAAI;IACR,IAAMO,KAAKJ,OAAMK,YAAY,SAACC;eAAWP,MAAMI,WAAWJ,MAAMI,QAAQG;OAAI,EAAE;IAE9E,IAAMC,SAASP,OAAMC,OAAOO;IAC5B,IAAMC,SAAST,OAAMK,YAAY;QAC/BE,OAAOJ;QACPI,OAAOJ,UAAUK;IACnB,GAAG,EAAE;IACL,IAAME,MAAMV,OAAMK,YAChB,SAACM;QACC,IAAI,CAACC,gBAAW;YACd;QACF;QACAH;QACA,IAAI,CAACE,IAAI;YACP;QACF;QACA,IAAME,UAAU,qBAAKf;QACrBa,GAAGG,iBAAiBlB,OAAOQ,IAAIS;QAC/BN,OAAOJ,UAAU;mBAAMQ,GAAGI,oBAAoBnB,OAAOQ,IAAIS;;IAC3D,GACA;QAACf;QAAUM;QAAIR;QAAOa;KAAO;IAE/BT,OAAMgB,UAAU;eAAMP;OAAQ;QAACA;KAAO;IAEtC,OAAOT,OAAMiB,QAAQ;eAAO;YAAEP,KAAAA;YAAKD,QAAAA;QAAO;OAAI;QAACC;QAAKD;KAAO;AAC7D"}
+{"version":3,"sources":["../../../src/hooks/useEventListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\ninterface EventListenerHandle {\n  add: (el: HTMLElement | Document | Window) => void;\n  remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  event: K,\n  _cb: false | null | undefined | ((ev: GlobalEventHandlersEventMap[K]) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event>(\n  event: string,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event, K extends keyof GlobalEventHandlersEventMap>(\n  event: string | K,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle {\n  const cbRef = React.useRef(_cb);\n  useIsomorphicLayoutEffect(() => {\n    cbRef.current = _cb;\n  }, [_cb]);\n  const cb = React.useCallback((e: any) => cbRef.current && cbRef.current(e), []);\n\n  const detach = React.useRef(noop);\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n  const add = React.useCallback(\n    (el: HTMLElement | Document | Window) => {\n      if (!canUseDOM) {\n        return;\n      }\n      remove();\n      if (!el) {\n        return;\n      }\n      const options = { ..._options };\n      el.addEventListener(event, cb, options);\n      detach.current = () => el.removeEventListener(event, cb, options);\n    },\n    [_options, cb, event, remove],\n  );\n  React.useEffect(() => remove, [remove]);\n\n  return React.useMemo(() => ({ add, remove }), [add, remove]);\n}\n"],"names":["useEventListener","event","_cb","_options","cbRef","React","useRef","useIsomorphicLayoutEffect","current","cb","useCallback","e","detach","noop","remove","add","el","canUseDOM","options","addEventListener","removeEventListener","useEffect","useMemo"],"mappings":";;;;+BAoBgBA;;;eAAAA;;;;;+DApBO;oBACF;mBACK;yCACgB;AAiBnC,SAASA,iBACdC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC;IAElC,IAAMC,QAAQC,OAAMC,MAAM,CAACJ;IAC3BK,IAAAA,oDAAyB,EAAC;QACxBH,MAAMI,OAAO,GAAGN;IAClB,GAAG;QAACA;KAAI;IACR,IAAMO,KAAKJ,OAAMK,WAAW,CAAC,SAACC;eAAWP,MAAMI,OAAO,IAAIJ,MAAMI,OAAO,CAACG;OAAI,EAAE;IAE9E,IAAMC,SAASP,OAAMC,MAAM,CAACO,UAAI;IAChC,IAAMC,SAAST,OAAMK,WAAW,CAAC;QAC/BE,OAAOJ,OAAO;QACdI,OAAOJ,OAAO,GAAGK,UAAI;IACvB,GAAG,EAAE;IACL,IAAME,MAAMV,OAAMK,WAAW,CAC3B,SAACM;QACC,IAAI,CAACC,cAAS,EAAE;YACd;QACF;QACAH;QACA,IAAI,CAACE,IAAI;YACP;QACF;QACA,IAAME,UAAU,qBAAKf;QACrBa,GAAGG,gBAAgB,CAAClB,OAAOQ,IAAIS;QAC/BN,OAAOJ,OAAO,GAAG;mBAAMQ,GAAGI,mBAAmB,CAACnB,OAAOQ,IAAIS;;IAC3D,GACA;QAACf;QAAUM;QAAIR;QAAOa;KAAO;IAE/BT,OAAMgB,SAAS,CAAC;eAAMP;OAAQ;QAACA;KAAO;IAEtC,OAAOT,OAAMiB,OAAO,CAAC;eAAO;YAAEP,KAAAA;YAAKD,QAAAA;QAAO;OAAI;QAACC;QAAKD;KAAO;AAC7D"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useExternRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { setRef } from '../lib/utils';\n\nexport function useExternRef<T>(\n  ...externRefs: Array<React.Ref<T> | undefined | false>\n): React.MutableRefObject<T | null> {\n  const stableRef = React.useRef<T | null>(null);\n\n  return React.useMemo(\n    () => ({\n      get current() {\n        return stableRef.current;\n      },\n      set current(el) {\n        stableRef.current = el;\n        externRefs.forEach((ref) => {\n          if (ref) {\n            setRef(el, ref);\n          }\n        });\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    externRefs,\n  );\n}\n"],"names":["useExternRef","externRefs","stableRef","React","useRef","useMemo","current","el","forEach","ref","setRef"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;+DAHO;qBACA;AAEhB,SAASA;IACd,IAAA,IAAA,OAAA,UAAA,QAAA,AAAGC,aAAH,UAAA,OAAA,OAAA,GAAA,OAAA,MAAA,OAAA;QAAGA,WAAH,QAAA,SAAA,CAAA,KAAsD;IAAD;IAErD,IAAMC,YAAYC,OAAMC,OAAiB;IAEzC,OAAOD,OAAME,QACX;eAAO;YACL,IAAIC,WAAU;gBACZ,OAAOJ,UAAUI;YACnB;YACA,IAAIA,SAAQC,GAAI;gBACdL,UAAUI,UAAUC;gBACpBN,WAAWO,QAAQ,SAACC;oBAClB,IAAIA,KAAK;wBACPC,IAAAA,eAAOH,IAAIE;oBACb;gBACF;YACF;QACF;OACA,uDAAuD;IACvDR;AAEJ"}
+{"version":3,"sources":["../../../src/hooks/useExternRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { setRef } from '../lib/utils';\n\nexport function useExternRef<T>(\n  ...externRefs: Array<React.Ref<T> | undefined | false>\n): React.MutableRefObject<T | null> {\n  const stableRef = React.useRef<T | null>(null);\n\n  return React.useMemo(\n    () => ({\n      get current() {\n        return stableRef.current;\n      },\n      set current(el) {\n        stableRef.current = el;\n        externRefs.forEach((ref) => {\n          if (ref) {\n            setRef(el, ref);\n          }\n        });\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    externRefs,\n  );\n}\n"],"names":["useExternRef","externRefs","stableRef","React","useRef","useMemo","current","el","forEach","ref","setRef"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;+DAHO;qBACA;AAEhB,SAASA;IACd,IAAA,IAAA,OAAA,UAAA,QAAA,AAAGC,aAAH,UAAA,OAAA,OAAA,GAAA,OAAA,MAAA,OAAA;QAAGA,WAAH,QAAA,SAAA,CAAA,KAAsD;IAAD;IAErD,IAAMC,YAAYC,OAAMC,MAAM,CAAW;IAEzC,OAAOD,OAAME,OAAO,CAClB;eAAO;YACL,IAAIC,WAAU;gBACZ,OAAOJ,UAAUI,OAAO;YAC1B;YACA,IAAIA,SAAQC,GAAI;gBACdL,UAAUI,OAAO,GAAGC;gBACpBN,WAAWO,OAAO,CAAC,SAACC;oBAClB,IAAIA,KAAK;wBACPC,IAAAA,aAAM,EAACH,IAAIE;oBACb;gBACF;YACF;QACF;OACA,uDAAuD;IACvDR;AAEJ"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { FocusEvent, useCallback, useContext, useState } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible(withKeyboardInputCheck = true) {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused],\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused],\n  );\n\n  const focusVisible = withKeyboardInputCheck ? keyboardInput && isFocused : isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"names":["useFocusVisible","withKeyboardInputCheck","useState","isFocused","setIsFocused","keyboardInput","useContext","AppRootContext","onFocus","useCallback","event","stopPropagation","onBlur","focusVisible"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;qBAH8C;8BAC/B;AAExB,SAASA;QAAgBC,yBAAAA,iEAAyB;IACvD,IAAkCC,+BAAAA,IAAAA,iBAAS,YAApCC,YAA2BD,cAAhBE,eAAgBF;IAClC,IAAM,AAAEG,gBAAkBC,IAAAA,mBAAWC,gCAA7BF;IAER,IAAMG,UAAUC,IAAAA,oBACd,SAACC;QACCA,MAAMC;QACNP,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,IAAMQ,SAASH,IAAAA,oBACb,SAACC;QACCA,MAAMC;QACNP,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,IAAMS,eAAeZ,yBAAyBI,iBAAiBF,YAAYA;IAE3E,OAAO;QACLU,cAAAA;QACAL,SAAAA;QACAI,QAAAA;IACF;AACF"}
+{"version":3,"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { FocusEvent, useCallback, useContext, useState } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible(withKeyboardInputCheck = true) {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused],\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused],\n  );\n\n  const focusVisible = withKeyboardInputCheck ? keyboardInput && isFocused : isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"names":["useFocusVisible","withKeyboardInputCheck","useState","isFocused","setIsFocused","keyboardInput","useContext","AppRootContext","onFocus","useCallback","event","stopPropagation","onBlur","focusVisible"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;qBAH8C;8BAC/B;AAExB,SAASA;QAAgBC,yBAAAA,iEAAyB;IACvD,IAAkCC,+BAAAA,IAAAA,eAAQ,EAAC,YAApCC,YAA2BD,cAAhBE,eAAgBF;IAClC,IAAM,AAAEG,gBAAkBC,IAAAA,iBAAU,EAACC,8BAAc,EAA3CF;IAER,IAAMG,UAAUC,IAAAA,kBAAW,EACzB,SAACC;QACCA,MAAMC,eAAe;QACrBP,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,IAAMQ,SAASH,IAAAA,kBAAW,EACxB,SAACC;QACCA,MAAMC,eAAe;QACrBP,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,IAAMS,eAAeZ,yBAAyBI,iBAAiBF,YAAYA;IAE3E,OAAO;QACLU,cAAAA;QACAL,SAAAA;QACAI,QAAAA;IACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport function useFocusWithin(ref: React.RefObject<HTMLElement | null>): boolean {\n  const { document } = useDOM();\n  const isFocusWithin = () => {\n    if (!ref.current || !document) {\n      return false;\n    }\n\n    return ref.current.contains(document.activeElement);\n  };\n\n  const [focusWithin, setFocusWithin] = React.useState<boolean>(isFocusWithin);\n\n  const listener = () => {\n    const focus = isFocusWithin();\n    focus !== focusWithin && setFocusWithin(focus);\n  };\n\n  useGlobalEventListener(document, 'focus', listener, { capture: true });\n  useGlobalEventListener(document, 'blur', listener, { capture: true });\n\n  return focusWithin;\n}\n"],"names":["useFocusWithin","ref","document","useDOM","isFocusWithin","current","contains","activeElement","React","useState","focusWithin","setFocusWithin","listener","focus","useGlobalEventListener","capture"],"mappings":";;;;+BAIgBA;;;eAAAA;;;;;8DAJE;mBACK;sCACgB;AAEhC,SAASA,eAAeC,GAAwC;IACrE,IAAM,AAAEC,WAAaC,IAAAA,eAAbD;IACR,IAAME,gBAAgB;QACpB,IAAI,CAACH,IAAII,WAAW,CAACH,UAAU;YAC7B,OAAO;QACT;QAEA,OAAOD,IAAII,QAAQC,SAASJ,SAASK;IACvC;IAEA,IAAsCC,qCAAAA,eAAMC,SAAkBL,oBAAvDM,cAA+BF,oBAAlBG,iBAAkBH;IAEtC,IAAMI,WAAW;QACf,IAAMC,QAAQT;QACdS,UAAUH,eAAeC,eAAeE;IAC1C;IAEAC,IAAAA,gDAAuBZ,UAAU,SAASU,UAAU;QAAEG,SAAS;IAAK;IACpED,IAAAA,gDAAuBZ,UAAU,QAAQU,UAAU;QAAEG,SAAS;IAAK;IAEnE,OAAOL;AACT"}
+{"version":3,"sources":["../../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport function useFocusWithin(ref: React.RefObject<HTMLElement | null>): boolean {\n  const { document } = useDOM();\n  const isFocusWithin = () => {\n    if (!ref.current || !document) {\n      return false;\n    }\n\n    return ref.current.contains(document.activeElement);\n  };\n\n  const [focusWithin, setFocusWithin] = React.useState<boolean>(isFocusWithin);\n\n  const listener = () => {\n    const focus = isFocusWithin();\n    focus !== focusWithin && setFocusWithin(focus);\n  };\n\n  useGlobalEventListener(document, 'focus', listener, { capture: true });\n  useGlobalEventListener(document, 'blur', listener, { capture: true });\n\n  return focusWithin;\n}\n"],"names":["useFocusWithin","ref","document","useDOM","isFocusWithin","current","contains","activeElement","React","useState","focusWithin","setFocusWithin","listener","focus","useGlobalEventListener","capture"],"mappings":";;;;+BAIgBA;;;eAAAA;;;;;8DAJE;mBACK;sCACgB;AAEhC,SAASA,eAAeC,GAAwC;IACrE,IAAM,AAAEC,WAAaC,IAAAA,WAAM,IAAnBD;IACR,IAAME,gBAAgB;QACpB,IAAI,CAACH,IAAII,OAAO,IAAI,CAACH,UAAU;YAC7B,OAAO;QACT;QAEA,OAAOD,IAAII,OAAO,CAACC,QAAQ,CAACJ,SAASK,aAAa;IACpD;IAEA,IAAsCC,qCAAAA,cAAK,CAACC,QAAQ,CAAUL,oBAAvDM,cAA+BF,oBAAlBG,iBAAkBH;IAEtC,IAAMI,WAAW;QACf,IAAMC,QAAQT;QACdS,UAAUH,eAAeC,eAAeE;IAC1C;IAEAC,IAAAA,8CAAsB,EAACZ,UAAU,SAASU,UAAU;QAAEG,SAAS;IAAK;IACpED,IAAAA,8CAAsB,EAACZ,UAAU,QAAQU,UAAU;QAAEG,SAAS;IAAK;IAEnE,OAAOL;AACT"}