@vkontakte/vkui 5.7.2 → 5.8.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/floating/index.ts"],"sourcesContent":["export {\n  useFloating,\n  offset as offsetMiddleware,\n  flip as flipMiddleware,\n  shift as shiftMiddleware,\n  autoPlacement as autoPlacementMiddleware,\n  arrow as arrowMiddleware,\n  size as sizeMiddleware,\n} from '@floating-ui/react-dom';\n\nexport type {\n  Placement,\n  PlacementWithAuto,\n  AutoPlacementType,\n  UseFloatingMiddleware,\n} from './types';\n\nexport {\n  checkIsNotAutoPlacement,\n  getAutoPlacementAlign,\n  convertFloatingDataToReactCSSProperties,\n} from './functions';\n\nexport { autoUpdateFloatingElement } from './adapters';\n"],"names":["useFloating","offsetMiddleware","offset","flipMiddleware","flip","shiftMiddleware","shift","autoPlacementMiddleware","autoPlacement","arrowMiddleware","arrow","sizeMiddleware","size","checkIsNotAutoPlacement","getAutoPlacementAlign","convertFloatingDataToReactCSSProperties","autoUpdateFloatingElement"],"mappings":";;;;;;;;;;;IACEA,WAAW;eAAXA,qBAAW;;IACDC,gBAAgB;eAA1BC,gBAAM;;IACEC,cAAc;eAAtBC,cAAI;;IACKC,eAAe;eAAxBC,eAAK;;IACYC,uBAAuB;eAAxCC,uBAAa;;IACJC,eAAe;eAAxBC,eAAK;;IACGC,cAAc;eAAtBC,cAAI;;IAWJC,uBAAuB;eAAvBA,kCAAuB;;IACvBC,qBAAqB;eAArBA,gCAAqB;;IACrBC,uCAAuC;eAAvCA,kDAAuC;;IAGhCC,yBAAyB;eAAzBA,mCAAyB;;;wBAf3B;yBAaA;wBAEmC"}
+{"version":3,"sources":["../../../../src/lib/floating/index.ts"],"sourcesContent":["export {\n  useFloating,\n  offset as offsetMiddleware,\n  flip as flipMiddleware,\n  shift as shiftMiddleware,\n  autoPlacement as autoPlacementMiddleware,\n  arrow as arrowMiddleware,\n  size as sizeMiddleware,\n  hide as hideMiddleware,\n} from '@floating-ui/react-dom';\n\nexport type {\n  Placement,\n  PlacementWithAuto,\n  AutoPlacementType,\n  UseFloatingMiddleware,\n} from './types';\n\nexport {\n  checkIsNotAutoPlacement,\n  getAutoPlacementAlign,\n  convertFloatingDataToReactCSSProperties,\n} from './functions';\n\nexport { autoUpdateFloatingElement } from './adapters';\n"],"names":["useFloating","offsetMiddleware","offset","flipMiddleware","flip","shiftMiddleware","shift","autoPlacementMiddleware","autoPlacement","arrowMiddleware","arrow","sizeMiddleware","size","hideMiddleware","hide","checkIsNotAutoPlacement","getAutoPlacementAlign","convertFloatingDataToReactCSSProperties","autoUpdateFloatingElement"],"mappings":";;;;;;;;;;;IACEA,WAAW;eAAXA,qBAAW;;IACDC,gBAAgB;eAA1BC,gBAAM;;IACEC,cAAc;eAAtBC,cAAI;;IACKC,eAAe;eAAxBC,eAAK;;IACYC,uBAAuB;eAAxCC,uBAAa;;IACJC,eAAe;eAAxBC,eAAK;;IACGC,cAAc;eAAtBC,cAAI;;IACIC,cAAc;eAAtBC,cAAI;;IAWJC,uBAAuB;eAAvBA,kCAAuB;;IACvBC,qBAAqB;eAArBA,gCAAqB;;IACrBC,uCAAuC;eAAvCA,kDAAuC;;IAGhCC,yBAAyB;eAAzBA,mCAAyB;;;wBAf3B;yBAaA;wBAEmC"}

package/dist/cjs/lib/platform.js

@@ -25,23 +25,27 @@ var Platform;
     Platform["IOS"] = "ios";
     Platform["VKCOM"] = "vkcom";
 })(Platform || (Platform = {}));
-var PLATFORM_ALIAS = {
-    desktop_web: Platform.VKCOM
-};
-function isPlatformAlias(platformAlias) {
-    return platformAlias in PLATFORM_ALIAS;
-}
 /**
+ * TODO [>=6]: удалить из VKUI
+ *
  * Значение, которое передаётся в качестве query-параметра при открытии VK Mini Apps
  * @see {@link https://dev.vk.com/mini-apps/development/launch-params#vk_platform vk_platform}
+ *
+ * @deprecated v5.8.0
  */ function getPlatformByQueryString(queryString) {
+    var PLATFORM_ALIAS = {
+        desktop_web: Platform.VKCOM
+    };
+    var isPlatformAlias = function(platformAlias) {
+        return platformAlias in PLATFORM_ALIAS;
+    };
     try {
         var parsedQuery = _vkjs.querystring.parse(queryString);
         var platformAliasByQuery = parsedQuery["vk_platform"];
         return typeof platformAliasByQuery === "string" && isPlatformAlias(platformAliasByQuery) ? PLATFORM_ALIAS[platformAliasByQuery] : undefined;
     } catch (e) {
         console.warn(e);
-        return undefined;
+        return;
     }
 }
 var platformByQueryString = _dom.canUseDOM ? getPlatformByQueryString(location.search) : undefined;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/platform.ts"],"sourcesContent":["import { querystring } from '@vkontakte/vkjs';\nimport { LiteralUnion } from '../types';\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 = LiteralUnion<'android' | 'ios' | '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"],"names":["platform","Platform","ANDROID","IOS","VKCOM","PLATFORM_ALIAS","desktop_web","isPlatformAlias","platformAlias","getPlatformByQueryString","queryString","parsedQuery","querystring","parse","platformAliasByQuery","undefined","e","console","warn","platformByQueryString","canUseDOM","location","search","browserInfo","computeBrowserInfo","system"],"mappings":";;;;;;;;;;;;;;IA0CgBA,QAAQ;eAARA;;;oBA1CY;uBAEoB;mBACtB;IAEnB;UAAKC,QAAQ;IAARA,SACVC,aAAU;IADAD,SAEVE,SAAM;IAFIF,SAGVG,WAAQ;GAHEH,aAAAA;AAMZ,IAAMI,iBAAiB;IACrBC,aAAaL,SAASG,KAAK;AAC7B;AAEA,SAASG,gBAAgBC,aAAqB;IAC5C,OAAOA,iBAAiBH;AAC1B;AAEA;;;CAGC,GACD,SAASI,yBAAyBC,WAAmB;IACnD,IAAI;QACF,IAAMC,cAAcC,iBAAW,CAACC,KAAK,CAACH;QACtC,IAAMI,uBAAuBH,WAAW,CAAC,cAAc;QAEvD,OAAO,OAAOG,yBAAyB,YAAYP,gBAAgBO,wBAC/DT,cAAc,CAACS,qBAAqB,GACpCC;IACN,EAAE,OAAOC,GAAG;QACVC,QAAQC,IAAI,CAACF;QAEb,OAAOD;IACT;AACF;AAEA,IAAMI,wBAAwBC,cAAS,GAAGX,yBAAyBY,SAASC,MAAM,IAAIP;AAI/E,SAASf,SAASuB,WAAyB;IAChD,IAAIJ,uBAAuB;QACzB,OAAOA;IACT;IAEA,IAAI,CAACI,aAAa;QAChBA,cAAcC,IAAAA,2BAAkB;IAClC;IAEA,OAAOD,YAAYE,MAAM,KAAK,QAAQxB,SAASE,GAAG,GAAGF,SAASC,OAAO;AACvE"}
