@vkontakte/vkui 5.0.0 → 5.0.1

package/dist/components/AdaptivityProvider/AdaptivityProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdaptivityProvider.js","names":["React","hasMouse","_hasMouse","SizeType","ViewWidth","ViewHeight","BREAKPOINTS","useBridgeAdaptivity","AdaptivityContext","AdaptivityProvider","viewWidth","viewHeight","sizeX","sizeY","deviceHasHover","children","bridge","useState","adaptivity","setAdaptivity","useEffect","calculateAdaptivity","type","viewportWidth","viewportHeight","DESKTOP","TABLET","SMALL_TABLET","MOBILE","SMALL_MOBILE","MEDIUM_HEIGHT","MEDIUM","MOBILE_LANDSCAPE_HEIGHT","SMALL","EXTRA_SMALL","COMPACT","REGULAR","undefined"],"sources":["../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { hasMouse as _hasMouse } from \"@vkontakte/vkjs\";\nimport {\n  SizeType,\n  ViewWidth,\n  ViewHeight,\n  BREAKPOINTS,\n} from \"../../lib/adaptivity\";\nimport {\n  useBridgeAdaptivity,\n  BridgeAdaptivity,\n} from \"../../hooks/useBridgeAdaptivity\";\nimport { type AdaptivityProps, AdaptivityContext } from \"./AdaptivityContext\";\n\nexport interface AdaptivityProviderProps extends AdaptivityProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider\n */\nexport const AdaptivityProvider = ({\n  viewWidth,\n  viewHeight,\n  sizeX,\n  sizeY,\n  hasMouse,\n  deviceHasHover,\n  children,\n}: React.PropsWithChildren<AdaptivityProps>) => {\n  const bridge = useBridgeAdaptivity();\n  const [adaptivity, setAdaptivity] = React.useState({\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasMouse,\n    deviceHasHover,\n  });\n\n  React.useEffect(() => {\n    setAdaptivity(\n      calculateAdaptivity(\n        {\n          viewWidth,\n          viewHeight,\n          sizeX,\n          sizeY,\n          hasMouse,\n          deviceHasHover,\n        },\n        bridge\n      )\n    );\n  }, [viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover, bridge]);\n\n  return (\n    <AdaptivityContext.Provider value={adaptivity}>\n      {children}\n    </AdaptivityContext.Provider>\n  );\n};\n\nfunction calculateAdaptivity(\n  {\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasMouse,\n    deviceHasHover,\n  }: AdaptivityProps,\n  bridge: BridgeAdaptivity\n) {\n  if (bridge.type === \"adaptive\") {\n    const { viewportWidth, viewportHeight } = bridge;\n\n    if (viewportWidth >= BREAKPOINTS.DESKTOP) {\n      viewWidth = ViewWidth.DESKTOP;\n    } else if (viewportWidth >= BREAKPOINTS.TABLET) {\n      viewWidth = ViewWidth.TABLET;\n    } else if (viewportWidth >= BREAKPOINTS.SMALL_TABLET) {\n      viewWidth = ViewWidth.SMALL_TABLET;\n    } else if (viewportWidth >= BREAKPOINTS.MOBILE) {\n      viewWidth = ViewWidth.MOBILE;\n    } else {\n      viewWidth = ViewWidth.SMALL_MOBILE;\n    }\n\n    if (viewportHeight >= BREAKPOINTS.MEDIUM_HEIGHT) {\n      viewHeight = ViewHeight.MEDIUM;\n    } else if (viewportHeight > BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT) {\n      viewHeight = ViewHeight.SMALL;\n    } else {\n      viewHeight = ViewHeight.EXTRA_SMALL;\n    }\n\n    if (viewWidth <= ViewWidth.MOBILE) {\n      sizeX = SizeType.COMPACT;\n    } else {\n      sizeX = SizeType.REGULAR;\n    }\n\n    if (\n      (viewWidth >= ViewWidth.SMALL_TABLET && _hasMouse) ||\n      viewHeight <= ViewHeight.EXTRA_SMALL\n    ) {\n      sizeY = SizeType.COMPACT;\n    } else {\n      sizeY = SizeType.REGULAR;\n    }\n  } else if (\n    bridge.type === \"force_mobile\" ||\n    bridge.type === \"force_mobile_compact\"\n  ) {\n    viewWidth = ViewWidth.MOBILE;\n    sizeX = SizeType.COMPACT;\n\n    if (bridge.type === \"force_mobile_compact\") {\n      sizeY = SizeType.COMPACT;\n    } else {\n      sizeY = SizeType.REGULAR;\n    }\n  } else {\n    if (sizeX === undefined && viewWidth !== undefined) {\n      if (viewWidth <= ViewWidth.MOBILE) {\n        sizeX = SizeType.COMPACT;\n      } else {\n        sizeX = SizeType.REGULAR;\n      }\n    }\n    if (\n      sizeY === undefined &&\n      viewWidth !== undefined &&\n      viewHeight !== undefined\n    ) {\n      if (\n        (viewWidth >= ViewWidth.SMALL_TABLET && _hasMouse) ||\n        viewHeight <= ViewHeight.EXTRA_SMALL\n      ) {\n        sizeY = SizeType.COMPACT;\n      } else {\n        sizeY = SizeType.REGULAR;\n      }\n    }\n  }\n\n  return {\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasMouse,\n    deviceHasHover,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"AdaptivityProvider.js","names":["React","hasMouse","_hasPointer","SizeType","ViewWidth","ViewHeight","BREAKPOINTS","useBridgeAdaptivity","AdaptivityContext","AdaptivityProvider","viewWidth","viewHeight","sizeX","sizeY","hasPointer","hasHover","children","bridge","useState","adaptivity","setAdaptivity","useEffect","calculateAdaptivity","type","viewportWidth","viewportHeight","DESKTOP","TABLET","SMALL_TABLET","MOBILE","SMALL_MOBILE","MEDIUM_HEIGHT","MEDIUM","MOBILE_LANDSCAPE_HEIGHT","SMALL","EXTRA_SMALL","COMPACT","REGULAR","undefined"],"sources":["../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { hasMouse as _hasPointer } from \"@vkontakte/vkjs\";\nimport {\n  SizeType,\n  ViewWidth,\n  ViewHeight,\n  BREAKPOINTS,\n} from \"../../lib/adaptivity\";\nimport {\n  useBridgeAdaptivity,\n  BridgeAdaptivity,\n} from \"../../hooks/useBridgeAdaptivity\";\nimport { type AdaptivityProps, AdaptivityContext } from \"./AdaptivityContext\";\n\nexport interface AdaptivityProviderProps extends AdaptivityProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider\n */\nexport const AdaptivityProvider = ({\n  viewWidth,\n  viewHeight,\n  sizeX,\n  sizeY,\n  hasPointer,\n  hasHover,\n  children,\n}: React.PropsWithChildren<AdaptivityProps>) => {\n  const bridge = useBridgeAdaptivity();\n  const [adaptivity, setAdaptivity] = React.useState({\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasPointer,\n    hasHover,\n  });\n\n  React.useEffect(() => {\n    setAdaptivity(\n      calculateAdaptivity(\n        {\n          viewWidth,\n          viewHeight,\n          sizeX,\n          sizeY,\n          hasPointer,\n          hasHover,\n        },\n        bridge\n      )\n    );\n  }, [viewWidth, viewHeight, sizeX, sizeY, hasPointer, hasHover, bridge]);\n\n  return (\n    <AdaptivityContext.Provider value={adaptivity}>\n      {children}\n    </AdaptivityContext.Provider>\n  );\n};\n\nfunction calculateAdaptivity(\n  {\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasPointer,\n    hasHover,\n  }: AdaptivityProps,\n  bridge: BridgeAdaptivity\n) {\n  if (bridge.type === \"adaptive\") {\n    const { viewportWidth, viewportHeight } = bridge;\n\n    if (viewportWidth >= BREAKPOINTS.DESKTOP) {\n      viewWidth = ViewWidth.DESKTOP;\n    } else if (viewportWidth >= BREAKPOINTS.TABLET) {\n      viewWidth = ViewWidth.TABLET;\n    } else if (viewportWidth >= BREAKPOINTS.SMALL_TABLET) {\n      viewWidth = ViewWidth.SMALL_TABLET;\n    } else if (viewportWidth >= BREAKPOINTS.MOBILE) {\n      viewWidth = ViewWidth.MOBILE;\n    } else {\n      viewWidth = ViewWidth.SMALL_MOBILE;\n    }\n\n    if (viewportHeight >= BREAKPOINTS.MEDIUM_HEIGHT) {\n      viewHeight = ViewHeight.MEDIUM;\n    } else if (viewportHeight > BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT) {\n      viewHeight = ViewHeight.SMALL;\n    } else {\n      viewHeight = ViewHeight.EXTRA_SMALL;\n    }\n\n    if (viewWidth <= ViewWidth.MOBILE) {\n      sizeX = SizeType.COMPACT;\n    } else {\n      sizeX = SizeType.REGULAR;\n    }\n\n    if (\n      (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer) ||\n      viewHeight <= ViewHeight.EXTRA_SMALL\n    ) {\n      sizeY = SizeType.COMPACT;\n    } else {\n      sizeY = SizeType.REGULAR;\n    }\n  } else if (\n    bridge.type === \"force_mobile\" ||\n    bridge.type === \"force_mobile_compact\"\n  ) {\n    viewWidth = ViewWidth.MOBILE;\n    sizeX = SizeType.COMPACT;\n\n    if (bridge.type === \"force_mobile_compact\") {\n      sizeY = SizeType.COMPACT;\n    } else {\n      sizeY = SizeType.REGULAR;\n    }\n  } else {\n    if (sizeX === undefined && viewWidth !== undefined) {\n      if (viewWidth <= ViewWidth.MOBILE) {\n        sizeX = SizeType.COMPACT;\n      } else {\n        sizeX = SizeType.REGULAR;\n      }\n    }\n    if (\n      sizeY === undefined &&\n      viewWidth !== undefined &&\n      viewHeight !== undefined\n    ) {\n      if (\n        (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer) ||\n        viewHeight <= ViewHeight.EXTRA_SMALL\n      ) {\n        sizeY = SizeType.COMPACT;\n      } else {\n        sizeY = SizeType.REGULAR;\n      }\n    }\n  }\n\n  return {\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasPointer,\n    hasHover,\n  };\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,IAAIC,WAAW,QAAQ,iBAAiB;AACzD,SACEC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,WAAW,QACN,sBAAsB;AAC7B,SACEC,mBAAmB,QAEd,iCAAiC;AACxC,SAA+BC,iBAAiB,QAAQ,qBAAqB;AAM7E;AACA;AACA;AACA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAQiB;EAAA,IAP9CC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACVC,KAAK,QAALA,KAAK;IACLC,KAAK,QAALA,KAAK;IACLC,UAAU,QAAVA,UAAU;IACVC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;EAER,IAAMC,MAAM,GAAGV,mBAAmB,EAAE;EACpC,sBAAoCP,KAAK,CAACkB,QAAQ,CAAC;MACjDR,SAAS,EAATA,SAAS;MACTC,UAAU,EAAVA,UAAU;MACVC,KAAK,EAALA,KAAK;MACLC,KAAK,EAALA,KAAK;MACLC,UAAU,EAAVA,UAAU;MACVC,QAAQ,EAARA;IACF,CAAC,CAAC;IAAA;IAPKI,UAAU;IAAEC,aAAa;EAShCpB,KAAK,CAACqB,SAAS,CAAC,YAAM;IACpBD,aAAa,CACXE,mBAAmB,CACjB;MACEZ,SAAS,EAATA,SAAS;MACTC,UAAU,EAAVA,UAAU;MACVC,KAAK,EAALA,KAAK;MACLC,KAAK,EAALA,KAAK;MACLC,UAAU,EAAVA,UAAU;MACVC,QAAQ,EAARA;IACF,CAAC,EACDE,MAAM,CACP,CACF;EACH,CAAC,EAAE,CAACP,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,KAAK,EAAEC,UAAU,EAAEC,QAAQ,EAAEE,MAAM,CAAC,CAAC;EAEvE,oBACE,oBAAC,iBAAiB,CAAC,QAAQ;IAAC,KAAK,EAAEE;EAAW,GAC3CH,QAAQ,CACkB;AAEjC,CAAC;AAED,SAASM,mBAAmB,QAS1BL,MAAwB,EACxB;EAAA,IAREP,SAAS,SAATA,SAAS;IACTC,UAAU,SAAVA,UAAU;IACVC,KAAK,SAALA,KAAK;IACLC,KAAK,SAALA,KAAK;IACLC,UAAU,SAAVA,UAAU;IACVC,QAAQ,SAARA,QAAQ;EAIV,IAAIE,MAAM,CAACM,IAAI,KAAK,UAAU,EAAE;IAC9B,IAAQC,aAAa,GAAqBP,MAAM,CAAxCO,aAAa;MAAEC,cAAc,GAAKR,MAAM,CAAzBQ,cAAc;IAErC,IAAID,aAAa,IAAIlB,WAAW,CAACoB,OAAO,EAAE;MACxChB,SAAS,GAAGN,SAAS,CAACsB,OAAO;IAC/B,CAAC,MAAM,IAAIF,aAAa,IAAIlB,WAAW,CAACqB,MAAM,EAAE;MAC9CjB,SAAS,GAAGN,SAAS,CAACuB,MAAM;IAC9B,CAAC,MAAM,IAAIH,aAAa,IAAIlB,WAAW,CAACsB,YAAY,EAAE;MACpDlB,SAAS,GAAGN,SAAS,CAACwB,YAAY;IACpC,CAAC,MAAM,IAAIJ,aAAa,IAAIlB,WAAW,CAACuB,MAAM,EAAE;MAC9CnB,SAAS,GAAGN,SAAS,CAACyB,MAAM;IAC9B,CAAC,MAAM;MACLnB,SAAS,GAAGN,SAAS,CAAC0B,YAAY;IACpC;IAEA,IAAIL,cAAc,IAAInB,WAAW,CAACyB,aAAa,EAAE;MAC/CpB,UAAU,GAAGN,UAAU,CAAC2B,MAAM;IAChC,CAAC,MAAM,IAAIP,cAAc,GAAGnB,WAAW,CAAC2B,uBAAuB,EAAE;MAC/DtB,UAAU,GAAGN,UAAU,CAAC6B,KAAK;IAC/B,CAAC,MAAM;MACLvB,UAAU,GAAGN,UAAU,CAAC8B,WAAW;IACrC;IAEA,IAAIzB,SAAS,IAAIN,SAAS,CAACyB,MAAM,EAAE;MACjCjB,KAAK,GAAGT,QAAQ,CAACiC,OAAO;IAC1B,CAAC,MAAM;MACLxB,KAAK,GAAGT,QAAQ,CAACkC,OAAO;IAC1B;IAEA,IACG3B,SAAS,IAAIN,SAAS,CAACwB,YAAY,IAAI1B,WAAW,IACnDS,UAAU,IAAIN,UAAU,CAAC8B,WAAW,EACpC;MACAtB,KAAK,GAAGV,QAAQ,CAACiC,OAAO;IAC1B,CAAC,MAAM;MACLvB,KAAK,GAAGV,QAAQ,CAACkC,OAAO;IAC1B;EACF,CAAC,MAAM,IACLpB,MAAM,CAACM,IAAI,KAAK,cAAc,IAC9BN,MAAM,CAACM,IAAI,KAAK,sBAAsB,EACtC;IACAb,SAAS,GAAGN,SAAS,CAACyB,MAAM;IAC5BjB,KAAK,GAAGT,QAAQ,CAACiC,OAAO;IAExB,IAAInB,MAAM,CAACM,IAAI,KAAK,sBAAsB,EAAE;MAC1CV,KAAK,GAAGV,QAAQ,CAACiC,OAAO;IAC1B,CAAC,MAAM;MACLvB,KAAK,GAAGV,QAAQ,CAACkC,OAAO;IAC1B;EACF,CAAC,MAAM;IACL,IAAIzB,KAAK,KAAK0B,SAAS,IAAI5B,SAAS,KAAK4B,SAAS,EAAE;MAClD,IAAI5B,SAAS,IAAIN,SAAS,CAACyB,MAAM,EAAE;QACjCjB,KAAK,GAAGT,QAAQ,CAACiC,OAAO;MAC1B,CAAC,MAAM;QACLxB,KAAK,GAAGT,QAAQ,CAACkC,OAAO;MAC1B;IACF;IACA,IACExB,KAAK,KAAKyB,SAAS,IACnB5B,SAAS,KAAK4B,SAAS,IACvB3B,UAAU,KAAK2B,SAAS,EACxB;MACA,IACG5B,SAAS,IAAIN,SAAS,CAACwB,YAAY,IAAI1B,WAAW,IACnDS,UAAU,IAAIN,UAAU,CAAC8B,WAAW,EACpC;QACAtB,KAAK,GAAGV,QAAQ,CAACiC,OAAO;MAC1B,CAAC,MAAM;QACLvB,KAAK,GAAGV,QAAQ,CAACkC,OAAO;MAC1B;IACF;EACF;EAEA,OAAO;IACL3B,SAAS,EAATA,SAAS;IACTC,UAAU,EAAVA,UAAU;IACVC,KAAK,EAALA,KAAK;IACLC,KAAK,EAALA,KAAK;IACLC,UAAU,EAAVA,UAAU;IACVC,QAAQ,EAARA;EACF,CAAC;AACH"}

