@vkontakte/vkui 5.2.0 → 5.2.2

package/dist/cjs/lib/floating/adapters.js.map

@@ -1 +1 @@
-{"version":3,"file":"adapters.js","names":["defaultOptions","ancestorScroll","ancestorResize","elementResize","animationFrame","autoUpdateFloatingElement","reference","floating","update","options","restOptions","autoUpdateLibDisposer","autoUpdateLib","observer","initialUpdate","MutationObserver","Element","observe","childList","subtree","disconnect"],"sources":["../../../../src/lib/floating/adapters.ts"],"sourcesContent":["import {\n  type ReferenceType,\n  type FloatingElement,\n  type AutoUpdateOptions,\n  autoUpdate as autoUpdateLib,\n} from '@floating-ui/react-dom';\n\nconst defaultOptions = {\n  ancestorScroll: true,\n  ancestorResize: true,\n  // По умолчанию отключаем, т.к. навешивать `MutationObserver` может быть дорого.\n  // В `autoUpdateLib` по умолчанию опция включена. Там используется ResizeObserver, но и он не менее дорогостоящий.\n  // https://github.com/floating-ui/floating-ui/blob/0a34fe9cc2c7483976785a71bd0777cd7c3f2a6a/packages/dom/src/autoUpdate.ts#L6-L33\n  elementResize: false,\n  animationFrame: false,\n};\n\nexport function autoUpdateFloatingElement(\n  reference: ReferenceType,\n  floating: FloatingElement,\n  update: () => void,\n  options: Partial<AutoUpdateOptions> = defaultOptions,\n): ReturnType<typeof autoUpdateLib> {\n  const { elementResize = false, ...restOptions } = options;\n\n  const autoUpdateLibDisposer = autoUpdateLib(reference, floating, update, {\n    ...restOptions,\n    // Отключаем в библиотеке, т.к. под капотом используется `ResizeObserver`, которое не покрывается нашим `browserlist`.\n    // Вместо него мы используем `MutationObserver`.\n    // https://caniuse.com/resizeobserver\n    elementResize: false,\n  });\n\n  // В случае если `ResizeObserver` будет полифилиться или он будет покрываться нашим `browserlist`, то надо удалить\n  // код с `MutationObserver`.\n  let observer: MutationObserver | null = null;\n  if (elementResize) {\n    let initialUpdate = true;\n    observer = new MutationObserver(() => {\n      if (!initialUpdate) {\n        update();\n      }\n\n      initialUpdate = false;\n    });\n\n    if (reference instanceof Element) {\n      observer.observe(reference, {\n        childList: true,\n        subtree: true,\n      });\n    }\n\n    observer.observe(floating, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  return () => {\n    if (observer !== null) {\n      observer.disconnect();\n      observer = null;\n    }\n    autoUpdateLibDisposer();\n  };\n}\n"],"mappings":";;;;;;;;;AAAA;AAKgC;AAEhC,IAAMA,cAAc,GAAG;EACrBC,cAAc,EAAE,IAAI;EACpBC,cAAc,EAAE,IAAI;EACpB;EACA;EACA;EACAC,aAAa,EAAE,KAAK;EACpBC,cAAc,EAAE;AAClB,CAAC;AAEM,SAASC,yBAAyB,CACvCC,SAAwB,EACxBC,QAAyB,EACzBC,MAAkB,EAEgB;EAAA,IADlCC,OAAmC,uEAAGT,cAAc;EAEpD,4BAAkDS,OAAO,CAAjDN,aAAa;IAAbA,aAAa,sCAAG,KAAK;IAAKO,WAAW,0CAAKD,OAAO;EAEzD,IAAME,qBAAqB,GAAG,IAAAC,oBAAa,EAACN,SAAS,EAAEC,QAAQ,EAAEC,MAAM,8DAClEE,WAAW;IACd;IACA;IACA;IACAP,aAAa,EAAE;EAAK,GACpB;;EAEF;EACA;EACA,IAAIU,QAAiC,GAAG,IAAI;EAC5C,IAAIV,aAAa,EAAE;IACjB,IAAIW,aAAa,GAAG,IAAI;IACxBD,QAAQ,GAAG,IAAIE,gBAAgB,CAAC,YAAM;MACpC,IAAI,CAACD,aAAa,EAAE;QAClBN,MAAM,EAAE;MACV;MAEAM,aAAa,GAAG,KAAK;IACvB,CAAC,CAAC;IAEF,IAAIR,SAAS,YAAYU,OAAO,EAAE;MAChCH,QAAQ,CAACI,OAAO,CAACX,SAAS,EAAE;QAC1BY,SAAS,EAAE,IAAI;QACfC,OAAO,EAAE;MACX,CAAC,CAAC;IACJ;IAEAN,QAAQ,CAACI,OAAO,CAACV,QAAQ,EAAE;MACzBW,SAAS,EAAE,IAAI;MACfC,OAAO,EAAE;IACX,CAAC,CAAC;EACJ;EAEA,OAAO,YAAM;IACX,IAAIN,QAAQ,KAAK,IAAI,EAAE;MACrBA,QAAQ,CAACO,UAAU,EAAE;MACrBP,QAAQ,GAAG,IAAI;IACjB;IACAF,qBAAqB,EAAE;EACzB,CAAC;AACH"}
+{"version":3,"file":"adapters.js","names":["defaultOptions","ancestorScroll","ancestorResize","elementResize","animationFrame","autoUpdateFloatingElement","reference","floating","update","options","restOptions","autoUpdateLibDisposer","autoUpdateLib","observer","initialUpdate","MutationObserver","Element","observe","childList","subtree","disconnect"],"sources":["../../../../src/lib/floating/adapters.ts"],"sourcesContent":["import {\n  autoUpdate as autoUpdateLib,\n  type AutoUpdateOptions,\n  type FloatingElement,\n  type ReferenceType,\n} from '@floating-ui/react-dom';\n\nconst defaultOptions = {\n  ancestorScroll: true,\n  ancestorResize: true,\n  // По умолчанию отключаем, т.к. навешивать `MutationObserver` может быть дорого.\n  // В `autoUpdateLib` по умолчанию опция включена. Там используется ResizeObserver, но и он не менее дорогостоящий.\n  // https://github.com/floating-ui/floating-ui/blob/0a34fe9cc2c7483976785a71bd0777cd7c3f2a6a/packages/dom/src/autoUpdate.ts#L6-L33\n  elementResize: false,\n  animationFrame: false,\n};\n\nexport function autoUpdateFloatingElement(\n  reference: ReferenceType,\n  floating: FloatingElement,\n  update: () => void,\n  options: Partial<AutoUpdateOptions> = defaultOptions,\n): ReturnType<typeof autoUpdateLib> {\n  const { elementResize = false, ...restOptions } = options;\n\n  const autoUpdateLibDisposer = autoUpdateLib(reference, floating, update, {\n    ...restOptions,\n    // Отключаем в библиотеке, т.к. под капотом используется `ResizeObserver`, которое не покрывается нашим `browserlist`.\n    // Вместо него мы используем `MutationObserver`.\n    // https://caniuse.com/resizeobserver\n    elementResize: false,\n  });\n\n  // В случае если `ResizeObserver` будет полифилиться или он будет покрываться нашим `browserlist`, то надо удалить\n  // код с `MutationObserver`.\n  let observer: MutationObserver | null = null;\n  if (elementResize) {\n    let initialUpdate = true;\n    observer = new MutationObserver(() => {\n      if (!initialUpdate) {\n        update();\n      }\n\n      initialUpdate = false;\n    });\n\n    if (reference instanceof Element) {\n      observer.observe(reference, {\n        childList: true,\n        subtree: true,\n      });\n    }\n\n    observer.observe(floating, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  return () => {\n    if (observer !== null) {\n      observer.disconnect();\n      observer = null;\n    }\n    autoUpdateLibDisposer();\n  };\n}\n"],"mappings":";;;;;;;;;AAAA;AAKgC;AAEhC,IAAMA,cAAc,GAAG;EACrBC,cAAc,EAAE,IAAI;EACpBC,cAAc,EAAE,IAAI;EACpB;EACA;EACA;EACAC,aAAa,EAAE,KAAK;EACpBC,cAAc,EAAE;AAClB,CAAC;AAEM,SAASC,yBAAyB,CACvCC,SAAwB,EACxBC,QAAyB,EACzBC,MAAkB,EAEgB;EAAA,IADlCC,OAAmC,uEAAGT,cAAc;EAEpD,4BAAkDS,OAAO,CAAjDN,aAAa;IAAbA,aAAa,sCAAG,KAAK;IAAKO,WAAW,0CAAKD,OAAO;EAEzD,IAAME,qBAAqB,GAAG,IAAAC,oBAAa,EAACN,SAAS,EAAEC,QAAQ,EAAEC,MAAM,8DAClEE,WAAW;IACd;IACA;IACA;IACAP,aAAa,EAAE;EAAK,GACpB;;EAEF;EACA;EACA,IAAIU,QAAiC,GAAG,IAAI;EAC5C,IAAIV,aAAa,EAAE;IACjB,IAAIW,aAAa,GAAG,IAAI;IACxBD,QAAQ,GAAG,IAAIE,gBAAgB,CAAC,YAAM;MACpC,IAAI,CAACD,aAAa,EAAE;QAClBN,MAAM,EAAE;MACV;MAEAM,aAAa,GAAG,KAAK;IACvB,CAAC,CAAC;IAEF,IAAIR,SAAS,YAAYU,OAAO,EAAE;MAChCH,QAAQ,CAACI,OAAO,CAACX,SAAS,EAAE;QAC1BY,SAAS,EAAE,IAAI;QACfC,OAAO,EAAE;MACX,CAAC,CAAC;IACJ;IAEAN,QAAQ,CAACI,OAAO,CAACV,QAAQ,EAAE;MACzBW,SAAS,EAAE,IAAI;MACfC,OAAO,EAAE;IACX,CAAC,CAAC;EACJ;EAEA,OAAO,YAAM;IACX,IAAIN,QAAQ,KAAK,IAAI,EAAE;MACrBA,QAAQ,CAACO,UAAU,EAAE;MACrBP,QAAQ,GAAG,IAAI;IACjB;IACAF,qBAAqB,EAAE;EACzB,CAAC;AACH"}