+{"version":3,"sources":["../../../src/lib/platform.ts"],"sourcesContent":["import { querystring } from '@vkontakte/vkjs';\nimport { LiteralUnion } from '../types';\nimport { BrowserInfo, computeBrowserInfo } from './browser';\nimport { canUseDOM } from './dom';\n\nexport enum Platform {\n  ANDROID = 'android',\n  IOS = 'ios',\n  VKCOM = 'vkcom',\n}\n\n/**\n * TODO [>=6]: удалить из VKUI\n *\n * Значение, которое передаётся в качестве query-параметра при открытии VK Mini Apps\n * @see {@link https://dev.vk.com/mini-apps/development/launch-params#vk_platform vk_platform}\n *\n * @deprecated v5.8.0\n */\nfunction getPlatformByQueryString(queryString: string): Platform | undefined {\n  const PLATFORM_ALIAS = { desktop_web: Platform.VKCOM };\n  const isPlatformAlias = (platformAlias: string): platformAlias is keyof typeof PLATFORM_ALIAS =>\n    platformAlias in PLATFORM_ALIAS;\n  try {\n    const parsedQuery = querystring.parse(queryString);\n    const platformAliasByQuery = parsedQuery['vk_platform'];\n    return typeof platformAliasByQuery === 'string' && isPlatformAlias(platformAliasByQuery)\n      ? PLATFORM_ALIAS[platformAliasByQuery]\n      : undefined;\n  } catch (e) {\n    console.warn(e);\n    return;\n  }\n}\n\nconst platformByQueryString = canUseDOM ? getPlatformByQueryString(location.search) : undefined;\n\nexport type PlatformType = LiteralUnion<'android' | 'ios' | '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"],"names":["platform","Platform","ANDROID","IOS","VKCOM","getPlatformByQueryString","queryString","PLATFORM_ALIAS","desktop_web","isPlatformAlias","platformAlias","parsedQuery","querystring","parse","platformAliasByQuery","undefined","e","console","warn","platformByQueryString","canUseDOM","location","search","browserInfo","computeBrowserInfo","system"],"mappings":";;;;;;;;;;;;;;IAuCgBA,QAAQ;eAARA;;;oBAvCY;uBAEoB;mBACtB;IAEnB;UAAKC,QAAQ;IAARA,SACVC,aAAU;IADAD,SAEVE,SAAM;IAFIF,SAGVG,WAAQ;GAHEH,aAAAA;AAMZ;;;;;;;CAOC,GACD,SAASI,yBAAyBC,WAAmB;IACnD,IAAMC,iBAAiB;QAAEC,aAAaP,SAASG,KAAK;IAAC;IACrD,IAAMK,kBAAkB,SAACC;eACvBA,iBAAiBH;;IACnB,IAAI;QACF,IAAMI,cAAcC,iBAAW,CAACC,KAAK,CAACP;QACtC,IAAMQ,uBAAuBH,WAAW,CAAC,cAAc;QACvD,OAAO,OAAOG,yBAAyB,YAAYL,gBAAgBK,wBAC/DP,cAAc,CAACO,qBAAqB,GACpCC;IACN,EAAE,OAAOC,GAAG;QACVC,QAAQC,IAAI,CAACF;QACb;IACF;AACF;AAEA,IAAMG,wBAAwBC,cAAS,GAAGf,yBAAyBgB,SAASC,MAAM,IAAIP;AAI/E,SAASf,SAASuB,WAAyB;IAChD,IAAIJ,uBAAuB;QACzB,OAAOA;IACT;IAEA,IAAI,CAACI,aAAa;QAChBA,cAAcC,IAAAA,2BAAkB;IAClC;IAEA,OAAOD,YAAYE,MAAM,KAAK,QAAQxB,SAASE,GAAG,GAAGF,SAASC,OAAO;AACvE"}

package/dist/cjs/lib/select.d.ts

@@ -6,5 +6,5 @@ type Option = {
 };
 type GetOptionLabel = (option: Option) => string | undefined;
 export declare const defaultFilterFn: (query: string | undefined, option: Option, getOptionLabel?: GetOptionLabel) => boolean;
-export declare const getFormFieldModeFromSelectType: (selectType?: SelectType) => "default" | "plain";
+export declare const getFormFieldModeFromSelectType: (selectType?: SelectType) => "plain" | "default";
 export {};

package/dist/cjs/lib/taptic.d.ts

@@ -1,2 +1,6 @@
 import { TapticVibrationPowerType } from '@vkontakte/vk-bridge';
+/**
+ * TODO [>=6]: удалить хук (#5049)
+ * @deprecated v5.8.0
+ */
 export declare function runTapticImpactOccurred(style: TapticVibrationPowerType): void;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/taptic.ts"],"sourcesContent":["import vkBridge, { TapticVibrationPowerType } from '@vkontakte/vk-bridge';\n\nexport function runTapticImpactOccurred(style: TapticVibrationPowerType) {\n  if (vkBridge.supports('VKWebAppTapticImpactOccurred')) {\n    vkBridge.send('VKWebAppTapticImpactOccurred', { style }).catch(() => undefined);\n  }\n}\n"],"names":["runTapticImpactOccurred","style","vkBridge","supports","send","catch","undefined"],"mappings":";;;;+BAEgBA;;;eAAAA;;;;iEAFmC;AAE5C,SAASA,wBAAwBC,KAA+B;IACrE,IAAIC,iBAAQ,CAACC,QAAQ,CAAC,iCAAiC;QACrDD,iBAAQ,CAACE,IAAI,CAAC,gCAAgC;YAAEH,OAAAA;QAAM,GAAGI,KAAK,CAAC;mBAAMC;;IACvE;AACF"}
+{"version":3,"sources":["../../../src/lib/taptic.ts"],"sourcesContent":["import vkBridge, { TapticVibrationPowerType } from '@vkontakte/vk-bridge';\n\n/**\n * TODO [>=6]: удалить хук (#5049)\n * @deprecated v5.8.0\n */\nexport function runTapticImpactOccurred(style: TapticVibrationPowerType) {\n  if (vkBridge.supports('VKWebAppTapticImpactOccurred')) {\n    vkBridge.send('VKWebAppTapticImpactOccurred', { style }).catch(() => undefined);\n  }\n}\n"],"names":["runTapticImpactOccurred","style","vkBridge","supports","send","catch","undefined"],"mappings":";;;;+BAMgBA;;;eAAAA;;;;iEANmC;AAM5C,SAASA,wBAAwBC,KAA+B;IACrE,IAAIC,iBAAQ,CAACC,QAAQ,CAAC,iCAAiC;QACrDD,iBAAQ,CAACE,IAAI,CAAC,gCAAgC;YAAEH,OAAAA;QAAM,GAAGI,KAAK,CAAC;mBAAMC;;IACvE;AACF"}

package/dist/cjs/lib/utils.d.ts

@@ -7,3 +7,5 @@ export declare function setRef<T>(element: T, ref?: React.Ref<T>): void;
 export declare function multiRef<T>(...refs: Array<React.Ref<T> | undefined>): React.RefObject<T>;
 export declare function getTitleFromChildren(children: React.ReactNode): string;
 export declare const stopPropagation: <T extends React.SyntheticEvent<Element, Event>>(event: T) => void;
+export declare function addClassNameToElement(element: HTMLElement, className: string): void;
+export declare function removeClassNameFromElement(element: HTMLElement, classNameToRemove: string): void;

