@vkontakte/vkui 7.0.0-dev-efd91c.0 → 7.0.0-dev-efd91c.2

package/dist/context/ModalContext.d.ts

@@ -0,0 +1,15 @@
+/** @private */
+export type ModalContextInterface = string;
+/** @private */
+export declare const ModalContext: import("react").Context<string | null>;
+/** @private */
+export type UseModalContextResult = {
+    id: null;
+    labelId?: undefined;
+} | {
+    id: string;
+    labelId: string;
+};
+/** @private */
+export declare const useModalContext: () => UseModalContextResult;
+//# sourceMappingURL=ModalContext.d.ts.map

package/dist/context/ModalContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../src/context/ModalContext.tsx"],"names":[],"mappings":"AAEA,eAAe;AACf,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,eAAe;AACf,eAAO,MAAM,YAAY,wCAAoD,CAAC;AAE9E,eAAe;AACf,MAAM,MAAM,qBAAqB,GAC7B;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,SAAS,CAAA;CAAE,GACjC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpC,eAAe;AACf,eAAO,MAAM,eAAe,QAAO,qBAGlC,CAAC"}

package/dist/context/ModalContext.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from "react";
+/** @private */ export const ModalContext = /*#__PURE__*/ createContext(null);
+/** @private */ export const useModalContext = ()=>{
+    const id = useContext(ModalContext);
+    return id === null ? {
+        id
+    } : {
+        id,
+        labelId: `${id}-label`
+    };
+};
+
+//# sourceMappingURL=ModalContext.js.map

package/dist/context/ModalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/context/ModalContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n/** @private */\nexport type ModalContextInterface = string;\n\n/** @private */\nexport const ModalContext = createContext<ModalContextInterface | null>(null);\n\n/** @private */\nexport type UseModalContextResult =\n  | { id: null; labelId?: undefined }\n  | { id: string; labelId: string };\n\n/** @private */\nexport const useModalContext = (): UseModalContextResult => {\n  const id = useContext(ModalContext);\n  return id === null ? { id } : { id, labelId: `${id}-label` };\n};\n"],"names":["createContext","useContext","ModalContext","useModalContext","id","labelId"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAQ;AAKlD,aAAa,GACb,OAAO,MAAMC,6BAAeF,cAA4C,MAAM;AAO9E,aAAa,GACb,OAAO,MAAMG,kBAAkB;IAC7B,MAAMC,KAAKH,WAAWC;IACtB,OAAOE,OAAO,OAAO;QAAEA;IAAG,IAAI;QAAEA;QAAIC,SAAS,GAAGD,GAAG,MAAM,CAAC;IAAC;AAC7D,EAAE"}

package/dist/cssm/components/Accordion/Accordion.js

@@ -2,7 +2,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { useCustomEnsuredControl } from "../../hooks/useEnsuredControl.js";
-import { useObjectMemo } from "../../hooks/useObjectMemo.js";
 import { AccordionContent } from "./AccordionContent.js";
 import { AccordionContext } from "./AccordionContext.js";
 import { AccordionSummary } from "./AccordionSummary.js";
@@ -23,12 +22,17 @@ export const Accordion = ({ id, expanded: expandedProp, defaultExpanded = false,
         onChange: onChangeProp,
         disabled: restProps.disabled
     });