package/dist/cjs/lib/floating/functions.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { AutoPlacementType, Placement, PlacementWithAuto, UseFloatingData, FloatingPositionStrategy } from './types';
+import type { AutoPlacementType, FloatingPositionStrategy, Placement, PlacementWithAuto, UseFloatingData } from './types';
 export declare function checkIsNotAutoPlacement(placement: PlacementWithAuto): placement is Placement;
 export declare function getAutoPlacementAlign(placement: AutoPlacementType): 'start' | 'end' | null;
 /**

package/dist/cjs/lib/floating/functions.js.map

@@ -1 +1 @@
-{"version":3,"file":"functions.js","names":["checkIsNotAutoPlacement","placement","startsWith","getAutoPlacementAlign","align","replace","convertFloatingDataToReactCSSProperties","strategy","x","y","initialWidth","styles","position","top","right","bottom","left","width"],"sources":["../../../../src/lib/floating/functions.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n  AutoPlacementType,\n  Placement,\n  PlacementWithAuto,\n  UseFloatingData,\n  FloatingPositionStrategy,\n} from './types';\n\nexport function checkIsNotAutoPlacement(placement: PlacementWithAuto): placement is Placement {\n  return !placement.startsWith('auto');\n}\n\nexport function getAutoPlacementAlign(placement: AutoPlacementType): 'start' | 'end' | null {\n  const align = placement.replace(/auto-|auto/, '');\n  return align === 'start' || align === 'end' ? align : null;\n}\n\n/**\n * Note: не используем `translate3d`, чтобы в лишний раз не выносить в отдельный слой и не занимать память в GPU.\n *\n * см. https://floating-ui.com/docs/react#positioning\n */\nexport function convertFloatingDataToReactCSSProperties(\n  strategy: FloatingPositionStrategy,\n  x: UseFloatingData['x'],\n  y: UseFloatingData['y'],\n  initialWidth: React.CSSProperties['width'] | null = 'max-content',\n): React.CSSProperties {\n  const styles: React.CSSProperties = {\n    position: strategy,\n    top: y || 0,\n    right: 'auto',\n    bottom: 'auto',\n    left: x || 0,\n  };\n  if (initialWidth !== null) {\n    styles.width = initialWidth;\n  }\n  return styles;\n}\n"],"mappings":";;;;;;;;AASO,SAASA,uBAAuB,CAACC,SAA4B,EAA0B;EAC5F,OAAO,CAACA,SAAS,CAACC,UAAU,CAAC,MAAM,CAAC;AACtC;AAEO,SAASC,qBAAqB,CAACF,SAA4B,EAA0B;EAC1F,IAAMG,KAAK,GAAGH,SAAS,CAACI,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC;EACjD,OAAOD,KAAK,KAAK,OAAO,IAAIA,KAAK,KAAK,KAAK,GAAGA,KAAK,GAAG,IAAI;AAC5D;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASE,uCAAuC,CACrDC,QAAkC,EAClCC,CAAuB,EACvBC,CAAuB,EAEF;EAAA,IADrBC,YAAiD,uEAAG,aAAa;EAEjE,IAAMC,MAA2B,GAAG;IAClCC,QAAQ,EAAEL,QAAQ;IAClBM,GAAG,EAAEJ,CAAC,IAAI,CAAC;IACXK,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,IAAI,EAAER,CAAC,IAAI;EACb,CAAC;EACD,IAAIE,YAAY,KAAK,IAAI,EAAE;IACzBC,MAAM,CAACM,KAAK,GAAGP,YAAY;EAC7B;EACA,OAAOC,MAAM;AACf"}
+{"version":3,"file":"functions.js","names":["checkIsNotAutoPlacement","placement","startsWith","getAutoPlacementAlign","align","replace","convertFloatingDataToReactCSSProperties","strategy","x","y","initialWidth","styles","position","top","right","bottom","left","width"],"sources":["../../../../src/lib/floating/functions.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n  AutoPlacementType,\n  FloatingPositionStrategy,\n  Placement,\n  PlacementWithAuto,\n  UseFloatingData,\n} from './types';\n\nexport function checkIsNotAutoPlacement(placement: PlacementWithAuto): placement is Placement {\n  return !placement.startsWith('auto');\n}\n\nexport function getAutoPlacementAlign(placement: AutoPlacementType): 'start' | 'end' | null {\n  const align = placement.replace(/auto-|auto/, '');\n  return align === 'start' || align === 'end' ? align : null;\n}\n\n/**\n * Note: не используем `translate3d`, чтобы в лишний раз не выносить в отдельный слой и не занимать память в GPU.\n *\n * см. https://floating-ui.com/docs/react#positioning\n */\nexport function convertFloatingDataToReactCSSProperties(\n  strategy: FloatingPositionStrategy,\n  x: UseFloatingData['x'],\n  y: UseFloatingData['y'],\n  initialWidth: React.CSSProperties['width'] | null = 'max-content',\n): React.CSSProperties {\n  const styles: React.CSSProperties = {\n    position: strategy,\n    top: y || 0,\n    right: 'auto',\n    bottom: 'auto',\n    left: x || 0,\n  };\n  if (initialWidth !== null) {\n    styles.width = initialWidth;\n  }\n  return styles;\n}\n"],"mappings":";;;;;;;;AASO,SAASA,uBAAuB,CAACC,SAA4B,EAA0B;EAC5F,OAAO,CAACA,SAAS,CAACC,UAAU,CAAC,MAAM,CAAC;AACtC;AAEO,SAASC,qBAAqB,CAACF,SAA4B,EAA0B;EAC1F,IAAMG,KAAK,GAAGH,SAAS,CAACI,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC;EACjD,OAAOD,KAAK,KAAK,OAAO,IAAIA,KAAK,KAAK,KAAK,GAAGA,KAAK,GAAG,IAAI;AAC5D;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASE,uCAAuC,CACrDC,QAAkC,EAClCC,CAAuB,EACvBC,CAAuB,EAEF;EAAA,IADrBC,YAAiD,uEAAG,aAAa;EAEjE,IAAMC,MAA2B,GAAG;IAClCC,QAAQ,EAAEL,QAAQ;IAClBM,GAAG,EAAEJ,CAAC,IAAI,CAAC;IACXK,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,IAAI,EAAER,CAAC,IAAI;EACb,CAAC;EACD,IAAIE,YAAY,KAAK,IAAI,EAAE;IACzBC,MAAM,CAACM,KAAK,GAAGP,YAAY;EAC7B;EACA,OAAOC,MAAM;AACf"}

package/dist/cjs/lib/platform.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Platform = void 0;
 exports.platform = platform;
-var _browser = require("./browser");
 var _vkjs = require("@vkontakte/vkjs");
+var _browser = require("./browser");
 var _dom = require("./dom");
 var Platform;
 exports.Platform = Platform;

package/dist/cjs/lib/platform.js.map

