@vkontakte/vkui 5.2.4 → 5.3.0

package/dist/components/Alert/Alert.js

@@ -1,190 +1,186 @@
-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 = ["title", "action", "autoClose", "mode"],
-  _excluded3 = ["actions", "actionsLayout", "children", "className", "style", "text", "header", "onClose", "dismissLabel"];
-import * as React from 'react';
-import { classNames, hasReactNode } from '@vkontakte/vkjs';
-import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
-import { usePlatform } from '../../hooks/usePlatform';
-import { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';
-import { Platform } from '../../lib/platform';
-import { stopPropagation } from '../../lib/utils';
-import { useScrollLock } from '../AppRoot/ScrollContext';
-import { Button } from '../Button/Button';
-import { FocusTrap } from '../FocusTrap/FocusTrap';
-import { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';
-import { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';
-import { Tappable } from '../Tappable/Tappable';
-import { Caption } from '../Typography/Caption/Caption';
-import { Footnote } from '../Typography/Footnote/Footnote';
-import { Text } from '../Typography/Text/Text';
-import { Title } from '../Typography/Title/Title';
-var AlertHeader = function AlertHeader(props) {
-  var platform = usePlatform();
-  switch (platform) {
-    case Platform.IOS:
-      return /*#__PURE__*/React.createElement(Title, _extends({
-        className: "vkuiAlert__header",
-        weight: "1",
-        level: "3"
-      }, props));
-    default:
-      return /*#__PURE__*/React.createElement(Title, _extends({
-        className: "vkuiAlert__header",
-        weight: "2",
-        level: "2"
-      }, props));
-  }
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import * as React from "react";
+import { classNames, hasReactNode } from "@vkontakte/vkjs";
+import { useAdaptivityWithJSMediaQueries } from "../../hooks/useAdaptivityWithJSMediaQueries";
+import { usePlatform } from "../../hooks/usePlatform";
+import { useWaitTransitionFinish } from "../../hooks/useWaitTransitionFinish";
+import { Platform } from "../../lib/platform";
+import { stopPropagation } from "../../lib/utils";
+import { useScrollLock } from "../AppRoot/ScrollContext";
+import { Button } from "../Button/Button";
+import { FocusTrap } from "../FocusTrap/FocusTrap";
+import { ModalDismissButton } from "../ModalDismissButton/ModalDismissButton";
+import { PopoutWrapper } from "../PopoutWrapper/PopoutWrapper";
+import { Tappable } from "../Tappable/Tappable";
+import { Caption } from "../Typography/Caption/Caption";
+import { Footnote } from "../Typography/Footnote/Footnote";
+import { Text } from "../Typography/Text/Text";
+import { Title } from "../Typography/Title/Title";
+var AlertHeader = function(props) {
+    var platform = usePlatform();
+    switch(platform){
+        case Platform.IOS:
+            return /*#__PURE__*/ React.createElement(Title, _object_spread({
+                className: "vkuiAlert__header",
+                weight: "1",
+                level: "3"
+            }, props));
+        default:
+            return /*#__PURE__*/ React.createElement(Title, _object_spread({
+                className: "vkuiAlert__header",
+                weight: "2",
+                level: "2"
+            }, props));
+    }
 };
-var AlertText = function AlertText(props) {
-  var platform = usePlatform();
-  switch (platform) {
-    case Platform.VKCOM:
-      return /*#__PURE__*/React.createElement(Footnote, _extends({
-        className: "vkuiAlert__text"
-      }, props));
-    case Platform.IOS:
-      return /*#__PURE__*/React.createElement(Caption, _extends({
-        className: "vkuiAlert__text"
-      }, props));
-    default:
-      return /*#__PURE__*/React.createElement(Text, _extends({
-        Component: "span",
-        className: "vkuiAlert__text",
-        weight: "3"
-      }, props));
-  }
+var AlertText = function(props) {
+    var platform = usePlatform();
+    switch(platform){
+        case Platform.VKCOM:
+            return /*#__PURE__*/ React.createElement(Footnote, _object_spread({
+                className: "vkuiAlert__text"
+            }, props));
+        case Platform.IOS:
+            return /*#__PURE__*/ React.createElement(Caption, _object_spread({
+                className: "vkuiAlert__text"
+            }, props));
+        default:
+            return /*#__PURE__*/ React.createElement(Text, _object_spread({
+                Component: "span",
+                className: "vkuiAlert__text",
+                weight: "3"
+            }, props));
+    }
 };
-var AlertAction = function AlertAction(_ref) {
-  var action = _ref.action,
-    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 title = action.title,
-      actionProp = action.action,
-      autoClose = action.autoClose,
-      _mode = action.mode,
-      restActionProps = _objectWithoutProperties(action, _excluded2);
-    return /*#__PURE__*/React.createElement(Tappable, _extends({
-      Component: restActionProps.href ? 'a' : 'button',
-      className: classNames("vkuiAlert__action", styles["Alert__action--mode-".concat(_mode)]),
-      onClick: handleItemClick
-    }, restActionProps, restProps), title);
-  }
-  var mode = 'tertiary';
-  if (platform === Platform.VKCOM) {
-    mode = action.mode === 'cancel' ? 'secondary' : 'primary';
-  }
-  return /*#__PURE__*/React.createElement(Button, {
-    className: classNames("vkuiAlert__button", styles["Alert__button--mode-".concat(action.mode)]),
-    mode: mode,
-    size: "m",
-    onClick: handleItemClick,
-    Component: action.Component,
-    href: action.href,
-    target: action.target
-  }, action.title);
+var AlertAction = function(_param) {
+    var action = _param.action, onItemClick = _param.onItemClick, restProps = _object_without_properties(_param, [
+        "action",
+        "onItemClick"
+    ]);
+    var platform = usePlatform();
+    var handleItemClick = React.useCallback(function() {
+        return onItemClick(action);
+    }, [
+        onItemClick,
+        action
+    ]);
+    if (platform === Platform.IOS) {
+        var title = action.title, actionProp = action.action, autoClose = action.autoClose, mode = action.mode, restActionProps = _object_without_properties(action, [
+            "title",
+            "action",
+            "autoClose",
+            "mode"
+        ]);
+        return /*#__PURE__*/ React.createElement(Tappable, _object_spread({
+            Component: restActionProps.href ? "a" : "button",
+            className: classNames("vkuiAlert__action", mode === "destructive" && "vkuiAlert__action--mode-destructive", mode === "cancel" && "vkuiAlert__action--mode-cancel"),
+            onClick: handleItemClick
+        }, restActionProps, restProps), title);
+    }
+    var mode1 = "tertiary";
+    if (platform === Platform.VKCOM) {
+        mode1 = action.mode === "cancel" ? "secondary" : "primary";
+    }
+    return /*#__PURE__*/ React.createElement(Button, {
+        className: classNames("vkuiAlert__button", action.mode === "cancel" && "vkuiAlert__button--mode-cancel"),
+        mode: mode1,
+        size: "m",
+        onClick: handleItemClick,
+        Component: action.Component,
+        href: action.href,
+        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, _excluded3);
-  var platform = usePlatform();
-  var _useAdaptivityWithJSM = useAdaptivityWithJSMediaQueries(),
-    isDesktop = _useAdaptivityWithJSM.isDesktop;
-  var _useWaitTransitionFin = useWaitTransitionFinish(),
-    waitTransitionFinish = _useWaitTransitionFin.waitTransitionFinish;
-  var _React$useState = React.useState(false),
-    _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;
-  var close = React.useCallback(function () {
-    setClosing(true);
-    waitTransitionFinish(elementRef.current, function (e) {
-      if (!e || e.propertyName === 'opacity') {
-        onClose();
-      }
-    }, timeout);
-  }, [elementRef, waitTransitionFinish, onClose, timeout]);
-  var onItemClick = React.useCallback(function (item) {
-    var action = item.action,
-      autoClose = item.autoClose;
-    if (autoClose) {
-      setClosing(true);
-      waitTransitionFinish(elementRef.current, function (e) {
-        if (!e || e.propertyName === 'opacity') {
-          onClose();
-          action && action();
+ */ export var Alert = function(_param) {
+    var _param_actions = _param.actions, actions = _param_actions === void 0 ? [] : _param_actions, _param_actionsLayout = _param.actionsLayout, actionsLayout = _param_actionsLayout === void 0 ? "horizontal" : _param_actionsLayout, children = _param.children, className = _param.className, style = _param.style, text = _param.text, header = _param.header, onClose = _param.onClose, _param_dismissLabel = _param.dismissLabel, dismissLabel = _param_dismissLabel === void 0 ? "Закрыть предупреждение" : _param_dismissLabel, restProps = _object_without_properties(_param, [
+        "actions",
+        "actionsLayout",
+        "children",
+        "className",
+        "style",
+        "text",
+        "header",
+        "onClose",
+        "dismissLabel"
+    ]);
+    var platform = usePlatform();
+    var isDesktop = useAdaptivityWithJSMediaQueries().isDesktop;
+    var waitTransitionFinish = useWaitTransitionFinish().waitTransitionFinish;
+    var _React_useState = _sliced_to_array(React.useState(false), 2), closing = _React_useState[0], setClosing = _React_useState[1];
+    var elementRef = React.useRef(null);
+    var resolvedActionsLayout = platform === Platform.VKCOM ? "horizontal" : actionsLayout;
+    var timeout = platform === Platform.IOS ? 300 : 200;
+    var close = React.useCallback(function() {
+        setClosing(true);
+        waitTransitionFinish(elementRef.current, function(e) {
+            if (!e || e.propertyName === "opacity") {
+                onClose();
+            }
+        }, timeout);
+    }, [
+        elementRef,
+        waitTransitionFinish,
+        onClose,
+        timeout
+    ]);
+    var onItemClick = React.useCallback(function(item) {
+        var action = item.action, autoClose = item.autoClose;
+        if (autoClose) {
+            setClosing(true);
+            waitTransitionFinish(elementRef.current, function(e) {
+                if (!e || e.propertyName === "opacity") {
+                    onClose();
+                    action && action();
+                }
+            }, timeout);
+        } else {
+            action && action();
         }
-      }, timeout);
-    } else {
-      action && action();
-    }
-  }, [elementRef, waitTransitionFinish, onClose, timeout]);
-  useScrollLock();
-  return /*#__PURE__*/React.createElement(PopoutWrapper, {
-    className: className,
-    closing: closing,
-    style: style,
-    onClick: close
-  }, /*#__PURE__*/React.createElement(FocusTrap, _extends({}, restProps, {
-    getRootRef: elementRef,
-    onClick: stopPropagation,
-    onClose: close,
-    timeout: timeout,
-    className: classNames("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"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiAlert__content"
-  }, hasReactNode(header) && /*#__PURE__*/React.createElement(AlertHeader, {
-    id: "vkui--alert--title"
-  }, header), hasReactNode(text) && /*#__PURE__*/React.createElement(AlertText, {
-    id: "vkui--alert--desc"
-  }, text), children), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiAlert__actions"
-  }, actions.map(function (action, i) {
-    return /*#__PURE__*/React.createElement(AlertAction, {
-      key: i,
-      action: action,
-      onItemClick: onItemClick
-    });
-  })), 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"
+    }, [
+        elementRef,
+        waitTransitionFinish,
+        onClose,
+        timeout
+    ]);
+    useScrollLock();
+    return /*#__PURE__*/ React.createElement(PopoutWrapper, {
+        className: className,
+        closing: closing,
+        style: style,
+        onClick: close
+    }, /*#__PURE__*/ React.createElement(FocusTrap, _object_spread_props(_object_spread({}, restProps), {
+        getRootRef: elementRef,
+        onClick: stopPropagation,
+        onClose: close,
+        timeout: timeout,
+        className: classNames("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"
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiAlert__content"
+    }, hasReactNode(header) && /*#__PURE__*/ React.createElement(AlertHeader, {
+        id: "vkui--alert--title"
+    }, header), hasReactNode(text) && /*#__PURE__*/ React.createElement(AlertText, {
+        id: "vkui--alert--desc"
+    }, text), children), /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiAlert__actions"
+    }, actions.map(function(action, i) {
+        return /*#__PURE__*/ React.createElement(AlertAction, {
+            key: i,
+            action: action,
+            onItemClick: onItemClick
+        });
+    })), isDesktop && /*#__PURE__*/ React.createElement(ModalDismissButton, {
+        onClick: close,
+        "aria-label": dismissLabel
+    })));
 };
+
 //# sourceMappingURL=Alert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","names":["React","classNames","hasReactNode","useAdaptivityWithJSMediaQueries","usePlatform","useWaitTransitionFinish","Platform","stopPropagation","useScrollLock","Button","FocusTrap","ModalDismissButton","PopoutWrapper","Tappable","Caption","Footnote","Text","Title","AlertHeader","props","platform","IOS","AlertText","VKCOM","AlertAction","action","onItemClick","restProps","handleItemClick","useCallback","title","actionProp","autoClose","mode","restActionProps","href","styles","Component","target","Alert","actions","actionsLayout","children","className","style","text","header","onClose","dismissLabel","isDesktop","waitTransitionFinish","useState","closing","setClosing","elementRef","useRef","resolvedActionsLayout","timeout","close","current","e","propertyName","item","map","i"],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { Platform } from '../../lib/platform';\nimport { stopPropagation } from '../../lib/utils';\nimport { AnchorHTMLAttributesOnly } from '../../types';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { Button, ButtonProps } from '../Button/Button';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Alert.module.css';\n\nexport interface AlertActionInterface\n  extends Pick<ButtonProps, 'Component'>,\n    AnchorHTMLAttributesOnly {\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?: AlertActionInterface[];\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 <Title className={styles['Alert__header']} weight=\"1\" level=\"3\" {...props} />;\n    default:\n      return <Title className={styles['Alert__header']} weight=\"2\" level=\"2\" {...props} />;\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 <Text Component=\"span\" className={styles['Alert__text']} weight=\"3\" {...props} />;\n  }\n};\n\ninterface AlertActionProps {\n  action: AlertActionInterface;\n  onItemClick: ItemClickHandler;\n}\n\nconst AlertAction = ({ action, onItemClick, ...restProps }: AlertActionProps) => {\n  const platform = usePlatform();\n  const handleItemClick = React.useCallback(() => onItemClick(action), [onItemClick, action]);\n\n  if (platform === Platform.IOS) {\n    const { title, action: actionProp, autoClose, mode, ...restActionProps } = action;\n\n    return (\n      <Tappable\n        Component={restActionProps.href ? 'a' : 'button'}\n        className={classNames(styles['Alert__action'], styles[`Alert__action--mode-${mode}`])}\n        onClick={handleItemClick}\n        {...restActionProps}\n        {...restProps}\n      >\n        {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={classNames(styles['Alert__button'], styles[`Alert__button--mode-${action.mode}`])}\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 className={className} closing={closing} style={style} onClick={close}>\n      <FocusTrap\n        {...restProps}\n        getRootRef={elementRef}\n        onClick={stopPropagation}\n        onClose={close}\n        timeout={timeout}\n        className={classNames(\n          styles['Alert'],\n          platform === Platform.IOS && styles['Alert--ios'],\n          platform === Platform.VKCOM && styles['Alert--vkcom'],\n          resolvedActionsLayout === 'vertical' ? styles['Alert--v'] : 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) && <AlertHeader id=\"vkui--alert--title\">{header}</AlertHeader>}\n          {hasReactNode(text) && <AlertText id=\"vkui--alert--desc\">{text}</AlertText>}\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 && <ModalDismissButton onClick={close} aria-label={dismissLabel} />}\n      </FocusTrap>\n    </PopoutWrapper>\n  );\n};\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,+BAA+B,QAAQ,6CAA6C;AAC7F,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,uBAAuB,QAAQ,qCAAqC;AAC7E,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,eAAe,QAAQ,iBAAiB;AAEjD,SAASC,aAAa,QAAQ,0BAA0B;AACxD,SAASC,MAAM,QAAqB,kBAAkB;AACtD,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,kBAAkB,QAAQ,0CAA0C;AAC7E,SAASC,aAAa,QAAQ,gCAAgC;AAC9D,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,OAAO,QAAQ,+BAA+B;AACvD,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,IAAI,QAAQ,yBAAyB;AAC9C,SAASC,KAAK,QAAQ,2BAA2B;AAgCjD,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAsB,EAAK;EAC9C,IAAMC,QAAQ,GAAGhB,WAAW,EAAE;EAE9B,QAAQgB,QAAQ;IACd,KAAKd,QAAQ,CAACe,GAAG;MACf,oBAAO,oBAAC,KAAK;QAAC,SAAS,qBAA0B;QAAC,MAAM,EAAC,GAAG;QAAC,KAAK,EAAC;MAAG,GAAKF,KAAK,EAAI;IACtF;MACE,oBAAO,oBAAC,KAAK;QAAC,SAAS,qBAA0B;QAAC,MAAM,EAAC,GAAG;QAAC,KAAK,EAAC;MAAG,GAAKA,KAAK,EAAI;EAAC;AAE3F,CAAC;AAED,IAAMG,SAAS,GAAG,SAAZA,SAAS,CAAIH,KAAsB,EAAK;EAC5C,IAAMC,QAAQ,GAAGhB,WAAW,EAAE;EAE9B,QAAQgB,QAAQ;IACd,KAAKd,QAAQ,CAACiB,KAAK;MACjB,oBAAO,oBAAC,QAAQ;QAAC,SAAS;MAAwB,GAAKJ,KAAK,EAAI;IAClE,KAAKb,QAAQ,CAACe,GAAG;MACf,oBAAO,oBAAC,OAAO;QAAC,SAAS;MAAwB,GAAKF,KAAK,EAAI;IACjE;MACE,oBAAO,oBAAC,IAAI;QAAC,SAAS,EAAC,MAAM;QAAC,SAAS,mBAAwB;QAAC,MAAM,EAAC;MAAG,GAAKA,KAAK,EAAI;EAAC;AAE/F,CAAC;AAOD,IAAMK,WAAW,GAAG,SAAdA,WAAW,OAAgE;EAAA,IAA1DC,MAAM,QAANA,MAAM;IAAEC,WAAW,QAAXA,WAAW;IAAKC,SAAS;EACtD,IAAMP,QAAQ,GAAGhB,WAAW,EAAE;EAC9B,IAAMwB,eAAe,GAAG5B,KAAK,CAAC6B,WAAW,CAAC;IAAA,OAAMH,WAAW,CAACD,MAAM,CAAC;EAAA,GAAE,CAACC,WAAW,EAAED,MAAM,CAAC,CAAC;EAE3F,IAAIL,QAAQ,KAAKd,QAAQ,CAACe,GAAG,EAAE;IAC7B,IAAQS,KAAK,GAA8DL,MAAM,CAAzEK,KAAK;MAAUC,UAAU,GAA0CN,MAAM,CAAlEA,MAAM;MAAcO,SAAS,GAA+BP,MAAM,CAA9CO,SAAS;MAAEC,KAAI,GAAyBR,MAAM,CAAnCQ,IAAI;MAAKC,eAAe,4BAAKT,MAAM;IAEjF,oBACE,oBAAC,QAAQ;MACP,SAAS,EAAES,eAAe,CAACC,IAAI,GAAG,GAAG,GAAG,QAAS;MACjD,SAAS,EAAElC,UAAU,sBAA0BmC,MAAM,+BAAwBH,KAAI,EAAG,CAAE;MACtF,OAAO,EAAEL;IAAgB,GACrBM,eAAe,EACfP,SAAS,GAEZG,KAAK,CACG;EAEf;EAEA,IAAIG,IAAyB,GAAG,UAAU;EAE1C,IAAIb,QAAQ,KAAKd,QAAQ,CAACiB,KAAK,EAAE;IAC/BU,IAAI,GAAGR,MAAM,CAACQ,IAAI,KAAK,QAAQ,GAAG,WAAW,GAAG,SAAS;EAC3D;EAEA,oBACE,oBAAC,MAAM;IACL,SAAS,EAAEhC,UAAU,sBAA0BmC,MAAM,+BAAwBX,MAAM,CAACQ,IAAI,EAAG,CAAE;IAC7F,IAAI,EAAEA,IAAK;IACX,IAAI,EAAC,GAAG;IACR,OAAO,EAAEL,eAAgB;IACzB,SAAS,EAAEH,MAAM,CAACY,SAAU;IAC5B,IAAI,EAAEZ,MAAM,CAACU,IAAK;IAClB,MAAM,EAAEV,MAAM,CAACa;EAAO,GAErBb,MAAM,CAACK,KAAK,CACN;AAEb,CAAC;;AAED;AACA;AACA;AACA,OAAO,IAAMS,KAAK,GAAG,SAARA,KAAK,QAWA;EAAA,0BAVhBC,OAAO;IAAPA,OAAO,8BAAG,EAAE;IAAA,4BACZC,aAAa;IAAbA,aAAa,oCAAG,YAAY;IAC5BC,QAAQ,SAARA,QAAQ;IACRC,SAAS,SAATA,SAAS;IACTC,KAAK,SAALA,KAAK;IACLC,IAAI,SAAJA,IAAI;IACJC,MAAM,SAANA,MAAM;IACNC,OAAO,SAAPA,OAAO;IAAA,2BACPC,YAAY;IAAZA,YAAY,mCAAG,wBAAwB;IACpCrB,SAAS;EAEZ,IAAMP,QAAQ,GAAGhB,WAAW,EAAE;EAC9B,4BAAsBD,+BAA+B,EAAE;IAA/C8C,SAAS,yBAATA,SAAS;EACjB,4BAAiC5C,uBAAuB,EAAE;IAAlD6C,oBAAoB,yBAApBA,oBAAoB;EAE5B,sBAA8BlD,KAAK,CAACmD,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA5CC,OAAO;IAAEC,UAAU;EAE1B,IAAMC,UAAU,GAAGtD,KAAK,CAACuD,MAAM,CAAiB,IAAI,CAAC;EAErD,IAAMC,qBAAkD,GACtDpC,QAAQ,KAAKd,QAAQ,CAACiB,KAAK,GAAG,YAAY,GAAGkB,aAAa;EAE5D,IAAMgB,OAAO,GAAGrC,QAAQ,KAAKd,QAAQ,CAACe,GAAG,GAAG,GAAG,GAAG,GAAG;EAErD,IAAMqC,KAAK,GAAG1D,KAAK,CAAC6B,WAAW,CAAC,YAAM;IACpCwB,UAAU,CAAC,IAAI,CAAC;IAChBH,oBAAoB,CAClBI,UAAU,CAACK,OAAO,EAClB,UAACC,CAAmB,EAAK;MACvB,IAAI,CAACA,CAAC,IAAIA,CAAC,CAACC,YAAY,KAAK,SAAS,EAAE;QACtCd,OAAO,EAAE;MACX;IACF,CAAC,EACDU,OAAO,CACR;EACH,CAAC,EAAE,CAACH,UAAU,EAAEJ,oBAAoB,EAAEH,OAAO,EAAEU,OAAO,CAAC,CAAC;EAExD,IAAM/B,WAA6B,GAAG1B,KAAK,CAAC6B,WAAW,CACrD,UAACiC,IAA0B,EAAK;IAC9B,IAAQrC,MAAM,GAAgBqC,IAAI,CAA1BrC,MAAM;MAAEO,SAAS,GAAK8B,IAAI,CAAlB9B,SAAS;IAEzB,IAAIA,SAAS,EAAE;MACbqB,UAAU,CAAC,IAAI,CAAC;MAChBH,oBAAoB,CAClBI,UAAU,CAACK,OAAO,EAClB,UAACC,CAAmB,EAAK;QACvB,IAAI,CAACA,CAAC,IAAIA,CAAC,CAACC,YAAY,KAAK,SAAS,EAAE;UACtCd,OAAO,EAAE;UACTtB,MAAM,IAAIA,MAAM,EAAE;QACpB;MACF,CAAC,EACDgC,OAAO,CACR;IACH,CAAC,MAAM;MACLhC,MAAM,IAAIA,MAAM,EAAE;IACpB;EACF,CAAC,EACD,CAAC6B,UAAU,EAAEJ,oBAAoB,EAAEH,OAAO,EAAEU,OAAO,CAAC,CACrD;EAEDjD,aAAa,EAAE;EAEf,oBACE,oBAAC,aAAa;IAAC,SAAS,EAAEmC,SAAU;IAAC,OAAO,EAAES,OAAQ;IAAC,KAAK,EAAER,KAAM;IAAC,OAAO,EAAEc;EAAM,gBAClF,oBAAC,SAAS,eACJ/B,SAAS;IACb,UAAU,EAAE2B,UAAW;IACvB,OAAO,EAAE/C,eAAgB;IACzB,OAAO,EAAEmD,KAAM;IACf,OAAO,EAAED,OAAQ;IACjB,SAAS,EAAExD,UAAU,cAEnBmB,QAAQ,KAAKd,QAAQ,CAACe,GAAG,oBAAwB,EACjDD,QAAQ,KAAKd,QAAQ,CAACiB,KAAK,sBAA0B,EACrDiC,qBAAqB,KAAK,UAAU,kCAA0C,EAC9EJ,OAAO,wBAA4B,EACnCH,SAAS,wBAA4B,CACrC;IACF,IAAI,EAAC,aAAa;IAClB,kBAAU;IACV,mBAAgB,oBAAoB;IACpC,oBAAiB;EAAmB,iBAEpC;IAAK,SAAS;EAA2B,GACtC/C,YAAY,CAAC4C,MAAM,CAAC,iBAAI,oBAAC,WAAW;IAAC,EAAE,EAAC;EAAoB,GAAEA,MAAM,CAAe,EACnF5C,YAAY,CAAC2C,IAAI,CAAC,iBAAI,oBAAC,SAAS;IAAC,EAAE,EAAC;EAAmB,GAAEA,IAAI,CAAa,EAC1EH,QAAQ,CACL,eACN;IAAK,SAAS;EAA2B,GACtCF,OAAO,CAACuB,GAAG,CAAC,UAACtC,MAAM,EAAEuC,CAAC;IAAA,oBACrB,oBAAC,WAAW;MAAC,GAAG,EAAEA,CAAE;MAAC,MAAM,EAAEvC,MAAO;MAAC,WAAW,EAAEC;IAAY,EAAG;EAAA,CAClE,CAAC,CACE,EACLuB,SAAS,iBAAI,oBAAC,kBAAkB;IAAC,OAAO,EAAES,KAAM;IAAC,cAAYV;EAAa,EAAG,CACpE,CACE;AAEpB,CAAC;AAAC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { Platform } from '../../lib/platform';\nimport { stopPropagation } from '../../lib/utils';\nimport { AnchorHTMLAttributesOnly } from '../../types';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { Button, ButtonProps } from '../Button/Button';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Alert.module.css';\n\nexport interface AlertActionInterface\n  extends Pick<ButtonProps, 'Component'>,\n    AnchorHTMLAttributesOnly {\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?: AlertActionInterface[];\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 <Title className={styles['Alert__header']} weight=\"1\" level=\"3\" {...props} />;\n    default:\n      return <Title className={styles['Alert__header']} weight=\"2\" level=\"2\" {...props} />;\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 <Text Component=\"span\" className={styles['Alert__text']} weight=\"3\" {...props} />;\n  }\n};\n\ninterface AlertActionProps {\n  action: AlertActionInterface;\n  onItemClick: ItemClickHandler;\n}\n\nconst AlertAction = ({ action, onItemClick, ...restProps }: AlertActionProps) => {\n  const platform = usePlatform();\n  const handleItemClick = React.useCallback(() => onItemClick(action), [onItemClick, action]);\n\n  if (platform === Platform.IOS) {\n    const { title, action: actionProp, autoClose, mode, ...restActionProps } = action;\n\n    return (\n      <Tappable\n        Component={restActionProps.href ? 'a' : 'button'}\n        className={classNames(\n          styles['Alert__action'],\n          mode === 'destructive' && styles['Alert__action--mode-destructive'],\n          mode === 'cancel' && styles['Alert__action--mode-cancel'],\n        )}\n        onClick={handleItemClick}\n        {...restActionProps}\n        {...restProps}\n      >\n        {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={classNames(\n        styles['Alert__button'],\n        action.mode === 'cancel' && styles['Alert__button--mode-cancel'],\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 className={className} closing={closing} style={style} onClick={close}>\n      <FocusTrap\n        {...restProps}\n        getRootRef={elementRef}\n        onClick={stopPropagation}\n        onClose={close}\n        timeout={timeout}\n        className={classNames(\n          styles['Alert'],\n          platform === Platform.IOS && styles['Alert--ios'],\n          platform === Platform.VKCOM && styles['Alert--vkcom'],\n          resolvedActionsLayout === 'vertical' ? styles['Alert--v'] : 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) && <AlertHeader id=\"vkui--alert--title\">{header}</AlertHeader>}\n          {hasReactNode(text) && <AlertText id=\"vkui--alert--desc\">{text}</AlertText>}\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 && <ModalDismissButton onClick={close} aria-label={dismissLabel} />}\n      </FocusTrap>\n    </PopoutWrapper>\n  );\n};\n"],"names":["React","classNames","hasReactNode","useAdaptivityWithJSMediaQueries","usePlatform","useWaitTransitionFinish","Platform","stopPropagation","useScrollLock","Button","FocusTrap","ModalDismissButton","PopoutWrapper","Tappable","Caption","Footnote","Text","Title","AlertHeader","props","platform","IOS","className","weight","level","AlertText","VKCOM","Component","AlertAction","action","onItemClick","restProps","handleItemClick","useCallback","title","actionProp","autoClose","mode","restActionProps","href","onClick","size","target","Alert","actions","actionsLayout","children","style","text","header","onClose","dismissLabel","isDesktop","waitTransitionFinish","useState","closing","setClosing","elementRef","useRef","resolvedActionsLayout","timeout","close","current","e","propertyName","item","getRootRef","role","aria-modal","aria-labelledby","aria-describedby","div","id","map","i","key","aria-label"],"mappings":"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"}