package/dist/cjs/lib/utils.js

@@ -23,6 +23,12 @@ _export(exports, {
     },
     stopPropagation: function() {
         return stopPropagation;
+    },
+    addClassNameToElement: function() {
+        return addClassNameToElement;
+    },
+    removeClassNameFromElement: function() {
+        return removeClassNameFromElement;
     }
 });
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
@@ -78,5 +84,21 @@ function getTitleFromChildren(children) {
 var stopPropagation = function(event) {
     return event.stopPropagation();
 };
+function addClassNameToElement(element1, className) {
+    var elementClassName = element1.getAttribute("class") || "";
+    var updatedClassName = "".concat(elementClassName).concat(elementClassName ? " " : "").concat(className);
+    element1.setAttribute("class", updatedClassName);
+}
+function removeClassNameFromElement(element1, classNameToRemove) {
+    var classNamesArray = (element1.getAttribute("class") || "").split(/\s+/);
+    var elementIndexToRemove = classNamesArray.findIndex(function(className) {
+        return className === classNameToRemove;
+    });
+    if (elementIndexToRemove === -1) {
+        return;
+    }
+    classNamesArray.splice(elementIndexToRemove, 1);
+    element1.setAttribute("class", classNamesArray.join(" "));
+}
 
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/utils.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type ImgOnlyAttributes = {\n  [index in Exclude<\n    keyof React.ImgHTMLAttributes<HTMLImageElement>,\n    keyof React.HTMLAttributes<HTMLImageElement>\n  >]: React.ImgHTMLAttributes<HTMLImageElement>[index];\n};\n\nexport function debounce<A extends any[]>(fn: (...args: A) => void, delay: number) {\n  let timeout: any;\n\n  return (...args: A) => {\n    clearTimeout(timeout);\n    timeout = setTimeout(() => fn(...args), delay);\n  };\n}\n\nexport function setRef<T>(element: T, ref?: React.Ref<T>): void {\n  if (ref) {\n    if (typeof ref === 'function') {\n      ref(element);\n    } else {\n      (ref as React.MutableRefObject<T>).current = element;\n    }\n  }\n}\n\nexport function multiRef<T>(...refs: Array<React.Ref<T> | undefined>): React.RefObject<T> {\n  let current: T | null = null;\n  return {\n    get current() {\n      return current;\n    },\n    set current(element) {\n      current = element;\n      refs.forEach((ref) => ref && setRef(element, ref));\n    },\n  };\n}\n\nexport function getTitleFromChildren(children: React.ReactNode): string {\n  let label = '';\n\n  React.Children.map(children, (child) => {\n    if (typeof child === 'string') {\n      label += ' ' + child;\n    }\n  });\n\n  return label.trim();\n}\n\nexport const stopPropagation = <T extends React.SyntheticEvent>(event: T) =>\n  event.stopPropagation();\n"],"names":["debounce","setRef","multiRef","getTitleFromChildren","stopPropagation","fn","delay","timeout","args","clearTimeout","setTimeout","element","ref","current","refs","forEach","children","label","React","Children","map","child","trim","event"],"mappings":";;;;;;;;;;;IASgBA,QAAQ;eAARA;;IASAC,MAAM;eAANA;;IAUAC,QAAQ;eAARA;;IAaAC,oBAAoB;eAApBA;;IAYHC,eAAe;eAAfA;;;;;+DArDU;AAShB,SAASJ,SAA0BK,EAAwB,EAAEC,KAAa;IAC/E,IAAIC;IAEJ,OAAO;yCAAIC;YAAAA;;QACTC,aAAaF;QACbA,UAAUG,WAAW;mBAAML,GAAAA,MAAAA,KAAAA,GAAG,uBAAGG;WAAOF;IAC1C;AACF;AAEO,SAASL,OAAUU,QAAU,EAAEC,GAAkB;IACtD,IAAIA,KAAK;QACP,IAAI,OAAOA,QAAQ,YAAY;YAC7BA,IAAID;QACN,OAAO;YACJC,IAAkCC,OAAO,GAAGF;QAC/C;IACF;AACF;AAEO,SAAST;IAAY,IAAA,IAAA,OAAA,UAAA,QAAA,AAAGY,OAAH,UAAA,OAAA,OAAA,GAAA,OAAA,MAAA,OAAA;QAAGA,KAAH,QAAA,SAAA,CAAA,KAAwC;IAAD;IACjE,IAAID,UAAoB;IACxB,OAAO;QACL,IAAIA,WAAU;YACZ,OAAOA;QACT;QACA,IAAIA,SAAQF,QAAS;YACnBE,UAAUF;YACVG,KAAKC,OAAO,CAAC,SAACH;uBAAQA,OAAOX,OAAOU,SAASC;;QAC/C;IACF;AACF;AAEO,SAAST,qBAAqBa,QAAyB;IAC5D,IAAIC,QAAQ;IAEZC,OAAMC,QAAQ,CAACC,GAAG,CAACJ,UAAU,SAACK;QAC5B,IAAI,OAAOA,UAAU,UAAU;YAC7BJ,SAAS,MAAMI;QACjB;IACF;IAEA,OAAOJ,MAAMK,IAAI;AACnB;AAEO,IAAMlB,kBAAkB,SAAiCmB;WAC9DA,MAAMnB,eAAe"}
+{"version":3,"sources":["../../../src/lib/utils.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type ImgOnlyAttributes = {\n  [index in Exclude<\n    keyof React.ImgHTMLAttributes<HTMLImageElement>,\n    keyof React.HTMLAttributes<HTMLImageElement>\n  >]: React.ImgHTMLAttributes<HTMLImageElement>[index];\n};\n\nexport function debounce<A extends any[]>(fn: (...args: A) => void, delay: number) {\n  let timeout: any;\n\n  return (...args: A) => {\n    clearTimeout(timeout);\n    timeout = setTimeout(() => fn(...args), delay);\n  };\n}\n\nexport function setRef<T>(element: T, ref?: React.Ref<T>): void {\n  if (ref) {\n    if (typeof ref === 'function') {\n      ref(element);\n    } else {\n      (ref as React.MutableRefObject<T>).current = element;\n    }\n  }\n}\n\nexport function multiRef<T>(...refs: Array<React.Ref<T> | undefined>): React.RefObject<T> {\n  let current: T | null = null;\n  return {\n    get current() {\n      return current;\n    },\n    set current(element) {\n      current = element;\n      refs.forEach((ref) => ref && setRef(element, ref));\n    },\n  };\n}\n\nexport function getTitleFromChildren(children: React.ReactNode): string {\n  let label = '';\n\n  React.Children.map(children, (child) => {\n    if (typeof child === 'string') {\n      label += ' ' + child;\n    }\n  });\n\n  return label.trim();\n}\n\nexport const stopPropagation = <T extends React.SyntheticEvent>(event: T) =>\n  event.stopPropagation();\n\nexport function addClassNameToElement(element: HTMLElement, className: string) {\n  const elementClassName = element.getAttribute('class') || '';\n  const updatedClassName = `${elementClassName}${elementClassName ? ' ' : ''}${className}`;\n\n  element.setAttribute('class', updatedClassName);\n}\n\nexport function removeClassNameFromElement(element: HTMLElement, classNameToRemove: string) {\n  const classNamesArray = (element.getAttribute('class') || '').split(/\\s+/);\n  const elementIndexToRemove = classNamesArray.findIndex(\n    (className) => className === classNameToRemove,\n  );\n  if (elementIndexToRemove === -1) {\n    return;\n  }\n  classNamesArray.splice(elementIndexToRemove, 1);\n\n  element.setAttribute('class', classNamesArray.join(' '));\n}\n"],"names":["debounce","setRef","multiRef","getTitleFromChildren","stopPropagation","addClassNameToElement","removeClassNameFromElement","fn","delay","timeout","args","clearTimeout","setTimeout","element","ref","current","refs","forEach","children","label","React","Children","map","child","trim","event","className","elementClassName","getAttribute","updatedClassName","setAttribute","classNameToRemove","classNamesArray","split","elementIndexToRemove","findIndex","splice","join"],"mappings":";;;;;;;;;;;IASgBA,QAAQ;eAARA;;IASAC,MAAM;eAANA;;IAUAC,QAAQ;eAARA;;IAaAC,oBAAoB;eAApBA;;IAYHC,eAAe;eAAfA;;IAGGC,qBAAqB;eAArBA;;IAOAC,0BAA0B;eAA1BA;;;;;+DA/DO;AAShB,SAASN,SAA0BO,EAAwB,EAAEC,KAAa;IAC/E,IAAIC;IAEJ,OAAO;yCAAIC;YAAAA;;QACTC,aAAaF;QACbA,UAAUG,WAAW;mBAAML,GAAAA,MAAAA,KAAAA,GAAG,uBAAGG;WAAOF;IAC1C;AACF;AAEO,SAASP,OAAUY,QAAU,EAAEC,GAAkB;IACtD,IAAIA,KAAK;QACP,IAAI,OAAOA,QAAQ,YAAY;YAC7BA,IAAID;QACN,OAAO;YACJC,IAAkCC,OAAO,GAAGF;QAC/C;IACF;AACF;AAEO,SAASX;IAAY,IAAA,IAAA,OAAA,UAAA,QAAA,AAAGc,OAAH,UAAA,OAAA,OAAA,GAAA,OAAA,MAAA,OAAA;QAAGA,KAAH,QAAA,SAAA,CAAA,KAAwC;IAAD;IACjE,IAAID,UAAoB;IACxB,OAAO;QACL,IAAIA,WAAU;YACZ,OAAOA;QACT;QACA,IAAIA,SAAQF,QAAS;YACnBE,UAAUF;YACVG,KAAKC,OAAO,CAAC,SAACH;uBAAQA,OAAOb,OAAOY,SAASC;;QAC/C;IACF;AACF;AAEO,SAASX,qBAAqBe,QAAyB;IAC5D,IAAIC,QAAQ;IAEZC,OAAMC,QAAQ,CAACC,GAAG,CAACJ,UAAU,SAACK;QAC5B,IAAI,OAAOA,UAAU,UAAU;YAC7BJ,SAAS,MAAMI;QACjB;IACF;IAEA,OAAOJ,MAAMK,IAAI;AACnB;AAEO,IAAMpB,kBAAkB,SAAiCqB;WAC9DA,MAAMrB,eAAe;;AAEhB,SAASC,sBAAsBQ,QAAoB,EAAEa,SAAiB;IAC3E,IAAMC,mBAAmBd,SAAQe,YAAY,CAAC,YAAY;IAC1D,IAAMC,mBAAmB,AAAC,GAAqBF,OAAnBA,kBAAiDD,OAA9BC,mBAAmB,MAAM,IAAe,OAAVD;IAE7Eb,SAAQiB,YAAY,CAAC,SAASD;AAChC;AAEO,SAASvB,2BAA2BO,QAAoB,EAAEkB,iBAAyB;IACxF,IAAMC,kBAAkB,AAACnB,CAAAA,SAAQe,YAAY,CAAC,YAAY,EAAC,EAAGK,KAAK,CAAC;IACpE,IAAMC,uBAAuBF,gBAAgBG,SAAS,CACpD,SAACT;eAAcA,cAAcK;;IAE/B,IAAIG,yBAAyB,CAAC,GAAG;QAC/B;IACF;IACAF,gBAAgBI,MAAM,CAACF,sBAAsB;IAE7CrB,SAAQiB,YAAY,CAAC,SAASE,gBAAgBK,IAAI,CAAC;AACrD"}

package/dist/cjs/types.d.ts

@@ -65,4 +65,5 @@ interface Nothing {
  * @see {@link https://github.com/microsoft/TypeScript/issues/29729}
  */
 export type LiteralUnion<Union, Type> = Union | (Type & Nothing);
+export type HTMLAttributesWithRootRef<T> = React.HTMLAttributes<T> & HasRootRef<T>;
 export {};

package/dist/cjs/types.js.map

@@ -1 +1 @@
-{"version":3,"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 type HasDataAttribute = Record<\n  `data-${string}`,\n  string | number | boolean | undefined | null\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\n/**\n * Для возможности указывать css custom properties\n */\nexport type CSSCustomProperties<T extends string | undefined = string> = Record<`--${string}`, T>;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface Nothing {}\n\n/**\n * Автозаполнение для типов\n *\n * @example\n * LiteralUnion<'foo' | 'bar', string>\n *\n * @see {@link https://github.com/microsoft/TypeScript/issues/29729}\n */\nexport type LiteralUnion<Union, Type> = Union | (Type & Nothing);\n"],"names":[],"mappings":";;;;;+DAAuB"}
+{"version":3,"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 type HasDataAttribute = Record<\n  `data-${string}`,\n  string | number | boolean | undefined | null\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\n/**\n * Для возможности указывать css custom properties\n */\nexport type CSSCustomProperties<T extends string | undefined = string> = Record<`--${string}`, T>;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface Nothing {}\n\n/**\n * Автозаполнение для типов\n *\n * @example\n * LiteralUnion<'foo' | 'bar', string>\n *\n * @see {@link https://github.com/microsoft/TypeScript/issues/29729}\n */\nexport type LiteralUnion<Union, Type> = Union | (Type & Nothing);\n\nexport type HTMLAttributesWithRootRef<T> = React.HTMLAttributes<T> & HasRootRef<T>;\n"],"names":[],"mappings":";;;;;+DAAuB"}

package/dist/components/Accordion/Accordion.d.ts

@@ -11,6 +11,6 @@ export type AccordionProps = React.DetailsHTMLAttributes<HTMLDetailsElement> & H
  * @see https://vkcom.github.io/VKUI/#/Accordion
  */
 export declare const Accordion: {
-    ({ getRootRef, className, ...restProps }: AccordionProps): React.JSX.Element;
+    (props: AccordionProps): React.JSX.Element;
     Summary: ({ className, after, before, ExpandIcon, CollapseIcon, iconPosition, children, ...restProps }: import("./AccordionSummary").AccordionSummaryProps) => React.JSX.Element;
 };

package/dist/components/Accordion/Accordion.js

@@ -1,7 +1,6 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import * as React from "react";
-import { classNames } from "@vkontakte/vkjs";
+import { RootComponent } from "../RootComponent/RootComponent";
 import { AccordionSummary } from "./AccordionSummary";
 /**
  * Компонент, позволяет отображать несколько разделов контента в ограниченном
@@ -11,15 +10,11 @@ import { AccordionSummary } from "./AccordionSummary";
  *
  * @since 5.3.0
  * @see https://vkcom.github.io/VKUI/#/Accordion
- */ export var Accordion = function(_param) /*#__PURE__*/ {
-    var getRootRef = _param.getRootRef, className = _param.className, restProps = _object_without_properties(_param, [
-        "getRootRef",
-        "className"
-    ]);
-    return React.createElement("details", _object_spread({
-        className: classNames("vkuiAccordion", className),
-        ref: getRootRef
-    }, restProps));
+ */ export var Accordion = function(props) {
+    return /*#__PURE__*/ React.createElement(RootComponent, _object_spread({
+        Component: "details",
+        baseClassName: "vkuiAccordion"
+    }, props));
 };
 Accordion.Summary = AccordionSummary;
 

package/dist/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { AccordionSummary } from './AccordionSummary';\nimport styles from './Accordion.module.css';\n\nexport type AccordionProps = React.DetailsHTMLAttributes<HTMLDetailsElement> &\n  HasRootRef<HTMLDetailsElement>;\n\n/**\n * Компонент, позволяет отображать несколько разделов контента в ограниченном\n * пространстве и сворачивать или разворачивать их пользователем.\n *\n * Обертка над details.\n *\n * @since 5.3.0\n * @see https://vkcom.github.io/VKUI/#/Accordion\n */\nexport const Accordion = ({ getRootRef, className, ...restProps }: AccordionProps) => (\n  <details className={classNames(styles['Accordion'], className)} ref={getRootRef} {...restProps} />\n);\n\nAccordion.Summary = AccordionSummary;\n"],"names":["React","classNames","AccordionSummary","Accordion","getRootRef","className","restProps","details","ref","Summary"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,gBAAgB,QAAQ,qBAAqB;AAMtD;;;;;;;;CAQC,GACD,OAAO,IAAMC,YAAY;QAAGC,oBAAAA,YAAYC,mBAAAA,WAAcC;QAA1BF;QAAYC;;WACtC,oBAACE;QAAQF,WAAWJ,4BAAgCI;QAAYG,KAAKJ;OAAgBE;AAAY,EACjG;AAEFH,UAAUM,OAAO,GAAGP"}
+{"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { HasRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { AccordionSummary } from './AccordionSummary';\nimport styles from './Accordion.module.css';\n\nexport type AccordionProps = React.DetailsHTMLAttributes<HTMLDetailsElement> &\n  HasRootRef<HTMLDetailsElement>;\n\n/**\n * Компонент, позволяет отображать несколько разделов контента в ограниченном\n * пространстве и сворачивать или разворачивать их пользователем.\n *\n * Обертка над details.\n *\n * @since 5.3.0\n * @see https://vkcom.github.io/VKUI/#/Accordion\n */\nexport const Accordion = (props: AccordionProps) => (\n  <RootComponent Component=\"details\" baseClassName={styles['Accordion']} {...props} />\n);\n\nAccordion.Summary = AccordionSummary;\n"],"names":["React","RootComponent","AccordionSummary","Accordion","props","Component","baseClassName","Summary"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,gBAAgB,QAAQ,qBAAqB;AAMtD;;;;;;;;CAQC,GACD,OAAO,IAAMC,YAAY,SAACC;yBACxB,oBAACH;QAAcI,WAAU;QAAUC,aAAa;OAA2BF;EAC3E;AAEFD,UAAUI,OAAO,GAAGL"}

package/dist/components/ActionSheet/ActionSheet.d.ts

@@ -1,12 +1,16 @@
 import * as React from 'react';
 import { SharedDropdownProps } from './types';
+type CloseInitiators = 'action-item' | 'cancel-item' | 'other';
+export interface ActionSheetOnCloseOptions {
+    closedBy: CloseInitiators;
+}
 export interface ActionSheetProps extends Pick<SharedDropdownProps, 'toggleRef' | 'popupDirection' | 'popupOffsetDistance' | 'placement'>, React.HTMLAttributes<HTMLDivElement> {
     header?: React.ReactNode;
     text?: React.ReactNode;
     /**
      * Закрыть попап по клику снаружи.
      */
-    onClose: VoidFunction;
+    onClose(options: ActionSheetOnCloseOptions): void;
     /**
      * Только мобильный iOS.
      */
@@ -16,3 +20,4 @@ export interface ActionSheetProps extends Pick<SharedDropdownProps, 'toggleRef'
  * @see https://vkcom.github.io/VKUI/#/ActionSheet
  */
 export declare const ActionSheet: ({ children, className, header, text, style, iosCloseItem, popupDirection, popupOffsetDistance, placement, ...restProps }: ActionSheetProps) => React.JSX.Element;
+export {};

package/dist/components/ActionSheet/ActionSheet.js

@@ -33,13 +33,15 @@ var warn = warnOnce("ActionSheet");
         "placement"
     ]);
     var platform = usePlatform();
-    var _React_useState = _sliced_to_array(React.useState(false), 2), closing = _React_useState[0], setClosing = _React_useState[1];
+    var _React_useState = _sliced_to_array(React.useState(undefined), 2), closingBy = _React_useState[0], setClosingBy = _React_useState[1];
     var onClose = function() {
-        return setClosing(true);
+        return setClosingBy("other");
     };
     var _action = React.useRef(noop);
     var afterClose = function() {
-        restProps.onClose();
+        restProps.onClose({
+            closedBy: closingBy || "other"
+        });
         _action.current();
         _action.current = noop;
     };
@@ -51,16 +53,17 @@ var warn = warnOnce("ActionSheet");
     }
     var fallbackTransitionFinish = useTimeout(afterClose, timeout);
     React.useEffect(function() {
-        if (closing) {
+        if (closingBy) {
             fallbackTransitionFinish.set();
         } else {
             fallbackTransitionFinish.clear();
         }
     }, [
-        closing,
+        closingBy,
         fallbackTransitionFinish
     ]);
-    var onItemClick = React.useCallback(function(action, immediateAction, autoClose) {
+    var onItemClick = React.useCallback(function(param) {
+        var action = param.action, immediateAction = param.immediateAction, autoClose = param.autoClose, isCancelItem = param.isCancelItem;
         return function(event) {
             event.persist();
             immediateAction && immediateAction(event);
@@ -68,7 +71,7 @@ var warn = warnOnce("ActionSheet");
                 _action.current = function() {
                     return action && action(event);
                 };
-                setClosing(true);
+                setClosingBy(isCancelItem ? "cancel-item" : "action-item");
             } else {
                 action && action(event);
             }
@@ -92,7 +95,7 @@ var warn = warnOnce("ActionSheet");
     var actionSheet = /*#__PURE__*/ React.createElement(ActionSheetContext.Provider, {
         value: contextValue
     }, /*#__PURE__*/ React.createElement(DropdownComponent, _object_spread_props(_object_spread({
-        closing: closing,
+        closing: Boolean(closingBy),
         timeout: timeout
     }, dropdownProps), {
         onClose: onClose,
@@ -110,7 +113,7 @@ var warn = warnOnce("ActionSheet");
         return actionSheet;
     }
     return /*#__PURE__*/ React.createElement(PopoutWrapper, {
-        closing: closing,
+        closing: Boolean(closingBy),
         alignY: "bottom",
         className: className,
         style: style,

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

@@ -1 +1 @@
-{"version":3,"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 { warnOnce } from '../../lib/warnOnce';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { ActionSheetContext, ItemClickHandler } from './ActionSheetContext';\nimport { ActionSheetDefaultIosCloseItem } from './ActionSheetDefaultIosCloseItem';\nimport { ActionSheetDropdown } from './ActionSheetDropdown';\nimport { ActionSheetDropdownDesktop } from './ActionSheetDropdownDesktop';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst warn = warnOnce('ActionSheet');\n\nexport interface ActionSheetProps\n  extends Pick<\n      SharedDropdownProps,\n      'toggleRef' | 'popupDirection' | 'popupOffsetDistance' | 'placement'\n    >,\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,\n  popupOffsetDistance,\n  placement,\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  if (process.env.NODE_ENV === 'development' && popupDirection) {\n    // TODO [>=6]: popupDirection\n    warn('Свойство \"popupDirection\" будет удалено в v6. Используйте свойство \"placement\"');\n  }\n\n  popupDirection = popupDirection !== undefined ? popupDirection : 'bottom';\n\n  const dropdownProps = isDesktop\n    ? Object.assign(restProps, { popupOffsetDistance, popupDirection, placement })\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 &&\n          !isDesktop &&\n          (iosCloseItem ?? <ActionSheetDefaultIosCloseItem />)}\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"],"names":["React","noop","useAdaptivityWithJSMediaQueries","useObjectMemo","usePlatform","useTimeout","Platform","warnOnce","useScrollLock","PopoutWrapper","Footnote","ActionSheetContext","ActionSheetDefaultIosCloseItem","ActionSheetDropdown","ActionSheetDropdownDesktop","warn","ActionSheet","children","className","header","text","style","iosCloseItem","popupDirection","popupOffsetDistance","placement","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","process","env","NODE_ENV","undefined","dropdownProps","Object","assign","actionSheet","Provider","value","weight","alignY","onClick","hasMask","fixed"],"mappings":"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"}
+{"version":3,"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 { warnOnce } from '../../lib/warnOnce';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { ActionSheetContext, ItemClickHandler } from './ActionSheetContext';\nimport { ActionSheetDefaultIosCloseItem } from './ActionSheetDefaultIosCloseItem';\nimport { ActionSheetDropdown } from './ActionSheetDropdown';\nimport { ActionSheetDropdownDesktop } from './ActionSheetDropdownDesktop';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst warn = warnOnce('ActionSheet');\ntype CloseInitiators = 'action-item' | 'cancel-item' | 'other';\nexport interface ActionSheetOnCloseOptions {\n  closedBy: CloseInitiators;\n}\n\nexport interface ActionSheetProps\n  extends Pick<\n      SharedDropdownProps,\n      'toggleRef' | 'popupDirection' | 'popupOffsetDistance' | 'placement'\n    >,\n    React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи.\n   */\n  onClose(options: ActionSheetOnCloseOptions): void;\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,\n  popupOffsetDistance,\n  placement,\n  ...restProps\n}: ActionSheetProps) => {\n  const platform = usePlatform();\n  const [closingBy, setClosingBy] = React.useState<undefined | CloseInitiators>(undefined);\n  const onClose = () => setClosingBy('other');\n  const _action = React.useRef(noop);\n\n  const afterClose = () => {\n    restProps.onClose({ closedBy: closingBy || 'other' });\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 (closingBy) {\n      fallbackTransitionFinish.set();\n    } else {\n      fallbackTransitionFinish.clear();\n    }\n  }, [closingBy, fallbackTransitionFinish]);\n\n  const onItemClick = React.useCallback<ItemClickHandler>(\n    ({ action, immediateAction, autoClose, isCancelItem }) =>\n      (event) => {\n        event.persist();\n        immediateAction && immediateAction(event);\n        if (autoClose) {\n          _action.current = () => action && action(event);\n          setClosingBy(isCancelItem ? 'cancel-item' : 'action-item');\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  if (process.env.NODE_ENV === 'development' && popupDirection) {\n    // TODO [>=6]: popupDirection\n    warn('Свойство \"popupDirection\" будет удалено в v6. Используйте свойство \"placement\"');\n  }\n\n  popupDirection = popupDirection !== undefined ? popupDirection : 'bottom';\n\n  const dropdownProps = isDesktop\n    ? Object.assign(restProps, { popupOffsetDistance, popupDirection, placement })\n    : restProps;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={Boolean(closingBy)}\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 &&\n          !isDesktop &&\n          (iosCloseItem ?? <ActionSheetDefaultIosCloseItem />)}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  if (isDesktop) {\n    return actionSheet;\n  }\n\n  return (\n    <PopoutWrapper\n      closing={Boolean(closingBy)}\n      alignY=\"bottom\"\n      className={className}\n      style={style}\n      onClick={onClose}\n      hasMask\n      fixed\n    >\n      {actionSheet}\n    </PopoutWrapper>\n  );\n};\n"],"names":["React","noop","useAdaptivityWithJSMediaQueries","useObjectMemo","usePlatform","useTimeout","Platform","warnOnce","useScrollLock","PopoutWrapper","Footnote","ActionSheetContext","ActionSheetDefaultIosCloseItem","ActionSheetDropdown","ActionSheetDropdownDesktop","warn","ActionSheet","children","className","header","text","style","iosCloseItem","popupDirection","popupOffsetDistance","placement","restProps","platform","useState","undefined","closingBy","setClosingBy","onClose","_action","useRef","afterClose","closedBy","current","isDesktop","timeout","IOS","fallbackTransitionFinish","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoClose","isCancelItem","event","persist","contextValue","DropdownComponent","process","env","NODE_ENV","dropdownProps","Object","assign","actionSheet","Provider","value","closing","Boolean","weight","alignY","onClick","hasMask","fixed"],"mappings":"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"}

package/dist/components/ActionSheet/ActionSheetContext.d.ts

@@ -1,6 +1,11 @@
 import * as React from 'react';
 export type ActionType<T> = (event: React.MouseEvent<T>) => void;
-export type ItemClickHandler<T extends Element = Element> = (action: ActionType<T> | undefined, immediateAction: ActionType<T> | undefined, autoClose: boolean) => (event: React.MouseEvent) => void;
+export type ItemClickHandler<T extends Element = Element> = (options: {
+    action: ActionType<T> | undefined;
+    immediateAction: ActionType<T> | undefined;
+    autoClose: boolean;
+    isCancelItem: boolean;
+}) => (event: React.MouseEvent) => void;
 export type ActionSheetContextType<T extends Element = Element> = {
     onItemClick?: ItemClickHandler<T>;
     isDesktop?: boolean;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type ActionType<T> = (event: React.MouseEvent<T>) => void;\n\nexport type ItemClickHandler<T extends Element = Element> = (\n  action: ActionType<T> | undefined,\n  immediateAction: ActionType<T> | undefined,\n  autoClose: boolean,\n) => (event: React.MouseEvent) => void;\n\nexport type ActionSheetContextType<T extends Element = Element> = {\n  onItemClick?: ItemClickHandler<T>;\n  isDesktop?: boolean;\n};\n\nexport const ActionSheetContext = React.createContext<ActionSheetContextType<any>>({});\n"],"names":["React","ActionSheetContext","createContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAe/B,OAAO,IAAMC,qBAAqBD,MAAME,aAAa,CAA8B,CAAC,GAAG"}
+{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type ActionType<T> = (event: React.MouseEvent<T>) => void;\n\nexport type ItemClickHandler<T extends Element = Element> = (options: {\n  action: ActionType<T> | undefined;\n  immediateAction: ActionType<T> | undefined;\n  autoClose: boolean;\n  isCancelItem: boolean;\n}) => (event: React.MouseEvent) => void;\n\nexport type ActionSheetContextType<T extends Element = Element> = {\n  onItemClick?: ItemClickHandler<T>;\n  isDesktop?: boolean;\n};\n\nexport const ActionSheetContext = React.createContext<ActionSheetContextType<any>>({});\n"],"names":["React","ActionSheetContext","createContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAgB/B,OAAO,IAAMC,qBAAqBD,MAAME,aAAa,CAA8B,CAAC,GAAG"}

package/dist/components/ActionSheet/ActionSheetDefaultIosCloseItem.js

@@ -4,7 +4,8 @@ import { ActionSheetItem } from "../ActionSheetItem/ActionSheetItem";
 export var ActionSheetDefaultIosCloseItem = function(props) {
     return /*#__PURE__*/ React.createElement(ActionSheetItem, _object_spread({
         autoClose: true,
-        mode: "cancel"
+        mode: "cancel",
+        isCancelItem: true
     }, props), "Отмена");
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ActionSheetItem, ActionSheetItemProps } from '../ActionSheetItem/ActionSheetItem';\n\nexport const ActionSheetDefaultIosCloseItem = (props: ActionSheetItemProps) => {\n  return (\n    <ActionSheetItem autoClose mode=\"cancel\" {...props}>\n      Отмена\n    </ActionSheetItem>\n  );\n};\n"],"names":["React","ActionSheetItem","ActionSheetDefaultIosCloseItem","props","autoClose","mode"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,eAAe,QAA8B,qCAAqC;AAE3F,OAAO,IAAMC,iCAAiC,SAACC;IAC7C,qBACE,oBAACF;QAAgBG,WAAAA;QAAUC,MAAK;OAAaF,QAAO;AAIxD,EAAE"}
+{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ActionSheetItem, ActionSheetItemProps } from '../ActionSheetItem/ActionSheetItem';\n\nexport const ActionSheetDefaultIosCloseItem = (props: ActionSheetItemProps) => {\n  return (\n    <ActionSheetItem autoClose mode=\"cancel\" isCancelItem {...props}>\n      Отмена\n    </ActionSheetItem>\n  );\n};\n"],"names":["React","ActionSheetItem","ActionSheetDefaultIosCloseItem","props","autoClose","mode","isCancelItem"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,eAAe,QAA8B,qCAAqC;AAE3F,OAAO,IAAMC,iCAAiC,SAACC;IAC7C,qBACE,oBAACF;QAAgBG,WAAAA;QAAUC,MAAK;QAASC,cAAAA;OAAiBH,QAAO;AAIrE,EAAE"}

package/dist/components/ActionSheetItem/ActionSheetItem.d.ts

@@ -22,9 +22,14 @@ export interface ActionSheetItemProps extends React.HTMLAttributes<HTMLElement>,
      * Иконка для `checked` режима.
      */
     iconChecked?: React.ReactNode;
+    /**
+     * Позволяет отделить ActionItem от CancelItem для определении того,
+     * кто вызвал закрытие ActionSheet. Используется в ActionSheet.onClose()
+     */
+    isCancelItem?: boolean;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
  */
-declare const ActionSheetItem: ({ children, autoClose, mode, meta, subtitle, before, selectable, value, name, checked, defaultChecked, onChange, onClick, onImmediateClick, multiline, iconChecked: iconCheckedProp, className, ...restProps }: ActionSheetItemProps) => React.JSX.Element;
+declare const ActionSheetItem: ({ children, autoClose, mode, meta, subtitle, before, selectable, value, name, checked, defaultChecked, onChange, onClick, onImmediateClick, multiline, iconChecked: iconCheckedProp, className, isCancelItem, ...restProps }: ActionSheetItemProps) => React.JSX.Element;
 export { ActionSheetItem };

package/dist/components/ActionSheetItem/ActionSheetItem.js

@@ -16,7 +16,7 @@ import { Title } from "../Typography/Title/Title";
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
  */ var ActionSheetItem = function(_param) {
-    var children = _param.children, autoClose = _param.autoClose, _param_mode = _param.mode, mode = _param_mode === void 0 ? "default" : _param_mode, meta = _param.meta, subtitle = _param.subtitle, before = _param.before, selectable = _param.selectable, value = _param.value, name = _param.name, checked = _param.checked, defaultChecked = _param.defaultChecked, onChange = _param.onChange, onClick = _param.onClick, onImmediateClick = _param.onImmediateClick, _param_multiline = _param.multiline, multiline = _param_multiline === void 0 ? false : _param_multiline, iconCheckedProp = _param.iconChecked, className = _param.className, restProps = _object_without_properties(_param, [
+    var children = _param.children, autoClose = _param.autoClose, _param_mode = _param.mode, mode = _param_mode === void 0 ? "default" : _param_mode, meta = _param.meta, subtitle = _param.subtitle, before = _param.before, selectable = _param.selectable, value = _param.value, name = _param.name, checked = _param.checked, defaultChecked = _param.defaultChecked, onChange = _param.onChange, onClick = _param.onClick, onImmediateClick = _param.onImmediateClick, _param_multiline = _param.multiline, multiline = _param_multiline === void 0 ? false : _param_multiline, iconCheckedProp = _param.iconChecked, className = _param.className, isCancelItem = _param.isCancelItem, restProps = _object_without_properties(_param, [
         "children",
         "autoClose",
         "mode",
@@ -33,7 +33,8 @@ import { Title } from "../Typography/Title/Title";
         "onImmediateClick",
         "multiline",
         "iconChecked",
-        "className"
+        "className",
+        "isCancelItem"
     ]);
     var platform = usePlatform();
     var _React_useContext = React.useContext(ActionSheetContext), _React_useContext_onItemClick = _React_useContext.onItemClick, onItemClick = _React_useContext_onItemClick === void 0 ? function() {
@@ -50,7 +51,12 @@ import { Title } from "../Typography/Title/Title";
     return /*#__PURE__*/ React.createElement(Tappable, _object_spread_props(_object_spread({
         Component: Component
     }, restProps), {
-        onClick: selectable ? onClick : onItemClick(onClick, onImmediateClick, Boolean(autoClose)),
+        onClick: selectable ? onClick : onItemClick({
+            action: onClick,
+            immediateAction: onImmediateClick,
+            autoClose: Boolean(autoClose),
+            isCancelItem: Boolean(isCancelItem)
+        }),
         activeMode: platform === Platform.IOS ? "vkuiActionSheetItem--active" : undefined,
         className: classNames("vkuiActionSheetItem", platform === Platform.IOS && "vkuiActionSheetItem--ios", mode === "cancel" && "vkuiActionSheetItem--mode-cancel", mode === "destructive" && "vkuiActionSheetItem--mode-destructive", sizeY === SizeType.COMPACT && "vkuiActionSheetItem--sizeY-compact", isRich && "vkuiActionSheetItem--rich", isDesktop && "vkuiActionSheetItem--desktop", selectable && "vkuiActionSheetItem--selectable", className)
     }), before && /*#__PURE__*/ React.createElement("div", {
@@ -77,7 +83,12 @@ import { Title } from "../Typography/Title/Title";
         name: name,
         value: value,
         onChange: onChange,
-        onClick: onItemClick(noop, noop, Boolean(autoClose)),
+        onClick: onItemClick({
+            action: noop,
+            immediateAction: noop,
+            autoClose: Boolean(autoClose),
+            isCancelItem: Boolean(isCancelItem)
+        }),
         defaultChecked: defaultChecked,
         checked: checked,
         disabled: restProps.disabled

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

@@ -1 +1 @@
-{"version":3,"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 { Title } from '../Typography/Title/Title';\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        mode === 'cancel' && styles['ActionSheetItem--mode-cancel'],\n        mode === 'destructive' && styles['ActionSheetItem--mode-destructive'],\n        sizeY === SizeType.COMPACT && styles['ActionSheetItem--sizeY-compact'],\n        isRich && styles['ActionSheetItem--rich'],\n        isDesktop && styles['ActionSheetItem--desktop'],\n        selectable && styles['ActionSheetItem--selectable'],\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          {platform === Platform.IOS ? (\n            <Title\n              className={styles['ActionSheetItem__children']}\n              weight={mode === 'cancel' ? '2' : '3'}\n              level={isCentered ? '2' : '3'}\n            >\n              {children}\n            </Title>\n          ) : (\n            <Text className={styles['ActionSheetItem__children']}>{children}</Text>\n          )}\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"],"names":["React","Icon20CheckCircleOn","Icon24CheckCircleOn","classNames","noop","useAdaptivityWithJSMediaQueries","usePlatform","SizeType","Platform","ActionSheetContext","Tappable","Subhead","Text","Title","ActionSheetItem","children","autoClose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconChecked","iconCheckedProp","className","restProps","platform","useContext","onItemClick","isDesktop","sizeY","COMPACT","Component","href","isRich","isCentered","IOS","Boolean","activeMode","undefined","div","weight","level","input","type","disabled"],"mappings":"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"}
+{"version":3,"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 { Title } from '../Typography/Title/Title';\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   * Позволяет отделить ActionItem от CancelItem для определении того,\n   * кто вызвал закрытие ActionSheet. Используется в ActionSheet.onClose()\n   */\n  isCancelItem?: boolean;\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  isCancelItem,\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={\n        selectable\n          ? onClick\n          : onItemClick({\n              action: onClick,\n              immediateAction: onImmediateClick,\n              autoClose: Boolean(autoClose),\n              isCancelItem: Boolean(isCancelItem),\n            })\n      }\n      activeMode={platform === Platform.IOS ? styles['ActionSheetItem--active'] : undefined}\n      className={classNames(\n        styles['ActionSheetItem'],\n        platform === Platform.IOS && styles['ActionSheetItem--ios'],\n        mode === 'cancel' && styles['ActionSheetItem--mode-cancel'],\n        mode === 'destructive' && styles['ActionSheetItem--mode-destructive'],\n        sizeY === SizeType.COMPACT && styles['ActionSheetItem--sizeY-compact'],\n        isRich && styles['ActionSheetItem--rich'],\n        isDesktop && styles['ActionSheetItem--desktop'],\n        selectable && styles['ActionSheetItem--selectable'],\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          {platform === Platform.IOS ? (\n            <Title\n              className={styles['ActionSheetItem__children']}\n              weight={mode === 'cancel' ? '2' : '3'}\n              level={isCentered ? '2' : '3'}\n            >\n              {children}\n            </Title>\n          ) : (\n            <Text className={styles['ActionSheetItem__children']}>{children}</Text>\n          )}\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({\n              action: noop,\n              immediateAction: noop,\n              autoClose: Boolean(autoClose),\n              isCancelItem: Boolean(isCancelItem),\n            })}\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"],"names":["React","Icon20CheckCircleOn","Icon24CheckCircleOn","classNames","noop","useAdaptivityWithJSMediaQueries","usePlatform","SizeType","Platform","ActionSheetContext","Tappable","Subhead","Text","Title","ActionSheetItem","children","autoClose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconChecked","iconCheckedProp","className","isCancelItem","restProps","platform","useContext","onItemClick","isDesktop","sizeY","COMPACT","Component","href","isRich","isCentered","IOS","action","immediateAction","Boolean","activeMode","undefined","div","weight","level","input","type","disabled"],"mappings":"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"}

package/dist/components/AdaptivityProvider/AdaptivityProvider.js

@@ -2,12 +2,24 @@ import * as React from "react";
 import { hasMouse as _hasPointer } from "@vkontakte/vkjs";
 import { useBridgeAdaptivity } from "../../hooks/useBridgeAdaptivity";
 import { BREAKPOINTS, SizeType, ViewHeight, ViewWidth } from "../../lib/adaptivity";
+import { warnOnce } from "../../lib/warnOnce";
 import { AdaptivityContext } from "./AdaptivityContext";
+var warn = warnOnce("AdaptivityProvider");
 /**
  * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider
  */ export var AdaptivityProvider = function(param) {
     var viewWidth = param.viewWidth, viewHeight = param.viewHeight, sizeX = param.sizeX, sizeY = param.sizeY, hasPointer = param.hasPointer, hasHover = param.hasHover, children = param.children;
-    var bridge = useBridgeAdaptivity();
+    // TODO [>=6]: удалить использование хука (#5049)
+    /* eslint-disable @typescript-eslint/naming-convention */ var LEGACY_isPerhapsPropsByBridgeTypeAdaptive = viewWidth !== undefined && viewHeight !== undefined;
+    var LEGACY_isPerhapsPropsByBridgeTypeForceMobile = viewWidth !== undefined && sizeX !== undefined && sizeY !== undefined;
+    var LEGACY_disableInternalUseBridgeAdaptivity = LEGACY_isPerhapsPropsByBridgeTypeAdaptive || LEGACY_isPerhapsPropsByBridgeTypeForceMobile;
+    var LEGACY_bridge = useBridgeAdaptivity(LEGACY_disableInternalUseBridgeAdaptivity);
+    /* eslint-enable @typescript-eslint/naming-convention */ if (process.env.NODE_ENVIRONMENT === "development") {
+        // TODO [>=6]: удалить warn
+        if (!LEGACY_disableInternalUseBridgeAdaptivity) {
+            warn("[@vkontakte/vk-bridge] Интеграция VKUI с @vkontakte/vk-bridge устарела и будет удалена в v6. Используйте хук `useAdaptivity()` из @vkontakte/vk-bridge-react и результат передайте в компонент (см. https://github.com/VKCOM/VKUI/issues/5049)"); // prettier-ignore
+        }
+    }
     var adaptivity = React.useMemo(function() {
         return calculateAdaptivity({
             viewWidth: viewWidth,
@@ -16,7 +28,7 @@ import { AdaptivityContext } from "./AdaptivityContext";
             sizeY: sizeY,
             hasPointer: hasPointer,
             hasHover: hasHover
-        }, bridge);
+        }, LEGACY_bridge);
     }, [
         viewWidth,
         viewHeight,
@@ -24,16 +36,18 @@ import { AdaptivityContext } from "./AdaptivityContext";
         sizeY,
         hasPointer,
         hasHover,
-        bridge
+        LEGACY_bridge
     ]);
     return /*#__PURE__*/ React.createElement(AdaptivityContext.Provider, {
         value: adaptivity
     }, children);
 };
-function calculateAdaptivity(param, bridge) {
+function calculateAdaptivity(param, LEGACY_bridge) {
     var viewWidth = param.viewWidth, viewHeight = param.viewHeight, sizeX = param.sizeX, sizeY = param.sizeY, hasPointer = param.hasPointer, hasHover = param.hasHover;
-    if (bridge.type === "adaptive") {
-        var viewportWidth = bridge.viewportWidth, viewportHeight = bridge.viewportHeight;
+    // TODO [>=6]: удалить блок кода c использованием LEGACY_bridge (#5049)
+    //  https://github.com/VKCOM/VKUI/blob/v5.5.5/packages/vkui/src/components/AdaptivityProvider/AdaptivityProvider.tsx#L46-L92
+    if (LEGACY_bridge.type === "adaptive") {
+        var viewportWidth = LEGACY_bridge.viewportWidth, viewportHeight = LEGACY_bridge.viewportHeight;
         if (viewportWidth >= BREAKPOINTS.DESKTOP) {
             viewWidth = ViewWidth.DESKTOP;
         } else if (viewportWidth >= BREAKPOINTS.TABLET) {
@@ -62,10 +76,10 @@ function calculateAdaptivity(param, bridge) {
         } else {
             sizeY = SizeType.REGULAR;
         }
-    } else if (bridge.type === "force_mobile" || bridge.type === "force_mobile_compact") {
+    } else if (LEGACY_bridge.type === "force_mobile" || LEGACY_bridge.type === "force_mobile_compact") {
         viewWidth = ViewWidth.MOBILE;
         sizeX = SizeType.COMPACT;
-        if (bridge.type === "force_mobile_compact") {
+        if (LEGACY_bridge.type === "force_mobile_compact") {
             sizeY = SizeType.COMPACT;
         } else {
             sizeY = SizeType.REGULAR;