@@ -1 +1 @@
-{"version":3,"file":"platform.js","names":["Platform","PLATFORM_ALIAS","desktop_web","VKCOM","isPlatformAlias","platformAlias","getPlatformByQueryString","queryString","parsedQuery","querystring","parse","platformAliasByQuery","undefined","e","console","warn","platformByQueryString","canUseDOM","location","search","platform","browserInfo","computeBrowserInfo","system","IOS","ANDROID"],"sources":["../../../src/lib/platform.ts"],"sourcesContent":["import { BrowserInfo, computeBrowserInfo } from './browser';\nimport { querystring } from '@vkontakte/vkjs';\nimport { canUseDOM } from './dom';\n\nexport enum Platform {\n  ANDROID = 'android',\n  IOS = 'ios',\n  VKCOM = 'vkcom',\n}\n\nconst PLATFORM_ALIAS = {\n  desktop_web: Platform.VKCOM,\n};\n\nfunction isPlatformAlias(platformAlias: string): platformAlias is keyof typeof PLATFORM_ALIAS {\n  return platformAlias in PLATFORM_ALIAS;\n}\n\n/**\n * Значение, которое передаётся в качестве query-параметра при открытии VK Mini Apps\n * @see {@link https://dev.vk.com/mini-apps/development/launch-params#vk_platform vk_platform}\n */\nfunction getPlatformByQueryString(queryString: string): Platform | undefined {\n  try {\n    const parsedQuery = querystring.parse(queryString);\n    const platformAliasByQuery = parsedQuery['vk_platform'];\n\n    return typeof platformAliasByQuery === 'string' && isPlatformAlias(platformAliasByQuery)\n      ? PLATFORM_ALIAS[platformAliasByQuery]\n      : undefined;\n  } catch (e) {\n    console.warn(e);\n\n    return undefined;\n  }\n}\n\nconst platformByQueryString = canUseDOM ? getPlatformByQueryString(location.search) : undefined;\n\nexport type PlatformType = Platform.ANDROID | Platform.IOS | Platform.VKCOM | string;\n\nexport function platform(browserInfo?: BrowserInfo): PlatformType {\n  if (platformByQueryString) {\n    return platformByQueryString;\n  }\n\n  if (!browserInfo) {\n    browserInfo = computeBrowserInfo();\n  }\n\n  return browserInfo.system === 'ios' ? Platform.IOS : Platform.ANDROID;\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAAkC,IAEtBA,QAAQ;AAAA;AAAA,WAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;AAAA,GAARA,QAAQ,wBAARA,QAAQ;AAMpB,IAAMC,cAAc,GAAG;EACrBC,WAAW,EAAEF,QAAQ,CAACG;AACxB,CAAC;AAED,SAASC,eAAe,CAACC,aAAqB,EAAgD;EAC5F,OAAOA,aAAa,IAAIJ,cAAc;AACxC;;AAEA;AACA;AACA;AACA;AACA,SAASK,wBAAwB,CAACC,WAAmB,EAAwB;EAC3E,IAAI;IACF,IAAMC,WAAW,GAAGC,iBAAW,CAACC,KAAK,CAACH,WAAW,CAAC;IAClD,IAAMI,oBAAoB,GAAGH,WAAW,CAAC,aAAa,CAAC;IAEvD,OAAO,OAAOG,oBAAoB,KAAK,QAAQ,IAAIP,eAAe,CAACO,oBAAoB,CAAC,GACpFV,cAAc,CAACU,oBAAoB,CAAC,GACpCC,SAAS;EACf,CAAC,CAAC,OAAOC,CAAC,EAAE;IACVC,OAAO,CAACC,IAAI,CAACF,CAAC,CAAC;IAEf,OAAOD,SAAS;EAClB;AACF;AAEA,IAAMI,qBAAqB,GAAGC,cAAS,GAAGX,wBAAwB,CAACY,QAAQ,CAACC,MAAM,CAAC,GAAGP,SAAS;AAIxF,SAASQ,QAAQ,CAACC,WAAyB,EAAgB;EAChE,IAAIL,qBAAqB,EAAE;IACzB,OAAOA,qBAAqB;EAC9B;EAEA,IAAI,CAACK,WAAW,EAAE;IAChBA,WAAW,GAAG,IAAAC,2BAAkB,GAAE;EACpC;EAEA,OAAOD,WAAW,CAACE,MAAM,KAAK,KAAK,GAAGvB,QAAQ,CAACwB,GAAG,GAAGxB,QAAQ,CAACyB,OAAO;AACvE"}
+{"version":3,"file":"platform.js","names":["Platform","PLATFORM_ALIAS","desktop_web","VKCOM","isPlatformAlias","platformAlias","getPlatformByQueryString","queryString","parsedQuery","querystring","parse","platformAliasByQuery","undefined","e","console","warn","platformByQueryString","canUseDOM","location","search","platform","browserInfo","computeBrowserInfo","system","IOS","ANDROID"],"sources":["../../../src/lib/platform.ts"],"sourcesContent":["import { querystring } from '@vkontakte/vkjs';\nimport { BrowserInfo, computeBrowserInfo } from './browser';\nimport { canUseDOM } from './dom';\n\nexport enum Platform {\n  ANDROID = 'android',\n  IOS = 'ios',\n  VKCOM = 'vkcom',\n}\n\nconst PLATFORM_ALIAS = {\n  desktop_web: Platform.VKCOM,\n};\n\nfunction isPlatformAlias(platformAlias: string): platformAlias is keyof typeof PLATFORM_ALIAS {\n  return platformAlias in PLATFORM_ALIAS;\n}\n\n/**\n * Значение, которое передаётся в качестве query-параметра при открытии VK Mini Apps\n * @see {@link https://dev.vk.com/mini-apps/development/launch-params#vk_platform vk_platform}\n */\nfunction getPlatformByQueryString(queryString: string): Platform | undefined {\n  try {\n    const parsedQuery = querystring.parse(queryString);\n    const platformAliasByQuery = parsedQuery['vk_platform'];\n\n    return typeof platformAliasByQuery === 'string' && isPlatformAlias(platformAliasByQuery)\n      ? PLATFORM_ALIAS[platformAliasByQuery]\n      : undefined;\n  } catch (e) {\n    console.warn(e);\n\n    return undefined;\n  }\n}\n\nconst platformByQueryString = canUseDOM ? getPlatformByQueryString(location.search) : undefined;\n\nexport type PlatformType = Platform.ANDROID | Platform.IOS | Platform.VKCOM | string;\n\nexport function platform(browserInfo?: BrowserInfo): PlatformType {\n  if (platformByQueryString) {\n    return platformByQueryString;\n  }\n\n  if (!browserInfo) {\n    browserInfo = computeBrowserInfo();\n  }\n\n  return browserInfo.system === 'ios' ? Platform.IOS : Platform.ANDROID;\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAAkC,IAEtBA,QAAQ;AAAA;AAAA,WAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;AAAA,GAARA,QAAQ,wBAARA,QAAQ;AAMpB,IAAMC,cAAc,GAAG;EACrBC,WAAW,EAAEF,QAAQ,CAACG;AACxB,CAAC;AAED,SAASC,eAAe,CAACC,aAAqB,EAAgD;EAC5F,OAAOA,aAAa,IAAIJ,cAAc;AACxC;;AAEA;AACA;AACA;AACA;AACA,SAASK,wBAAwB,CAACC,WAAmB,EAAwB;EAC3E,IAAI;IACF,IAAMC,WAAW,GAAGC,iBAAW,CAACC,KAAK,CAACH,WAAW,CAAC;IAClD,IAAMI,oBAAoB,GAAGH,WAAW,CAAC,aAAa,CAAC;IAEvD,OAAO,OAAOG,oBAAoB,KAAK,QAAQ,IAAIP,eAAe,CAACO,oBAAoB,CAAC,GACpFV,cAAc,CAACU,oBAAoB,CAAC,GACpCC,SAAS;EACf,CAAC,CAAC,OAAOC,CAAC,EAAE;IACVC,OAAO,CAACC,IAAI,CAACF,CAAC,CAAC;IAEf,OAAOD,SAAS;EAClB;AACF;AAEA,IAAMI,qBAAqB,GAAGC,cAAS,GAAGX,wBAAwB,CAACY,QAAQ,CAACC,MAAM,CAAC,GAAGP,SAAS;AAIxF,SAASQ,QAAQ,CAACC,WAAyB,EAAgB;EAChE,IAAIL,qBAAqB,EAAE;IACzB,OAAOA,qBAAqB;EAC9B;EAEA,IAAI,CAACK,WAAW,EAAE;IAChBA,WAAW,GAAG,IAAAC,2BAAkB,GAAE;EACpC;EAEA,OAAOD,WAAW,CAACE,MAAM,KAAK,KAAK,GAAGvB,QAAQ,CAACwB,GAAG,GAAGxB,QAAQ,CAACyB,OAAO;AACvE"}

package/dist/cjs/lib/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["findAllIncludes","target","search","includes","i","indexOf","push","letterRegexp","RegExp","e","_getOptionLabel","option","getTitleFromChildren","label","defaultFilterFn","query","getOptionLabel","toLocaleLowerCase","startsWith","index","test","length","getFormFieldModeFromSelectType","selectType"],"sources":["../../../src/lib/select.ts"],"sourcesContent":["import * as React from 'react';\nimport { getTitleFromChildren } from './utils';\nimport { SelectType } from '../components/Select/Select';\n\ntype Option = {\n  label?: React.ReactElement | string;\n  [index: string]: any;\n};\n\nconst findAllIncludes = (target = '', search = '') => {\n  const includes = [];\n\n  let i = target.indexOf(search);\n  while (i !== -1) {\n    includes.push(i);\n    i = target.indexOf(search, i + 1);\n  }\n\n  return includes;\n};\n\nlet letterRegexp: RegExp;\n\n// На момент написания флаг u не поддерживался рядом браузеров, поэтому добавили фоллбэк.\ntry {\n  letterRegexp = new RegExp('\\\\p{L}', 'u');\n} catch (e) {}\n\ntype GetOptionLabel = (option: Option) => string | undefined;\n\nconst _getOptionLabel: GetOptionLabel = (option) => getTitleFromChildren(option.label);\n\nexport const defaultFilterFn = (\n  query = '',\n  option: Option,\n  getOptionLabel: GetOptionLabel = _getOptionLabel,\n) => {\n  query = query.toLocaleLowerCase();\n  let label = getOptionLabel(option)?.toLocaleLowerCase();\n\n  if (label?.startsWith(query)) {\n    return true;\n  }\n\n  const includes = findAllIncludes(label, query);\n\n  // Ищем вхождение перед началом которого не буква\n  if (letterRegexp && label) {\n    for (const index of includes) {\n      if (!letterRegexp.test(label[index - 1])) {\n        return true;\n      }\n    }\n  } else {\n    // если regexp не поддерживается, то ищем любое вхождение\n    return includes.length > 0;\n  }\n\n  return false;\n};\n\nexport const getFormFieldModeFromSelectType = (selectType: SelectType = 'default') => {\n  return selectType === 'default' ? 'default' : 'plain';\n};\n"],"mappings":";;;;;;;;AACA;AAQA,IAAMA,eAAe,GAAG,SAAlBA,eAAe,GAAiC;EAAA,IAA7BC,MAAM,uEAAG,EAAE;EAAA,IAAEC,MAAM,uEAAG,EAAE;EAC/C,IAAMC,QAAQ,GAAG,EAAE;EAEnB,IAAIC,CAAC,GAAGH,MAAM,CAACI,OAAO,CAACH,MAAM,CAAC;EAC9B,OAAOE,CAAC,KAAK,CAAC,CAAC,EAAE;IACfD,QAAQ,CAACG,IAAI,CAACF,CAAC,CAAC;IAChBA,CAAC,GAAGH,MAAM,CAACI,OAAO,CAACH,MAAM,EAAEE,CAAC,GAAG,CAAC,CAAC;EACnC;EAEA,OAAOD,QAAQ;AACjB,CAAC;AAED,IAAII,YAAoB;;AAExB;AACA,IAAI;EACFA,YAAY,GAAG,IAAIC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC;AAC1C,CAAC,CAAC,OAAOC,CAAC,EAAE,CAAC;AAIb,IAAMC,eAA+B,GAAG,SAAlCA,eAA+B,CAAIC,MAAM;EAAA,OAAK,IAAAC,2BAAoB,EAACD,MAAM,CAACE,KAAK,CAAC;AAAA;AAE/E,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAIvB;EAAA;EAAA,IAHHC,KAAK,uEAAG,EAAE;EAAA,IACVJ,MAAc;EAAA,IACdK,cAA8B,uEAAGN,eAAe;EAEhDK,KAAK,GAAGA,KAAK,CAACE,iBAAiB,EAAE;EACjC,IAAIJ,KAAK,uBAAGG,cAAc,CAACL,MAAM,CAAC,qDAAtB,iBAAwBM,iBAAiB,EAAE;EAEvD,IAAIJ,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEK,UAAU,CAACH,KAAK,CAAC,EAAE;IAC5B,OAAO,IAAI;EACb;EAEA,IAAMZ,QAAQ,GAAGH,eAAe,CAACa,KAAK,EAAEE,KAAK,CAAC;;EAE9C;EACA,IAAIR,YAAY,IAAIM,KAAK,EAAE;IAAA,yDACLV,QAAQ;MAAA;IAAA;MAA5B,oDAA8B;QAAA,IAAnBgB,MAAK;QACd,IAAI,CAACZ,YAAY,CAACa,IAAI,CAACP,KAAK,CAACM,MAAK,GAAG,CAAC,CAAC,CAAC,EAAE;UACxC,OAAO,IAAI;QACb;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;EACH,CAAC,MAAM;IACL;IACA,OAAOhB,QAAQ,CAACkB,MAAM,GAAG,CAAC;EAC5B;EAEA,OAAO,KAAK;AACd,CAAC;AAAC;AAEK,IAAMC,8BAA8B,GAAG,SAAjCA,8BAA8B,GAA2C;EAAA,IAAvCC,UAAsB,uEAAG,SAAS;EAC/E,OAAOA,UAAU,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO;AACvD,CAAC;AAAC"}
+{"version":3,"file":"select.js","names":["findAllIncludes","target","search","includes","i","indexOf","push","letterRegexp","RegExp","e","_getOptionLabel","option","getTitleFromChildren","label","defaultFilterFn","query","getOptionLabel","toLocaleLowerCase","startsWith","index","test","length","getFormFieldModeFromSelectType","selectType"],"sources":["../../../src/lib/select.ts"],"sourcesContent":["import * as React from 'react';\nimport { SelectType } from '../components/Select/Select';\nimport { getTitleFromChildren } from './utils';\n\ntype Option = {\n  label?: React.ReactElement | string;\n  [index: string]: any;\n};\n\nconst findAllIncludes = (target = '', search = '') => {\n  const includes = [];\n\n  let i = target.indexOf(search);\n  while (i !== -1) {\n    includes.push(i);\n    i = target.indexOf(search, i + 1);\n  }\n\n  return includes;\n};\n\nlet letterRegexp: RegExp;\n\n// На момент написания флаг u не поддерживался рядом браузеров, поэтому добавили фоллбэк.\ntry {\n  letterRegexp = new RegExp('\\\\p{L}', 'u');\n} catch (e) {}\n\ntype GetOptionLabel = (option: Option) => string | undefined;\n\nconst _getOptionLabel: GetOptionLabel = (option) => getTitleFromChildren(option.label);\n\nexport const defaultFilterFn = (\n  query = '',\n  option: Option,\n  getOptionLabel: GetOptionLabel = _getOptionLabel,\n) => {\n  query = query.toLocaleLowerCase();\n  let label = getOptionLabel(option)?.toLocaleLowerCase();\n\n  if (label?.startsWith(query)) {\n    return true;\n  }\n\n  const includes = findAllIncludes(label, query);\n\n  // Ищем вхождение перед началом которого не буква\n  if (letterRegexp && label) {\n    for (const index of includes) {\n      if (!letterRegexp.test(label[index - 1])) {\n        return true;\n      }\n    }\n  } else {\n    // если regexp не поддерживается, то ищем любое вхождение\n    return includes.length > 0;\n  }\n\n  return false;\n};\n\nexport const getFormFieldModeFromSelectType = (selectType: SelectType = 'default') => {\n  return selectType === 'default' ? 'default' : 'plain';\n};\n"],"mappings":";;;;;;;;AAEA;AAOA,IAAMA,eAAe,GAAG,SAAlBA,eAAe,GAAiC;EAAA,IAA7BC,MAAM,uEAAG,EAAE;EAAA,IAAEC,MAAM,uEAAG,EAAE;EAC/C,IAAMC,QAAQ,GAAG,EAAE;EAEnB,IAAIC,CAAC,GAAGH,MAAM,CAACI,OAAO,CAACH,MAAM,CAAC;EAC9B,OAAOE,CAAC,KAAK,CAAC,CAAC,EAAE;IACfD,QAAQ,CAACG,IAAI,CAACF,CAAC,CAAC;IAChBA,CAAC,GAAGH,MAAM,CAACI,OAAO,CAACH,MAAM,EAAEE,CAAC,GAAG,CAAC,CAAC;EACnC;EAEA,OAAOD,QAAQ;AACjB,CAAC;AAED,IAAII,YAAoB;;AAExB;AACA,IAAI;EACFA,YAAY,GAAG,IAAIC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC;AAC1C,CAAC,CAAC,OAAOC,CAAC,EAAE,CAAC;AAIb,IAAMC,eAA+B,GAAG,SAAlCA,eAA+B,CAAIC,MAAM;EAAA,OAAK,IAAAC,2BAAoB,EAACD,MAAM,CAACE,KAAK,CAAC;AAAA;AAE/E,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAIvB;EAAA;EAAA,IAHHC,KAAK,uEAAG,EAAE;EAAA,IACVJ,MAAc;EAAA,IACdK,cAA8B,uEAAGN,eAAe;EAEhDK,KAAK,GAAGA,KAAK,CAACE,iBAAiB,EAAE;EACjC,IAAIJ,KAAK,uBAAGG,cAAc,CAACL,MAAM,CAAC,qDAAtB,iBAAwBM,iBAAiB,EAAE;EAEvD,IAAIJ,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEK,UAAU,CAACH,KAAK,CAAC,EAAE;IAC5B,OAAO,IAAI;EACb;EAEA,IAAMZ,QAAQ,GAAGH,eAAe,CAACa,KAAK,EAAEE,KAAK,CAAC;;EAE9C;EACA,IAAIR,YAAY,IAAIM,KAAK,EAAE;IAAA,yDACLV,QAAQ;MAAA;IAAA;MAA5B,oDAA8B;QAAA,IAAnBgB,MAAK;QACd,IAAI,CAACZ,YAAY,CAACa,IAAI,CAACP,KAAK,CAACM,MAAK,GAAG,CAAC,CAAC,CAAC,EAAE;UACxC,OAAO,IAAI;QACb;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;EACH,CAAC,MAAM;IACL;IACA,OAAOhB,QAAQ,CAACkB,MAAM,GAAG,CAAC;EAC5B;EAEA,OAAO,KAAK;AACd,CAAC;AAAC;AAEK,IAAMC,8BAA8B,GAAG,SAAjCA,8BAA8B,GAA2C;EAAA,IAAvCC,UAAsB,uEAAG,SAAS;EAC/E,OAAOA,UAAU,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO;AACvD,CAAC;AAAC"}

package/dist/cjs/shared/breakpoints.d.ts

@@ -27,3 +27,47 @@ export namespace MEDIA_QUERIES {
     const MEDIUM_HEIGHT: string;
     const MOBILE_LANDSCAPE_HEIGHT: string;
 }
+/**
+ * Полуинтервал [a;b)
+ *
+ * @param {number} a
+ * @param {number} b
+ * @returns {string}
+ */
+export function widthHalfInterval(a: number, b: number): string;
+/**
+ * Луч [a;+∞)
+ *
+ * @param {number} a
+ * @returns {string}
+ */
+export function widthPlus(a: number): string;
+/**
+ * Открытый луч (-∞;b)
+ *
+ * @param {number} b
+ * @returns {string}
+ */
+export function widthMinus(b: number): string;
+/**
+ * Полуинтервал [a;b)
+ *
+ * @param {number} a
+ * @param {number} b
+ * @returns {string}
+ */
+export function heightHalfInterval(a: number, b: number): string;
+/**
+ * Луч [a;+∞)
+ *
+ * @param {number} a
+ * @returns {string}
+ */
+export function heightPlus(a: number): string;
+/**
+ * Открытый луч (-∞;b)
+ *
+ * @param {number} b
+ * @returns {string}
+ */
+export function heightMinus(b: number): string;

package/dist/cjs/shared/breakpoints.js

@@ -21,22 +21,88 @@ var BREAKPOINTS = {
   MEDIUM_HEIGHT: 720
 };
 
-// WARNING: Не используйте различия между медиа выражениями
-// `(max-width: 767px)` - `(min-width: 768px)`, так как размеры могут быть
-// дробными `767.333px`.
-//
-// Вместо этого используйте `(not (min-width: 768px))` - `(min-width: 768px)`!
+/**
+ * Луч [a;+∞)
+ *
+ * @param {number} a
+ * @returns {string}
+ */
+function widthPlus(a) {
+  return "(min-width: ".concat(a, "px)");
+}
+
+/**
+ * Открытый луч (-∞;b)
+ *
+ * @param {number} b
+ * @returns {string}
+ */
+function widthMinus(b) {
+  // NOTE: `not` плохо поддерживается, поэтому используем max-width и вычитаем
+  // от числа 0.1
+  return "(max-width: ".concat(b - 0.1, "px)");
+}
+
+/**
+ * Полуинтервал [a;b)
+ *
+ * @param {number} a
+ * @param {number} b
+ * @returns {string}
+ */
+function widthHalfInterval(a, b) {
+  return "".concat(widthPlus(a), " and ").concat(widthMinus(b));
+}
+
+/**
+ * Луч [a;+∞)
+ *
+ * @param {number} a
+ * @returns {string}
+ */
+function heightPlus(a) {
+  return "(min-height: ".concat(a, "px)");
+}
+
+/**
+ * Открытый луч (-∞;b)
+ *
+ * @param {number} b
+ * @returns {string}
+ */
+function heightMinus(b) {
+  // NOTE: `not` плохо поддерживается, поэтому используем max-width и вычитаем
+  // от числа 0.1
+  return "(max-height: ".concat(b - 0.1, "px)");
+}
+
+/**
+ * Полуинтервал [a;b)
+ *
+ * @param {number} a
+ * @param {number} b
+ * @returns {string}
+ */
+function heightHalfInterval(a, b) {
+  return "".concat(heightPlus(a), " and ").concat(heightMinus(b));
+}
 var MEDIA_QUERIES = {
-  DESKTOP_PLUS: "(min-width: ".concat(BREAKPOINTS.DESKTOP, "px)"),
-  TABLET: "(min-width: ".concat(BREAKPOINTS.TABLET, "px) and (not (min-width: ").concat(BREAKPOINTS.DESKTOP, "px))"),
-  SMALL_TABLET_PLUS: "(min-width: ".concat(BREAKPOINTS.SMALL_TABLET, "px)"),
-  SMALL_TABLET: "(min-width: ".concat(BREAKPOINTS.SMALL_TABLET, "px) and (not (min-width: ").concat(BREAKPOINTS.TABLET, "px))"),
-  MOBILE: "(min-width: ".concat(BREAKPOINTS.MOBILE, "px) and (not (min-width: ").concat(BREAKPOINTS.SMALL_TABLET, "px))"),
-  MEDIUM_HEIGHT: "(min-height: ".concat(BREAKPOINTS.MEDIUM_HEIGHT, "px)"),
-  MOBILE_LANDSCAPE_HEIGHT: "(min-height: ".concat(BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT, "px)")
+  DESKTOP_PLUS: widthPlus(BREAKPOINTS.DESKTOP),
+  TABLET: widthHalfInterval(BREAKPOINTS.TABLET, BREAKPOINTS.DESKTOP),
+  SMALL_TABLET_PLUS: widthPlus(BREAKPOINTS.SMALL_TABLET),
+  SMALL_TABLET: widthHalfInterval(BREAKPOINTS.SMALL_TABLET, BREAKPOINTS.TABLET),
+  MOBILE: widthHalfInterval(BREAKPOINTS.MOBILE, BREAKPOINTS.SMALL_TABLET),
+  MEDIUM_HEIGHT: heightPlus(BREAKPOINTS.MEDIUM_HEIGHT),
+  MOBILE_LANDSCAPE_HEIGHT: heightPlus(BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT)
 };
 module.exports = {
   BREAKPOINTS: BREAKPOINTS,
-  MEDIA_QUERIES: MEDIA_QUERIES
+  MEDIA_QUERIES: MEDIA_QUERIES,
+  widthHalfInterval: widthHalfInterval,
+  widthPlus: widthPlus,
+  widthMinus: widthMinus,
+  heightHalfInterval: heightHalfInterval,
+  heightPlus: heightPlus,
+  heightMinus: heightMinus
 };
 //# sourceMappingURL=breakpoints.js.map

package/dist/cjs/shared/breakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.js","names":["BREAKPOINTS","DESKTOP","TABLET","SMALL_TABLET","MOBILE","MOBILE_LANDSCAPE_HEIGHT","MEDIUM_HEIGHT","MEDIA_QUERIES","DESKTOP_PLUS","SMALL_TABLET_PLUS","module","exports"],"sources":["../../../src/shared/breakpoints.js"],"sourcesContent":["/**\n * Храним брейкпоинты в JS файле для синхронизации значений между TS и CSS.\n *\n * @type {{\n *  DESKTOP: 1280,\n *  TABLET: 1024,\n *  SMALL_TABLET: 768,\n *  MOBILE: 320,\n *  MOBILE_LANDSCAPE_HEIGHT: 415,\n *  MEDIUM_HEIGHT: 720\n * }}\n */\nconst BREAKPOINTS = {\n  DESKTOP: 1280,\n  TABLET: 1024,\n  SMALL_TABLET: 768,\n  MOBILE: 320,\n  MOBILE_LANDSCAPE_HEIGHT: 415,\n  MEDIUM_HEIGHT: 720,\n};\n\n// WARNING: Не используйте различия между медиа выражениями\n// `(max-width: 767px)` - `(min-width: 768px)`, так как размеры могут быть\n// дробными `767.333px`.\n//\n// Вместо этого используйте `(not (min-width: 768px))` - `(min-width: 768px)`!\nconst MEDIA_QUERIES = {\n  DESKTOP_PLUS: `(min-width: ${BREAKPOINTS.DESKTOP}px)`,\n\n  TABLET: `(min-width: ${BREAKPOINTS.TABLET}px) and (not (min-width: ${BREAKPOINTS.DESKTOP}px))`,\n\n  SMALL_TABLET_PLUS: `(min-width: ${BREAKPOINTS.SMALL_TABLET}px)`,\n  SMALL_TABLET: `(min-width: ${BREAKPOINTS.SMALL_TABLET}px) and (not (min-width: ${BREAKPOINTS.TABLET}px))`,\n\n  MOBILE: `(min-width: ${BREAKPOINTS.MOBILE}px) and (not (min-width: ${BREAKPOINTS.SMALL_TABLET}px))`,\n\n  MEDIUM_HEIGHT: `(min-height: ${BREAKPOINTS.MEDIUM_HEIGHT}px)`,\n\n  MOBILE_LANDSCAPE_HEIGHT: `(min-height: ${BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT}px)`,\n};\n\nmodule.exports = { BREAKPOINTS, MEDIA_QUERIES };\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,WAAW,GAAG;EAClBC,OAAO,EAAE,IAAI;EACbC,MAAM,EAAE,IAAI;EACZC,YAAY,EAAE,GAAG;EACjBC,MAAM,EAAE,GAAG;EACXC,uBAAuB,EAAE,GAAG;EAC5BC,aAAa,EAAE;AACjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,IAAMC,aAAa,GAAG;EACpBC,YAAY,wBAAiBR,WAAW,CAACC,OAAO,QAAK;EAErDC,MAAM,wBAAiBF,WAAW,CAACE,MAAM,sCAA4BF,WAAW,CAACC,OAAO,SAAM;EAE9FQ,iBAAiB,wBAAiBT,WAAW,CAACG,YAAY,QAAK;EAC/DA,YAAY,wBAAiBH,WAAW,CAACG,YAAY,sCAA4BH,WAAW,CAACE,MAAM,SAAM;EAEzGE,MAAM,wBAAiBJ,WAAW,CAACI,MAAM,sCAA4BJ,WAAW,CAACG,YAAY,SAAM;EAEnGG,aAAa,yBAAkBN,WAAW,CAACM,aAAa,QAAK;EAE7DD,uBAAuB,yBAAkBL,WAAW,CAACK,uBAAuB;AAC9E,CAAC;AAEDK,MAAM,CAACC,OAAO,GAAG;EAAEX,WAAW,EAAXA,WAAW;EAAEO,aAAa,EAAbA;AAAc,CAAC"}
+{"version":3,"file":"breakpoints.js","names":["BREAKPOINTS","DESKTOP","TABLET","SMALL_TABLET","MOBILE","MOBILE_LANDSCAPE_HEIGHT","MEDIUM_HEIGHT","widthPlus","a","widthMinus","b","widthHalfInterval","heightPlus","heightMinus","heightHalfInterval","MEDIA_QUERIES","DESKTOP_PLUS","SMALL_TABLET_PLUS","module","exports"],"sources":["../../../src/shared/breakpoints.js"],"sourcesContent":["/**\n * Храним брейкпоинты в JS файле для синхронизации значений между TS и CSS.\n *\n * @type {{\n *  DESKTOP: 1280,\n *  TABLET: 1024,\n *  SMALL_TABLET: 768,\n *  MOBILE: 320,\n *  MOBILE_LANDSCAPE_HEIGHT: 415,\n *  MEDIUM_HEIGHT: 720\n * }}\n */\nconst BREAKPOINTS = {\n  DESKTOP: 1280,\n  TABLET: 1024,\n  SMALL_TABLET: 768,\n  MOBILE: 320,\n  MOBILE_LANDSCAPE_HEIGHT: 415,\n  MEDIUM_HEIGHT: 720,\n};\n\n/**\n * Луч [a;+∞)\n *\n * @param {number} a\n * @returns {string}\n */\nfunction widthPlus(a) {\n  return `(min-width: ${a}px)`;\n}\n\n/**\n * Открытый луч (-∞;b)\n *\n * @param {number} b\n * @returns {string}\n */\nfunction widthMinus(b) {\n  // NOTE: `not` плохо поддерживается, поэтому используем max-width и вычитаем\n  // от числа 0.1\n  return `(max-width: ${b - 0.1}px)`;\n}\n\n/**\n * Полуинтервал [a;b)\n *\n * @param {number} a\n * @param {number} b\n * @returns {string}\n */\nfunction widthHalfInterval(a, b) {\n  return `${widthPlus(a)} and ${widthMinus(b)}`;\n}\n\n/**\n * Луч [a;+∞)\n *\n * @param {number} a\n * @returns {string}\n */\nfunction heightPlus(a) {\n  return `(min-height: ${a}px)`;\n}\n\n/**\n * Открытый луч (-∞;b)\n *\n * @param {number} b\n * @returns {string}\n */\nfunction heightMinus(b) {\n  // NOTE: `not` плохо поддерживается, поэтому используем max-width и вычитаем\n  // от числа 0.1\n  return `(max-height: ${b - 0.1}px)`;\n}\n\n/**\n * Полуинтервал [a;b)\n *\n * @param {number} a\n * @param {number} b\n * @returns {string}\n */\nfunction heightHalfInterval(a, b) {\n  return `${heightPlus(a)} and ${heightMinus(b)}`;\n}\n\nconst MEDIA_QUERIES = {\n  DESKTOP_PLUS: widthPlus(BREAKPOINTS.DESKTOP),\n\n  TABLET: widthHalfInterval(BREAKPOINTS.TABLET, BREAKPOINTS.DESKTOP),\n\n  SMALL_TABLET_PLUS: widthPlus(BREAKPOINTS.SMALL_TABLET),\n  SMALL_TABLET: widthHalfInterval(BREAKPOINTS.SMALL_TABLET, BREAKPOINTS.TABLET),\n\n  MOBILE: widthHalfInterval(BREAKPOINTS.MOBILE, BREAKPOINTS.SMALL_TABLET),\n\n  MEDIUM_HEIGHT: heightPlus(BREAKPOINTS.MEDIUM_HEIGHT),\n\n  MOBILE_LANDSCAPE_HEIGHT: heightPlus(BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT),\n};\n\nmodule.exports = {\n  BREAKPOINTS,\n  MEDIA_QUERIES,\n  widthHalfInterval,\n  widthPlus,\n  widthMinus,\n  heightHalfInterval,\n  heightPlus,\n  heightMinus,\n};\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,WAAW,GAAG;EAClBC,OAAO,EAAE,IAAI;EACbC,MAAM,EAAE,IAAI;EACZC,YAAY,EAAE,GAAG;EACjBC,MAAM,EAAE,GAAG;EACXC,uBAAuB,EAAE,GAAG;EAC5BC,aAAa,EAAE;AACjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,SAAS,CAACC,CAAC,EAAE;EACpB,6BAAsBA,CAAC;AACzB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAU,CAACC,CAAC,EAAE;EACrB;EACA;EACA,6BAAsBA,CAAC,GAAG,GAAG;AAC/B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,iBAAiB,CAACH,CAAC,EAAEE,CAAC,EAAE;EAC/B,iBAAUH,SAAS,CAACC,CAAC,CAAC,kBAAQC,UAAU,CAACC,CAAC,CAAC;AAC7C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,UAAU,CAACJ,CAAC,EAAE;EACrB,8BAAuBA,CAAC;AAC1B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAASK,WAAW,CAACH,CAAC,EAAE;EACtB;EACA;EACA,8BAAuBA,CAAC,GAAG,GAAG;AAChC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASI,kBAAkB,CAACN,CAAC,EAAEE,CAAC,EAAE;EAChC,iBAAUE,UAAU,CAACJ,CAAC,CAAC,kBAAQK,WAAW,CAACH,CAAC,CAAC;AAC/C;AAEA,IAAMK,aAAa,GAAG;EACpBC,YAAY,EAAET,SAAS,CAACP,WAAW,CAACC,OAAO,CAAC;EAE5CC,MAAM,EAAES,iBAAiB,CAACX,WAAW,CAACE,MAAM,EAAEF,WAAW,CAACC,OAAO,CAAC;EAElEgB,iBAAiB,EAAEV,SAAS,CAACP,WAAW,CAACG,YAAY,CAAC;EACtDA,YAAY,EAAEQ,iBAAiB,CAACX,WAAW,CAACG,YAAY,EAAEH,WAAW,CAACE,MAAM,CAAC;EAE7EE,MAAM,EAAEO,iBAAiB,CAACX,WAAW,CAACI,MAAM,EAAEJ,WAAW,CAACG,YAAY,CAAC;EAEvEG,aAAa,EAAEM,UAAU,CAACZ,WAAW,CAACM,aAAa,CAAC;EAEpDD,uBAAuB,EAAEO,UAAU,CAACZ,WAAW,CAACK,uBAAuB;AACzE,CAAC;AAEDa,MAAM,CAACC,OAAO,GAAG;EACfnB,WAAW,EAAXA,WAAW;EACXe,aAAa,EAAbA,aAAa;EACbJ,iBAAiB,EAAjBA,iBAAiB;EACjBJ,SAAS,EAATA,SAAS;EACTE,UAAU,EAAVA,UAAU;EACVK,kBAAkB,EAAlBA,kBAAkB;EAClBF,UAAU,EAAVA,UAAU;EACVC,WAAW,EAAXA;AACF,CAAC"}

package/dist/cjs/types.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { PlatformType } from './lib/platform';
 import { Insets } from '@vkontakte/vk-bridge';
+import { PlatformType } from './lib/platform';
 export declare type AnyFunction = (...args: any[]) => any;
 export declare type AlignType = 'left' | 'center' | 'right';
 export interface HasChildren {
@@ -41,3 +41,11 @@ export interface Version {
  * @see {@link https://developer.mozilla.org/ru/docs/Web/HTML/Element/A <a> - HTML | MDN}
  */
 export declare type AnchorHTMLAttributesOnly = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof React.HTMLAttributes<HTMLAnchorElement>>;
+/**
+ * Проверяет, является ли тип подтипом другого.
+ *
+ * В TS не реализовано.
+ *
+ * @see {@link https://github.com/microsoft/TypeScript/issues/12936}
+ */
+export declare type Exact<A, B> = A extends B ? B : never;

package/dist/cjs/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../src/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { PlatformType } from './lib/platform';\nimport { Insets } from '@vkontakte/vk-bridge';\n\nexport type AnyFunction = (...args: any[]) => any;\n\nexport type AlignType = 'left' | 'center' | 'right';\n\nexport interface HasChildren {\n  children?: React.ReactNode;\n}\n\nexport interface HasRootRef<T> {\n  getRootRef?: React.Ref<T>;\n}\n\nexport interface HasRef<T> {\n  getRef?: React.Ref<T>;\n}\n\nexport interface HasComponent {\n  Component?: React.ElementType;\n}\n\nexport interface HasAlign {\n  align?: AlignType;\n}\n\nexport interface HasPlatform {\n  /**\n   * @ignore\n   */\n  platform?: PlatformType;\n}\n\nexport interface HasInsets {\n  /**\n   * @ignore\n   */\n  insets?: Partial<Insets>;\n}\n\nexport interface Version {\n  major: number;\n  minor?: number;\n  patch?: number;\n}\n\n/**\n * Тип содержит атрибуты, которые применяются только для `<a>`\n *\n * @see {@link https://developer.mozilla.org/ru/docs/Web/HTML/Element/A &lt;a&gt; - HTML | MDN}\n */\nexport type AnchorHTMLAttributesOnly = Omit<\n  React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  keyof React.HTMLAttributes<HTMLAnchorElement>\n>;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { Insets } from '@vkontakte/vk-bridge';\nimport { PlatformType } from './lib/platform';\n\nexport type AnyFunction = (...args: any[]) => any;\n\nexport type AlignType = 'left' | 'center' | 'right';\n\nexport interface HasChildren {\n  children?: React.ReactNode;\n}\n\nexport interface HasRootRef<T> {\n  getRootRef?: React.Ref<T>;\n}\n\nexport interface HasRef<T> {\n  getRef?: React.Ref<T>;\n}\n\nexport interface HasComponent {\n  Component?: React.ElementType;\n}\n\nexport interface HasAlign {\n  align?: AlignType;\n}\n\nexport interface HasPlatform {\n  /**\n   * @ignore\n   */\n  platform?: PlatformType;\n}\n\nexport interface HasInsets {\n  /**\n   * @ignore\n   */\n  insets?: Partial<Insets>;\n}\n\nexport interface Version {\n  major: number;\n  minor?: number;\n  patch?: number;\n}\n\n/**\n * Тип содержит атрибуты, которые применяются только для `<a>`\n *\n * @see {@link https://developer.mozilla.org/ru/docs/Web/HTML/Element/A &lt;a&gt; - HTML | MDN}\n */\nexport type AnchorHTMLAttributesOnly = Omit<\n  React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  keyof React.HTMLAttributes<HTMLAnchorElement>\n>;\n\n/**\n * Проверяет, является ли тип подтипом другого.\n *\n * В TS не реализовано.\n *\n * @see {@link https://github.com/microsoft/TypeScript/issues/12936}\n */\nexport type Exact<A, B> = A extends B ? B : never;\n"],"mappings":""}

package/dist/components/ActionSheet/ActionSheet.js

@@ -3,18 +3,18 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "className", "header", "text", "style", "iosCloseItem", "popupDirection", "popupOffsetDistance"];
 import * as React from 'react';
-import { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';
-import { Platform } from '../../lib/platform';
-import { ActionSheetDropdownDesktop } from './ActionSheetDropdownDesktop';
-import { ActionSheetDropdown } from './ActionSheetDropdown';
 import { noop } from '@vkontakte/vkjs';
-import { ActionSheetContext } from './ActionSheetContext';
-import { Footnote } from '../Typography/Footnote/Footnote';
-import { usePlatform } from '../../hooks/usePlatform';
-import { useTimeout } from '../../hooks/useTimeout';
 import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
 import { useObjectMemo } from '../../hooks/useObjectMemo';
+import { usePlatform } from '../../hooks/usePlatform';
+import { useTimeout } from '../../hooks/useTimeout';
+import { Platform } from '../../lib/platform';
 import { useScrollLock } from '../AppRoot/ScrollContext';
+import { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';
+import { Footnote } from '../Typography/Footnote/Footnote';
+import { ActionSheetContext } from './ActionSheetContext';
+import { ActionSheetDropdown } from './ActionSheetDropdown';
+import { ActionSheetDropdownDesktop } from './ActionSheetDropdownDesktop';
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheet
  */

package/dist/components/ActionSheet/ActionSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionSheet.js","names":["React","PopoutWrapper","Platform","ActionSheetDropdownDesktop","ActionSheetDropdown","noop","ActionSheetContext","Footnote","usePlatform","useTimeout","useAdaptivityWithJSMediaQueries","useObjectMemo","useScrollLock","ActionSheet","children","className","header","text","style","iosCloseItem","popupDirection","popupOffsetDistance","restProps","platform","useState","closing","setClosing","onClose","_action","useRef","afterClose","current","isDesktop","timeout","IOS","fallbackTransitionFinish","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoClose","event","persist","contextValue","DropdownComponent","dropdownProps","Object","assign","actionSheet","undefined"],"sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["import * as React from 'react';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Platform } from '../../lib/platform';\nimport { ActionSheetDropdownDesktop } from './ActionSheetDropdownDesktop';\nimport { ActionSheetDropdown } from './ActionSheetDropdown';\nimport { noop } from '@vkontakte/vkjs';\nimport { ActionSheetContext, ItemClickHandler } from './ActionSheetContext';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { SharedDropdownProps } from './types';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport styles from './ActionSheet.module.css';\n\nexport interface ActionSheetProps\n  extends Pick<SharedDropdownProps, 'toggleRef' | 'popupDirection' | 'popupOffsetDistance'>,\n    React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи.\n   */\n  onClose: VoidFunction;\n  /**\n   * Только iOS.\n   */\n  iosCloseItem: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  popupDirection = 'bottom',\n  popupOffsetDistance,\n  ...restProps\n}: ActionSheetProps) => {\n  const platform = usePlatform();\n  const [closing, setClosing] = React.useState(false);\n  const onClose = () => setClosing(true);\n  const _action = React.useRef(noop);\n\n  const afterClose = () => {\n    restProps.onClose();\n    _action.current();\n    _action.current = noop;\n  };\n\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  useScrollLock(!isDesktop);\n\n  let timeout = platform === Platform.IOS ? 300 : 200;\n\n  if (isDesktop) {\n    timeout = 0;\n  }\n\n  const fallbackTransitionFinish = useTimeout(afterClose, timeout);\n  React.useEffect(() => {\n    if (closing) {\n      fallbackTransitionFinish.set();\n    } else {\n      fallbackTransitionFinish.clear();\n    }\n  }, [closing, fallbackTransitionFinish]);\n\n  const onItemClick = React.useCallback<ItemClickHandler>(\n    (action, immediateAction, autoClose) => (event) => {\n      event.persist();\n      immediateAction && immediateAction(event);\n      if (autoClose) {\n        _action.current = () => action && action(event);\n        setClosing(true);\n      } else {\n        action && action(event);\n      }\n    },\n    [],\n  );\n  const contextValue = useObjectMemo({ onItemClick, isDesktop });\n\n  const DropdownComponent = isDesktop ? ActionSheetDropdownDesktop : ActionSheetDropdown;\n\n  const dropdownProps = isDesktop\n    ? Object.assign(restProps, { popupOffsetDistance, popupDirection })\n    : restProps;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={closing}\n        timeout={timeout}\n        {...dropdownProps}\n        onClose={onClose}\n        className={isDesktop ? className : undefined}\n        style={isDesktop ? style : undefined}\n      >\n        {(header || text) && (\n          <header className={styles['ActionSheet__header']}>\n            {header && (\n              <Footnote weight=\"2\" className={styles['ActionSheet__title']}>\n                {header}\n              </Footnote>\n            )}\n            {text && <Footnote className={styles['ActionSheet__text']}>{text}</Footnote>}\n          </header>\n        )}\n        {children}\n        {platform === Platform.IOS && !isDesktop && iosCloseItem}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  if (isDesktop) {\n    return actionSheet;\n  }\n\n  return (\n    <PopoutWrapper\n      closing={closing}\n      alignY=\"bottom\"\n      className={className}\n      style={style}\n      onClick={onClose}\n      hasMask\n      fixed\n    >\n      {actionSheet}\n    </PopoutWrapper>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ActionSheet.js","names":["React","noop","useAdaptivityWithJSMediaQueries","useObjectMemo","usePlatform","useTimeout","Platform","useScrollLock","PopoutWrapper","Footnote","ActionSheetContext","ActionSheetDropdown","ActionSheetDropdownDesktop","ActionSheet","children","className","header","text","style","iosCloseItem","popupDirection","popupOffsetDistance","restProps","platform","useState","closing","setClosing","onClose","_action","useRef","afterClose","current","isDesktop","timeout","IOS","fallbackTransitionFinish","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoClose","event","persist","contextValue","DropdownComponent","dropdownProps","Object","assign","actionSheet","undefined"],"sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { Platform } from '../../lib/platform';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { ActionSheetContext, ItemClickHandler } from './ActionSheetContext';\nimport { ActionSheetDropdown } from './ActionSheetDropdown';\nimport { ActionSheetDropdownDesktop } from './ActionSheetDropdownDesktop';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nexport interface ActionSheetProps\n  extends Pick<SharedDropdownProps, 'toggleRef' | 'popupDirection' | 'popupOffsetDistance'>,\n    React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи.\n   */\n  onClose: VoidFunction;\n  /**\n   * Только iOS.\n   */\n  iosCloseItem: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  popupDirection = 'bottom',\n  popupOffsetDistance,\n  ...restProps\n}: ActionSheetProps) => {\n  const platform = usePlatform();\n  const [closing, setClosing] = React.useState(false);\n  const onClose = () => setClosing(true);\n  const _action = React.useRef(noop);\n\n  const afterClose = () => {\n    restProps.onClose();\n    _action.current();\n    _action.current = noop;\n  };\n\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  useScrollLock(!isDesktop);\n\n  let timeout = platform === Platform.IOS ? 300 : 200;\n\n  if (isDesktop) {\n    timeout = 0;\n  }\n\n  const fallbackTransitionFinish = useTimeout(afterClose, timeout);\n  React.useEffect(() => {\n    if (closing) {\n      fallbackTransitionFinish.set();\n    } else {\n      fallbackTransitionFinish.clear();\n    }\n  }, [closing, fallbackTransitionFinish]);\n\n  const onItemClick = React.useCallback<ItemClickHandler>(\n    (action, immediateAction, autoClose) => (event) => {\n      event.persist();\n      immediateAction && immediateAction(event);\n      if (autoClose) {\n        _action.current = () => action && action(event);\n        setClosing(true);\n      } else {\n        action && action(event);\n      }\n    },\n    [],\n  );\n  const contextValue = useObjectMemo({ onItemClick, isDesktop });\n\n  const DropdownComponent = isDesktop ? ActionSheetDropdownDesktop : ActionSheetDropdown;\n\n  const dropdownProps = isDesktop\n    ? Object.assign(restProps, { popupOffsetDistance, popupDirection })\n    : restProps;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={closing}\n        timeout={timeout}\n        {...dropdownProps}\n        onClose={onClose}\n        className={isDesktop ? className : undefined}\n        style={isDesktop ? style : undefined}\n      >\n        {(header || text) && (\n          <header className={styles['ActionSheet__header']}>\n            {header && (\n              <Footnote weight=\"2\" className={styles['ActionSheet__title']}>\n                {header}\n              </Footnote>\n            )}\n            {text && <Footnote className={styles['ActionSheet__text']}>{text}</Footnote>}\n          </header>\n        )}\n        {children}\n        {platform === Platform.IOS && !isDesktop && iosCloseItem}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  if (isDesktop) {\n    return actionSheet;\n  }\n\n  return (\n    <PopoutWrapper\n      closing={closing}\n      alignY=\"bottom\"\n      className={className}\n      style={style}\n      onClick={onClose}\n      hasMask\n      fixed\n    >\n      {actionSheet}\n    </PopoutWrapper>\n  );\n};\n"],"mappings":"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"}

package/dist/components/ActionSheet/ActionSheetDropdown.js

@@ -2,11 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "closing", "toggleRef", "className"];
 import * as React from 'react';
-import { getSizeYClassName } from '../../helpers/getSizeYClassName';
 import { classNames } from '@vkontakte/vkjs';
-import { Platform } from '../../lib/platform';
-import { usePlatform } from '../../hooks/usePlatform';
 import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
+import { usePlatform } from '../../hooks/usePlatform';
+import { SizeType } from '../../lib/adaptivity';
+import { Platform } from '../../lib/platform';
 import { FocusTrap } from '../FocusTrap/FocusTrap';
 var stopPropagation = function stopPropagation(e) {
   return e.stopPropagation();
@@ -22,7 +22,7 @@ export var ActionSheetDropdown = function ActionSheetDropdown(_ref) {
   var platform = usePlatform();
   return /*#__PURE__*/React.createElement(FocusTrap, _extends({}, restProps, {
     onClick: stopPropagation,
-    className: classNames("vkuiActionSheet", platform === Platform.IOS && "vkuiActionSheet--ios", closing && "vkuiActionSheet--closing", getSizeYClassName("vkuiActionSheet", sizeY), className)
+    className: classNames("vkuiActionSheet", platform === Platform.IOS && "vkuiActionSheet--ios", closing && "vkuiActionSheet--closing", sizeY === SizeType.COMPACT && "vkuiActionSheet--sizeY-compact", className)
   }), children);
 };
 //# sourceMappingURL=ActionSheetDropdown.js.map

package/dist/components/ActionSheet/ActionSheetDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDropdown.js","names":["React","getSizeYClassName","classNames","Platform","usePlatform","useAdaptivityWithJSMediaQueries","FocusTrap","stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","className","restProps","sizeY","platform","IOS"],"sources":["../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSizeYClassName } from '../../helpers/getSizeYClassName';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Platform } from '../../lib/platform';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { SharedDropdownProps } from './types';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport styles from './ActionSheet.module.css';\n\nconst stopPropagation: React.MouseEventHandler = (e) => e.stopPropagation();\n\nexport type ActionSheetDropdownProps = Omit<\n  SharedDropdownProps,\n  'popupDirection' | 'popupOffsetDistance'\n>;\n\nexport const ActionSheetDropdown = ({\n  children,\n  closing,\n  // these 2 props are only omitted - ActionSheetDesktop compat\n  toggleRef,\n  className,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const platform = usePlatform();\n\n  return (\n    <FocusTrap\n      {...restProps}\n      onClick={stopPropagation}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === Platform.IOS && styles['ActionSheet--ios'],\n        closing && styles['ActionSheet--closing'],\n        getSizeYClassName(styles['ActionSheet'], sizeY),\n        className,\n      )}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,iCAAiC;AACnE,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,+BAA+B,QAAQ,6CAA6C;AAE7F,SAASC,SAAS,QAAQ,wBAAwB;AAGlD,IAAMC,eAAwC,GAAG,SAA3CA,eAAwC,CAAIC,CAAC;EAAA,OAAKA,CAAC,CAACD,eAAe,EAAE;AAAA;AAO3E,OAAO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmB,OAOL;EAAA,IANzBC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IAEPC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,4BAAkBT,+BAA+B,EAAE;IAA3CU,KAAK,yBAALA,KAAK;EACb,IAAMC,QAAQ,GAAGZ,WAAW,EAAE;EAE9B,oBACE,oBAAC,SAAS,eACJU,SAAS;IACb,OAAO,EAAEP,eAAgB;IACzB,SAAS,EAAEL,UAAU,oBAEnBc,QAAQ,KAAKb,QAAQ,CAACc,GAAG,0BAA8B,EACvDN,OAAO,8BAAkC,EACzCV,iBAAiB,oBAAwBc,KAAK,CAAC,EAC/CF,SAAS;EACT,IAEDH,QAAQ,CACC;AAEhB,CAAC"}
+{"version":3,"file":"ActionSheetDropdown.js","names":["React","classNames","useAdaptivityWithJSMediaQueries","usePlatform","SizeType","Platform","FocusTrap","stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","className","restProps","sizeY","platform","IOS","COMPACT"],"sources":["../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst stopPropagation: React.MouseEventHandler = (e) => e.stopPropagation();\n\nexport type ActionSheetDropdownProps = Omit<\n  SharedDropdownProps,\n  'popupDirection' | 'popupOffsetDistance'\n>;\n\nexport const ActionSheetDropdown = ({\n  children,\n  closing,\n  // these 2 props are only omitted - ActionSheetDesktop compat\n  toggleRef,\n  className,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const platform = usePlatform();\n\n  return (\n    <FocusTrap\n      {...restProps}\n      onClick={stopPropagation}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === Platform.IOS && styles['ActionSheet--ios'],\n        closing && styles['ActionSheet--closing'],\n        sizeY === SizeType.COMPACT && styles['ActionSheet--sizeY-compact'],\n        className,\n      )}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,+BAA+B,QAAQ,6CAA6C;AAC7F,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,SAAS,QAAQ,wBAAwB;AAIlD,IAAMC,eAAwC,GAAG,SAA3CA,eAAwC,CAAIC,CAAC;EAAA,OAAKA,CAAC,CAACD,eAAe,EAAE;AAAA;AAO3E,OAAO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmB,OAOL;EAAA,IANzBC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IAEPC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,4BAAkBZ,+BAA+B,EAAE;IAA3Ca,KAAK,yBAALA,KAAK;EACb,IAAMC,QAAQ,GAAGb,WAAW,EAAE;EAE9B,oBACE,oBAAC,SAAS,eACJW,SAAS;IACb,OAAO,EAAEP,eAAgB;IACzB,SAAS,EAAEN,UAAU,oBAEnBe,QAAQ,KAAKX,QAAQ,CAACY,GAAG,0BAA8B,EACvDN,OAAO,8BAAkC,EACzCI,KAAK,KAAKX,QAAQ,CAACc,OAAO,oCAAwC,EAClEL,SAAS;EACT,IAEDH,QAAQ,CACC;AAEhB,CAAC"}

package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js

@@ -2,16 +2,16 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "toggleRef", "closing", "popupDirection", "onClose", "className", "style", "popupOffsetDistance"];
 import * as React from 'react';
-import { getSizeYClassName } from '../../helpers/getSizeYClassName';
 import { classNames } from '@vkontakte/vkjs';
-import { useDOM } from '../../lib/dom';
-import { usePlatform } from '../../hooks/usePlatform';
-import { useEffectDev } from '../../hooks/useEffectDev';
 import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
+import { useEffectDev } from '../../hooks/useEffectDev';
+import { useEventListener } from '../../hooks/useEventListener';
+import { usePlatform } from '../../hooks/usePlatform';
+import { SizeType } from '../../lib/adaptivity';
+import { useDOM } from '../../lib/dom';
 import { isRefObject } from '../../lib/isRefObject';
-import { warnOnce } from '../../lib/warnOnce';
 import { Platform } from '../../lib/platform';
-import { useEventListener } from '../../hooks/useEventListener';
+import { warnOnce } from '../../lib/warnOnce';
 import { FocusTrap } from '../FocusTrap/FocusTrap';
 import { Popper } from '../Popper/Popper';
 var warn = warnOnce('ActionSheet');
@@ -70,7 +70,7 @@ export var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref
     targetRef: targetRef,
     offsetDistance: popupOffsetDistance,
     placement: isPopupDirectionTop ? 'top-end' : 'bottom-end',
-    className: classNames("vkuiActionSheet", platform === Platform.IOS && "vkuiActionSheet--ios", "vkuiActionSheet--desktop", getSizeYClassName("vkuiActionSheet", sizeY), className),
+    className: classNames("vkuiActionSheet", platform === Platform.IOS && "vkuiActionSheet--ios", "vkuiActionSheet--desktop", sizeY === SizeType.COMPACT && "vkuiActionSheet--sizeY-compact", className),
     style: style,
     getRef: elementRef,
     forcePortal: false

package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDropdownDesktop.js","names":["React","getSizeYClassName","classNames","useDOM","usePlatform","useEffectDev","useAdaptivityWithJSMediaQueries","isRefObject","warnOnce","Platform","useEventListener","FocusTrap","Popper","warn","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","className","style","popupOffsetDistance","restProps","document","platform","sizeY","elementRef","useRef","toggleEl","isPopupDirectionTop","useMemo","bodyClickListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","IOS"],"sources":["../../../src/components/ActionSheet/ActionSheetDropdownDesktop.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSizeYClassName } from '../../helpers/getSizeYClassName';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useDOM } from '../../lib/dom';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useEffectDev } from '../../hooks/useEffectDev';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { isRefObject } from '../../lib/isRefObject';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { Platform } from '../../lib/platform';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { SharedDropdownProps } from './types';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { Popper } from '../Popper/Popper';\nimport styles from './ActionSheet.module.css';\n\nconst warn = warnOnce('ActionSheet');\nfunction getEl(ref: SharedDropdownProps['toggleRef']): Element | null | undefined {\n  return ref && 'current' in ref ? ref.current : ref;\n}\n\nexport const ActionSheetDropdownDesktop = ({\n  children,\n  toggleRef,\n  closing,\n  popupDirection,\n  onClose,\n  className,\n  style,\n  popupOffsetDistance = 0,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const elementRef = React.useRef<HTMLDivElement | null>(null);\n\n  useEffectDev(() => {\n    const toggleEl = getEl(toggleRef);\n    if (!toggleEl) {\n      warn(`Свойство \"toggleRef\" не передано`, 'error');\n    }\n  }, [toggleRef]);\n\n  const isPopupDirectionTop = React.useMemo(\n    () =>\n      popupDirection === 'top' ||\n      (typeof popupDirection === 'function' && popupDirection(elementRef) === 'top'),\n    [popupDirection, elementRef],\n  );\n\n  const bodyClickListener = useEventListener('click', (e: MouseEvent) => {\n    const dropdownElement = elementRef?.current;\n    if (dropdownElement && !dropdownElement.contains(e.target as Node)) {\n      onClose?.();\n    }\n  });\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      bodyClickListener.add(document!.body);\n    });\n  }, [bodyClickListener, document]);\n\n  const onClick = React.useCallback((e: React.MouseEvent<HTMLElement>) => e.stopPropagation(), []);\n\n  const targetRef = React.useMemo(() => {\n    if (isRefObject<SharedDropdownProps['toggleRef'], HTMLElement>(toggleRef)) {\n      return toggleRef;\n    }\n\n    return { current: toggleRef as HTMLElement };\n  }, [toggleRef]);\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetDistance={popupOffsetDistance}\n      placement={isPopupDirectionTop ? 'top-end' : 'bottom-end'}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === Platform.IOS && styles['ActionSheet--ios'],\n        styles['ActionSheet--desktop'],\n        getSizeYClassName(styles['ActionSheet'], sizeY),\n        className,\n      )}\n      style={style}\n      getRef={elementRef}\n      forcePortal={false}\n    >\n      <FocusTrap onClose={onClose} {...restProps} onClick={onClick}>\n        {children}\n      </FocusTrap>\n    </Popper>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ActionSheetDropdownDesktop.js","names":["React","classNames","useAdaptivityWithJSMediaQueries","useEffectDev","useEventListener","usePlatform","SizeType","useDOM","isRefObject","Platform","warnOnce","FocusTrap","Popper","warn","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","className","style","popupOffsetDistance","restProps","document","platform","sizeY","elementRef","useRef","toggleEl","isPopupDirectionTop","useMemo","bodyClickListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","IOS","COMPACT"],"sources":["../../../src/components/ActionSheet/ActionSheetDropdownDesktop.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useEffectDev } from '../../hooks/useEffectDev';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useDOM } from '../../lib/dom';\nimport { isRefObject } from '../../lib/isRefObject';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { Popper } from '../Popper/Popper';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst warn = warnOnce('ActionSheet');\nfunction getEl(ref: SharedDropdownProps['toggleRef']): Element | null | undefined {\n  return ref && 'current' in ref ? ref.current : ref;\n}\n\nexport const ActionSheetDropdownDesktop = ({\n  children,\n  toggleRef,\n  closing,\n  popupDirection,\n  onClose,\n  className,\n  style,\n  popupOffsetDistance = 0,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const elementRef = React.useRef<HTMLDivElement | null>(null);\n\n  useEffectDev(() => {\n    const toggleEl = getEl(toggleRef);\n    if (!toggleEl) {\n      warn(`Свойство \"toggleRef\" не передано`, 'error');\n    }\n  }, [toggleRef]);\n\n  const isPopupDirectionTop = React.useMemo(\n    () =>\n      popupDirection === 'top' ||\n      (typeof popupDirection === 'function' && popupDirection(elementRef) === 'top'),\n    [popupDirection, elementRef],\n  );\n\n  const bodyClickListener = useEventListener('click', (e: MouseEvent) => {\n    const dropdownElement = elementRef?.current;\n    if (dropdownElement && !dropdownElement.contains(e.target as Node)) {\n      onClose?.();\n    }\n  });\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      bodyClickListener.add(document!.body);\n    });\n  }, [bodyClickListener, document]);\n\n  const onClick = React.useCallback((e: React.MouseEvent<HTMLElement>) => e.stopPropagation(), []);\n\n  const targetRef = React.useMemo(() => {\n    if (isRefObject<SharedDropdownProps['toggleRef'], HTMLElement>(toggleRef)) {\n      return toggleRef;\n    }\n\n    return { current: toggleRef as HTMLElement };\n  }, [toggleRef]);\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetDistance={popupOffsetDistance}\n      placement={isPopupDirectionTop ? 'top-end' : 'bottom-end'}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === Platform.IOS && styles['ActionSheet--ios'],\n        styles['ActionSheet--desktop'],\n        sizeY === SizeType.COMPACT && styles['ActionSheet--sizeY-compact'],\n        className,\n      )}\n      style={style}\n      getRef={elementRef}\n      forcePortal={false}\n    >\n      <FocusTrap onClose={onClose} {...restProps} onClick={onClick}>\n        {children}\n      </FocusTrap>\n    </Popper>\n  );\n};\n"],"mappings":"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"}