package/dist/components/Alert/Alert.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { ButtonProps } from "../Button/Button";
-import "./Alert.css";
 export declare type AlertActionInterface = AlertAction & React.AnchorHTMLAttributes<HTMLElement>;
 export interface AlertAction extends Pick<ButtonProps, "Component" | "href"> {
     title: string;
@@ -13,7 +12,7 @@ export interface AlertProps extends React.HTMLAttributes<HTMLElement> {
     actions?: AlertAction[];
     header?: React.ReactNode;
     text?: React.ReactNode;
-    onClose?: VoidFunction;
+    onClose: VoidFunction;
     /**
      * `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.
      */

package/dist/components/Alert/Alert.js

@@ -2,12 +2,11 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["action", "onItemClick"],
-    _excluded2 = ["actions", "actionsLayout", "children", "className", "style", "text", "header", "onClose", "dismissLabel"];
-import { createScopedElement } from "../../lib/jsxRuntime";
+  _excluded2 = ["actions", "actionsLayout", "children", "className", "style", "text", "header", "onClose", "dismissLabel"];
 import * as React from "react";
 import { Tappable } from "../Tappable/Tappable";
 import { PopoutWrapper } from "../PopoutWrapper/PopoutWrapper";
-import { classNames } from "../../lib/classNames";
+import { classNamesString } from "../../lib/classNames";
 import { Platform } from "../../lib/platform";
 import { Button } from "../Button/Button";
 import { hasReactNode, stopPropagation } from "../../lib/utils";
@@ -20,81 +19,68 @@ import { FocusTrap } from "../FocusTrap/FocusTrap";
 import { useScrollLock } from "../AppRoot/ScrollContext";
 import { useWaitTransitionFinish } from "../../hooks/useWaitTransitionFinish";
 import { usePlatform } from "../../hooks/usePlatform";
-import { useAdaptivityWithMediaQueries } from "../../hooks/useAdaptivityWithMediaQueries";
-
+import { useAdaptivityWithJSMediaQueries } from "../../hooks/useAdaptivityWithJSMediaQueries";
 var AlertHeader = function AlertHeader(props) {
   var platform = usePlatform();
-
   switch (platform) {
     case Platform.IOS:
-      return createScopedElement(Title, _extends({
-        vkuiClass: "Alert__header",
+      return /*#__PURE__*/React.createElement(Title, _extends({
+        className: "vkuiAlert__header",
         weight: "1",
         level: "3"
       }, props));
-
     default:
-      return createScopedElement(Title, _extends({
-        vkuiClass: "Alert__header",
+      return /*#__PURE__*/React.createElement(Title, _extends({
+        className: "vkuiAlert__header",
         weight: "2",
         level: "2"
       }, props));
   }
 };
-
 var AlertText = function AlertText(props) {
   var platform = usePlatform();
-
   switch (platform) {
     case Platform.VKCOM:
-      return createScopedElement(Footnote, _extends({
-        vkuiClass: "Alert__text"
+      return /*#__PURE__*/React.createElement(Footnote, _extends({
+        className: "vkuiAlert__text"
       }, props));
-
     case Platform.IOS:
-      return createScopedElement(Caption, _extends({
-        vkuiClass: "Alert__text"
+      return /*#__PURE__*/React.createElement(Caption, _extends({
+        className: "vkuiAlert__text"
       }, props));
-
     default:
-      return createScopedElement(Text, _extends({
+      return /*#__PURE__*/React.createElement(Text, _extends({
         Component: "span",
-        vkuiClass: "Alert__text",
+        className: "vkuiAlert__text",
         weight: "3"
       }, props));
   }
 };
-
 var AlertAction = function AlertAction(_ref) {
   var action = _ref.action,
-      onItemClick = _ref.onItemClick,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
+    onItemClick = _ref.onItemClick,
+    restProps = _objectWithoutProperties(_ref, _excluded);
   var platform = usePlatform();
   var handleItemClick = React.useCallback(function () {
     return onItemClick(action);
   }, [onItemClick, action]);
-
   if (platform === Platform.IOS) {
     var _action$Component = action.Component,
-        Component = _action$Component === void 0 ? "button" : _action$Component;
-    return createScopedElement(Tappable, _extends({
+      Component = _action$Component === void 0 ? "button" : _action$Component;
+    return /*#__PURE__*/React.createElement(Tappable, _extends({
       Component: action.href ? "a" : Component,
-      vkuiClass: classNames("Alert__action", "Alert__action--mode-".concat(action.mode)),
+      className: classNamesString("vkuiAlert__action", styles["Alert__action--mode-".concat(action.mode)]),
       onClick: handleItemClick,
       href: action.href,
       target: action.target
     }, restProps), action.title);
   }
-
   var mode = "tertiary";
-
   if (platform === Platform.VKCOM) {
     mode = action.mode === "cancel" ? "secondary" : "primary";
   }
-
-  return createScopedElement(Button, {
-    vkuiClass: classNames("Alert__button", "Alert__button--mode-".concat(action.mode)),
+  return /*#__PURE__*/React.createElement(Button, {
+    className: classNamesString("vkuiAlert__button", styles["Alert__button--mode-".concat(action.mode)]),
     mode: mode,
     size: "m",
     onClick: handleItemClick,
@@ -103,39 +89,33 @@ var AlertAction = function AlertAction(_ref) {
     target: action.target
   }, action.title);
 };
+
 /**
  * @see https://vkcom.github.io/VKUI/#/Alert
  */
-
-
 export var Alert = function Alert(_ref2) {
   var _ref2$actions = _ref2.actions,
-      actions = _ref2$actions === void 0 ? [] : _ref2$actions,
-      _ref2$actionsLayout = _ref2.actionsLayout,
-      actionsLayout = _ref2$actionsLayout === void 0 ? "horizontal" : _ref2$actionsLayout,
-      children = _ref2.children,
-      className = _ref2.className,
-      style = _ref2.style,
-      text = _ref2.text,
-      header = _ref2.header,
-      onClose = _ref2.onClose,
-      _ref2$dismissLabel = _ref2.dismissLabel,
-      dismissLabel = _ref2$dismissLabel === void 0 ? "Закрыть предупреждение" : _ref2$dismissLabel,
-      restProps = _objectWithoutProperties(_ref2, _excluded2);
-
+    actions = _ref2$actions === void 0 ? [] : _ref2$actions,
+    _ref2$actionsLayout = _ref2.actionsLayout,
+    actionsLayout = _ref2$actionsLayout === void 0 ? "horizontal" : _ref2$actionsLayout,
+    children = _ref2.children,
+    className = _ref2.className,
+    style = _ref2.style,
+    text = _ref2.text,
+    header = _ref2.header,
+    onClose = _ref2.onClose,
+    _ref2$dismissLabel = _ref2.dismissLabel,
+    dismissLabel = _ref2$dismissLabel === void 0 ? "Закрыть предупреждение" : _ref2$dismissLabel,
+    restProps = _objectWithoutProperties(_ref2, _excluded2);
   var platform = usePlatform();
-
-  var _useAdaptivityWithMed = useAdaptivityWithMediaQueries(),
-      isDesktop = _useAdaptivityWithMed.isDesktop;
-
+  var _useAdaptivityWithJSM = useAdaptivityWithJSMediaQueries(),
+    isDesktop = _useAdaptivityWithJSM.isDesktop;
   var _useWaitTransitionFin = useWaitTransitionFinish(),
-      waitTransitionFinish = _useWaitTransitionFin.waitTransitionFinish;
-
+    waitTransitionFinish = _useWaitTransitionFin.waitTransitionFinish;
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      closing = _React$useState2[0],
-      setClosing = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    closing = _React$useState2[0],
+    setClosing = _React$useState2[1];
   var elementRef = React.useRef(null);
   var resolvedActionsLayout = platform === Platform.VKCOM ? "horizontal" : actionsLayout;
   var timeout = platform === Platform.IOS ? 300 : 200;
@@ -143,19 +123,18 @@ export var Alert = function Alert(_ref2) {
     setClosing(true);
     waitTransitionFinish(elementRef.current, function (e) {
       if (!e || e.propertyName === "opacity") {
-        onClose && onClose();
+        onClose();
       }
     }, timeout);
   }, [elementRef, waitTransitionFinish, onClose, timeout]);
   var onItemClick = React.useCallback(function (item) {
     var action = item.action,
-        autoClose = item.autoClose;
-
+      autoClose = item.autoClose;
     if (autoClose) {
       setClosing(true);
       waitTransitionFinish(elementRef.current, function (e) {
         if (!e || e.propertyName === "opacity") {
-          onClose && onClose();
+          onClose();
           action && action();
         }
       }, timeout);
@@ -164,38 +143,46 @@ export var Alert = function Alert(_ref2) {
     }
   }, [elementRef, waitTransitionFinish, onClose, timeout]);
   useScrollLock();
-  return createScopedElement(PopoutWrapper, {
+  return /*#__PURE__*/React.createElement(PopoutWrapper, {
     className: className,
     closing: closing,
     style: style,
     onClick: close
-  }, createScopedElement(FocusTrap, _extends({}, restProps, {
+  }, /*#__PURE__*/React.createElement(FocusTrap, _extends({}, restProps, {
     getRootRef: elementRef,
     onClick: stopPropagation,
     onClose: close,
     timeout: timeout,
-    vkuiClass: classNames("Alert", platform === Platform.IOS && "Alert--ios", platform === Platform.VKCOM && "Alert--vkcom", resolvedActionsLayout === "vertical" ? "Alert--v" : "Alert--h", closing && "Alert--closing", isDesktop && "Alert--desktop"),
+    className: classNamesString("vkuiAlert", platform === Platform.IOS && "vkuiAlert--ios", platform === Platform.VKCOM && "vkuiAlert--vkcom", resolvedActionsLayout === "vertical" ? "vkuiAlert--v" : "vkuiAlert--h", closing && "vkuiAlert--closing", isDesktop && "vkuiAlert--desktop"),
     role: "alertdialog",
     "aria-modal": true,
     "aria-labelledby": "vkui--alert--title",
     "aria-describedby": "vkui--alert--desc"
-  }), createScopedElement("div", {
-    vkuiClass: "Alert__content"
-  }, hasReactNode(header) && createScopedElement(AlertHeader, {
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "vkuiAlert__content"
+  }, hasReactNode(header) && /*#__PURE__*/React.createElement(AlertHeader, {
     id: "vkui--alert--title"
-  }, header), hasReactNode(text) && createScopedElement(AlertText, {
+  }, header), hasReactNode(text) && /*#__PURE__*/React.createElement(AlertText, {
     id: "vkui--alert--desc"
-  }, text), children), createScopedElement("div", {
-    vkuiClass: "Alert__actions"
+  }, text), children), /*#__PURE__*/React.createElement("div", {
+    className: "vkuiAlert__actions"
   }, actions.map(function (action, i) {
-    return createScopedElement(AlertAction, {
+    return /*#__PURE__*/React.createElement(AlertAction, {
       key: i,
       action: action,
       onItemClick: onItemClick
     });
-  })), isDesktop && createScopedElement(ModalDismissButton, {
+  })), isDesktop && /*#__PURE__*/React.createElement(ModalDismissButton, {
     onClick: close,
     "aria-label": dismissLabel
   })));
 };
+var styles = {
+  "Alert__action--mode-cancel": "vkuiAlert__action--mode-cancel",
+  "Alert__action--mode-destructive": "vkuiAlert__action--mode-destructive",
+  "Alert__action--mode-default": "vkuiAlert__action--mode-default",
+  "Alert__button--mode-cancel": "vkuiAlert__button--mode-cancel",
+  "Alert__button--mode-default": "vkuiAlert__button--mode-default",
+  "Alert__button--mode-destructive": "vkuiAlert__button--mode-destructive"
+};
 //# sourceMappingURL=Alert.js.map

package/dist/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","names":["React","Tappable","PopoutWrapper","classNames","Platform","Button","hasReactNode","stopPropagation","Title","Caption","Footnote","Text","ModalDismissButton","FocusTrap","useScrollLock","useWaitTransitionFinish","usePlatform","useAdaptivityWithMediaQueries","AlertHeader","props","platform","IOS","AlertText","VKCOM","AlertAction","action","onItemClick","restProps","handleItemClick","useCallback","Component","href","mode","target","title","Alert","actions","actionsLayout","children","className","style","text","header","onClose","dismissLabel","isDesktop","waitTransitionFinish","useState","closing","setClosing","elementRef","useRef","resolvedActionsLayout","timeout","close","current","e","propertyName","item","autoClose","map","i"],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { Button, ButtonProps } from \"../Button/Button\";\nimport { hasReactNode, stopPropagation } from \"../../lib/utils\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { ModalDismissButton } from \"../ModalDismissButton/ModalDismissButton\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport { useWaitTransitionFinish } from \"../../hooks/useWaitTransitionFinish\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivityWithMediaQueries } from \"../../hooks/useAdaptivityWithMediaQueries\";\nimport \"./Alert.css\";\n\nexport type AlertActionInterface = AlertAction &\n  React.AnchorHTMLAttributes<HTMLElement>;\n\nexport interface AlertAction extends Pick<ButtonProps, \"Component\" | \"href\"> {\n  title: string;\n  action?: VoidFunction;\n  autoClose?: boolean;\n  mode: \"cancel\" | \"destructive\" | \"default\";\n}\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLElement> {\n  actionsLayout?: \"vertical\" | \"horizontal\";\n  actions?: AlertAction[];\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  onClose?: VoidFunction;\n\n  /**\n   * `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.\n   */\n  dismissLabel?: string;\n}\n\ntype ItemClickHandler = (item: AlertActionInterface) => void;\n\ninterface AlertTypography {\n  id: string;\n  children?: React.ReactNode;\n}\n\nconst AlertHeader = (props: AlertTypography) => {\n  const platform = usePlatform();\n\n  switch (platform) {\n    case Platform.IOS:\n      return (\n        <Title vkuiClass=\"Alert__header\" weight=\"1\" level=\"3\" {...props} />\n      );\n    default:\n      return (\n        <Title vkuiClass=\"Alert__header\" weight=\"2\" level=\"2\" {...props} />\n      );\n  }\n};\n\nconst AlertText = (props: AlertTypography) => {\n  const platform = usePlatform();\n\n  switch (platform) {\n    case Platform.VKCOM:\n      return <Footnote vkuiClass=\"Alert__text\" {...props} />;\n    case Platform.IOS:\n      return <Caption vkuiClass=\"Alert__text\" {...props} />;\n    default:\n      return (\n        <Text Component=\"span\" vkuiClass=\"Alert__text\" weight=\"3\" {...props} />\n      );\n  }\n};\n\ninterface AlertActionProps {\n  action: AlertActionInterface;\n  onItemClick: ItemClickHandler;\n}\n\nconst AlertAction = ({\n  action,\n  onItemClick,\n  ...restProps\n}: AlertActionProps) => {\n  const platform = usePlatform();\n  const handleItemClick = React.useCallback(\n    () => onItemClick(action),\n    [onItemClick, action]\n  );\n\n  if (platform === Platform.IOS) {\n    const { Component = \"button\" } = action;\n    return (\n      <Tappable\n        Component={action.href ? \"a\" : Component}\n        vkuiClass={classNames(\n          \"Alert__action\",\n          `Alert__action--mode-${action.mode}`\n        )}\n        onClick={handleItemClick}\n        href={action.href}\n        target={action.target}\n        {...restProps}\n      >\n        {action.title}\n      </Tappable>\n    );\n  }\n\n  let mode: ButtonProps[\"mode\"] = \"tertiary\";\n\n  if (platform === Platform.VKCOM) {\n    mode = action.mode === \"cancel\" ? \"secondary\" : \"primary\";\n  }\n\n  return (\n    <Button\n      vkuiClass={classNames(\n        \"Alert__button\",\n        `Alert__button--mode-${action.mode}`\n      )}\n      mode={mode}\n      size=\"m\"\n      onClick={handleItemClick}\n      Component={action.Component}\n      href={action.href}\n      target={action.target}\n    >\n      {action.title}\n    </Button>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Alert\n */\nexport const Alert = ({\n  actions = [],\n  actionsLayout = \"horizontal\",\n  children,\n  className,\n  style,\n  text,\n  header,\n  onClose,\n  dismissLabel = \"Закрыть предупреждение\",\n  ...restProps\n}: AlertProps) => {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithMediaQueries();\n  const { waitTransitionFinish } = useWaitTransitionFinish();\n\n  const [closing, setClosing] = React.useState(false);\n\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  const resolvedActionsLayout: AlertProps[\"actionsLayout\"] =\n    platform === Platform.VKCOM ? \"horizontal\" : actionsLayout;\n\n  const timeout = platform === Platform.IOS ? 300 : 200;\n\n  const close = React.useCallback(() => {\n    setClosing(true);\n    waitTransitionFinish(\n      elementRef.current,\n      (e?: TransitionEvent) => {\n        if (!e || e.propertyName === \"opacity\") {\n          onClose && onClose();\n        }\n      },\n      timeout\n    );\n  }, [elementRef, waitTransitionFinish, onClose, timeout]);\n\n  const onItemClick: ItemClickHandler = React.useCallback(\n    (item: AlertActionInterface) => {\n      const { action, autoClose } = item;\n\n      if (autoClose) {\n        setClosing(true);\n        waitTransitionFinish(\n          elementRef.current,\n          (e?: TransitionEvent) => {\n            if (!e || e.propertyName === \"opacity\") {\n              onClose && onClose();\n              action && action();\n            }\n          },\n          timeout\n        );\n      } else {\n        action && action();\n      }\n    },\n    [elementRef, waitTransitionFinish, onClose, timeout]\n  );\n\n  useScrollLock();\n\n  return (\n    <PopoutWrapper\n      className={className}\n      closing={closing}\n      style={style}\n      onClick={close}\n    >\n      <FocusTrap\n        {...restProps}\n        getRootRef={elementRef}\n        onClick={stopPropagation}\n        onClose={close}\n        timeout={timeout}\n        vkuiClass={classNames(\n          \"Alert\",\n          platform === Platform.IOS && \"Alert--ios\",\n          platform === Platform.VKCOM && \"Alert--vkcom\",\n          resolvedActionsLayout === \"vertical\" ? \"Alert--v\" : \"Alert--h\",\n          closing && \"Alert--closing\",\n          isDesktop && \"Alert--desktop\"\n        )}\n        role=\"alertdialog\"\n        aria-modal\n        aria-labelledby=\"vkui--alert--title\"\n        aria-describedby=\"vkui--alert--desc\"\n      >\n        <div vkuiClass=\"Alert__content\">\n          {hasReactNode(header) && (\n            <AlertHeader id=\"vkui--alert--title\">{header}</AlertHeader>\n          )}\n          {hasReactNode(text) && (\n            <AlertText id=\"vkui--alert--desc\">{text}</AlertText>\n          )}\n          {children}\n        </div>\n        <div vkuiClass=\"Alert__actions\">\n          {actions.map((action, i) => (\n            <AlertAction key={i} action={action} onItemClick={onItemClick} />\n          ))}\n        </div>\n        {isDesktop && (\n          <ModalDismissButton onClick={close} aria-label={dismissLabel} />\n        )}\n      </FocusTrap>\n    </PopoutWrapper>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Alert.js","names":["React","Tappable","PopoutWrapper","classNamesString","Platform","Button","hasReactNode","stopPropagation","Title","Caption","Footnote","Text","ModalDismissButton","FocusTrap","useScrollLock","useWaitTransitionFinish","usePlatform","useAdaptivityWithJSMediaQueries","AlertHeader","props","platform","IOS","AlertText","VKCOM","AlertAction","action","onItemClick","restProps","handleItemClick","useCallback","Component","href","styles","mode","target","title","Alert","actions","actionsLayout","children","className","style","text","header","onClose","dismissLabel","isDesktop","waitTransitionFinish","useState","closing","setClosing","elementRef","useRef","resolvedActionsLayout","timeout","close","current","e","propertyName","item","autoClose","map","i"],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { Button, ButtonProps } from \"../Button/Button\";\nimport { hasReactNode, stopPropagation } from \"../../lib/utils\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { ModalDismissButton } from \"../ModalDismissButton/ModalDismissButton\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport { useWaitTransitionFinish } from \"../../hooks/useWaitTransitionFinish\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivityWithJSMediaQueries } from \"../../hooks/useAdaptivityWithJSMediaQueries\";\nimport styles from \"./Alert.module.css\";\n\nexport type AlertActionInterface = AlertAction &\n  React.AnchorHTMLAttributes<HTMLElement>;\n\nexport interface AlertAction extends Pick<ButtonProps, \"Component\" | \"href\"> {\n  title: string;\n  action?: VoidFunction;\n  autoClose?: boolean;\n  mode: \"cancel\" | \"destructive\" | \"default\";\n}\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLElement> {\n  actionsLayout?: \"vertical\" | \"horizontal\";\n  actions?: AlertAction[];\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  onClose: VoidFunction;\n\n  /**\n   * `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.\n   */\n  dismissLabel?: string;\n}\n\ntype ItemClickHandler = (item: AlertActionInterface) => void;\n\ninterface AlertTypography {\n  id: string;\n  children?: React.ReactNode;\n}\n\nconst AlertHeader = (props: AlertTypography) => {\n  const platform = usePlatform();\n\n  switch (platform) {\n    case Platform.IOS:\n      return (\n        <Title\n          className={styles[\"Alert__header\"]}\n          weight=\"1\"\n          level=\"3\"\n          {...props}\n        />\n      );\n    default:\n      return (\n        <Title\n          className={styles[\"Alert__header\"]}\n          weight=\"2\"\n          level=\"2\"\n          {...props}\n        />\n      );\n  }\n};\n\nconst AlertText = (props: AlertTypography) => {\n  const platform = usePlatform();\n\n  switch (platform) {\n    case Platform.VKCOM:\n      return <Footnote className={styles[\"Alert__text\"]} {...props} />;\n    case Platform.IOS:\n      return <Caption className={styles[\"Alert__text\"]} {...props} />;\n    default:\n      return (\n        <Text\n          Component=\"span\"\n          className={styles[\"Alert__text\"]}\n          weight=\"3\"\n          {...props}\n        />\n      );\n  }\n};\n\ninterface AlertActionProps {\n  action: AlertActionInterface;\n  onItemClick: ItemClickHandler;\n}\n\nconst AlertAction = ({\n  action,\n  onItemClick,\n  ...restProps\n}: AlertActionProps) => {\n  const platform = usePlatform();\n  const handleItemClick = React.useCallback(\n    () => onItemClick(action),\n    [onItemClick, action]\n  );\n\n  if (platform === Platform.IOS) {\n    const { Component = \"button\" } = action;\n    return (\n      <Tappable\n        Component={action.href ? \"a\" : Component}\n        className={classNamesString(\n          styles[\"Alert__action\"],\n          styles[`Alert__action--mode-${action.mode}`]\n        )}\n        onClick={handleItemClick}\n        href={action.href}\n        target={action.target}\n        {...restProps}\n      >\n        {action.title}\n      </Tappable>\n    );\n  }\n\n  let mode: ButtonProps[\"mode\"] = \"tertiary\";\n\n  if (platform === Platform.VKCOM) {\n    mode = action.mode === \"cancel\" ? \"secondary\" : \"primary\";\n  }\n\n  return (\n    <Button\n      className={classNamesString(\n        styles[\"Alert__button\"],\n        styles[`Alert__button--mode-${action.mode}`]\n      )}\n      mode={mode}\n      size=\"m\"\n      onClick={handleItemClick}\n      Component={action.Component}\n      href={action.href}\n      target={action.target}\n    >\n      {action.title}\n    </Button>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Alert\n */\nexport const Alert = ({\n  actions = [],\n  actionsLayout = \"horizontal\",\n  children,\n  className,\n  style,\n  text,\n  header,\n  onClose,\n  dismissLabel = \"Закрыть предупреждение\",\n  ...restProps\n}: AlertProps) => {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const { waitTransitionFinish } = useWaitTransitionFinish();\n\n  const [closing, setClosing] = React.useState(false);\n\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  const resolvedActionsLayout: AlertProps[\"actionsLayout\"] =\n    platform === Platform.VKCOM ? \"horizontal\" : actionsLayout;\n\n  const timeout = platform === Platform.IOS ? 300 : 200;\n\n  const close = React.useCallback(() => {\n    setClosing(true);\n    waitTransitionFinish(\n      elementRef.current,\n      (e?: TransitionEvent) => {\n        if (!e || e.propertyName === \"opacity\") {\n          onClose();\n        }\n      },\n      timeout\n    );\n  }, [elementRef, waitTransitionFinish, onClose, timeout]);\n\n  const onItemClick: ItemClickHandler = React.useCallback(\n    (item: AlertActionInterface) => {\n      const { action, autoClose } = item;\n\n      if (autoClose) {\n        setClosing(true);\n        waitTransitionFinish(\n          elementRef.current,\n          (e?: TransitionEvent) => {\n            if (!e || e.propertyName === \"opacity\") {\n              onClose();\n              action && action();\n            }\n          },\n          timeout\n        );\n      } else {\n        action && action();\n      }\n    },\n    [elementRef, waitTransitionFinish, onClose, timeout]\n  );\n\n  useScrollLock();\n\n  return (\n    <PopoutWrapper\n      className={className}\n      closing={closing}\n      style={style}\n      onClick={close}\n    >\n      <FocusTrap\n        {...restProps}\n        getRootRef={elementRef}\n        onClick={stopPropagation}\n        onClose={close}\n        timeout={timeout}\n        className={classNamesString(\n          styles[\"Alert\"],\n          platform === Platform.IOS && styles[\"Alert--ios\"],\n          platform === Platform.VKCOM && styles[\"Alert--vkcom\"],\n          resolvedActionsLayout === \"vertical\"\n            ? styles[\"Alert--v\"]\n            : styles[\"Alert--h\"],\n          closing && styles[\"Alert--closing\"],\n          isDesktop && styles[\"Alert--desktop\"]\n        )}\n        role=\"alertdialog\"\n        aria-modal\n        aria-labelledby=\"vkui--alert--title\"\n        aria-describedby=\"vkui--alert--desc\"\n      >\n        <div className={styles[\"Alert__content\"]}>\n          {hasReactNode(header) && (\n            <AlertHeader id=\"vkui--alert--title\">{header}</AlertHeader>\n          )}\n          {hasReactNode(text) && (\n            <AlertText id=\"vkui--alert--desc\">{text}</AlertText>\n          )}\n          {children}\n        </div>\n        <div className={styles[\"Alert__actions\"]}>\n          {actions.map((action, i) => (\n            <AlertAction key={i} action={action} onItemClick={onItemClick} />\n          ))}\n        </div>\n        {isDesktop && (\n          <ModalDismissButton onClick={close} aria-label={dismissLabel} />\n        )}\n      </FocusTrap>\n    </PopoutWrapper>\n  );\n};\n"],"mappings":"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"}

package/dist/components/AppRoot/AppRoot.d.ts

@@ -1,13 +1,11 @@
 import * as React from "react";
-import "./AppRoot.css";
 export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Режим встраивания */
     mode?: "partial" | "embedded" | "full";
     window?: Window;
     scroll?: "global" | "contain";
-    /** root-элемент для порталов.
-     *
-     * При передаче своего элемента задайте этому элементу `class="vkui__portal-root"` и добавьте его в DOM.
+    /**
+     * Кастомный root-элемент портала
      */
     portalRoot?: HTMLElement | React.RefObject<HTMLElement> | null;
     /** Disable portal for components */
@@ -16,4 +14,4 @@ export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * @see https://vkcom.github.io/VKUI/#/AppRoot
  */
-export declare const AppRoot: ({ children, mode, scroll, portalRoot: portalRootProp, disablePortal, ...props }: AppRootProps) => JSX.Element;
+export declare const AppRoot: ({ children, mode, scroll, portalRoot: portalRootProp, disablePortal, className, ...props }: AppRootProps) => JSX.Element;