@vkontakte/vkui 5.1.2 → 5.2.1

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

@@ -1 +1 @@
-{"version":3,"file":"getPlatformClassName.js","names":["platform","getPlatformClassName","base","osname","styles","platformClassName","String"],"sources":["../../../src/helpers/getPlatformClassName.ts"],"sourcesContent":["import { PlatformType, platform } from '../lib/platform';\n\nexport function getPlatformClassName(base: string, osname?: PlatformType): string;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  osname?: PlatformType,\n  styles?: Styles,\n): string | undefined;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  osname: PlatformType = platform(),\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles,\n): string | undefined {\n  const platformClassName = `${String(base)}--${osname}`;\n  return styles ? styles[platformClassName] : platformClassName;\n}\n"],"mappings":"AAAA,SAAuBA,QAAQ,QAAQ,iBAAiB;AAQxD,OAAO,SAASC,oBAAoB,CAClCC,IAAkB,EAOE;EAAA,IANpBC,MAAoB,uEAAGH,QAAQ,EAAE;EAAA;EACjC;AACF;AACA;AACA;EACEI,MAAe;EAEf,IAAMC,iBAAiB,aAAMC,MAAM,CAACJ,IAAI,CAAC,eAAKC,MAAM,CAAE;EACtD,OAAOC,MAAM,GAAGA,MAAM,CAACC,iBAAiB,CAAC,GAAGA,iBAAiB;AAC/D"}
+{"version":3,"file":"getPlatformClassName.js","names":["platform","getPlatformClassName","base","osname","styles","platformClassName","String"],"sources":["../../../src/helpers/getPlatformClassName.ts"],"sourcesContent":["import { platform, PlatformType } from '../lib/platform';\n\nexport function getPlatformClassName(base: string, osname?: PlatformType): string;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  osname?: PlatformType,\n  styles?: Styles,\n): string | undefined;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  osname: PlatformType = platform(),\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles,\n): string | undefined {\n  const platformClassName = `${String(base)}--${osname}`;\n  return styles ? styles[platformClassName] : platformClassName;\n}\n"],"mappings":"AAAA,SAASA,QAAQ,QAAsB,iBAAiB;AAQxD,OAAO,SAASC,oBAAoB,CAClCC,IAAkB,EAOE;EAAA,IANpBC,MAAoB,uEAAGH,QAAQ,EAAE;EAAA;EACjC;AACF;AACA;AACA;EACEI,MAAe;EAEf,IAAMC,iBAAiB,aAAMC,MAAM,CAACJ,IAAI,CAAC,eAAKC,MAAM,CAAE;EACtD,OAAOC,MAAM,GAAGA,MAAM,CAACC,iBAAiB,CAAC,GAAGA,iBAAiB;AAC/D"}

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