package/dist/components/ActionSheetItem/ActionSheetItem.js

@@ -2,17 +2,16 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "autoClose", "mode", "meta", "subtitle", "before", "selectable", "value", "name", "checked", "defaultChecked", "onChange", "onClick", "onImmediateClick", "multiline", "iconChecked", "className"];
 import * as React from 'react';
-import { getSizeYClassName } from '../../helpers/getSizeYClassName';
+import { Icon20CheckCircleOn, Icon24CheckCircleOn } from '@vkontakte/icons';
 import { classNames, noop } from '@vkontakte/vkjs';
-import { Tappable } from '../Tappable/Tappable';
+import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
 import { usePlatform } from '../../hooks/usePlatform';
 import { SizeType } from '../../lib/adaptivity';
 import { Platform } from '../../lib/platform';
+import { ActionSheetContext } from '../ActionSheet/ActionSheetContext';
+import { Tappable } from '../Tappable/Tappable';
 import { Subhead } from '../Typography/Subhead/Subhead';
 import { Text } from '../Typography/Text/Text';
-import { Icon20CheckCircleOn, Icon24CheckCircleOn } from '@vkontakte/icons';
-import { ActionSheetContext } from '../ActionSheet/ActionSheetContext';
-import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
  */
@@ -53,11 +52,12 @@ var ActionSheetItem = function ActionSheetItem(_ref) {
   }
   var isRich = subtitle || meta || selectable;
   var isCentered = !isRich && !before && platform === Platform.IOS;