-    const context = useObjectMemo({
-        labelId,
+    const context = React.useMemo(()=>({
+            labelId,
+            contentId,
+            expanded: expanded || false,
+            onChange
+        }), [
         contentId,
-        expanded: expanded || false,
+        expanded,
+        labelId,
         onChange
-    });
+    ]);
     return /*#__PURE__*/ _jsx(AccordionContext.Provider, {
         value: context,
         children: children

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport type { HasChildren } from '../../types';\nimport { AccordionContent } from './AccordionContent';\nimport { AccordionContext } from './AccordionContext';\nimport { AccordionSummary } from './AccordionSummary';\n\nfunction useAccordionId(id: AccordionProps['id']) {\n  const generatedId = React.useId();\n  const labelId = id ?? `Accordion${generatedId}`;\n  const contentId = `AccordionContent${id ?? generatedId}`;\n\n  return { labelId, contentId };\n}\n\nexport interface AccordionProps extends HasChildren {\n  id?: string;\n  /**\n   * Управляет раскрытием и скрытием контента.\n   */\n  expanded?: boolean;\n  /**\n   * Значение по умолчанию.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * Функция изменения\n   */\n  onChange?: (e: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Accordion: React.FC<AccordionProps> & {\n  Summary: typeof AccordionSummary;\n  Content: typeof AccordionContent;\n} = ({\n  id,\n  expanded: expandedProp,\n  defaultExpanded = false,\n  onChange: onChangeProp,\n  children,\n  ...restProps\n}: AccordionProps) => {\n  const { labelId, contentId } = useAccordionId(id);\n\n  const [expanded, onChange] = useCustomEnsuredControl({\n    value: expandedProp,\n    defaultValue: defaultExpanded,\n    onChange: onChangeProp,\n    disabled: restProps.disabled,\n  });\n\n  const context = useObjectMemo({\n    labelId,\n    contentId,\n    expanded: expanded || false,\n    onChange,\n  });\n\n  return <AccordionContext.Provider value={context}>{children}</AccordionContext.Provider>;\n};\n\nAccordion.displayName = 'Accordion';\n\nAccordion.Summary = AccordionSummary;\nAccordion.Summary.displayName = 'Accordion.Summary';\n\nAccordion.Content = AccordionContent;\nAccordion.Content.displayName = 'Accordion.Content';\n"],"names":["React","useCustomEnsuredControl","useObjectMemo","AccordionContent","AccordionContext","AccordionSummary","useAccordionId","id","generatedId","useId","labelId","contentId","Accordion","expanded","expandedProp","defaultExpanded","onChange","onChangeProp","children","restProps","value","defaultValue","disabled","context","Provider","displayName","Summary","Content"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,mCAAgC;AACxE,SAASC,aAAa,QAAQ,+BAA4B;AAE1D,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,gBAAgB,QAAQ,wBAAqB;AAEtD,SAASC,eAAeC,EAAwB;IAC9C,MAAMC,cAAcR,MAAMS,KAAK;IAC/B,MAAMC,UAAUH,MAAM,CAAC,SAAS,EAAEC,aAAa;IAC/C,MAAMG,YAAY,CAAC,gBAAgB,EAAEJ,MAAMC,aAAa;IAExD,OAAO;QAAEE;QAASC;IAAU;AAC9B;AAmBA,OAAO,MAAMC,YAGT,CAAC,EACHL,EAAE,EACFM,UAAUC,YAAY,EACtBC,kBAAkB,KAAK,EACvBC,UAAUC,YAAY,EACtBC,QAAQ,EACR,GAAGC,WACY;IACf,MAAM,EAAET,OAAO,EAAEC,SAAS,EAAE,GAAGL,eAAeC;IAE9C,MAAM,CAACM,UAAUG,SAAS,GAAGf,wBAAwB;QACnDmB,OAAON;QACPO,cAAcN;QACdC,UAAUC;QACVK,UAAUH,UAAUG,QAAQ;IAC9B;IAEA,MAAMC,UAAUrB,cAAc;QAC5BQ;QACAC;QACAE,UAAUA,YAAY;QACtBG;IACF;IAEA,qBAAO,KAACZ,iBAAiBoB,QAAQ;QAACJ,OAAOG;kBAAUL;;AACrD,EAAE;AAEFN,UAAUa,WAAW,GAAG;AAExBb,UAAUc,OAAO,GAAGrB;AACpBO,UAAUc,OAAO,CAACD,WAAW,GAAG;AAEhCb,UAAUe,OAAO,GAAGxB;AACpBS,UAAUe,OAAO,CAACF,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport type { HasChildren } from '../../types';\nimport { AccordionContent } from './AccordionContent';\nimport { AccordionContext } from './AccordionContext';\nimport { AccordionSummary } from './AccordionSummary';\n\nfunction useAccordionId(id: AccordionProps['id']) {\n  const generatedId = React.useId();\n  const labelId = id ?? `Accordion${generatedId}`;\n  const contentId = `AccordionContent${id ?? generatedId}`;\n\n  return { labelId, contentId };\n}\n\nexport interface AccordionProps extends HasChildren {\n  id?: string;\n  /**\n   * Управляет раскрытием и скрытием контента.\n   */\n  expanded?: boolean;\n  /**\n   * Значение по умолчанию.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * Функция изменения\n   */\n  onChange?: (e: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Accordion: React.FC<AccordionProps> & {\n  Summary: typeof AccordionSummary;\n  Content: typeof AccordionContent;\n} = ({\n  id,\n  expanded: expandedProp,\n  defaultExpanded = false,\n  onChange: onChangeProp,\n  children,\n  ...restProps\n}: AccordionProps) => {\n  const { labelId, contentId } = useAccordionId(id);\n\n  const [expanded, onChange] = useCustomEnsuredControl({\n    value: expandedProp,\n    defaultValue: defaultExpanded,\n    onChange: onChangeProp,\n    disabled: restProps.disabled,\n  });\n\n  const context = React.useMemo(\n    () => ({\n      labelId,\n      contentId,\n      expanded: expanded || false,\n      onChange,\n    }),\n    [contentId, expanded, labelId, onChange],\n  );\n\n  return <AccordionContext.Provider value={context}>{children}</AccordionContext.Provider>;\n};\n\nAccordion.displayName = 'Accordion';\n\nAccordion.Summary = AccordionSummary;\nAccordion.Summary.displayName = 'Accordion.Summary';\n\nAccordion.Content = AccordionContent;\nAccordion.Content.displayName = 'Accordion.Content';\n"],"names":["React","useCustomEnsuredControl","AccordionContent","AccordionContext","AccordionSummary","useAccordionId","id","generatedId","useId","labelId","contentId","Accordion","expanded","expandedProp","defaultExpanded","onChange","onChangeProp","children","restProps","value","defaultValue","disabled","context","useMemo","Provider","displayName","Summary","Content"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,mCAAgC;AAExE,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,gBAAgB,QAAQ,wBAAqB;AAEtD,SAASC,eAAeC,EAAwB;IAC9C,MAAMC,cAAcP,MAAMQ,KAAK;IAC/B,MAAMC,UAAUH,MAAM,CAAC,SAAS,EAAEC,aAAa;IAC/C,MAAMG,YAAY,CAAC,gBAAgB,EAAEJ,MAAMC,aAAa;IAExD,OAAO;QAAEE;QAASC;IAAU;AAC9B;AAmBA,OAAO,MAAMC,YAGT,CAAC,EACHL,EAAE,EACFM,UAAUC,YAAY,EACtBC,kBAAkB,KAAK,EACvBC,UAAUC,YAAY,EACtBC,QAAQ,EACR,GAAGC,WACY;IACf,MAAM,EAAET,OAAO,EAAEC,SAAS,EAAE,GAAGL,eAAeC;IAE9C,MAAM,CAACM,UAAUG,SAAS,GAAGd,wBAAwB;QACnDkB,OAAON;QACPO,cAAcN;QACdC,UAAUC;QACVK,UAAUH,UAAUG,QAAQ;IAC9B;IAEA,MAAMC,UAAUtB,MAAMuB,OAAO,CAC3B,IAAO,CAAA;YACLd;YACAC;YACAE,UAAUA,YAAY;YACtBG;QACF,CAAA,GACA;QAACL;QAAWE;QAAUH;QAASM;KAAS;IAG1C,qBAAO,KAACZ,iBAAiBqB,QAAQ;QAACL,OAAOG;kBAAUL;;AACrD,EAAE;AAEFN,UAAUc,WAAW,GAAG;AAExBd,UAAUe,OAAO,GAAGtB;AACpBO,UAAUe,OAAO,CAACD,WAAW,GAAG;AAEhCd,UAAUgB,OAAO,GAAGzB;AACpBS,UAAUgB,OAAO,CAACF,WAAW,GAAG"}

package/dist/cssm/components/ActionSheet/ActionSheet.js

@@ -3,9 +3,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { noop } from "@vkontakte/vkjs";
 import { useAdaptivityWithJSMediaQueries } from "../../hooks/useAdaptivityWithJSMediaQueries.js";
-import { useObjectMemo } from "../../hooks/useObjectMemo.js";
 import { usePlatform } from "../../hooks/usePlatform.js";
 import { useCSSKeyframesAnimationController } from "../../lib/animation/index.js";
+import { ModalPopoutPortal } from "../AppRoot/ModalPopoutPortal.js";
 import { useScrollLock } from "../AppRoot/ScrollContext.js";
 import { PopoutWrapper } from "../PopoutWrapper/PopoutWrapper.js";
 import { Footnote } from "../Typography/Footnote/Footnote.js";
@@ -19,7 +19,7 @@ import styles from "./ActionSheet.module.css";
  */ export const ActionSheet = ({ children, className, title, description, style, iosCloseItem, popupOffsetDistance, placement, mode: modeProp, onClose, ...restProps })=>{
     const platform = usePlatform();
     const [closingBy, setClosingBy] = React.useState(undefined);
-    const onCloseWithOther = ()=>setClosingBy('other');
+    const onCloseWithOther = React.useCallback(()=>setClosingBy('other'), []);
     const actionCallbackRef = React.useRef(noop);
     const [animationState, animationHandlers] = useCSSKeyframesAnimationController(closingBy !== undefined ? 'exit' : 'enter', {
         onExited () {
@@ -45,11 +45,15 @@ import styles from "./ActionSheet.module.css";
                 action && action(event);
             }
         }, []);
-    const contextValue = useObjectMemo({
-        onItemClick,
+    const contextValue = React.useMemo(()=>({
+            onItemClick,
+            mode,
+            onClose: onCloseWithOther
+        }), [
         mode,
-        onClose: onCloseWithOther
-    });
+        onCloseWithOther,
+        onItemClick
+    ]);
     const DropdownComponent = mode === 'menu' ? ActionSheetDropdownMenu : ActionSheetDropdownSheet;
     const dropdownProps = mode === 'menu' ? Object.assign(restProps, {
         popupOffsetDistance,
@@ -98,14 +102,16 @@ import styles from "./ActionSheet.module.css";
     if (mode === 'menu') {
         return actionSheet;
     }
-    return /*#__PURE__*/ _jsx(PopoutWrapper, {
-        closing: Boolean(closingBy),
-        alignY: "bottom",
-        className: className,
-        style: style,
-        onClick: onCloseWithOther,
-        fixed: true,
-        children: actionSheet
+    return /*#__PURE__*/ _jsx(ModalPopoutPortal, {
+        children: /*#__PURE__*/ _jsx(PopoutWrapper, {
+            closing: Boolean(closingBy),
+            alignY: "bottom",
+            className: className,
+            style: style,
+            onClick: onCloseWithOther,
+            fixed: true,
+            children: actionSheet
+        })
     });
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["'use client';\n\nimport * 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 { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { ActionSheetContext, type ItemClickHandler } from './ActionSheetContext';\nimport { ActionSheetDefaultIosCloseItem } from './ActionSheetDefaultIosCloseItem';\nimport { ActionSheetDropdownMenu } from './ActionSheetDropdownMenu';\nimport { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';\nimport type { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\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' | 'popupOffsetDistance' | 'placement' | 'autoFocus'\n    >,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'autoFocus' | 'title'> {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи.\n   */\n  onClose: (options: ActionSheetOnCloseOptions) => void;\n  /**\n   * Только мобильный iOS.\n   */\n  iosCloseItem?: React.ReactNode;\n  mode?: 'sheet' | 'menu';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  title,\n  description,\n  style,\n  iosCloseItem,\n  popupOffsetDistance,\n  placement,\n  mode: modeProp,\n  onClose,\n  ...restProps\n}: ActionSheetProps): React.ReactNode => {\n  const platform = usePlatform();\n  const [closingBy, setClosingBy] = React.useState<undefined | CloseInitiators>(undefined);\n  const onCloseWithOther = () => setClosingBy('other');\n  const actionCallbackRef = React.useRef(noop);\n\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closingBy !== undefined ? 'exit' : 'enter',\n    {\n      onExited() {\n        onClose({ closedBy: closingBy || 'other' });\n        actionCallbackRef.current();\n        actionCallbackRef.current = noop;\n      },\n    },\n  );\n\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const mode = modeProp ?? (isDesktop ? 'menu' : 'sheet');\n\n  useScrollLock(mode === 'sheet');\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          if (action) {\n            actionCallbackRef.current = () => action(event);\n          }\n          setClosingBy(isCancelItem ? 'cancel-item' : 'action-item');\n        } else {\n          action && action(event);\n        }\n      },\n    [],\n  );\n  const contextValue = useObjectMemo({ onItemClick, mode, onClose: onCloseWithOther });\n\n  const DropdownComponent = mode === 'menu' ? ActionSheetDropdownMenu : ActionSheetDropdownSheet;\n\n  const dropdownProps =\n    mode === 'menu' ? Object.assign(restProps, { popupOffsetDistance, placement }) : restProps;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={Boolean(closingBy)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        autoFocus={animationState === 'entered'}\n        {...dropdownProps}\n        {...animationHandlers}\n        onClose={onCloseWithOther}\n        className={mode === 'menu' ? className : undefined}\n        style={mode === 'menu' ? style : undefined}\n      >\n        <div className={styles.contentWrapper}>\n          {(title || description) && (\n            <div className={styles.header}>\n              {title && (\n                <Footnote weight=\"2\" className={styles.title}>\n                  {title}\n                </Footnote>\n              )}\n              {description && <Footnote className={styles.description}>{description}</Footnote>}\n            </div>\n          )}\n          {children}\n        </div>\n        {platform === 'ios' && mode === 'sheet' && (\n          <div className={styles.closeItemWrapperIos}>\n            {iosCloseItem ?? <ActionSheetDefaultIosCloseItem />}\n          </div>\n        )}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  if (mode === 'menu') {\n    return actionSheet;\n  }\n\n  return (\n    <PopoutWrapper\n      closing={Boolean(closingBy)}\n      alignY=\"bottom\"\n      className={className}\n      style={style}\n      onClick={onCloseWithOther}\n      fixed\n    >\n      {actionSheet}\n    </PopoutWrapper>\n  );\n};\n"],"names":["React","noop","useAdaptivityWithJSMediaQueries","useObjectMemo","usePlatform","useCSSKeyframesAnimationController","useScrollLock","PopoutWrapper","Footnote","ActionSheetContext","ActionSheetDefaultIosCloseItem","ActionSheetDropdownMenu","ActionSheetDropdownSheet","styles","ActionSheet","children","className","title","description","style","iosCloseItem","popupOffsetDistance","placement","mode","modeProp","onClose","restProps","platform","closingBy","setClosingBy","useState","undefined","onCloseWithOther","actionCallbackRef","useRef","animationState","animationHandlers","onExited","closedBy","current","isDesktop","onItemClick","useCallback","action","immediateAction","autoClose","isCancelItem","event","persist","contextValue","DropdownComponent","dropdownProps","Object","assign","actionSheet","Provider","value","closing","Boolean","role","aria-modal","autoFocus","div","contentWrapper","header","weight","closeItemWrapperIos","alignY","onClick","fixed"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { ModalPopoutPortal } from '../AppRoot/ModalPopoutPortal';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { ActionSheetContext, type ItemClickHandler } from './ActionSheetContext';\nimport { ActionSheetDefaultIosCloseItem } from './ActionSheetDefaultIosCloseItem';\nimport { ActionSheetDropdownMenu } from './ActionSheetDropdownMenu';\nimport { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';\nimport type { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\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' | 'popupOffsetDistance' | 'placement' | 'autoFocus'\n    >,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'autoFocus' | 'title'> {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи.\n   */\n  onClose: (options: ActionSheetOnCloseOptions) => void;\n  /**\n   * Только мобильный iOS.\n   */\n  iosCloseItem?: React.ReactNode;\n  mode?: 'sheet' | 'menu';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  title,\n  description,\n  style,\n  iosCloseItem,\n  popupOffsetDistance,\n  placement,\n  mode: modeProp,\n  onClose,\n  ...restProps\n}: ActionSheetProps): React.ReactNode => {\n  const platform = usePlatform();\n  const [closingBy, setClosingBy] = React.useState<undefined | CloseInitiators>(undefined);\n  const onCloseWithOther = React.useCallback(() => setClosingBy('other'), []);\n  const actionCallbackRef = React.useRef(noop);\n\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closingBy !== undefined ? 'exit' : 'enter',\n    {\n      onExited() {\n        onClose({ closedBy: closingBy || 'other' });\n        actionCallbackRef.current();\n        actionCallbackRef.current = noop;\n      },\n    },\n  );\n\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const mode = modeProp ?? (isDesktop ? 'menu' : 'sheet');\n\n  useScrollLock(mode === 'sheet');\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          if (action) {\n            actionCallbackRef.current = () => action(event);\n          }\n          setClosingBy(isCancelItem ? 'cancel-item' : 'action-item');\n        } else {\n          action && action(event);\n        }\n      },\n    [],\n  );\n  const contextValue = React.useMemo(\n    () => ({ onItemClick, mode, onClose: onCloseWithOther }),\n    [mode, onCloseWithOther, onItemClick],\n  );\n\n  const DropdownComponent = mode === 'menu' ? ActionSheetDropdownMenu : ActionSheetDropdownSheet;\n\n  const dropdownProps =\n    mode === 'menu' ? Object.assign(restProps, { popupOffsetDistance, placement }) : restProps;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={Boolean(closingBy)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        autoFocus={animationState === 'entered'}\n        {...dropdownProps}\n        {...animationHandlers}\n        onClose={onCloseWithOther}\n        className={mode === 'menu' ? className : undefined}\n        style={mode === 'menu' ? style : undefined}\n      >\n        <div className={styles.contentWrapper}>\n          {(title || description) && (\n            <div className={styles.header}>\n              {title && (\n                <Footnote weight=\"2\" className={styles.title}>\n                  {title}\n                </Footnote>\n              )}\n              {description && <Footnote className={styles.description}>{description}</Footnote>}\n            </div>\n          )}\n          {children}\n        </div>\n        {platform === 'ios' && mode === 'sheet' && (\n          <div className={styles.closeItemWrapperIos}>\n            {iosCloseItem ?? <ActionSheetDefaultIosCloseItem />}\n          </div>\n        )}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  if (mode === 'menu') {\n    return actionSheet;\n  }\n\n  return (\n    <ModalPopoutPortal>\n      <PopoutWrapper\n        closing={Boolean(closingBy)}\n        alignY=\"bottom\"\n        className={className}\n        style={style}\n        onClick={onCloseWithOther}\n        fixed\n      >\n        {actionSheet}\n      </PopoutWrapper>\n    </ModalPopoutPortal>\n  );\n};\n"],"names":["React","noop","useAdaptivityWithJSMediaQueries","usePlatform","useCSSKeyframesAnimationController","ModalPopoutPortal","useScrollLock","PopoutWrapper","Footnote","ActionSheetContext","ActionSheetDefaultIosCloseItem","ActionSheetDropdownMenu","ActionSheetDropdownSheet","styles","ActionSheet","children","className","title","description","style","iosCloseItem","popupOffsetDistance","placement","mode","modeProp","onClose","restProps","platform","closingBy","setClosingBy","useState","undefined","onCloseWithOther","useCallback","actionCallbackRef","useRef","animationState","animationHandlers","onExited","closedBy","current","isDesktop","onItemClick","action","immediateAction","autoClose","isCancelItem","event","persist","contextValue","useMemo","DropdownComponent","dropdownProps","Object","assign","actionSheet","Provider","value","closing","Boolean","role","aria-modal","autoFocus","div","contentWrapper","header","weight","closeItemWrapperIos","alignY","onClick","fixed"],"mappings":"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"}

package/dist/cssm/components/Alert/Alert.js

@@ -7,6 +7,7 @@ import { useAdaptivityWithJSMediaQueries } from "../../hooks/useAdaptivityWithJS
 import { usePlatform } from "../../hooks/usePlatform.js";
 import { useCSSKeyframesAnimationController } from "../../lib/animation/index.js";
 import { stopPropagation } from "../../lib/utils.js";
+import { ModalPopoutPortal } from "../AppRoot/ModalPopoutPortal.js";
 import { useScrollLock } from "../AppRoot/ScrollContext.js";
 import { FocusTrap } from "../FocusTrap/FocusTrap.js";
 import { IconButton } from "../IconButton/IconButton.js";
@@ -17,7 +18,7 @@ import { AlertDescription, AlertTitle } from "./AlertTypography.js";
 import styles from "./Alert.module.css";
 /**
  * @see https://vkcom.github.io/VKUI/#/Alert
- */ export const Alert = ({ actions, actionsLayout = 'horizontal', children, className, style, title, description, onClose, dismissLabel = 'Закрыть предупреждение', renderAction, actionsAlign, dismissButtonMode = 'outside', dismissButtonTestId, getRootRef, ...restProps })=>{
+ */ export const Alert = ({ actions, actionsLayout = 'horizontal', children, className, style, title, description, onClose, dismissLabel = 'Закрыть предупреждение', renderAction, actionsAlign, dismissButtonMode = 'outside', dismissButtonTestId, getRootRef, usePortal, ...restProps })=>{
     const generatedId = React.useId();
     const titleId = `vkui-alert-${generatedId}-title`;
     const descriptionId = `vkui-alert-${generatedId}-description`;
@@ -53,61 +54,64 @@ import styles from "./Alert.module.css";
         close
     ]);
     useScrollLock();
-    return /*#__PURE__*/ _jsx(PopoutWrapper, {
-        className: className,
-        closing: closing,
-        style: style,
-        onClick: close,
-        getRootRef: getRootRef,
-        children: /*#__PURE__*/ _jsxs(FocusTrap, {
-            ...restProps,
-            ...animationHandlers,
-            getRootRef: elementRef,
-            onClick: stopPropagation,
-            onClose: close,
-            autoFocus: animationState === 'entered',
-            className: classNames(styles.host, platform === 'ios' && styles.ios, platform === 'vkcom' && styles.vkcom, closing ? styles.closing : styles.opening, isDesktop && styles.desktop),
-            role: "alertdialog",
-            "aria-modal": true,
-            "aria-labelledby": titleId,
-            "aria-describedby": descriptionId,
-            children: [
-                /*#__PURE__*/ _jsxs("div", {
-                    className: classNames(styles.content, dismissButtonMode === 'inside' && styles.contentWithButton),
-                    children: [
-                        hasReactNode(title) && /*#__PURE__*/ _jsx(AlertTitle, {
-                            id: titleId,
-                            children: title
-                        }),
-                        hasReactNode(description) && /*#__PURE__*/ _jsx(AlertDescription, {
-                            id: descriptionId,
-                            children: description
-                        }),
-                        children,
-                        isDismissButtonVisible && dismissButtonMode === 'inside' && /*#__PURE__*/ _jsx(IconButton, {
-                            label: dismissLabel,
-                            className: classNames(styles.dismiss, 'vkuiInternalAlert__dismiss'),
-                            onClick: close,
-                            hoverMode: "opacity",
-                            activeMode: "opacity",
-                            "data-testid": dismissButtonTestId,
-                            children: /*#__PURE__*/ _jsx(Icon20Cancel, {})
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ _jsx(AlertActions, {
-                    actions: actions,
-                    actionsAlign: actionsAlign,
-                    actionsLayout: actionsLayout,
-                    renderAction: renderAction,
-                    onItemClick: onItemClick
-                }),
-                isDismissButtonVisible && dismissButtonMode === 'outside' && /*#__PURE__*/ _jsx(ModalDismissButton, {
-                    onClick: close,
-                    "data-testid": dismissButtonTestId,
-                    children: dismissLabel
-                })
-            ]
+    return /*#__PURE__*/ _jsx(ModalPopoutPortal, {
+        usePortal: usePortal,
+        children: /*#__PURE__*/ _jsx(PopoutWrapper, {
+            className: className,
+            closing: closing,
+            style: style,
+            onClick: close,
+            getRootRef: getRootRef,
+            children: /*#__PURE__*/ _jsxs(FocusTrap, {
+                ...restProps,
+                ...animationHandlers,
+                getRootRef: elementRef,
+                onClick: stopPropagation,
+                onClose: close,
+                autoFocus: animationState === 'entered',
+                className: classNames(styles.host, platform === 'ios' && styles.ios, platform === 'vkcom' && styles.vkcom, closing ? styles.closing : styles.opening, isDesktop && styles.desktop),
+                role: "alertdialog",
+                "aria-modal": true,
+                "aria-labelledby": titleId,
+                "aria-describedby": descriptionId,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: classNames(styles.content, dismissButtonMode === 'inside' && styles.contentWithButton),
+                        children: [
+                            hasReactNode(title) && /*#__PURE__*/ _jsx(AlertTitle, {
+                                id: titleId,
+                                children: title
+                            }),
+                            hasReactNode(description) && /*#__PURE__*/ _jsx(AlertDescription, {
+                                id: descriptionId,
+                                children: description
+                            }),
+                            children,
+                            isDismissButtonVisible && dismissButtonMode === 'inside' && /*#__PURE__*/ _jsx(IconButton, {
+                                label: dismissLabel,
+                                className: classNames(styles.dismiss, 'vkuiInternalAlert__dismiss'),
+                                onClick: close,
+                                hoverMode: "opacity",
+                                activeMode: "opacity",
+                                "data-testid": dismissButtonTestId,
+                                children: /*#__PURE__*/ _jsx(Icon20Cancel, {})
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(AlertActions, {
+                        actions: actions,
+                        actionsAlign: actionsAlign,
+                        actionsLayout: actionsLayout,
+                        renderAction: renderAction,
+                        onItemClick: onItemClick
+                    }),
+                    isDismissButtonVisible && dismissButtonMode === 'outside' && /*#__PURE__*/ _jsx(ModalDismissButton, {
+                        onClick: close,
+                        "data-testid": dismissButtonTestId,
+                        children: dismissLabel
+                    })
+                ]
+            })
         })
     });
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { stopPropagation } from '../../lib/utils';\nimport type {\n  AlignType,\n  AnchorHTMLAttributesOnly,\n  HasDataAttribute,\n  HasRootRef,\n} from '../../types';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport type { ButtonProps } from '../Button/Button';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { IconButton } from '../IconButton/IconButton';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport type { AlertActionProps } from './AlertAction';\nimport { AlertActions } from './AlertActions';\nimport { AlertDescription, AlertTitle } from './AlertTypography';\nimport styles from './Alert.module.css';\n\ntype AlertActionMode = 'cancel' | 'destructive' | 'default';\n\nexport interface AlertActionInterface\n  extends Pick<ButtonProps, 'Component'>,\n    AnchorHTMLAttributesOnly,\n    HasDataAttribute {\n  title: string;\n  /**\n   * Обработчик клика на опцию. Если свойство `autoCloseDisabled` включено,\n   * то в аргументы `action` передаётся объект с функцией close,\n   * вызвав которую можно закрыть `action` вручную.\n   */\n  action?: (args?: { close?: VoidFunction }) => void;\n  /**\n   * По умолчанию клик на опцию вызывает переданную в `Alert` функцию `onClose`, данное свойство\n   * позволяет отключить такое поведение\n   */\n  autoCloseDisabled?: boolean;\n  mode: AlertActionMode;\n}\n\nexport interface AlertProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, 'title'>,\n    HasRootRef<HTMLDivElement> {\n  actionsLayout?: 'vertical' | 'horizontal';\n  actionsAlign?: AlignType;\n  actions?: AlertActionInterface[];\n  renderAction?: (props: AlertActionProps) => React.ReactNode;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  onClose: VoidFunction;\n  /**\n   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий\n   */\n  dismissLabel?: string;\n  /**\n   * Расположение кнопки закрытия (внутри и вне `popout'a`)\n   * Доступно только в `compact`-режиме, не отображается на `iOS`\n   */\n  dismissButtonMode?: 'inside' | 'outside';\n  /**\n   * `data-testid` для кнопки закрытия\n   */\n  dismissButtonTestId?: string;\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  title,\n  description,\n  onClose,\n  dismissLabel = 'Закрыть предупреждение',\n  renderAction,\n  actionsAlign,\n  dismissButtonMode = 'outside',\n  dismissButtonTestId,\n  getRootRef,\n  ...restProps\n}: AlertProps): React.ReactNode => {\n  const generatedId = React.useId();\n\n  const titleId = `vkui-alert-${generatedId}-title`;\n  const descriptionId = `vkui-alert-${generatedId}-description`;\n\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  const [closing, setClosing] = React.useState(false);\n  const itemActionCallbackRef = React.useRef(noop);\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closing ? 'exit' : 'enter',\n    {\n      onExited() {\n        itemActionCallbackRef.current();\n        itemActionCallbackRef.current = noop;\n        onClose();\n      },\n    },\n  );\n  const isDismissButtonVisible = isDesktop && platform !== 'ios';\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  const close = React.useCallback(() => {\n    setClosing(true);\n  }, []);\n\n  const onItemClick = React.useCallback(\n    (item: AlertActionInterface) => {\n      const { action: itemAction, autoCloseDisabled = false } = item;\n\n      if (autoCloseDisabled) {\n        itemAction && itemAction({ close });\n      } else {\n        if (itemAction) {\n          itemActionCallbackRef.current = itemAction;\n        }\n        setClosing(true);\n      }\n    },\n    [close],\n  );\n\n  useScrollLock();\n\n  return (\n    <PopoutWrapper\n      className={className}\n      closing={closing}\n      style={style}\n      onClick={close}\n      getRootRef={getRootRef}\n    >\n      <FocusTrap\n        {...restProps}\n        {...animationHandlers}\n        getRootRef={elementRef}\n        onClick={stopPropagation}\n        onClose={close}\n        autoFocus={animationState === 'entered'}\n        className={classNames(\n          styles.host,\n          platform === 'ios' && styles.ios,\n          platform === 'vkcom' && styles.vkcom,\n          closing ? styles.closing : styles.opening,\n          isDesktop && styles.desktop,\n        )}\n        role=\"alertdialog\"\n        aria-modal\n        aria-labelledby={titleId}\n        aria-describedby={descriptionId}\n      >\n        <div\n          className={classNames(\n            styles.content,\n            dismissButtonMode === 'inside' && styles.contentWithButton,\n          )}\n        >\n          {hasReactNode(title) && <AlertTitle id={titleId}>{title}</AlertTitle>}\n          {hasReactNode(description) && (\n            <AlertDescription id={descriptionId}>{description}</AlertDescription>\n          )}\n          {children}\n          {isDismissButtonVisible && dismissButtonMode === 'inside' && (\n            <IconButton\n              label={dismissLabel}\n              className={classNames(styles.dismiss, 'vkuiInternalAlert__dismiss')}\n              onClick={close}\n              hoverMode=\"opacity\"\n              activeMode=\"opacity\"\n              data-testid={dismissButtonTestId}\n            >\n              <Icon20Cancel />\n            </IconButton>\n          )}\n        </div>\n        <AlertActions\n          actions={actions}\n          actionsAlign={actionsAlign}\n          actionsLayout={actionsLayout}\n          renderAction={renderAction}\n          onItemClick={onItemClick}\n        />\n        {isDismissButtonVisible && dismissButtonMode === 'outside' && (\n          <ModalDismissButton onClick={close} data-testid={dismissButtonTestId}>\n            {dismissLabel}\n          </ModalDismissButton>\n        )}\n      </FocusTrap>\n    </PopoutWrapper>\n  );\n};\n"],"names":["React","Icon20Cancel","classNames","hasReactNode","noop","useAdaptivityWithJSMediaQueries","usePlatform","useCSSKeyframesAnimationController","stopPropagation","useScrollLock","FocusTrap","IconButton","ModalDismissButton","PopoutWrapper","AlertActions","AlertDescription","AlertTitle","styles","Alert","actions","actionsLayout","children","className","style","title","description","onClose","dismissLabel","renderAction","actionsAlign","dismissButtonMode","dismissButtonTestId","getRootRef","restProps","generatedId","useId","titleId","descriptionId","platform","isDesktop","closing","setClosing","useState","itemActionCallbackRef","useRef","animationState","animationHandlers","onExited","current","isDismissButtonVisible","elementRef","close","useCallback","onItemClick","item","action","itemAction","autoCloseDisabled","onClick","autoFocus","host","ios","vkcom","opening","desktop","role","aria-modal","aria-labelledby","aria-describedby","div","content","contentWithButton","id","label","dismiss","hoverMode","activeMode","data-testid"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { stopPropagation } from '../../lib/utils';\nimport type {\n  AlignType,\n  AnchorHTMLAttributesOnly,\n  HasDataAttribute,\n  HasRootRef,\n} from '../../types';\nimport type { AppRootPortalProps } from '../AppRoot/AppRootPortal';\nimport { ModalPopoutPortal } from '../AppRoot/ModalPopoutPortal';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport type { ButtonProps } from '../Button/Button';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { IconButton } from '../IconButton/IconButton';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport type { AlertActionProps } from './AlertAction';\nimport { AlertActions } from './AlertActions';\nimport { AlertDescription, AlertTitle } from './AlertTypography';\nimport styles from './Alert.module.css';\n\ntype AlertActionMode = 'cancel' | 'destructive' | 'default';\n\nexport interface AlertActionInterface\n  extends Pick<ButtonProps, 'Component'>,\n    AnchorHTMLAttributesOnly,\n    HasDataAttribute {\n  title: string;\n  /**\n   * Обработчик клика на опцию. Если свойство `autoCloseDisabled` включено,\n   * то в аргументы `action` передаётся объект с функцией close,\n   * вызвав которую можно закрыть `action` вручную.\n   */\n  action?: (args?: { close?: VoidFunction }) => void;\n  /**\n   * По умолчанию клик на опцию вызывает переданную в `Alert` функцию `onClose`, данное свойство\n   * позволяет отключить такое поведение\n   */\n  autoCloseDisabled?: boolean;\n  mode: AlertActionMode;\n}\n\nexport interface AlertProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, 'title'>,\n    HasRootRef<HTMLDivElement> {\n  actionsLayout?: 'vertical' | 'horizontal';\n  actionsAlign?: AlignType;\n  actions?: AlertActionInterface[];\n  renderAction?: (props: AlertActionProps) => React.ReactNode;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  onClose: VoidFunction;\n  /**\n   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий\n   */\n  dismissLabel?: string;\n  /**\n   * Расположение кнопки закрытия (внутри и вне `popout'a`)\n   * Доступно только в `compact`-режиме, не отображается на `iOS`\n   */\n  dismissButtonMode?: 'inside' | 'outside';\n  /**\n   * `data-testid` для кнопки закрытия\n   */\n  dismissButtonTestId?: string;\n  usePortal?: AppRootPortalProps['usePortal'];\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  title,\n  description,\n  onClose,\n  dismissLabel = 'Закрыть предупреждение',\n  renderAction,\n  actionsAlign,\n  dismissButtonMode = 'outside',\n  dismissButtonTestId,\n  getRootRef,\n  usePortal,\n  ...restProps\n}: AlertProps): React.ReactNode => {\n  const generatedId = React.useId();\n\n  const titleId = `vkui-alert-${generatedId}-title`;\n  const descriptionId = `vkui-alert-${generatedId}-description`;\n\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  const [closing, setClosing] = React.useState(false);\n  const itemActionCallbackRef = React.useRef(noop);\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closing ? 'exit' : 'enter',\n    {\n      onExited() {\n        itemActionCallbackRef.current();\n        itemActionCallbackRef.current = noop;\n        onClose();\n      },\n    },\n  );\n  const isDismissButtonVisible = isDesktop && platform !== 'ios';\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  const close = React.useCallback(() => {\n    setClosing(true);\n  }, []);\n\n  const onItemClick = React.useCallback(\n    (item: AlertActionInterface) => {\n      const { action: itemAction, autoCloseDisabled = false } = item;\n\n      if (autoCloseDisabled) {\n        itemAction && itemAction({ close });\n      } else {\n        if (itemAction) {\n          itemActionCallbackRef.current = itemAction;\n        }\n        setClosing(true);\n      }\n    },\n    [close],\n  );\n\n  useScrollLock();\n\n  return (\n    <ModalPopoutPortal usePortal={usePortal}>\n      <PopoutWrapper\n        className={className}\n        closing={closing}\n        style={style}\n        onClick={close}\n        getRootRef={getRootRef}\n      >\n        <FocusTrap\n          {...restProps}\n          {...animationHandlers}\n          getRootRef={elementRef}\n          onClick={stopPropagation}\n          onClose={close}\n          autoFocus={animationState === 'entered'}\n          className={classNames(\n            styles.host,\n            platform === 'ios' && styles.ios,\n            platform === 'vkcom' && styles.vkcom,\n            closing ? styles.closing : styles.opening,\n            isDesktop && styles.desktop,\n          )}\n          role=\"alertdialog\"\n          aria-modal\n          aria-labelledby={titleId}\n          aria-describedby={descriptionId}\n        >\n          <div\n            className={classNames(\n              styles.content,\n              dismissButtonMode === 'inside' && styles.contentWithButton,\n            )}\n          >\n            {hasReactNode(title) && <AlertTitle id={titleId}>{title}</AlertTitle>}\n            {hasReactNode(description) && (\n              <AlertDescription id={descriptionId}>{description}</AlertDescription>\n            )}\n            {children}\n            {isDismissButtonVisible && dismissButtonMode === 'inside' && (\n              <IconButton\n                label={dismissLabel}\n                className={classNames(styles.dismiss, 'vkuiInternalAlert__dismiss')}\n                onClick={close}\n                hoverMode=\"opacity\"\n                activeMode=\"opacity\"\n                data-testid={dismissButtonTestId}\n              >\n                <Icon20Cancel />\n              </IconButton>\n            )}\n          </div>\n          <AlertActions\n            actions={actions}\n            actionsAlign={actionsAlign}\n            actionsLayout={actionsLayout}\n            renderAction={renderAction}\n            onItemClick={onItemClick}\n          />\n          {isDismissButtonVisible && dismissButtonMode === 'outside' && (\n            <ModalDismissButton onClick={close} data-testid={dismissButtonTestId}>\n              {dismissLabel}\n            </ModalDismissButton>\n          )}\n        </FocusTrap>\n      </PopoutWrapper>\n    </ModalPopoutPortal>\n  );\n};\n"],"names":["React","Icon20Cancel","classNames","hasReactNode","noop","useAdaptivityWithJSMediaQueries","usePlatform","useCSSKeyframesAnimationController","stopPropagation","ModalPopoutPortal","useScrollLock","FocusTrap","IconButton","ModalDismissButton","PopoutWrapper","AlertActions","AlertDescription","AlertTitle","styles","Alert","actions","actionsLayout","children","className","style","title","description","onClose","dismissLabel","renderAction","actionsAlign","dismissButtonMode","dismissButtonTestId","getRootRef","usePortal","restProps","generatedId","useId","titleId","descriptionId","platform","isDesktop","closing","setClosing","useState","itemActionCallbackRef","useRef","animationState","animationHandlers","onExited","current","isDismissButtonVisible","elementRef","close","useCallback","onItemClick","item","action","itemAction","autoCloseDisabled","onClick","autoFocus","host","ios","vkcom","opening","desktop","role","aria-modal","aria-labelledby","aria-describedby","div","content","contentWithButton","id","label","dismiss","hoverMode","activeMode","data-testid"],"mappings":"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"}