@@ -1 +1 @@
-{"version":3,"file":"withPlatform.js","names":["React","useConfigProvider","withPlatform","Component","WithPlatform","props","platform"],"sources":["../../../src/hoc/withPlatform.tsx"],"sourcesContent":["import * as React from 'react';\nimport { HasPlatform } from '../types';\nimport { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\n\nexport function withPlatform<T extends HasPlatform>(\n  Component: React.ComponentType<T>,\n): React.FC<Omit<T, keyof HasPlatform>> {\n  function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n    const { platform } = useConfigProvider();\n\n    return <Component {...(props as T)} platform={platform} />;\n  }\n  return WithPlatform;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,iBAAiB,QAAQ,oDAAoD;AAEtF,OAAO,SAASC,YAAY,CAC1BC,SAAiC,EACK;EACtC,SAASC,YAAY,CAACC,KAAiC,EAAE;IACvD,yBAAqBJ,iBAAiB,EAAE;MAAhCK,QAAQ,sBAARA,QAAQ;IAEhB,oBAAO,oBAAC,SAAS,eAAMD,KAAK;MAAQ,QAAQ,EAAEC;IAAS,GAAG;EAC5D;EACA,OAAOF,YAAY;AACrB"}
+{"version":3,"file":"withPlatform.js","names":["React","useConfigProvider","withPlatform","Component","WithPlatform","props","platform"],"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"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,oDAAoD;AAGtF,OAAO,SAASC,YAAY,CAC1BC,SAAiC,EACK;EACtC,SAASC,YAAY,CAACC,KAAiC,EAAE;IACvD,yBAAqBJ,iBAAiB,EAAE;MAAhCK,QAAQ,sBAARA,QAAQ;IAEhB,oBAAO,oBAAC,SAAS,eAAMD,KAAK;MAAQ,QAAQ,EAAEC;IAAS,GAAG;EAC5D;EACA,OAAOF,YAAY;AACrB"}

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

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

package/dist/cssm/hooks/useAdaptivityConditionalRender/helpers.js

@@ -1,4 +1,4 @@
-import { SizeType, ViewWidth, tryToCheckIsDesktop } from '../../lib/adaptivity';
+import { SizeType, tryToCheckIsDesktop, ViewWidth } from '../../lib/adaptivity';
 export var getAdaptiveSizeType = function getAdaptiveSizeType(type, compactClassNames, regularClassNames) {
   return {
     compact: type === undefined ? compactClassNames.mq : type === SizeType.COMPACT ? compactClassNames[type] : false,

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["SizeType","ViewWidth","tryToCheckIsDesktop","getAdaptiveSizeType","type","compactClassNames","regularClassNames","compact","undefined","mq","COMPACT","regular","REGULAR","getAdaptiveViewWidth","viewWidth","viewWidthClassNames","tabletMinus","TABLET","forced","tabletPlus","getAdaptiveDeviceType","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","mobile","desktop"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"sourcesContent":["import { SizeType, ViewWidth, ViewHeight, tryToCheckIsDesktop } from '../../lib/adaptivity';\nimport type { PlatformType } from '../../lib/platform';\nimport type {\n  ElementProps,\n  AdaptiveSizeType,\n  ViewWidthCSSBreakpoints,\n  AdaptiveViewWidth,\n  DeviceTypeCSSBreakpoints,\n  AdaptiveDeviceType,\n} from './types';\n\nexport const getAdaptiveSizeType = (\n  type: undefined | SizeType,\n  compactClassNames: Record<'mq' | SizeType.COMPACT, ElementProps>,\n  regularClassNames: Record<'mq' | SizeType.REGULAR, ElementProps>,\n): AdaptiveSizeType => {\n  return {\n    compact:\n      type === undefined\n        ? compactClassNames.mq\n        : type === SizeType.COMPACT\n        ? compactClassNames[type]\n        : false,\n    regular:\n      type === undefined\n        ? regularClassNames.mq\n        : type === SizeType.REGULAR\n        ? regularClassNames[type]\n        : false,\n  };\n};\n\nexport const getAdaptiveViewWidth = (\n  viewWidth: undefined | ViewWidth,\n  viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>,\n): AdaptiveViewWidth => {\n  return {\n    tabletMinus:\n      viewWidth === undefined\n        ? viewWidthClassNames.tabletMinus.mq\n        : viewWidth < ViewWidth.TABLET\n        ? viewWidthClassNames.tabletMinus.forced\n        : false,\n    tabletPlus:\n      viewWidth === undefined\n        ? viewWidthClassNames.tabletPlus.mq\n        : viewWidth >= ViewWidth.TABLET\n        ? viewWidthClassNames.tabletPlus.forced\n        : false,\n  };\n};\n\nexport const getAdaptiveDeviceType = (\n  viewWidth: undefined | ViewWidth,\n  viewHeight: undefined | ViewHeight,\n  hasPointer: undefined | boolean,\n  platform: PlatformType,\n  deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>,\n): AdaptiveDeviceType => {\n  const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n  if (isDesktop === null) {\n    return {\n      mobile: deviceTypeClassNames.mobile.mq,\n      desktop: deviceTypeClassNames.desktop.mq,\n    };\n  }\n\n  if (isDesktop) {\n    return {\n      mobile: false,\n      desktop: deviceTypeClassNames.desktop.forced,\n    };\n  }\n\n  return {\n    mobile: deviceTypeClassNames.mobile.forced,\n    desktop: false,\n  };\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAcC,mBAAmB,QAAQ,sBAAsB;AAW3F,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,IAA0B,EAC1BC,iBAAgE,EAChEC,iBAAgE,EAC3C;EACrB,OAAO;IACLC,OAAO,EACLH,IAAI,KAAKI,SAAS,GACdH,iBAAiB,CAACI,EAAE,GACpBL,IAAI,KAAKJ,QAAQ,CAACU,OAAO,GACzBL,iBAAiB,CAACD,IAAI,CAAC,GACvB,KAAK;IACXO,OAAO,EACLP,IAAI,KAAKI,SAAS,GACdF,iBAAiB,CAACG,EAAE,GACpBL,IAAI,KAAKJ,QAAQ,CAACY,OAAO,GACzBN,iBAAiB,CAACF,IAAI,CAAC,GACvB;EACR,CAAC;AACH,CAAC;AAED,OAAO,IAAMS,oBAAoB,GAAG,SAAvBA,oBAAoB,CAC/BC,SAAgC,EAChCC,mBAA2F,EACrE;EACtB,OAAO;IACLC,WAAW,EACTF,SAAS,KAAKN,SAAS,GACnBO,mBAAmB,CAACC,WAAW,CAACP,EAAE,GAClCK,SAAS,GAAGb,SAAS,CAACgB,MAAM,GAC5BF,mBAAmB,CAACC,WAAW,CAACE,MAAM,GACtC,KAAK;IACXC,UAAU,EACRL,SAAS,KAAKN,SAAS,GACnBO,mBAAmB,CAACI,UAAU,CAACV,EAAE,GACjCK,SAAS,IAAIb,SAAS,CAACgB,MAAM,GAC7BF,mBAAmB,CAACI,UAAU,CAACD,MAAM,GACrC;EACR,CAAC;AACH,CAAC;AAED,OAAO,IAAME,qBAAqB,GAAG,SAAxBA,qBAAqB,CAChCN,SAAgC,EAChCO,UAAkC,EAClCC,UAA+B,EAC/BC,QAAsB,EACtBC,oBAA6F,EACtE;EACvB,IAAMC,SAAS,GAAGvB,mBAAmB,CAACY,SAAS,EAAEO,UAAU,EAAEC,UAAU,EAAEC,QAAQ,CAAC;EAElF,IAAIE,SAAS,KAAK,IAAI,EAAE;IACtB,OAAO;MACLC,MAAM,EAAEF,oBAAoB,CAACE,MAAM,CAACjB,EAAE;MACtCkB,OAAO,EAAEH,oBAAoB,CAACG,OAAO,CAAClB;IACxC,CAAC;EACH;EAEA,IAAIgB,SAAS,EAAE;IACb,OAAO;MACLC,MAAM,EAAE,KAAK;MACbC,OAAO,EAAEH,oBAAoB,CAACG,OAAO,CAACT;IACxC,CAAC;EACH;EAEA,OAAO;IACLQ,MAAM,EAAEF,oBAAoB,CAACE,MAAM,CAACR,MAAM;IAC1CS,OAAO,EAAE;EACX,CAAC;AACH,CAAC"}
+{"version":3,"file":"helpers.js","names":["SizeType","tryToCheckIsDesktop","ViewWidth","getAdaptiveSizeType","type","compactClassNames","regularClassNames","compact","undefined","mq","COMPACT","regular","REGULAR","getAdaptiveViewWidth","viewWidth","viewWidthClassNames","tabletMinus","TABLET","forced","tabletPlus","getAdaptiveDeviceType","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","mobile","desktop"],"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"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,mBAAmB,EAAcC,SAAS,QAAQ,sBAAsB;AAW3F,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,IAA0B,EAC1BC,iBAAgE,EAChEC,iBAAgE,EAC3C;EACrB,OAAO;IACLC,OAAO,EACLH,IAAI,KAAKI,SAAS,GACdH,iBAAiB,CAACI,EAAE,GACpBL,IAAI,KAAKJ,QAAQ,CAACU,OAAO,GACzBL,iBAAiB,CAACD,IAAI,CAAC,GACvB,KAAK;IACXO,OAAO,EACLP,IAAI,KAAKI,SAAS,GACdF,iBAAiB,CAACG,EAAE,GACpBL,IAAI,KAAKJ,QAAQ,CAACY,OAAO,GACzBN,iBAAiB,CAACF,IAAI,CAAC,GACvB;EACR,CAAC;AACH,CAAC;AAED,OAAO,IAAMS,oBAAoB,GAAG,SAAvBA,oBAAoB,CAC/BC,SAAgC,EAChCC,mBAA2F,EACrE;EACtB,OAAO;IACLC,WAAW,EACTF,SAAS,KAAKN,SAAS,GACnBO,mBAAmB,CAACC,WAAW,CAACP,EAAE,GAClCK,SAAS,GAAGZ,SAAS,CAACe,MAAM,GAC5BF,mBAAmB,CAACC,WAAW,CAACE,MAAM,GACtC,KAAK;IACXC,UAAU,EACRL,SAAS,KAAKN,SAAS,GACnBO,mBAAmB,CAACI,UAAU,CAACV,EAAE,GACjCK,SAAS,IAAIZ,SAAS,CAACe,MAAM,GAC7BF,mBAAmB,CAACI,UAAU,CAACD,MAAM,GACrC;EACR,CAAC;AACH,CAAC;AAED,OAAO,IAAME,qBAAqB,GAAG,SAAxBA,qBAAqB,CAChCN,SAAgC,EAChCO,UAAkC,EAClCC,UAA+B,EAC/BC,QAAsB,EACtBC,oBAA6F,EACtE;EACvB,IAAMC,SAAS,GAAGxB,mBAAmB,CAACa,SAAS,EAAEO,UAAU,EAAEC,UAAU,EAAEC,QAAQ,CAAC;EAElF,IAAIE,SAAS,KAAK,IAAI,EAAE;IACtB,OAAO;MACLC,MAAM,EAAEF,oBAAoB,CAACE,MAAM,CAACjB,EAAE;MACtCkB,OAAO,EAAEH,oBAAoB,CAACG,OAAO,CAAClB;IACxC,CAAC;EACH;EAEA,IAAIgB,SAAS,EAAE;IACb,OAAO;MACLC,MAAM,EAAE,KAAK;MACbC,OAAO,EAAEH,oBAAoB,CAACG,OAAO,CAACT;IACxC,CAAC;EACH;EAEA,OAAO;IACLQ,MAAM,EAAEF,oBAAoB,CAACE,MAAM,CAACR,MAAM;IAC1CS,OAAO,EAAE;EACX,CAAC;AACH,CAAC"}

package/dist/cssm/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';
 import { usePlatform } from '../usePlatform';
-import { sizeXCompactClassNames, sizeXRegularClassNames, sizeYCompactClassNames, sizeYRegularClassNames, viewWidthClassNames, deviceTypeClassNames } from './constants';
-import { getAdaptiveSizeType, getAdaptiveViewWidth, getAdaptiveDeviceType } from './helpers';
+import { deviceTypeClassNames, sizeXCompactClassNames, sizeXRegularClassNames, sizeYCompactClassNames, sizeYRegularClassNames, viewWidthClassNames } from './constants';
+import { getAdaptiveDeviceType, getAdaptiveSizeType, getAdaptiveViewWidth } from './helpers';
 export var useAdaptivityConditionalRender = function useAdaptivityConditionalRender() {
   var _React$useContext = React.useContext(AdaptivityContext),
     sizeXContext = _React$useContext.sizeX,

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

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivityConditionalRender.js","names":["React","AdaptivityContext","usePlatform","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","deviceTypeClassNames","getAdaptiveSizeType","getAdaptiveViewWidth","getAdaptiveDeviceType","useAdaptivityConditionalRender","useContext","sizeXContext","sizeX","sizeYContext","sizeY","viewWidthContext","viewWidth","viewHeightContext","viewHeight","hasPointerContext","hasPointer","platform","useMemo","deviceType"],"sources":["../../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';\nimport { usePlatform } from '../usePlatform';\nimport type { UseAdaptivityConditionalRender } from './types';\nimport {\n  sizeXCompactClassNames,\n  sizeXRegularClassNames,\n  sizeYCompactClassNames,\n  sizeYRegularClassNames,\n  viewWidthClassNames,\n  deviceTypeClassNames,\n} from './constants';\nimport { getAdaptiveSizeType, getAdaptiveViewWidth, getAdaptiveDeviceType } from './helpers';\n\nexport const useAdaptivityConditionalRender = (): UseAdaptivityConditionalRender => {\n  const {\n    sizeX: sizeXContext,\n    sizeY: sizeYContext,\n    viewWidth: viewWidthContext,\n    viewHeight: viewHeightContext,\n    hasPointer: hasPointerContext,\n  } = React.useContext(AdaptivityContext);\n  const platform = usePlatform();\n\n  return React.useMemo(() => {\n    const sizeX = getAdaptiveSizeType(sizeXContext, sizeXCompactClassNames, sizeXRegularClassNames);\n    const sizeY = getAdaptiveSizeType(sizeYContext, sizeYCompactClassNames, sizeYRegularClassNames);\n    const viewWidth = getAdaptiveViewWidth(viewWidthContext, viewWidthClassNames);\n    const deviceType = getAdaptiveDeviceType(\n      viewWidthContext,\n      viewHeightContext,\n      hasPointerContext,\n      platform,\n      deviceTypeClassNames,\n    );\n    return {\n      sizeX,\n      sizeY,\n      viewWidth,\n      deviceType,\n    };\n  }, [\n    sizeXContext,\n    sizeYContext,\n    viewWidthContext,\n    viewHeightContext,\n    hasPointerContext,\n    platform,\n  ]);\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,uDAAuD;AACzF,SAASC,WAAW,QAAQ,gBAAgB;AAE5C,SACEC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,mBAAmB,EACnBC,oBAAoB,QACf,aAAa;AACpB,SAASC,mBAAmB,EAAEC,oBAAoB,EAAEC,qBAAqB,QAAQ,WAAW;AAE5F,OAAO,IAAMC,8BAA8B,GAAG,SAAjCA,8BAA8B,GAAyC;EAClF,wBAMIZ,KAAK,CAACa,UAAU,CAACZ,iBAAiB,CAAC;IAL9Ba,YAAY,qBAAnBC,KAAK;IACEC,YAAY,qBAAnBC,KAAK;IACMC,gBAAgB,qBAA3BC,SAAS;IACGC,iBAAiB,qBAA7BC,UAAU;IACEC,iBAAiB,qBAA7BC,UAAU;EAEZ,IAAMC,QAAQ,GAAGtB,WAAW,EAAE;EAE9B,OAAOF,KAAK,CAACyB,OAAO,CAAC,YAAM;IACzB,IAAMV,KAAK,GAAGN,mBAAmB,CAACK,YAAY,EAAEX,sBAAsB,EAAEC,sBAAsB,CAAC;IAC/F,IAAMa,KAAK,GAAGR,mBAAmB,CAACO,YAAY,EAAEX,sBAAsB,EAAEC,sBAAsB,CAAC;IAC/F,IAAMa,SAAS,GAAGT,oBAAoB,CAACQ,gBAAgB,EAAEX,mBAAmB,CAAC;IAC7E,IAAMmB,UAAU,GAAGf,qBAAqB,CACtCO,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,EACRhB,oBAAoB,CACrB;IACD,OAAO;MACLO,KAAK,EAALA,KAAK;MACLE,KAAK,EAALA,KAAK;MACLE,SAAS,EAATA,SAAS;MACTO,UAAU,EAAVA;IACF,CAAC;EACH,CAAC,EAAE,CACDZ,YAAY,EACZE,YAAY,EACZE,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"useAdaptivityConditionalRender.js","names":["React","AdaptivityContext","usePlatform","deviceTypeClassNames","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","getAdaptiveDeviceType","getAdaptiveSizeType","getAdaptiveViewWidth","useAdaptivityConditionalRender","useContext","sizeXContext","sizeX","sizeYContext","sizeY","viewWidthContext","viewWidth","viewHeightContext","viewHeight","hasPointerContext","hasPointer","platform","useMemo","deviceType"],"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"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,uDAAuD;AACzF,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SACEC,oBAAoB,EACpBC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,mBAAmB,QACd,aAAa;AACpB,SAASC,qBAAqB,EAAEC,mBAAmB,EAAEC,oBAAoB,QAAQ,WAAW;AAG5F,OAAO,IAAMC,8BAA8B,GAAG,SAAjCA,8BAA8B,GAAyC;EAClF,wBAMIZ,KAAK,CAACa,UAAU,CAACZ,iBAAiB,CAAC;IAL9Ba,YAAY,qBAAnBC,KAAK;IACEC,YAAY,qBAAnBC,KAAK;IACMC,gBAAgB,qBAA3BC,SAAS;IACGC,iBAAiB,qBAA7BC,UAAU;IACEC,iBAAiB,qBAA7BC,UAAU;EAEZ,IAAMC,QAAQ,GAAGtB,WAAW,EAAE;EAE9B,OAAOF,KAAK,CAACyB,OAAO,CAAC,YAAM;IACzB,IAAMV,KAAK,GAAGL,mBAAmB,CAACI,YAAY,EAAEV,sBAAsB,EAAEC,sBAAsB,CAAC;IAC/F,IAAMY,KAAK,GAAGP,mBAAmB,CAACM,YAAY,EAAEV,sBAAsB,EAAEC,sBAAsB,CAAC;IAC/F,IAAMY,SAAS,GAAGR,oBAAoB,CAACO,gBAAgB,EAAEV,mBAAmB,CAAC;IAC7E,IAAMkB,UAAU,GAAGjB,qBAAqB,CACtCS,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,EACRrB,oBAAoB,CACrB;IACD,OAAO;MACLY,KAAK,EAALA,KAAK;MACLE,KAAK,EAALA,KAAK;MACLE,SAAS,EAATA,SAAS;MACTO,UAAU,EAAVA;IACF,CAAC;EACH,CAAC,EAAE,CACDZ,YAAY,EACZE,YAAY,EACZE,gBAAgB,EAChBE,iBAAiB,EACjBE,iBAAiB,EACjBE,QAAQ,CACT,CAAC;AACJ,CAAC"}

package/dist/cssm/hooks/useAdaptivityWithJSMediaQueries.js

@@ -1,12 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
-import { canUseDOM, hasMouse as hasPointerLib, hasHover as hasHoverLib } from '@vkontakte/vkjs';
+import { canUseDOM, hasHover as hasHoverLib, hasMouse as hasPointerLib } from '@vkontakte/vkjs';
 import { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';
 import { getOrDefault } from '../helpers/getOrDefault';
-import { getViewWidthByMediaQueries, getViewHeightByMediaQueries, getSizeX, getSizeY, tryToCheckIsDesktop } from '../lib/adaptivity';
+import { getSizeX, getSizeY, getViewHeightByMediaQueries, getViewWidthByMediaQueries, tryToCheckIsDesktop } from '../lib/adaptivity';
+import { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';
 import { useMediaQueries } from './useMediaQueries';
 import { usePlatform } from './usePlatform';
-import { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';
 /**
  * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivityWithJSMediaQueries.js","names":["React","canUseDOM","hasMouse","hasPointerLib","hasHover","hasHoverLib","AdaptivityContext","getOrDefault","getViewWidthByMediaQueries","getViewHeightByMediaQueries","getSizeX","getSizeY","tryToCheckIsDesktop","useMediaQueries","usePlatform","matchMediaListAddListener","matchMediaListRemoveListener","useAdaptivityWithJSMediaQueries","console","error","useContext","viewWidthContext","viewWidth","viewHeightContext","viewHeight","sizeXContext","sizeX","sizeYContext","sizeY","hasPointerContext","hasPointer","hasHoverContext","platform","mediaQueries","useState","viewWidthLocal","viewHeightLocal","setViewSizeLocal","adaptivityProps","useMemo","isDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","mediumHeight","mobileLandscapeHeight"],"sources":["../../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, hasMouse as hasPointerLib, hasHover as hasHoverLib } from '@vkontakte/vkjs';\nimport {\n  AdaptivityContext,\n  type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n  getViewWidthByMediaQueries,\n  getViewHeightByMediaQueries,\n  getSizeX,\n  getSizeY,\n  tryToCheckIsDesktop,\n} from '../lib/adaptivity';\nimport { useMediaQueries } from './useMediaQueries';\nimport { usePlatform } from './usePlatform';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\n\nexport interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {\n  isDesktop: boolean;\n}\n\n/**\n * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n *\n * Берёт в приоритет значения из `AdaptivityContext`.\n *\n * > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithJSMediaQueries = (): UseAdaptivityWithJSMediaQueries => {\n  if (!canUseDOM) {\n    console.error(`[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`);\n  }\n\n  const {\n    viewWidth: viewWidthContext,\n    viewHeight: viewHeightContext,\n    sizeX: sizeXContext,\n    sizeY: sizeYContext,\n    hasPointer: hasPointerContext,\n    hasHover: hasHoverContext,\n  } = React.useContext(AdaptivityContext);\n\n  const platform = usePlatform();\n  const mediaQueries = useMediaQueries();\n\n  const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(() => [\n    getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n    getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\n  ]);\n\n  const adaptivityProps = React.useMemo(() => {\n    const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n    const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\n    const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n    const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n    const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n    const sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));\n    const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n    return {\n      viewWidth,\n      viewHeight,\n      sizeX,\n      sizeY,\n      hasPointer,\n      hasHover,\n      isDesktop,\n    };\n  }, [\n    viewWidthLocal,\n    viewHeightLocal,\n    viewWidthContext,\n    viewHeightContext,\n    sizeXContext,\n    sizeYContext,\n    hasPointerContext,\n    hasHoverContext,\n    platform,\n  ]);\n\n  React.useEffect(() => {\n    const handleMediaQuery = () => {\n      setViewSizeLocal((prevSizeLocal) => {\n        const newViewWidthLocal = getOrDefault(\n          viewWidthContext,\n          getViewWidthByMediaQueries(mediaQueries),\n        );\n        const newViewHeightLocal = getOrDefault(\n          viewHeightContext,\n          getViewHeightByMediaQueries(mediaQueries),\n        );\n\n        const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n        if (\n          prevViewWidthLocal !== newViewWidthLocal ||\n          prevViewHeightLocal !== newViewHeightLocal\n        ) {\n          return [newViewWidthLocal, newViewHeightLocal];\n        }\n\n        return prevSizeLocal;\n      });\n    };\n\n    if (!viewWidthContext) {\n      [\n        mediaQueries.desktopPlus,\n        mediaQueries.tablet,\n        mediaQueries.smallTablet,\n        mediaQueries.mobile,\n      ].forEach((matchMediaListener) =>\n        matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n      );\n    }\n\n    if (!viewHeightContext) {\n      [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n        (matchMediaListener) => matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n      );\n    }\n\n    return () => {\n      [\n        mediaQueries.desktopPlus,\n        mediaQueries.tablet,\n        mediaQueries.smallTablet,\n        mediaQueries.mobile,\n        mediaQueries.mediumHeight,\n        mediaQueries.mobileLandscapeHeight,\n      ].forEach((matchMediaListener) =>\n        matchMediaListRemoveListener(matchMediaListener, handleMediaQuery),\n      );\n    };\n  }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n  return adaptivityProps;\n};\n"],"mappings":"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"}
+{"version":3,"file":"useAdaptivityWithJSMediaQueries.js","names":["React","canUseDOM","hasHover","hasHoverLib","hasMouse","hasPointerLib","AdaptivityContext","getOrDefault","getSizeX","getSizeY","getViewHeightByMediaQueries","getViewWidthByMediaQueries","tryToCheckIsDesktop","matchMediaListAddListener","matchMediaListRemoveListener","useMediaQueries","usePlatform","useAdaptivityWithJSMediaQueries","console","error","useContext","viewWidthContext","viewWidth","viewHeightContext","viewHeight","sizeXContext","sizeX","sizeYContext","sizeY","hasPointerContext","hasPointer","hasHoverContext","platform","mediaQueries","useState","viewWidthLocal","viewHeightLocal","setViewSizeLocal","adaptivityProps","useMemo","isDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","mediumHeight","mobileLandscapeHeight"],"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"],"mappings":"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"}

package/dist/cssm/hooks/useAutoDetectAppearance.js

@@ -1,9 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
 import vkBridge from '@vkontakte/vk-bridge';
-import { useDOM } from '../lib/dom';
 import { noop } from '@vkontakte/vkjs';
 import { resolveAppearance } from '../helpers/appearance';
+import { useDOM } from '../lib/dom';
 import { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';
 var initialAppearance = null;
 vkBridge.send('VKWebAppGetConfig').then(function (data) {

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

@@ -1 +1 @@
-{"version":3,"file":"useAutoDetectAppearance.js","names":["React","vkBridge","useDOM","noop","resolveAppearance","matchMediaListAddListener","matchMediaListRemoveListener","initialAppearance","send","then","data","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","detail","type","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","check","event","matches","useAutoDetectAppearance","appearanceProp","onceDetectAppearanceByBridge","useRef","current","useState","appearance","useEffect","isEmbedded"],"sources":["../../../src/hooks/useAutoDetectAppearance.tsx"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, {\n  AnyReceiveMethodName,\n  AppearanceType,\n  VKBridgeEvent,\n} from '@vkontakte/vk-bridge';\nimport { useDOM } from '../lib/dom';\nimport { noop } from '@vkontakte/vkjs';\nimport { resolveAppearance, VKBridgeConfigData } from '../helpers/appearance';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\n\nlet initialAppearance: AppearanceType | null = null;\n\nvkBridge\n  .send('VKWebAppGetConfig')\n  .then((data) => {\n    initialAppearance = resolveAppearance(data);\n  })\n  .catch(console.error);\n\nfunction autoDetectAppearanceByBridge(\n  setAppearance: (value: AppearanceType) => void,\n  onDetectAppearanceByBridge: () => void,\n) {\n  function bridgeListener(e: VKBridgeEvent<AnyReceiveMethodName>) {\n    const { type, data } = e.detail;\n\n    if (type !== 'VKWebAppUpdateConfig') {\n      return;\n    }\n\n    initialAppearance = resolveAppearance(data as VKBridgeConfigData);\n\n    if (initialAppearance) {\n      onDetectAppearanceByBridge();\n      setAppearance(initialAppearance);\n    }\n  }\n\n  vkBridge.subscribe(bridgeListener);\n\n  return () => vkBridge.unsubscribe(bridgeListener);\n}\n\nfunction autoDetectAppearance(\n  window: Window | undefined,\n  setAppearance: (value: AppearanceType) => void,\n): () => void {\n  const mediaQuery =\n    window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n  if (mediaQuery === undefined) {\n    return noop;\n  }\n\n  const check = (event: MediaQueryList | MediaQueryListEvent) => {\n    // eslint-disable-next-line no-restricted-properties\n    setAppearance(event.matches ? 'dark' : 'light');\n  };\n\n  check(mediaQuery);\n  matchMediaListAddListener(mediaQuery, check);\n\n  return () => matchMediaListRemoveListener(mediaQuery, check);\n}\n\nexport const useAutoDetectAppearance = (\n  appearanceProp?: AppearanceType,\n  onDetectAppearanceByBridge?: () => void,\n): AppearanceType => {\n  const { window } = useDOM();\n  const onceDetectAppearanceByBridge = React.useRef(() => {\n    onDetectAppearanceByBridge && onDetectAppearanceByBridge();\n    onceDetectAppearanceByBridge.current = noop;\n  });\n\n  const [appearance, setAppearance] = React.useState<AppearanceType>(() => {\n    if (appearanceProp) {\n      return appearanceProp;\n    }\n\n    if (initialAppearance) {\n      onceDetectAppearanceByBridge.current();\n      return initialAppearance;\n    }\n\n    const mediaQuery =\n      window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n    // eslint-disable-next-line no-restricted-properties\n    return mediaQuery?.matches ? 'dark' : 'light';\n  });\n\n  React.useEffect(() => {\n    if (appearanceProp) {\n      setAppearance(appearanceProp);\n      return noop;\n    }\n\n    if (vkBridge.isEmbedded()) {\n      return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);\n    }\n\n    return autoDetectAppearance(window, setAppearance);\n  }, [window, appearanceProp]);\n\n  return appearance;\n};\n"],"mappings":"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"}
+{"version":3,"file":"useAutoDetectAppearance.js","names":["React","vkBridge","noop","resolveAppearance","useDOM","matchMediaListAddListener","matchMediaListRemoveListener","initialAppearance","send","then","data","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","detail","type","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","check","event","matches","useAutoDetectAppearance","appearanceProp","onceDetectAppearanceByBridge","useRef","current","useState","appearance","useEffect","isEmbedded"],"sources":["../../../src/hooks/useAutoDetectAppearance.tsx"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, {\n  AnyReceiveMethodName,\n  AppearanceType,\n  VKBridgeEvent,\n} from '@vkontakte/vk-bridge';\nimport { noop } from '@vkontakte/vkjs';\nimport { resolveAppearance, VKBridgeConfigData } from '../helpers/appearance';\nimport { useDOM } from '../lib/dom';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\n\nlet initialAppearance: AppearanceType | null = null;\n\nvkBridge\n  .send('VKWebAppGetConfig')\n  .then((data) => {\n    initialAppearance = resolveAppearance(data);\n  })\n  .catch(console.error);\n\nfunction autoDetectAppearanceByBridge(\n  setAppearance: (value: AppearanceType) => void,\n  onDetectAppearanceByBridge: () => void,\n) {\n  function bridgeListener(e: VKBridgeEvent<AnyReceiveMethodName>) {\n    const { type, data } = e.detail;\n\n    if (type !== 'VKWebAppUpdateConfig') {\n      return;\n    }\n\n    initialAppearance = resolveAppearance(data as VKBridgeConfigData);\n\n    if (initialAppearance) {\n      onDetectAppearanceByBridge();\n      setAppearance(initialAppearance);\n    }\n  }\n\n  vkBridge.subscribe(bridgeListener);\n\n  return () => vkBridge.unsubscribe(bridgeListener);\n}\n\nfunction autoDetectAppearance(\n  window: Window | undefined,\n  setAppearance: (value: AppearanceType) => void,\n): () => void {\n  const mediaQuery =\n    window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n  if (mediaQuery === undefined) {\n    return noop;\n  }\n\n  const check = (event: MediaQueryList | MediaQueryListEvent) => {\n    // eslint-disable-next-line no-restricted-properties\n    setAppearance(event.matches ? 'dark' : 'light');\n  };\n\n  check(mediaQuery);\n  matchMediaListAddListener(mediaQuery, check);\n\n  return () => matchMediaListRemoveListener(mediaQuery, check);\n}\n\nexport const useAutoDetectAppearance = (\n  appearanceProp?: AppearanceType,\n  onDetectAppearanceByBridge?: () => void,\n): AppearanceType => {\n  const { window } = useDOM();\n  const onceDetectAppearanceByBridge = React.useRef(() => {\n    onDetectAppearanceByBridge && onDetectAppearanceByBridge();\n    onceDetectAppearanceByBridge.current = noop;\n  });\n\n  const [appearance, setAppearance] = React.useState<AppearanceType>(() => {\n    if (appearanceProp) {\n      return appearanceProp;\n    }\n\n    if (initialAppearance) {\n      onceDetectAppearanceByBridge.current();\n      return initialAppearance;\n    }\n\n    const mediaQuery =\n      window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n    // eslint-disable-next-line no-restricted-properties\n    return mediaQuery?.matches ? 'dark' : 'light';\n  });\n\n  React.useEffect(() => {\n    if (appearanceProp) {\n      setAppearance(appearanceProp);\n      return noop;\n    }\n\n    if (vkBridge.isEmbedded()) {\n      return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);\n    }\n\n    return autoDetectAppearance(window, setAppearance);\n  }, [window, appearanceProp]);\n\n  return appearance;\n};\n"],"mappings":"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"}

package/dist/cssm/hooks/useCalendar.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
-import { subMonths, addMonths, isSameDay, isBefore, endOfDay, isAfter, startOfDay } from '../lib/date';
+import { addMonths, endOfDay, isAfter, isBefore, isSameDay, startOfDay, subMonths } from '../lib/date';
 export function useCalendar(_ref) {
   var _ref2;
   var value = _ref.value,

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

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","names":["React","subMonths","addMonths","isSameDay","isBefore","endOfDay","isAfter","startOfDay","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  subMonths,\n  addMonths,\n  isSameDay,\n  isBefore,\n  endOfDay,\n  isAfter,\n  startOfDay,\n} from '../lib/date';\nimport { CalendarProps } from '../components/Calendar/Calendar';\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"],"mappings":"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"}
+{"version":3,"file":"useCalendar.js","names":["React","addMonths","endOfDay","isAfter","isBefore","isSameDay","startOfDay","subMonths","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"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"],"mappings":"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"}

package/dist/cssm/hooks/useChipsSelect.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';
 import { ChipOption } from '../components/Chip/Chip';
+import { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';
 export declare const useChipsSelect: <Option extends ChipOption>(props: Partial<ChipsSelectProps<Option>>) => {
     fieldValue: string | undefined;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement> | undefined) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"useChipsSelect.js","names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { useChipsInput } from './useChipsInput';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { ChipOption } from '../components/Chip/Chip';\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"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,aAAa,QAAQ,iBAAiB;AAI/C,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CACzBC,KAAwC,EACrC;EACH,IAAQC,OAAO,GAA+CD,KAAK,CAA3DC,OAAO;IAAEC,QAAQ,GAAqCF,KAAK,CAAlDE,QAAQ;IAAEC,cAAc,GAAqBH,KAAK,CAAxCG,cAAc;IAAEC,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;EAEzD,sBAA4BP,KAAK,CAACQ,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDV,KAAK,CAACQ,QAAQ,CAAgB,CAAC,CAAC;IAAA;IAA7EG,kBAAkB;IAAEC,qBAAqB;EAChD,uBAA0CZ,KAAK,CAACQ,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,qBAA4Db,aAAa,CAACE,KAAK,CAAC;IAAxEY,UAAU,kBAAVA,UAAU;IAAEC,eAAe,kBAAfA,eAAe;IAAKC,eAAe;EAEvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,CAAkD,EAAK;IAChF,IAAI,CAACA,CAAC,EAAE;MACN;IACF;IACAF,eAAe,CAACC,iBAAiB,CAACC,CAAC,CAAC;IAEpC,IAAI,CAACV,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIQ,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACxC,OAAOhB,QAAQ,GACXD,OAAO,CAAEkB,MAAM,CAAC,UAACC,MAAM;MAAA,OAAKlB,QAAQ,CAACU,UAAU,EAAEQ,MAAM,EAAEjB,cAAc,CAAC;IAAA,EAAC,GACxEF,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEU,UAAU,EAAET,cAAc,CAAC,CAAC;EAEnDc,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACpC,IAAI,CAACD,eAAe,CAACI,MAAM,EAAE;MAC3B,OAAOJ,eAAe;IACxB;IAEA,IAAMK,WAAW,GAAG,IAAIC,GAAG,CAACN,eAAe,CAAC;IAC5C,IAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAG,CAAC,UAACC,IAAI;MAAA,OAAKtB,cAAc,CAAEsB,IAAI,CAAC;IAAA,EAAC;IAAC,2CAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACvB,cAAc,CAAEsB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,0BAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAET,cAAc,CAAC,CAAC;EAEtD,uCACKU,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBT,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTU,eAAe,EAAfA,eAAe;IACfT,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBE,eAAe,EAAfA;EAAe;AAEnB,CAAC"}
+{"version":3,"file":"useChipsSelect.js","names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"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"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CACzBC,KAAwC,EACrC;EACH,IAAQC,OAAO,GAA+CD,KAAK,CAA3DC,OAAO;IAAEC,QAAQ,GAAqCF,KAAK,CAAlDE,QAAQ;IAAEC,cAAc,GAAqBH,KAAK,CAAxCG,cAAc;IAAEC,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;EAEzD,sBAA4BP,KAAK,CAACQ,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDV,KAAK,CAACQ,QAAQ,CAAgB,CAAC,CAAC;IAAA;IAA7EG,kBAAkB;IAAEC,qBAAqB;EAChD,uBAA0CZ,KAAK,CAACQ,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,qBAA4Db,aAAa,CAACE,KAAK,CAAC;IAAxEY,UAAU,kBAAVA,UAAU;IAAEC,eAAe,kBAAfA,eAAe;IAAKC,eAAe;EAEvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,CAAkD,EAAK;IAChF,IAAI,CAACA,CAAC,EAAE;MACN;IACF;IACAF,eAAe,CAACC,iBAAiB,CAACC,CAAC,CAAC;IAEpC,IAAI,CAACV,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIQ,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACxC,OAAOhB,QAAQ,GACXD,OAAO,CAAEkB,MAAM,CAAC,UAACC,MAAM;MAAA,OAAKlB,QAAQ,CAACU,UAAU,EAAEQ,MAAM,EAAEjB,cAAc,CAAC;IAAA,EAAC,GACxEF,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEU,UAAU,EAAET,cAAc,CAAC,CAAC;EAEnDc,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACpC,IAAI,CAACD,eAAe,CAACI,MAAM,EAAE;MAC3B,OAAOJ,eAAe;IACxB;IAEA,IAAMK,WAAW,GAAG,IAAIC,GAAG,CAACN,eAAe,CAAC;IAC5C,IAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAG,CAAC,UAACC,IAAI;MAAA,OAAKtB,cAAc,CAAEsB,IAAI,CAAC;IAAA,EAAC;IAAC,2CAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACvB,cAAc,CAAEsB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,0BAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAET,cAAc,CAAC,CAAC;EAEtD,uCACKU,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBT,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTU,eAAe,EAAfA,eAAe;IACfT,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBE,eAAe,EAAfA;EAAe;AAEnB,CAAC"}

package/dist/cssm/hooks/useDateInput.js

@@ -1,9 +1,9 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
+import { useDOM } from '../lib/dom';
 import { useBooleanState } from './useBooleanState';
 import { useGlobalEventListener } from './useGlobalEventListener';
-import { useDOM } from '../lib/dom';
 export function useDateInput(_ref) {
   var maxElement = _ref.maxElement,
     refs = _ref.refs,

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

@@ -1 +1 @@
-{"version":3,"file":"useDateInput.js","names":["React","useBooleanState","useGlobalEventListener","useDOM","useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","open","openCalendar","setTrue","closeCalendar","setFalse","rootRef","useRef","calendarRef","useState","internalValue","setInternalValue","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","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"],"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\nimport { useDOM } from '../lib/dom';\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"],"mappings":"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"}
+{"version":3,"file":"useDateInput.js","names":["React","useDOM","useBooleanState","useGlobalEventListener","useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","open","openCalendar","setTrue","closeCalendar","setFalse","rootRef","useRef","calendarRef","useState","internalValue","setInternalValue","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","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"],"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"],"mappings":"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"}

package/dist/cssm/hooks/useFocusVisible.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useContext, useState, useCallback } from 'react';
+import { useCallback, useContext, useState } from 'react';
 import { AppRootContext } from '../components/AppRoot/AppRootContext';
 export function useFocusVisible() {
   var _useState = useState(false),

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisible.js","names":["useContext","useState","useCallback","AppRootContext","useFocusVisible","isFocused","setIsFocused","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { useContext, useState, useCallback, FocusEvent } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused],\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused],\n  );\n\n  const focusVisible = keyboardInput && isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"mappings":";AAAA,SAASA,UAAU,EAAEC,QAAQ,EAAEC,WAAW,QAAoB,OAAO;AACrE,SAASC,cAAc,QAAQ,sCAAsC;AAErE,OAAO,SAASC,eAAe,GAAG;EAChC,gBAAkCH,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CI,SAAS;IAAEC,YAAY;EAC9B,kBAA0BN,UAAU,CAACG,cAAc,CAAC;IAA5CI,aAAa,eAAbA,aAAa;EAErB,IAAMC,OAAO,GAAGN,WAAW,CACzB,UAACO,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBJ,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMK,MAAM,GAAGT,WAAW,CACxB,UAACO,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBJ,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMM,YAAY,GAAGL,aAAa,IAAIF,SAAS;EAE/C,OAAO;IACLO,YAAY,EAAZA,YAAY;IACZJ,OAAO,EAAPA,OAAO;IACPG,MAAM,EAANA;EACF,CAAC;AACH"}
+{"version":3,"file":"useFocusVisible.js","names":["useCallback","useContext","useState","AppRootContext","useFocusVisible","isFocused","setIsFocused","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { FocusEvent, useCallback, useContext, useState } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused],\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused],\n  );\n\n  const focusVisible = keyboardInput && isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"mappings":";AAAA,SAAqBA,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AACrE,SAASC,cAAc,QAAQ,sCAAsC;AAErE,OAAO,SAASC,eAAe,GAAG;EAChC,gBAAkCF,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CG,SAAS;IAAEC,YAAY;EAC9B,kBAA0BL,UAAU,CAACE,cAAc,CAAC;IAA5CI,aAAa,eAAbA,aAAa;EAErB,IAAMC,OAAO,GAAGR,WAAW,CACzB,UAACS,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBJ,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMK,MAAM,GAAGX,WAAW,CACxB,UAACS,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBJ,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMM,YAAY,GAAGL,aAAa,IAAIF,SAAS;EAE/C,OAAO;IACLO,YAAY,EAAZA,YAAY;IACZJ,OAAO,EAAPA,OAAO;IACPG,MAAM,EAANA;EACF,CAAC;AACH"}

package/dist/cssm/hooks/useMediaQueries.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQueries.js","names":["React","MEDIA_QUERIES","mediaQueryNull","useDOM","storedMediaQueries","window","undefined","mediaQueries","useMediaQueries","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","matchMedia","bind","desktopPlus","DESKTOP_PLUS","smallTabletPlus","SMALL_TABLET_PLUS","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","mediumHeight","MEDIUM_HEIGHT","mobileLandscapeHeight","MOBILE_LANDSCAPE_HEIGHT"],"sources":["../../../src/hooks/useMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { type MediaQueries, MEDIA_QUERIES } from '../lib/adaptivity';\nimport { mediaQueryNull } from '../lib/browser';\nimport { useDOM } from '../lib/dom';\n\ninterface StoredMediaQueries {\n  /**\n   * Постоянная ссылка на окно. Это необходима, чтобы пересоздать медиа выражение если окно вдруг измениться.\n   *\n   * > `styleguide`\n   * >\n   * > В данный момент изменения окна существует в рамках песочницы. По сути мы храним ссылку на окно ради этого кейса\n   * > в песочнице.\n   */\n  window: Window | undefined;\n  /**\n   * Хранит созданные медиа выражения.\n   *\n   * Достаточно единожды создать экземпляры `MediaQueryList`, а дальше подписываться на события\n   * через метод `addEventListener(type, listener)`.\n   *\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList}\n   */\n  mediaQueries: MediaQueries | null;\n}\n\nconst storedMediaQueries: StoredMediaQueries = {\n  window: undefined,\n  mediaQueries: null,\n};\n\n/**\n * Возвращает медиа выражения определенные дизайн-системой.\n */\nexport const useMediaQueries = () => {\n  const { window } = useDOM();\n\n  return React.useMemo(\n    function initializeStoreOrUpdateStoreIfWindowChanges() {\n      if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {\n        return storedMediaQueries.mediaQueries;\n      }\n\n      const matchMedia = window ? window.matchMedia.bind(window) : mediaQueryNull;\n\n      storedMediaQueries.window = window;\n      storedMediaQueries.mediaQueries = {\n        desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),\n        smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),\n        tablet: matchMedia(MEDIA_QUERIES.TABLET),\n        smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),\n        mobile: matchMedia(MEDIA_QUERIES.MOBILE),\n        mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),\n        mobileLandscapeHeight: matchMedia(MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT),\n      };\n\n      return storedMediaQueries.mediaQueries;\n    },\n    [window],\n  );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAA4BC,aAAa,QAAQ,mBAAmB;AACpE,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,MAAM,QAAQ,YAAY;AAuBnC,IAAMC,kBAAsC,GAAG;EAC7CC,MAAM,EAAEC,SAAS;EACjBC,YAAY,EAAE;AAChB,CAAC;;AAED;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAAS;EACnC,cAAmBL,MAAM,EAAE;IAAnBE,MAAM,WAANA,MAAM;EAEd,OAAOL,KAAK,CAACS,OAAO,CAClB,SAASC,2CAA2C,GAAG;IACrD,IAAIN,kBAAkB,CAACC,MAAM,KAAKA,MAAM,IAAID,kBAAkB,CAACG,YAAY,KAAK,IAAI,EAAE;MACpF,OAAOH,kBAAkB,CAACG,YAAY;IACxC;IAEA,IAAMI,UAAU,GAAGN,MAAM,GAAGA,MAAM,CAACM,UAAU,CAACC,IAAI,CAACP,MAAM,CAAC,GAAGH,cAAc;IAE3EE,kBAAkB,CAACC,MAAM,GAAGA,MAAM;IAClCD,kBAAkB,CAACG,YAAY,GAAG;MAChCM,WAAW,EAAEF,UAAU,CAACV,aAAa,CAACa,YAAY,CAAC;MACnDC,eAAe,EAAEJ,UAAU,CAACV,aAAa,CAACe,iBAAiB,CAAC;MAC5DC,MAAM,EAAEN,UAAU,CAACV,aAAa,CAACiB,MAAM,CAAC;MACxCC,WAAW,EAAER,UAAU,CAACV,aAAa,CAACmB,YAAY,CAAC;MACnDC,MAAM,EAAEV,UAAU,CAACV,aAAa,CAACqB,MAAM,CAAC;MACxCC,YAAY,EAAEZ,UAAU,CAACV,aAAa,CAACuB,aAAa,CAAC;MACrDC,qBAAqB,EAAEd,UAAU,CAACV,aAAa,CAACyB,uBAAuB;IACzE,CAAC;IAED,OAAOtB,kBAAkB,CAACG,YAAY;EACxC,CAAC,EACD,CAACF,MAAM,CAAC,CACT;AACH,CAAC"}
+{"version":3,"file":"useMediaQueries.js","names":["React","MEDIA_QUERIES","mediaQueryNull","useDOM","storedMediaQueries","window","undefined","mediaQueries","useMediaQueries","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","matchMedia","bind","desktopPlus","DESKTOP_PLUS","smallTabletPlus","SMALL_TABLET_PLUS","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","mediumHeight","MEDIUM_HEIGHT","mobileLandscapeHeight","MOBILE_LANDSCAPE_HEIGHT"],"sources":["../../../src/hooks/useMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { MEDIA_QUERIES, type MediaQueries } from '../lib/adaptivity';\nimport { mediaQueryNull } from '../lib/browser';\nimport { useDOM } from '../lib/dom';\n\ninterface StoredMediaQueries {\n  /**\n   * Постоянная ссылка на окно. Это необходима, чтобы пересоздать медиа выражение если окно вдруг измениться.\n   *\n   * > `styleguide`\n   * >\n   * > В данный момент изменения окна существует в рамках песочницы. По сути мы храним ссылку на окно ради этого кейса\n   * > в песочнице.\n   */\n  window: Window | undefined;\n  /**\n   * Хранит созданные медиа выражения.\n   *\n   * Достаточно единожды создать экземпляры `MediaQueryList`, а дальше подписываться на события\n   * через метод `addEventListener(type, listener)`.\n   *\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList}\n   */\n  mediaQueries: MediaQueries | null;\n}\n\nconst storedMediaQueries: StoredMediaQueries = {\n  window: undefined,\n  mediaQueries: null,\n};\n\n/**\n * Возвращает медиа выражения определенные дизайн-системой.\n */\nexport const useMediaQueries = () => {\n  const { window } = useDOM();\n\n  return React.useMemo(\n    function initializeStoreOrUpdateStoreIfWindowChanges() {\n      if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {\n        return storedMediaQueries.mediaQueries;\n      }\n\n      const matchMedia = window ? window.matchMedia.bind(window) : mediaQueryNull;\n\n      storedMediaQueries.window = window;\n      storedMediaQueries.mediaQueries = {\n        desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),\n        smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),\n        tablet: matchMedia(MEDIA_QUERIES.TABLET),\n        smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),\n        mobile: matchMedia(MEDIA_QUERIES.MOBILE),\n        mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),\n        mobileLandscapeHeight: matchMedia(MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT),\n      };\n\n      return storedMediaQueries.mediaQueries;\n    },\n    [window],\n  );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,aAAa,QAA2B,mBAAmB;AACpE,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,MAAM,QAAQ,YAAY;AAuBnC,IAAMC,kBAAsC,GAAG;EAC7CC,MAAM,EAAEC,SAAS;EACjBC,YAAY,EAAE;AAChB,CAAC;;AAED;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAAS;EACnC,cAAmBL,MAAM,EAAE;IAAnBE,MAAM,WAANA,MAAM;EAEd,OAAOL,KAAK,CAACS,OAAO,CAClB,SAASC,2CAA2C,GAAG;IACrD,IAAIN,kBAAkB,CAACC,MAAM,KAAKA,MAAM,IAAID,kBAAkB,CAACG,YAAY,KAAK,IAAI,EAAE;MACpF,OAAOH,kBAAkB,CAACG,YAAY;IACxC;IAEA,IAAMI,UAAU,GAAGN,MAAM,GAAGA,MAAM,CAACM,UAAU,CAACC,IAAI,CAACP,MAAM,CAAC,GAAGH,cAAc;IAE3EE,kBAAkB,CAACC,MAAM,GAAGA,MAAM;IAClCD,kBAAkB,CAACG,YAAY,GAAG;MAChCM,WAAW,EAAEF,UAAU,CAACV,aAAa,CAACa,YAAY,CAAC;MACnDC,eAAe,EAAEJ,UAAU,CAACV,aAAa,CAACe,iBAAiB,CAAC;MAC5DC,MAAM,EAAEN,UAAU,CAACV,aAAa,CAACiB,MAAM,CAAC;MACxCC,WAAW,EAAER,UAAU,CAACV,aAAa,CAACmB,YAAY,CAAC;MACnDC,MAAM,EAAEV,UAAU,CAACV,aAAa,CAACqB,MAAM,CAAC;MACxCC,YAAY,EAAEZ,UAAU,CAACV,aAAa,CAACuB,aAAa,CAAC;MACrDC,qBAAqB,EAAEd,UAAU,CAACV,aAAa,CAACyB,uBAAuB;IACzE,CAAC;IAED,OAAOtB,kBAAkB,CAACG,YAAY;EACxC,CAAC,EACD,CAACF,MAAM,CAAC,CACT;AACH,CAAC"}

package/dist/cssm/hooks/usePatchChildrenRef.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import * as React from 'react';
-import { useExternRef } from './useExternRef';
 import { warnOnce } from '../lib/warnOnce';
 import { useEffectDev } from './useEffectDev';
+import { useExternRef } from './useExternRef';
 var isDOMTypeElement = function isDOMTypeElement(element) {
   return typeof element.type === 'string';
 };

package/dist/cssm/hooks/usePatchChildrenRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePatchChildrenRef.js","names":["React","useExternRef","warnOnce","useEffectDev","isDOMTypeElement","element","type","warn","usePatchChildrenRef","children","childRef","isValidElement","ref","props","getRootRef","patchedRef","current","cloneElement"],"sources":["../../../src/hooks/usePatchChildrenRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { useExternRef } from './useExternRef';\nimport { warnOnce } from '../lib/warnOnce';\nimport { useEffectDev } from './useEffectDev';\n\ntype ChildrenElement<T> = React.ReactElement<{ getRootRef?: React.Ref<T> }>;\n\nconst isDOMTypeElement = (element: React.ReactElement): element is React.DOMElement<any, any> => {\n  return typeof element.type === 'string';\n};\n\nconst warn = warnOnce('usePatchChildrenRef');\n\nexport const usePatchChildrenRef = <T = HTMLElement>(\n  children?: ChildrenElement<T>,\n): [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined] => {\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children) ? (children.ref as React.Ref<T>) : children.props.getRootRef);\n  const patchedRef = useExternRef<T>(childRef);\n\n  useEffectDev(() => {\n    if (!patchedRef.current) {\n      warn(\n        'Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента',\n        'error',\n      );\n    }\n  }, [children?.type, patchedRef]);\n\n  return [\n    patchedRef,\n    React.isValidElement(children)\n      ? React.cloneElement(children, {\n          [isDOMTypeElement(children) ? 'ref' : 'getRootRef']: patchedRef,\n        })\n      : children,\n  ];\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,YAAY,QAAQ,gBAAgB;AAI7C,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,OAA2B,EAA4C;EAC/F,OAAO,OAAOA,OAAO,CAACC,IAAI,KAAK,QAAQ;AACzC,CAAC;AAED,IAAMC,IAAI,GAAGL,QAAQ,CAAC,qBAAqB,CAAC;AAE5C,OAAO,IAAMM,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,QAA6B,EAC0C;EACvE,IAAMC,QAAQ,GACZ,aAAAV,KAAK,CAACW,cAAc,CAACF,QAAQ,CAAC,KAC7BL,gBAAgB,CAACK,QAAQ,CAAC,GAAIA,QAAQ,CAACG,GAAG,GAAoBH,QAAQ,CAACI,KAAK,CAACC,UAAU,CAAC;EAC3F,IAAMC,UAAU,GAAGd,YAAY,CAAIS,QAAQ,CAAC;EAE5CP,YAAY,CAAC,YAAM;IACjB,IAAI,CAACY,UAAU,CAACC,OAAO,EAAE;MACvBT,IAAI,CACF,0JAA0J,EAC1J,OAAO,CACR;IACH;EACF,CAAC,EAAE,CAACE,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEH,IAAI,EAAES,UAAU,CAAC,CAAC;EAEhC,OAAO,CACLA,UAAU,EACV,aAAAf,KAAK,CAACW,cAAc,CAACF,QAAQ,CAAC,gBAC1BT,KAAK,CAACiB,YAAY,CAACR,QAAQ,sBACxBL,gBAAgB,CAACK,QAAQ,CAAC,GAAG,KAAK,GAAG,YAAY,EAAGM,UAAU,EAC/D,GACFN,QAAQ,CACb;AACH,CAAC"}
+{"version":3,"file":"usePatchChildrenRef.js","names":["React","warnOnce","useEffectDev","useExternRef","isDOMTypeElement","element","type","warn","usePatchChildrenRef","children","childRef","isValidElement","ref","props","getRootRef","patchedRef","current","cloneElement"],"sources":["../../../src/hooks/usePatchChildrenRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { warnOnce } from '../lib/warnOnce';\nimport { useEffectDev } from './useEffectDev';\nimport { useExternRef } from './useExternRef';\n\ntype ChildrenElement<T> = React.ReactElement<{ getRootRef?: React.Ref<T> }>;\n\nconst isDOMTypeElement = (element: React.ReactElement): element is React.DOMElement<any, any> => {\n  return typeof element.type === 'string';\n};\n\nconst warn = warnOnce('usePatchChildrenRef');\n\nexport const usePatchChildrenRef = <T = HTMLElement>(\n  children?: ChildrenElement<T>,\n): [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined] => {\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children) ? (children.ref as React.Ref<T>) : children.props.getRootRef);\n  const patchedRef = useExternRef<T>(childRef);\n\n  useEffectDev(() => {\n    if (!patchedRef.current) {\n      warn(\n        'Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента',\n        'error',\n      );\n    }\n  }, [children?.type, patchedRef]);\n\n  return [\n    patchedRef,\n    React.isValidElement(children)\n      ? React.cloneElement(children, {\n          [isDOMTypeElement(children) ? 'ref' : 'getRootRef']: patchedRef,\n        })\n      : children,\n  ];\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,YAAY,QAAQ,gBAAgB;AAI7C,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,OAA2B,EAA4C;EAC/F,OAAO,OAAOA,OAAO,CAACC,IAAI,KAAK,QAAQ;AACzC,CAAC;AAED,IAAMC,IAAI,GAAGN,QAAQ,CAAC,qBAAqB,CAAC;AAE5C,OAAO,IAAMO,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,QAA6B,EAC0C;EACvE,IAAMC,QAAQ,GACZ,aAAAV,KAAK,CAACW,cAAc,CAACF,QAAQ,CAAC,KAC7BL,gBAAgB,CAACK,QAAQ,CAAC,GAAIA,QAAQ,CAACG,GAAG,GAAoBH,QAAQ,CAACI,KAAK,CAACC,UAAU,CAAC;EAC3F,IAAMC,UAAU,GAAGZ,YAAY,CAAIO,QAAQ,CAAC;EAE5CR,YAAY,CAAC,YAAM;IACjB,IAAI,CAACa,UAAU,CAACC,OAAO,EAAE;MACvBT,IAAI,CACF,0JAA0J,EAC1J,OAAO,CACR;IACH;EACF,CAAC,EAAE,CAACE,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEH,IAAI,EAAES,UAAU,CAAC,CAAC;EAEhC,OAAO,CACLA,UAAU,EACV,aAAAf,KAAK,CAACW,cAAc,CAACF,QAAQ,CAAC,gBAC1BT,KAAK,CAACiB,YAAY,CAACR,QAAQ,sBACxBL,gBAAgB,CAACK,QAAQ,CAAC,GAAG,KAAK,GAAG,YAAY,EAAGM,UAAU,EAC/D,GACFN,QAAQ,CACb;AACH,CAAC"}

package/dist/cssm/hooks/useTimeout.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';
 import { canUseDOM } from '../lib/dom';
+import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';
 export function useTimeout(cb, duration) {
   var options = React.useRef({
     cb: cb,

package/dist/cssm/hooks/useTimeout.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTimeout.js","names":["React","useIsomorphicLayoutEffect","canUseDOM","useTimeout","cb","duration","options","useRef","current","timeout","clear","useCallback","clearTimeout","set","setTimeout"],"sources":["../../../src/hooks/useTimeout.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { canUseDOM } from '../lib/dom';\n\nexport function useTimeout(cb: () => any, duration: number) {\n  const options = React.useRef({ cb, duration });\n  useIsomorphicLayoutEffect(() => {\n    options.current.cb = cb;\n    options.current.duration = duration;\n  }, [cb, duration]);\n\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const clear = React.useCallback(() => {\n    if (canUseDOM && timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n  }, []);\n  const set = React.useCallback(\n    (duration = options.current.duration) => {\n      clear();\n      if (canUseDOM) {\n        timeout.current = setTimeout(() => {\n          const { cb } = options.current;\n          typeof cb === 'function' && cb();\n        }, duration);\n      }\n    },\n    [clear],\n  );\n  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,yBAAyB,QAAQ,kCAAkC;AAC5E,SAASC,SAAS,QAAQ,YAAY;AAEtC,OAAO,SAASC,UAAU,CAACC,EAAa,EAAEC,QAAgB,EAAE;EAC1D,IAAMC,OAAO,GAAGN,KAAK,CAACO,MAAM,CAAC;IAAEH,EAAE,EAAFA,EAAE;IAAEC,QAAQ,EAARA;EAAS,CAAC,CAAC;EAC9CJ,yBAAyB,CAAC,YAAM;IAC9BK,OAAO,CAACE,OAAO,CAACJ,EAAE,GAAGA,EAAE;IACvBE,OAAO,CAACE,OAAO,CAACH,QAAQ,GAAGA,QAAQ;EACrC,CAAC,EAAE,CAACD,EAAE,EAAEC,QAAQ,CAAC,CAAC;EAElB,IAAMI,OAAO,GAAGT,KAAK,CAACO,MAAM,EAAiC;EAC7D,IAAMG,KAAK,GAAGV,KAAK,CAACW,WAAW,CAAC,YAAM;IACpC,IAAIT,SAAS,IAAIO,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAED,OAAO,EAAE;MACjCI,YAAY,CAACH,OAAO,CAACD,OAAO,CAAC;IAC/B;EACF,CAAC,EAAE,EAAE,CAAC;EACN,IAAMK,GAAG,GAAGb,KAAK,CAACW,WAAW,CAC3B,YAAyC;IAAA,IAAxCN,QAAQ,uEAAGC,OAAO,CAACE,OAAO,CAACH,QAAQ;IAClCK,KAAK,EAAE;IACP,IAAIR,SAAS,EAAE;MACbO,OAAO,CAACD,OAAO,GAAGM,UAAU,CAAC,YAAM;QACjC,IAAQV,EAAE,GAAKE,OAAO,CAACE,OAAO,CAAtBJ,EAAE;QACV,OAAOA,EAAE,KAAK,UAAU,IAAIA,EAAE,EAAE;MAClC,CAAC,EAAEC,QAAQ,CAAC;IACd;EACF,CAAC,EACD,CAACK,KAAK,CAAC,CACR;EACDT,yBAAyB,CAAC;IAAA,OAAMS,KAAK;EAAA,GAAE,EAAE,CAAC;EAE1C,OAAO;IAAEG,GAAG,EAAHA,GAAG;IAAEH,KAAK,EAALA;EAAM,CAAC;AACvB"}
+{"version":3,"file":"useTimeout.js","names":["React","canUseDOM","useIsomorphicLayoutEffect","useTimeout","cb","duration","options","useRef","current","timeout","clear","useCallback","clearTimeout","set","setTimeout"],"sources":["../../../src/hooks/useTimeout.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport function useTimeout(cb: () => any, duration: number) {\n  const options = React.useRef({ cb, duration });\n  useIsomorphicLayoutEffect(() => {\n    options.current.cb = cb;\n    options.current.duration = duration;\n  }, [cb, duration]);\n\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const clear = React.useCallback(() => {\n    if (canUseDOM && timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n  }, []);\n  const set = React.useCallback(\n    (duration = options.current.duration) => {\n      clear();\n      if (canUseDOM) {\n        timeout.current = setTimeout(() => {\n          const { cb } = options.current;\n          typeof cb === 'function' && cb();\n        }, duration);\n      }\n    },\n    [clear],\n  );\n  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,YAAY;AACtC,SAASC,yBAAyB,QAAQ,kCAAkC;AAE5E,OAAO,SAASC,UAAU,CAACC,EAAa,EAAEC,QAAgB,EAAE;EAC1D,IAAMC,OAAO,GAAGN,KAAK,CAACO,MAAM,CAAC;IAAEH,EAAE,EAAFA,EAAE;IAAEC,QAAQ,EAARA;EAAS,CAAC,CAAC;EAC9CH,yBAAyB,CAAC,YAAM;IAC9BI,OAAO,CAACE,OAAO,CAACJ,EAAE,GAAGA,EAAE;IACvBE,OAAO,CAACE,OAAO,CAACH,QAAQ,GAAGA,QAAQ;EACrC,CAAC,EAAE,CAACD,EAAE,EAAEC,QAAQ,CAAC,CAAC;EAElB,IAAMI,OAAO,GAAGT,KAAK,CAACO,MAAM,EAAiC;EAC7D,IAAMG,KAAK,GAAGV,KAAK,CAACW,WAAW,CAAC,YAAM;IACpC,IAAIV,SAAS,IAAIQ,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAED,OAAO,EAAE;MACjCI,YAAY,CAACH,OAAO,CAACD,OAAO,CAAC;IAC/B;EACF,CAAC,EAAE,EAAE,CAAC;EACN,IAAMK,GAAG,GAAGb,KAAK,CAACW,WAAW,CAC3B,YAAyC;IAAA,IAAxCN,QAAQ,uEAAGC,OAAO,CAACE,OAAO,CAACH,QAAQ;IAClCK,KAAK,EAAE;IACP,IAAIT,SAAS,EAAE;MACbQ,OAAO,CAACD,OAAO,GAAGM,UAAU,CAAC,YAAM;QACjC,IAAQV,EAAE,GAAKE,OAAO,CAACE,OAAO,CAAtBJ,EAAE;QACV,OAAOA,EAAE,KAAK,UAAU,IAAIA,EAAE,EAAE;MAClC,CAAC,EAAEC,QAAQ,CAAC;IACd;EACF,CAAC,EACD,CAACK,KAAK,CAAC,CACR;EACDR,yBAAyB,CAAC;IAAA,OAAMQ,KAAK;EAAA,GAAE,EAAE,CAAC;EAE1C,OAAO;IAAEG,GAAG,EAAHA,GAAG;IAAEH,KAAK,EAALA;EAAM,CAAC;AACvB"}

package/dist/cssm/hooks/useTodayDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTodayDate.js","names":["React","getMillisecondsToTomorrow","useTodayDate","listenDayChangesForUpdate","useState","Date","todayDate","setTodayDate","useEffect","timeToDayChange","timeout","setTimeout","clearTimeout"],"sources":["../../../src/hooks/useTodayDate.ts"],"sourcesContent":["import React from 'react';\n\nimport { getMillisecondsToTomorrow } from '../lib/date';\n\n/**\n * Опционально обновляемая дата сегодняшнего дня\n *\n * Дата - сегодня (в соответствии с системным временем)\n *\n * Часы, минуты, секунды, миллисекунды - произвольные\n *\n * @param listenDayChangesForUpdate - флаг по которому определяется, будет ли создаваться подписка на смену календарного дня\n */\nexport function useTodayDate(listenDayChangesForUpdate = false) {\n  const [todayDate, setTodayDate] = React.useState(() => new Date());\n\n  React.useEffect(() => {\n    if (!listenDayChangesForUpdate) {\n      return;\n    }\n\n    const timeToDayChange = getMillisecondsToTomorrow(todayDate);\n\n    const timeout = setTimeout(() => {\n      setTodayDate(new Date());\n    }, timeToDayChange);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [listenDayChangesForUpdate, todayDate]);\n\n  return todayDate;\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,yBAAyB,QAAQ,aAAa;;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAY,GAAoC;EAAA,IAAnCC,yBAAyB,uEAAG,KAAK;EAC5D,sBAAkCH,KAAK,CAACI,QAAQ,CAAC;MAAA,OAAM,IAAIC,IAAI,EAAE;IAAA,EAAC;IAAA;IAA3DC,SAAS;IAAEC,YAAY;EAE9BP,KAAK,CAACQ,SAAS,CAAC,YAAM;IACpB,IAAI,CAACL,yBAAyB,EAAE;MAC9B;IACF;IAEA,IAAMM,eAAe,GAAGR,yBAAyB,CAACK,SAAS,CAAC;IAE5D,IAAMI,OAAO,GAAGC,UAAU,CAAC,YAAM;MAC/BJ,YAAY,CAAC,IAAIF,IAAI,EAAE,CAAC;IAC1B,CAAC,EAAEI,eAAe,CAAC;IAEnB,OAAO,YAAM;MACXG,YAAY,CAACF,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACP,yBAAyB,EAAEG,SAAS,CAAC,CAAC;EAE1C,OAAOA,SAAS;AAClB"}
+{"version":3,"file":"useTodayDate.js","names":["React","getMillisecondsToTomorrow","useTodayDate","listenDayChangesForUpdate","useState","Date","todayDate","setTodayDate","useEffect","timeToDayChange","timeout","setTimeout","clearTimeout"],"sources":["../../../src/hooks/useTodayDate.ts"],"sourcesContent":["import React from 'react';\nimport { getMillisecondsToTomorrow } from '../lib/date';\n\n/**\n * Опционально обновляемая дата сегодняшнего дня\n *\n * Дата - сегодня (в соответствии с системным временем)\n *\n * Часы, минуты, секунды, миллисекунды - произвольные\n *\n * @param listenDayChangesForUpdate - флаг по которому определяется, будет ли создаваться подписка на смену календарного дня\n */\nexport function useTodayDate(listenDayChangesForUpdate = false) {\n  const [todayDate, setTodayDate] = React.useState(() => new Date());\n\n  React.useEffect(() => {\n    if (!listenDayChangesForUpdate) {\n      return;\n    }\n\n    const timeToDayChange = getMillisecondsToTomorrow(todayDate);\n\n    const timeout = setTimeout(() => {\n      setTodayDate(new Date());\n    }, timeToDayChange);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [listenDayChangesForUpdate, todayDate]);\n\n  return todayDate;\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,yBAAyB,QAAQ,aAAa;;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAY,GAAoC;EAAA,IAAnCC,yBAAyB,uEAAG,KAAK;EAC5D,sBAAkCH,KAAK,CAACI,QAAQ,CAAC;MAAA,OAAM,IAAIC,IAAI,EAAE;IAAA,EAAC;IAAA;IAA3DC,SAAS;IAAEC,YAAY;EAE9BP,KAAK,CAACQ,SAAS,CAAC,YAAM;IACpB,IAAI,CAACL,yBAAyB,EAAE;MAC9B;IACF;IAEA,IAAMM,eAAe,GAAGR,yBAAyB,CAACK,SAAS,CAAC;IAE5D,IAAMI,OAAO,GAAGC,UAAU,CAAC,YAAM;MAC/BJ,YAAY,CAAC,IAAIF,IAAI,EAAE,CAAC;IAC1B,CAAC,EAAEI,eAAe,CAAC;IAEnB,OAAO,YAAM;MACXG,YAAY,CAACF,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACP,yBAAyB,EAAEG,SAAS,CAAC,CAAC;EAE1C,OAAOA,SAAS;AAClB"}

package/dist/cssm/hooks/useWaitTransitionFinish.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { useDOM } from '../lib/dom';
 import { noop } from '@vkontakte/vkjs';
+import { useDOM } from '../lib/dom';
 import { transitionEvent } from '../lib/supportEvents';
 export var useWaitTransitionFinish = function useWaitTransitionFinish() {
   var timeoutRef = React.useRef(null);

package/dist/cssm/hooks/useWaitTransitionFinish.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWaitTransitionFinish.js","names":["React","useDOM","noop","transitionEvent","useWaitTransitionFinish","timeoutRef","useRef","document","detach","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","supported","name","addEventListener","removeEventListener","clearTimeout","setTimeout"],"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { noop } from '@vkontakte/vkjs';\nimport { transitionEvent } from '../lib/supportEvents';\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const { document } = useDOM();\n  const detach = React.useRef(noop);\n\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n\n  const waitTransitionFinish = React.useCallback(\n    (element: HTMLElement | null, eventHandler: VoidFunction, durationFallback: number) => {\n      if (element) {\n        if (!document?.hidden && transitionEvent.supported && transitionEvent.name) {\n          remove();\n          element.addEventListener(transitionEvent.name, eventHandler);\n          detach.current = () => {\n            if (transitionEvent.name) {\n              element.removeEventListener(transitionEvent.name, eventHandler);\n            }\n          };\n        } else {\n          if (timeoutRef?.current) {\n            clearTimeout(timeoutRef.current);\n          }\n          timeoutRef.current = setTimeout(eventHandler, durationFallback);\n        }\n      }\n    },\n    [document, remove, timeoutRef],\n  );\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,eAAe,QAAQ,sBAAsB;AAEtD,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;EAC3C,IAAMC,UAAU,GAAGL,KAAK,CAACM,MAAM,CAAuC,IAAI,CAAC;EAC3E,cAAqBL,MAAM,EAAE;IAArBM,QAAQ,WAARA,QAAQ;EAChB,IAAMC,MAAM,GAAGR,KAAK,CAACM,MAAM,CAACJ,IAAI,CAAC;EAEjC,IAAMO,MAAM,GAAGT,KAAK,CAACU,WAAW,CAAC,YAAM;IACrCF,MAAM,CAACG,OAAO,EAAE;IAChBH,MAAM,CAACG,OAAO,GAAGT,IAAI;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMU,oBAAoB,GAAGZ,KAAK,CAACU,WAAW,CAC5C,UAACG,OAA2B,EAAEC,YAA0B,EAAEC,gBAAwB,EAAK;IACrF,IAAIF,OAAO,EAAE;MACX,IAAI,EAACN,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAES,MAAM,KAAIb,eAAe,CAACc,SAAS,IAAId,eAAe,CAACe,IAAI,EAAE;QAC1ET,MAAM,EAAE;QACRI,OAAO,CAACM,gBAAgB,CAAChB,eAAe,CAACe,IAAI,EAAEJ,YAAY,CAAC;QAC5DN,MAAM,CAACG,OAAO,GAAG,YAAM;UACrB,IAAIR,eAAe,CAACe,IAAI,EAAE;YACxBL,OAAO,CAACO,mBAAmB,CAACjB,eAAe,CAACe,IAAI,EAAEJ,YAAY,CAAC;UACjE;QACF,CAAC;MACH,CAAC,MAAM;QACL,IAAIT,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEM,OAAO,EAAE;UACvBU,YAAY,CAAChB,UAAU,CAACM,OAAO,CAAC;QAClC;QACAN,UAAU,CAACM,OAAO,GAAGW,UAAU,CAACR,YAAY,EAAEC,gBAAgB,CAAC;MACjE;IACF;EACF,CAAC,EACD,CAACR,QAAQ,EAAEE,MAAM,EAAEJ,UAAU,CAAC,CAC/B;EAED,OAAO;IACLO,oBAAoB,EAApBA;EACF,CAAC;AACH,CAAC"}
+{"version":3,"file":"useWaitTransitionFinish.js","names":["React","noop","useDOM","transitionEvent","useWaitTransitionFinish","timeoutRef","useRef","document","detach","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","supported","name","addEventListener","removeEventListener","clearTimeout","setTimeout"],"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useDOM } from '../lib/dom';\nimport { transitionEvent } from '../lib/supportEvents';\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const { document } = useDOM();\n  const detach = React.useRef(noop);\n\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n\n  const waitTransitionFinish = React.useCallback(\n    (element: HTMLElement | null, eventHandler: VoidFunction, durationFallback: number) => {\n      if (element) {\n        if (!document?.hidden && transitionEvent.supported && transitionEvent.name) {\n          remove();\n          element.addEventListener(transitionEvent.name, eventHandler);\n          detach.current = () => {\n            if (transitionEvent.name) {\n              element.removeEventListener(transitionEvent.name, eventHandler);\n            }\n          };\n        } else {\n          if (timeoutRef?.current) {\n            clearTimeout(timeoutRef.current);\n          }\n          timeoutRef.current = setTimeout(eventHandler, durationFallback);\n        }\n      }\n    },\n    [document, remove, timeoutRef],\n  );\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,eAAe,QAAQ,sBAAsB;AAEtD,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;EAC3C,IAAMC,UAAU,GAAGL,KAAK,CAACM,MAAM,CAAuC,IAAI,CAAC;EAC3E,cAAqBJ,MAAM,EAAE;IAArBK,QAAQ,WAARA,QAAQ;EAChB,IAAMC,MAAM,GAAGR,KAAK,CAACM,MAAM,CAACL,IAAI,CAAC;EAEjC,IAAMQ,MAAM,GAAGT,KAAK,CAACU,WAAW,CAAC,YAAM;IACrCF,MAAM,CAACG,OAAO,EAAE;IAChBH,MAAM,CAACG,OAAO,GAAGV,IAAI;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMW,oBAAoB,GAAGZ,KAAK,CAACU,WAAW,CAC5C,UAACG,OAA2B,EAAEC,YAA0B,EAAEC,gBAAwB,EAAK;IACrF,IAAIF,OAAO,EAAE;MACX,IAAI,EAACN,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAES,MAAM,KAAIb,eAAe,CAACc,SAAS,IAAId,eAAe,CAACe,IAAI,EAAE;QAC1ET,MAAM,EAAE;QACRI,OAAO,CAACM,gBAAgB,CAAChB,eAAe,CAACe,IAAI,EAAEJ,YAAY,CAAC;QAC5DN,MAAM,CAACG,OAAO,GAAG,YAAM;UACrB,IAAIR,eAAe,CAACe,IAAI,EAAE;YACxBL,OAAO,CAACO,mBAAmB,CAACjB,eAAe,CAACe,IAAI,EAAEJ,YAAY,CAAC;UACjE;QACF,CAAC;MACH,CAAC,MAAM;QACL,IAAIT,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEM,OAAO,EAAE;UACvBU,YAAY,CAAChB,UAAU,CAACM,OAAO,CAAC;QAClC;QACAN,UAAU,CAACM,OAAO,GAAGW,UAAU,CAACR,YAAY,EAAEC,gBAAgB,CAAC;MACjE;IACF;EACF,CAAC,EACD,CAACR,QAAQ,EAAEE,MAAM,EAAEJ,UAAU,CAAC,CAC/B;EAED,OAAO;IACLO,oBAAoB,EAApBA;EACF,CAAC;AACH,CAAC"}