-  return /*#__PURE__*/React.createElement(Tappable, _extends({}, restProps, {
+  return /*#__PURE__*/React.createElement(Tappable, _extends({
+    Component: Component
+  }, restProps, {
     onClick: selectable ? onClick : onItemClick(onClick, onImmediateClick, Boolean(autoClose)),
     activeMode: platform === Platform.IOS ? "vkuiActionSheetItem--active" : undefined,
-    className: classNames("vkuiActionSheetItem", platform === Platform.IOS && "vkuiActionSheetItem--ios", styles["ActionSheetItem--mode-".concat(mode)], getSizeYClassName("vkuiActionSheetItem", sizeY), isRich && "vkuiActionSheetItem--rich", isDesktop && "vkuiActionSheetItem--desktop", className),
-    Component: Component
+    className: classNames("vkuiActionSheetItem", platform === Platform.IOS && "vkuiActionSheetItem--ios", styles["ActionSheetItem--mode-".concat(mode)], sizeY === SizeType.COMPACT && "vkuiActionSheetItem--sizeY-compact", isRich && "vkuiActionSheetItem--rich", isDesktop && "vkuiActionSheetItem--desktop", className)
   }), before && /*#__PURE__*/React.createElement("div", {
     className: "vkuiActionSheetItem__before"
   }, before), /*#__PURE__*/React.createElement("div", {

package/dist/components/ActionSheetItem/ActionSheetItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetItem.js","names":["React","getSizeYClassName","classNames","noop","Tappable","usePlatform","SizeType","Platform","Subhead","Text","Icon20CheckCircleOn","Icon24CheckCircleOn","ActionSheetContext","useAdaptivityWithJSMediaQueries","ActionSheetItem","children","autoClose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconCheckedProp","iconChecked","className","restProps","platform","useContext","onItemClick","isDesktop","sizeY","COMPACT","Component","href","isRich","isCentered","IOS","Boolean","undefined","styles","disabled"],"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSizeYClassName } from '../../helpers/getSizeYClassName';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { Tappable } from '../Tappable/Tappable';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Text } from '../Typography/Text/Text';\nimport { Icon20CheckCircleOn, Icon24CheckCircleOn } from '@vkontakte/icons';\nimport { ActionSheetContext, type ActionSheetContextType } from '../ActionSheet/ActionSheetContext';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport styles from './ActionSheetItem.module.css';\n\nexport interface ActionSheetItemProps\n  extends React.HTMLAttributes<HTMLElement>,\n    React.AnchorHTMLAttributes<HTMLElement>,\n    Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value'> {\n  mode?: 'default' | 'destructive' | 'cancel';\n  before?: React.ReactNode;\n  meta?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  autoClose?: boolean;\n  selectable?: boolean;\n  disabled?: boolean;\n  /**\n   * Все текстовые элементы при необходимости занимают несколько строк\n   */\n  multiline?: boolean;\n  /**\n   * Если autoClose === true, onClick будет вызван после завершения анимации скрытия и после вызова onClose.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Иконка для `checked` режима.\n   */\n  iconChecked?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheetItem\n */\nconst ActionSheetItem = ({\n  children,\n  autoClose,\n  mode = 'default',\n  meta,\n  subtitle,\n  before,\n  selectable,\n  value,\n  name,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  onImmediateClick,\n  multiline = false,\n  iconChecked: iconCheckedProp,\n  className,\n  ...restProps\n}: ActionSheetItemProps) => {\n  const platform = usePlatform();\n  const { onItemClick = () => noop, isDesktop } =\n    React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n\n  const iconChecked =\n    iconCheckedProp ||\n    (sizeY === SizeType.COMPACT ? <Icon20CheckCircleOn /> : <Icon24CheckCircleOn />);\n\n  let Component: React.ElementType = restProps.href ? 'a' : 'div';\n\n  if (selectable) {\n    Component = 'label';\n  }\n\n  const isRich = subtitle || meta || selectable;\n  const isCentered = !isRich && !before && platform === Platform.IOS;\n\n  return (\n    <Tappable\n      {...restProps}\n      onClick={selectable ? onClick : onItemClick(onClick, onImmediateClick, Boolean(autoClose))}\n      activeMode={platform === Platform.IOS ? styles['ActionSheetItem--active'] : undefined}\n      className={classNames(\n        styles['ActionSheetItem'],\n        platform === Platform.IOS && styles['ActionSheetItem--ios'],\n        styles[`ActionSheetItem--mode-${mode}`],\n        getSizeYClassName(styles['ActionSheetItem'], sizeY),\n        isRich && styles['ActionSheetItem--rich'],\n        isDesktop && styles['ActionSheetItem--desktop'],\n        className,\n      )}\n      Component={Component}\n    >\n      {before && <div className={styles['ActionSheetItem__before']}>{before}</div>}\n      <div\n        className={classNames(\n          styles['ActionSheetItem__container'],\n          !multiline && styles['ActionSheetItem--ellipsis'],\n        )}\n      >\n        <div\n          className={classNames(\n            styles['ActionSheetItem__content'],\n            isCentered && styles['ActionSheetItem--centered'],\n          )}\n        >\n          <Text\n            weight={mode === 'cancel' ? '2' : undefined}\n            className={styles['ActionSheetItem__children']}\n          >\n            {children}\n          </Text>\n          {meta && <Text className={styles['ActionSheetItem__meta']}>{meta}</Text>}\n        </div>\n        {subtitle && <Subhead className={styles['ActionSheetItem__subtitle']}>{subtitle}</Subhead>}\n      </div>\n      {selectable && (\n        <div className={styles['ActionSheetItem__after']}>\n          <input\n            type=\"radio\"\n            className={styles['ActionSheetItem__radio']}\n            name={name}\n            value={value}\n            onChange={onChange}\n            onClick={onItemClick(noop, noop, Boolean(autoClose))}\n            defaultChecked={defaultChecked}\n            checked={checked}\n            disabled={restProps.disabled}\n          />\n          <div className={styles['ActionSheetItem__marker']}>{iconChecked}</div>\n        </div>\n      )}\n    </Tappable>\n  );\n};\n\nexport { ActionSheetItem };\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,iCAAiC;AACnE,SAASC,UAAU,EAAEC,IAAI,QAAQ,iBAAiB;AAClD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,OAAO,QAAQ,+BAA+B;AACvD,SAASC,IAAI,QAAQ,yBAAyB;AAC9C,SAASC,mBAAmB,EAAEC,mBAAmB,QAAQ,kBAAkB;AAC3E,SAASC,kBAAkB,QAAqC,mCAAmC;AACnG,SAASC,+BAA+B,QAAQ,6CAA6C;AA+B7F;AACA;AACA;AACA,IAAMC,eAAe,GAAG,SAAlBA,eAAe,OAmBO;EAAA,IAlB1BC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IAAA,iBACTC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAChBC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,UAAU,QAAVA,UAAU;IACVC,KAAK,QAALA,KAAK;IACLC,IAAI,QAAJA,IAAI;IACJC,OAAO,QAAPA,OAAO;IACPC,cAAc,QAAdA,cAAc;IACdC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IACPC,gBAAgB,QAAhBA,gBAAgB;IAAA,sBAChBC,SAAS;IAATA,SAAS,+BAAG,KAAK;IACJC,eAAe,QAA5BC,WAAW;IACXC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAG7B,WAAW,EAAE;EAC9B,wBACEL,KAAK,CAACmC,UAAU,CAAsCvB,kBAAkB,CAAC;IAAA,0CADnEwB,WAAW;IAAXA,WAAW,sCAAG;MAAA,OAAMjC,IAAI;IAAA;IAAEkC,SAAS,qBAATA,SAAS;EAE3C,4BAAkBxB,+BAA+B,EAAE;IAA3CyB,KAAK,yBAALA,KAAK;EAEb,IAAMP,WAAW,GACfD,eAAe,KACdQ,KAAK,KAAKhC,QAAQ,CAACiC,OAAO,gBAAG,oBAAC,mBAAmB,OAAG,gBAAG,oBAAC,mBAAmB,OAAG,CAAC;EAElF,IAAIC,SAA4B,GAAGP,SAAS,CAACQ,IAAI,GAAG,GAAG,GAAG,KAAK;EAE/D,IAAIpB,UAAU,EAAE;IACdmB,SAAS,GAAG,OAAO;EACrB;EAEA,IAAME,MAAM,GAAGvB,QAAQ,IAAID,IAAI,IAAIG,UAAU;EAC7C,IAAMsB,UAAU,GAAG,CAACD,MAAM,IAAI,CAACtB,MAAM,IAAIc,QAAQ,KAAK3B,QAAQ,CAACqC,GAAG;EAElE,oBACE,oBAAC,QAAQ,eACHX,SAAS;IACb,OAAO,EAAEZ,UAAU,GAAGM,OAAO,GAAGS,WAAW,CAACT,OAAO,EAAEC,gBAAgB,EAAEiB,OAAO,CAAC7B,SAAS,CAAC,CAAE;IAC3F,UAAU,EAAEkB,QAAQ,KAAK3B,QAAQ,CAACqC,GAAG,mCAAuCE,SAAU;IACtF,SAAS,EAAE5C,UAAU,wBAEnBgC,QAAQ,KAAK3B,QAAQ,CAACqC,GAAG,8BAAkC,EAC3DG,MAAM,iCAA0B9B,IAAI,EAAG,EACvChB,iBAAiB,wBAA4BqC,KAAK,CAAC,EACnDI,MAAM,+BAAmC,EACzCL,SAAS,kCAAsC,EAC/CL,SAAS,CACT;IACF,SAAS,EAAEQ;EAAU,IAEpBpB,MAAM,iBAAI;IAAK,SAAS;EAAoC,GAAEA,MAAM,CAAO,eAC5E;IACE,SAAS,EAAElB,UAAU,mCAEnB,CAAC2B,SAAS,mCAAuC;EACjD,gBAEF;IACE,SAAS,EAAE3B,UAAU,iCAEnByC,UAAU,mCAAuC;EACjD,gBAEF,oBAAC,IAAI;IACH,MAAM,EAAE1B,IAAI,KAAK,QAAQ,GAAG,GAAG,GAAG6B,SAAU;IAC5C,SAAS;EAAsC,GAE9C/B,QAAQ,CACJ,EACNG,IAAI,iBAAI,oBAAC,IAAI;IAAC,SAAS;EAAkC,GAAEA,IAAI,CAAQ,CACpE,EACLC,QAAQ,iBAAI,oBAAC,OAAO;IAAC,SAAS;EAAsC,GAAEA,QAAQ,CAAW,CACtF,EACLE,UAAU,iBACT;IAAK,SAAS;EAAmC,gBAC/C;IACE,IAAI,EAAC,OAAO;IACZ,SAAS,8BAAmC;IAC5C,IAAI,EAAEE,IAAK;IACX,KAAK,EAAED,KAAM;IACb,QAAQ,EAAEI,QAAS;IACnB,OAAO,EAAEU,WAAW,CAACjC,IAAI,EAAEA,IAAI,EAAE0C,OAAO,CAAC7B,SAAS,CAAC,CAAE;IACrD,cAAc,EAAES,cAAe;IAC/B,OAAO,EAAED,OAAQ;IACjB,QAAQ,EAAES,SAAS,CAACe;EAAS,EAC7B,eACF;IAAK,SAAS;EAAoC,GAAEjB,WAAW,CAAO,CAEzE,CACQ;AAEf,CAAC;AAED,SAASjB,eAAe;AAAG;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"file":"ActionSheetItem.js","names":["React","Icon20CheckCircleOn","Icon24CheckCircleOn","classNames","noop","useAdaptivityWithJSMediaQueries","usePlatform","SizeType","Platform","ActionSheetContext","Tappable","Subhead","Text","ActionSheetItem","children","autoClose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconCheckedProp","iconChecked","className","restProps","platform","useContext","onItemClick","isDesktop","sizeY","COMPACT","Component","href","isRich","isCentered","IOS","Boolean","undefined","styles","disabled"],"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon20CheckCircleOn, Icon24CheckCircleOn } from '@vkontakte/icons';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { ActionSheetContext, type ActionSheetContextType } from '../ActionSheet/ActionSheetContext';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './ActionSheetItem.module.css';\n\nexport interface ActionSheetItemProps\n  extends React.HTMLAttributes<HTMLElement>,\n    React.AnchorHTMLAttributes<HTMLElement>,\n    Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value'> {\n  mode?: 'default' | 'destructive' | 'cancel';\n  before?: React.ReactNode;\n  meta?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  autoClose?: boolean;\n  selectable?: boolean;\n  disabled?: boolean;\n  /**\n   * Все текстовые элементы при необходимости занимают несколько строк\n   */\n  multiline?: boolean;\n  /**\n   * Если autoClose === true, onClick будет вызван после завершения анимации скрытия и после вызова onClose.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Иконка для `checked` режима.\n   */\n  iconChecked?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheetItem\n */\nconst ActionSheetItem = ({\n  children,\n  autoClose,\n  mode = 'default',\n  meta,\n  subtitle,\n  before,\n  selectable,\n  value,\n  name,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  onImmediateClick,\n  multiline = false,\n  iconChecked: iconCheckedProp,\n  className,\n  ...restProps\n}: ActionSheetItemProps) => {\n  const platform = usePlatform();\n  const { onItemClick = () => noop, isDesktop } =\n    React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n\n  const iconChecked =\n    iconCheckedProp ||\n    (sizeY === SizeType.COMPACT ? <Icon20CheckCircleOn /> : <Icon24CheckCircleOn />);\n\n  let Component: React.ElementType = restProps.href ? 'a' : 'div';\n\n  if (selectable) {\n    Component = 'label';\n  }\n\n  const isRich = subtitle || meta || selectable;\n  const isCentered = !isRich && !before && platform === Platform.IOS;\n\n  return (\n    <Tappable\n      Component={Component}\n      {...restProps}\n      onClick={selectable ? onClick : onItemClick(onClick, onImmediateClick, Boolean(autoClose))}\n      activeMode={platform === Platform.IOS ? styles['ActionSheetItem--active'] : undefined}\n      className={classNames(\n        styles['ActionSheetItem'],\n        platform === Platform.IOS && styles['ActionSheetItem--ios'],\n        styles[`ActionSheetItem--mode-${mode}`],\n        sizeY === SizeType.COMPACT && styles['ActionSheetItem--sizeY-compact'],\n        isRich && styles['ActionSheetItem--rich'],\n        isDesktop && styles['ActionSheetItem--desktop'],\n        className,\n      )}\n    >\n      {before && <div className={styles['ActionSheetItem__before']}>{before}</div>}\n      <div\n        className={classNames(\n          styles['ActionSheetItem__container'],\n          !multiline && styles['ActionSheetItem--ellipsis'],\n        )}\n      >\n        <div\n          className={classNames(\n            styles['ActionSheetItem__content'],\n            isCentered && styles['ActionSheetItem--centered'],\n          )}\n        >\n          <Text\n            weight={mode === 'cancel' ? '2' : undefined}\n            className={styles['ActionSheetItem__children']}\n          >\n            {children}\n          </Text>\n          {meta && <Text className={styles['ActionSheetItem__meta']}>{meta}</Text>}\n        </div>\n        {subtitle && <Subhead className={styles['ActionSheetItem__subtitle']}>{subtitle}</Subhead>}\n      </div>\n      {selectable && (\n        <div className={styles['ActionSheetItem__after']}>\n          <input\n            type=\"radio\"\n            className={styles['ActionSheetItem__radio']}\n            name={name}\n            value={value}\n            onChange={onChange}\n            onClick={onItemClick(noop, noop, Boolean(autoClose))}\n            defaultChecked={defaultChecked}\n            checked={checked}\n            disabled={restProps.disabled}\n          />\n          <div className={styles['ActionSheetItem__marker']}>{iconChecked}</div>\n        </div>\n      )}\n    </Tappable>\n  );\n};\n\nexport { ActionSheetItem };\n"],"mappings":"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"}

package/dist/components/AdaptivityProvider/AdaptivityContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SizeType, ViewWidth, ViewHeight } from '../../lib/adaptivity';
+import { SizeType, ViewHeight, ViewWidth } from '../../lib/adaptivity';
 export interface SizeProps {
     sizeX?: SizeType;
     sizeY?: SizeType;