npm - @vkontakte/vkui - Versions diffs - 6.1.2 → 6.2.0 - Mend

@vkontakte/vkui 6.1.2 → 6.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1986) hide show

package/dist/cjs/components/Link/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { classNames, noop } from '@vkontakte/vkjs';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport styles from './Link.module.css';\n\nexport interface LinkProps extends TappableProps {\n /*\n Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет\n /\n hasVisited?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Link\n */\nexport const Link = ({\n hasVisited,\n children,\n className,\n onClick = noop,\n ...restProps\n}: LinkProps) => {\n return (\n <Tappable\n Component={restProps.href ? 'a' : 'button'}\n onClick={onClick}\n {...restProps}\n className={classNames(styles['Link'], hasVisited && styles['Link--has-visited'], className)}\n hasHover={false}\n activeMode=\"opacity\"\n focusVisibleMode=\"outside\"\n >\n {children}\n </Tappable>\n );\n};\n"],"names":["Link","hasVisited","children","className","onClick","noop","restProps","Tappable","Component","href","classNames","hasHover","activeMode","~~focusVisibleMode~~"],"~~rangeMappings~~"~~:";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"~~,"mappings":";;;;+BAcaA;;;eAAAA;;;;;;;sBAdoB;0BACO;AAajC,MAAMA,OAAO;QAAC,EACnBC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,UAAUC,UAAI,EAEJ,WADPC;QAJHL;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACG,kBAAQ;QACPC,WAAWF,UAAUG,IAAI,GAAG,MAAM;QAClCL,SAASA;OACLE;QACJH,WAAWO,IAAAA,gBAAU,cAAiBT,uCAA2CE;QACjFQ,UAAU;QACVC,YAAW;QACXC,kBAAiB;~~kBAEhBX~~;;AAGP"}
1	+ {"version":3,"sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { classNames, noop } from '@vkontakte/vkjs';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport styles from './Link.module.css';\n\nexport interface LinkProps extends TappableProps {\n /*\n Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет\n /\n hasVisited?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Link\n */\nexport const Link = ({\n hasVisited,\n children,\n className,\n onClick = noop,\n ...restProps\n}: LinkProps) => {\n return (\n <Tappable\n Component={restProps.href ? 'a' : 'button'}\n onClick={onClick}\n {...restProps}\n className={classNames(styles['Link'], hasVisited && styles['Link--has-visited'], className)}\n hasHover={false}\n activeMode=\"opacity\"\n hoverMode=\"none\"\n focusVisibleMode=\"outside\"\n >\n {children}\n </Tappable>\n );\n};\n"],"names":["Link","hasVisited","children","className","onClick","noop","restProps","Tappable","Component","href","classNames","hasHover","activeMode","hoverMode","focusVisibleMode"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;;sBAdoB;0BACO;AAajC,MAAMA,OAAO;QAAC,EACnBC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,UAAUC,UAAI,EAEJ,WADPC;QAJHL;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACG,kBAAQ;QACPC,WAAWF,UAAUG,IAAI,GAAG,MAAM;QAClCL,SAASA;OACLE;QACJH,WAAWO,IAAAA,gBAAU,cAAiBT,uCAA2CE;QACjFQ,UAAU;QACVC,YAAW;QACXC,WAAU;QACVC,kBAAiB;kBAEhBZ;;AAGP"}

package/dist/cjs/components/List/List.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP } from '../../hooks/useDraggableWithDomApi';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\n\nexport type ListProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\n/*\n @see https://vkcom.github.io/VKUI/#/List\n */\nexport const List = ({ children, ...restProps }: ListProps) => {\n return (\n <RootComponent role=\"list\" {...restProps}>\n {children}\n <div aria-hidden {...DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP}></div>\n </RootComponent>\n );\n};\n"],"names":["List","children","restProps","RootComponent","role","div","aria-hidden","DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;+BASaA;;;eAAAA;;;;;;;wCATyC;+BAExB;AAOvB,MAAMA,OAAO;QAAC,EAAEC,QAAQ,EAA2B,WAAtBC;QAAbD;;IACrB,qBACE,sBAACE,4BAAa;QAACC,MAAK;OAAWF;;YAC5BD;0BACD,qBAACI;gBAAIC,aAAW;eAAKC,6DAAqC;;;AAGhE"}
1	+ {"version":3,"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP } from '../../hooks/useDraggableWithDomApi';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\n\nexport type ListProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\n/*\n @see https://vkcom.github.io/VKUI/#/List\n */\nexport const List = ({ children, ...restProps }: ListProps) => {\n return (\n <RootComponent role=\"list\" {...restProps}>\n {children}\n <div aria-hidden {...DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP}></div>\n </RootComponent>\n );\n};\n"],"names":["List","children","restProps","RootComponent","role","div","aria-hidden","DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP"],"mappings":";;;;+BASaA;;;eAAAA;;;;;;;wCATyC;+BAExB;AAOvB,MAAMA,OAAO;QAAC,EAAEC,QAAQ,EAA2B,WAAtBC;QAAbD;;IACrB,qBACE,sBAACE,4BAAa;QAACC,MAAK;OAAWF;;YAC5BD;0BACD,qBAACI;gBAAIC,aAAW;eAAKC,6DAAqC;;;AAGhE"}

package/dist/cjs/components/LocaleProvider/LocaleProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/LocaleProvider/LocaleProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface LocaleProviderProps {\n /*\n Строка с языковой меткой BCP 47\n /\n value: ConfigProviderContextInterface['locale'];\n children: React.ReactNode;\n}\n\n/\n Компонент, прокидывающий локаль. Список можно найти в\n * [реестре языковых подметок IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry)\n \n @since 5.0.0\n * @see https://vkcom.github.io/VKUI/#/LocaleProvider\n */\nexport function LocaleProvider({ value, children }: LocaleProviderProps) {\n return <ConfigProviderOverride locale={value}>{children}</ConfigProviderOverride>;\n}\n"],"names":["LocaleProvider","value","children","ConfigProviderOverride","locale"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;","~~mappings":";;;;+BAmBgBA;;;eAAAA;;;;;iEAnBO;wCAEgB;AAiBhC,SAASA,eAAe,EAAEC,KAAK,EAAEC,QAAQ,EAAuB;IACrE,qBAAO,qBAACC,8CAAsB;QAACC,QAAQH;kBAAQC;;AACjD"}
1	+ {"version":3,"sources":["../../../../src/components/LocaleProvider/LocaleProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface LocaleProviderProps {\n /*\n Строка с языковой меткой BCP 47\n /\n value: ConfigProviderContextInterface['locale'];\n children: React.ReactNode;\n}\n\n/\n Компонент, прокидывающий локаль. Список можно найти в\n * [реестре языковых подметок IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry)\n \n @since 5.0.0\n * @see https://vkcom.github.io/VKUI/#/LocaleProvider\n */\nexport function LocaleProvider({ value, children }: LocaleProviderProps) {\n return <ConfigProviderOverride locale={value}>{children}</ConfigProviderOverride>;\n}\n"],"names":["LocaleProvider","value","children","ConfigProviderOverride","locale"],"mappings":";;;;+BAmBgBA;;;eAAAA;;;;;iEAnBO;wCAEgB;AAiBhC,SAASA,eAAe,EAAEC,KAAK,EAAEC,QAAQ,EAAuB;IACrE,qBAAO,qBAACC,8CAAsB;QAACC,QAAQH;kBAAQC;;AACjD"}

package/dist/cjs/components/Mark/Mark.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Mark.module.css';\n\nexport type MarkProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\n/*\n Компонент используется для выделения фрагментов текста,\n * например при поиске определенных слов или выделения текста в цитате.\n \n @since 6.1.0\n * @see https://vkcom.github.io/VKUI/#/Mark\n */\nexport const Mark = (props: MarkProps) => (\n <RootComponent baseClassName={styles['Mark']} Component=\"mark\" {...props} />\n);\n"],"names":["Mark","props","RootComponent","baseClassName","Component"],"~~rangeMappings":";;;;;;;;;;;;;;;;","~~mappings":";;;;+BAaaA;;;eAAAA;;;;;+BAZiB;AAYvB,MAAMA,OAAO,CAACC,sBACnB,qBAACC,4BAAa;QAACC,aAAa;QAAkBC,WAAU;OAAWH"}
1	+ {"version":3,"sources":["../../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Mark.module.css';\n\nexport type MarkProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\n/*\n Компонент используется для выделения фрагментов текста,\n * например при поиске определенных слов или выделения текста в цитате.\n \n @since 6.1.0\n * @see https://vkcom.github.io/VKUI/#/Mark\n */\nexport const Mark = (props: MarkProps) => (\n <RootComponent baseClassName={styles['Mark']} Component=\"mark\" {...props} />\n);\n"],"names":["Mark","props","RootComponent","baseClassName","Component"],"mappings":";;;;+BAaaA;;;eAAAA;;;;;+BAZiB;AAYvB,MAAMA,OAAO,CAACC,sBACnB,qBAACC,4BAAa;QAACC,aAAa;QAAkBC,WAAU;OAAWH"}

package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Chevron } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './MiniInfoCell.module.css';\n\nconst stylesMode = {\n add: styles['MiniInfoCell--mode-add'],\n accent: styles['MiniInfoCell--mode-accent'],\n more: styles['MiniInfoCell--mode-more'],\n};\n\nconst stylesTextWrap = {\n nowrap: styles['MiniInfoCell--textWrap-nowrap'],\n full: styles['MiniInfoCell--textWrap-full'],\n short: styles['MiniInfoCell--textWrap-short'],\n};\n\nexport interface MiniInfoCellProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n /*\n Иконка слева.<br />\n * Рекомендуется использовать иконки размера 20.\n /\n before?: React.ReactNode;\n\n /\n Содержимое справа.<br />\n * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`\n /\n after?: React.ReactNode;\n\n /\n Тип ячейки:\n \n - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n /\n mode?: 'base' \| 'accent' \| 'add' \| 'more';\n\n /\n Тип отображения текста:\n \n - `nowrap` – в одну строку, текст не переносится и обрезается.\n * - `short` – максимально отображается 3 строки, остальное обрезается.\n * - `full` – текст отображается полностью.\n /\n textWrap?: 'nowrap' \| 'short' \| 'full';\n\n /\n Передавать `true`, если предполагается переход при клике по ячейке.\n /\n expandable?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/MiniInfoCell\n */\nexport const MiniInfoCell = ({\n before,\n after,\n children,\n mode = 'base',\n textWrap = 'nowrap',\n expandable = false,\n className,\n ...restProps\n}: MiniInfoCellProps) => {\n const cellClasses = classNames(\n styles['MiniInfoCell'],\n stylesTextWrap[textWrap],\n mode !== 'base' && stylesMode[mode],\n className,\n );\n\n const cellContent = (\n <React.Fragment>\n {hasReactNode(before) && <span className={styles['MiniInfoCell__before']}>{before}</span>}\n <div className={styles['MiniInfoCell__middle']}>\n <Paragraph\n className={styles['MiniInfoCell__content']}\n weight={mode === 'more' ? '2' : undefined}\n >\n {children}\n </Paragraph>\n {expandable && <Icon16Chevron />}\n </div>\n {hasReactNode(after) && <span className={styles['MiniInfoCell__after']}>{after}</span>}\n </React.Fragment>\n );\n\n return restProps.onClick ? (\n <Tappable Component=\"div\" role=\"button\" {...restProps} className={cellClasses}>\n {cellContent}\n </Tappable>\n ) : (\n <RootComponent {...restProps} baseClassName={cellClasses}>\n {cellContent}\n </RootComponent>\n );\n};\n"],"names":["MiniInfoCell","stylesMode","add","accent","more","stylesTextWrap","nowrap","full","short","before","after","children","mode","textWrap","expandable","className","restProps","cellClasses","classNames","cellContent","React","Fragment","hasReactNode","span","div","Paragraph","weight","undefined","Icon16Chevron","onClick","Tappable","Component","role","RootComponent","baseClassName"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;+BA8DaA;;;eAAAA;;;;;;;;iEA9DU;uBACO;sBACW;+BAEX;0BACL;2BACC;AAG1B,MAAMC,aAAa;IACjBC,GAAG;IACHC,MAAM;IACNC,IAAI;AACN;AAEA,MAAMC,iBAAiB;IACrBC,MAAM;IACNC,IAAI;IACJC,KAAK;AACP;AA2CO,MAAMR,eAAe;QAAC,EAC3BS,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRC,OAAO,MAAM,EACbC,WAAW,QAAQ,EACnBC,aAAa,KAAK,EAClBC,SAAS,EAES,WADfC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,cAAcC,IAAAA,gBAAU,sBAE5Bb,cAAc,CAACQ,SAAS,EACxBD,SAAS,UAAUX,UAAU,CAACW,KAAK,EACnCG;IAGF,MAAMI,4BACJ,sBAACC,OAAMC,QAAQ;;YACZC,IAAAA,kBAAY,EAACb,yBAAW,qBAACc;gBAAKR,SAAS;0BAAmCN;;0BAC3E,sBAACe;gBAAIT,SAAS;;kCACZ,qBAACU,oBAAS;wBACRV,SAAS;wBACTW,QAAQd,SAAS,SAAS,MAAMe;kCAE/BhB;;oBAEFG,4BAAc,qBAACc,oBAAa;;;YAE9BN,IAAAA,kBAAY,EAACZ,wBAAU,qBAACa;gBAAKR,SAAS;0BAAkCL;;;;IAI7E,OAAOM,UAAUa,OAAO,iBACtB,qBAACC,kBAAQ;QAACC,WAAU;QAAMC,MAAK;OAAahB;QAAWD,WAAWE;kBAC/DE;wBAGH,qBAACc,4BAAa,8CAAKjB;QAAWkB,eAAejB;kBAC1CE;;AAGP"}
1	+ {"version":3,"sources":["../../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Chevron } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './MiniInfoCell.module.css';\n\nconst stylesMode = {\n add: styles['MiniInfoCell--mode-add'],\n accent: styles['MiniInfoCell--mode-accent'],\n more: styles['MiniInfoCell--mode-more'],\n};\n\nconst stylesTextWrap = {\n nowrap: styles['MiniInfoCell--textWrap-nowrap'],\n full: styles['MiniInfoCell--textWrap-full'],\n short: styles['MiniInfoCell--textWrap-short'],\n};\n\nexport interface MiniInfoCellProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n /*\n Иконка слева.<br />\n * Рекомендуется использовать иконки размера 20.\n /\n before?: React.ReactNode;\n\n /\n Содержимое справа.<br />\n * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`\n /\n after?: React.ReactNode;\n\n /\n Тип ячейки:\n \n - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n /\n mode?: 'base' \| 'accent' \| 'add' \| 'more';\n\n /\n Тип отображения текста:\n \n - `nowrap` – в одну строку, текст не переносится и обрезается.\n * - `short` – максимально отображается 3 строки, остальное обрезается.\n * - `full` – текст отображается полностью.\n /\n textWrap?: 'nowrap' \| 'short' \| 'full';\n\n /\n Передавать `true`, если предполагается переход при клике по ячейке.\n /\n expandable?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/MiniInfoCell\n */\nexport const MiniInfoCell = ({\n before,\n after,\n children,\n mode = 'base',\n textWrap = 'nowrap',\n expandable = false,\n className,\n ...restProps\n}: MiniInfoCellProps) => {\n const cellClasses = classNames(\n styles['MiniInfoCell'],\n stylesTextWrap[textWrap],\n mode !== 'base' && stylesMode[mode],\n className,\n );\n\n const cellContent = (\n <React.Fragment>\n {hasReactNode(before) && <span className={styles['MiniInfoCell__before']}>{before}</span>}\n <div className={styles['MiniInfoCell__middle']}>\n <Paragraph\n className={styles['MiniInfoCell__content']}\n weight={mode === 'more' ? '2' : undefined}\n >\n {children}\n </Paragraph>\n {expandable && <Icon16Chevron />}\n </div>\n {hasReactNode(after) && <span className={styles['MiniInfoCell__after']}>{after}</span>}\n </React.Fragment>\n );\n\n return restProps.onClick ? (\n <Tappable Component=\"div\" role=\"button\" {...restProps} className={cellClasses}>\n {cellContent}\n </Tappable>\n ) : (\n <RootComponent {...restProps} baseClassName={cellClasses}>\n {cellContent}\n </RootComponent>\n );\n};\n"],"names":["MiniInfoCell","stylesMode","add","accent","more","stylesTextWrap","nowrap","full","short","before","after","children","mode","textWrap","expandable","className","restProps","cellClasses","classNames","cellContent","React","Fragment","hasReactNode","span","div","Paragraph","weight","undefined","Icon16Chevron","onClick","Tappable","Component","role","RootComponent","baseClassName"],"mappings":";;;;+BA8DaA;;;eAAAA;;;;;;;;iEA9DU;uBACO;sBACW;+BAEX;0BACL;2BACC;AAG1B,MAAMC,aAAa;IACjBC,GAAG;IACHC,MAAM;IACNC,IAAI;AACN;AAEA,MAAMC,iBAAiB;IACrBC,MAAM;IACNC,IAAI;IACJC,KAAK;AACP;AA2CO,MAAMR,eAAe;QAAC,EAC3BS,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRC,OAAO,MAAM,EACbC,WAAW,QAAQ,EACnBC,aAAa,KAAK,EAClBC,SAAS,EAES,WADfC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,cAAcC,IAAAA,gBAAU,sBAE5Bb,cAAc,CAACQ,SAAS,EACxBD,SAAS,UAAUX,UAAU,CAACW,KAAK,EACnCG;IAGF,MAAMI,4BACJ,sBAACC,OAAMC,QAAQ;;YACZC,IAAAA,kBAAY,EAACb,yBAAW,qBAACc;gBAAKR,SAAS;0BAAmCN;;0BAC3E,sBAACe;gBAAIT,SAAS;;kCACZ,qBAACU,oBAAS;wBACRV,SAAS;wBACTW,QAAQd,SAAS,SAAS,MAAMe;kCAE/BhB;;oBAEFG,4BAAc,qBAACc,oBAAa;;;YAE9BN,IAAAA,kBAAY,EAACZ,wBAAU,qBAACa;gBAAKR,SAAS;0BAAkCL;;;;IAI7E,OAAOM,UAAUa,OAAO,iBACtB,qBAACC,kBAAQ;QAACC,WAAU;QAAMC,MAAK;OAAahB;QAAWD,WAAWE;kBAC/DE;wBAGH,qBAACc,4BAAa,8CAAKjB;QAAWkB,eAAejB;kBAC1CE;;AAGP"}

package/dist/cjs/components/ModalCard/ModalCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ModalCardBase, ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './ModalCard.module.css';\n\nconst platformClassNames = {\n ios: styles['ModalCard--ios'],\n android: styles['ModalCard--android'],\n vkcom: styles['ModalCard--vkcom'],\n};\n\nexport interface ModalCardProps extends NavIdProps, ModalCardBaseProps {}\n\nconst warn = warnOnce('ModalCard');\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalCard\n */\nexport const ModalCard = ({\n icon,\n header,\n headerComponent,\n subheader,\n subheaderComponent,\n children,\n actions,\n onClose,\n nav,\n id,\n size,\n modalDismissButtonTestId,\n getRootRef,\n dismissButtonMode,\n dismissLabel,\n ...restProps\n}: ModalCardProps) => {\n const { isDesktop } = useAdaptivityWithJSMediaQueries();\n const platform = usePlatform();\n\n const modalContext = React.useContext(ModalRootContext);\n const { refs } = useModalRegistry(getNavId({ nav, id }, warn), 'card');\n const rootRef = useExternRef(getRootRef, refs.modalElement);\n\n const contextValue = React.useMemo(() => ({ labelId: `${id}-label` }), [id]);\n\n return (\n <RootComponent\n {...restProps}\n getRootRef={rootRef}\n tabIndex={-1}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={contextValue.labelId}\n id={id}\n baseClassName={classNames(\n styles['ModalCard'],\n platformClassNames.hasOwnProperty(platform)\n ? platformClassNames[platform]\n : platformClassNames.android,\n isDesktop && styles['ModalCard--desktop'],\n )}\n >\n <ModalCardBase\n className={styles['ModalCard__in']}\n getRootRef={refs.innerElement}\n icon={icon}\n header={header}\n headerComponent={headerComponent}\n subheader={subheader}\n subheaderComponent={subheaderComponent}\n actions={actions}\n onClose={onClose \|\| modalContext.onClose}\n size={size}\n modalDismissButtonTestId={modalDismissButtonTestId}\n dismissButtonMode={dismissButtonMode}\n dismissLabel={dismissLabel}\n >\n {children}\n </ModalCardBase>\n </RootComponent>\n );\n};\n"],"names":["ModalCard","platformClassNames","ios","android","vkcom","warn","warnOnce","icon","header","headerComponent","subheader","subheaderComponent","children","actions","onClose","nav","id","size","modalDismissButtonTestId","getRootRef","dismissButtonMode","dismissLabel","restProps","isDesktop","useAdaptivityWithJSMediaQueries","platform","usePlatform","modalContext","React","useContext","ModalRootContext","refs","useModalRegistry","getNavId","rootRef","useExternRef","modalElement","contextValue","useMemo","labelId","RootComponent","tabIndex","role","aria-modal","aria-labelledby","baseClassName","classNames","hasOwnProperty","ModalCardBase","className","innerElement"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;;iEAzBU;sBACI;iDACqB;8BACnB;6BACD;0BACS;0BACZ;+BACyB;kCACC;+BACrB;AAG9B,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAIA,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMN,YAAY;QAAC,EACxBO,IAAI,EACJC,MAAM,EACNC,eAAe,EACfC,SAAS,EACTC,kBAAkB,EAClBC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,GAAG,EACHC,EAAE,EACFC,IAAI,EACJC,wBAAwB,EACxBC,UAAU,EACVC,iBAAiB,EACjBC,YAAY,EAEG,WADZC;QAfHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,MAAMC,eAAeC,OAAMC,UAAU,CAACC,kCAAgB;IACtD,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,kCAAgB,EAACC,IAAAA,kBAAQ,EAAC;QAAElB;QAAKC;IAAG,GAAGX,OAAO;IAC/D,MAAM6B,UAAUC,IAAAA,0BAAY,EAAChB,YAAYY,KAAKK,YAAY;IAE1D,MAAMC,eAAeT,OAAMU,OAAO,CAAC,IAAO,CAAA;YAAEC,SAAS,CAAC,EAAEvB,GAAG,MAAM,CAAC;QAAC,CAAA,GAAI;QAACA;KAAG;IAE3E,qBACE,qBAACwB,4BAAa,8CACRlB;QACJH,YAAYe;QACZO,UAAU,CAAC;QACXC,MAAK;QACLC,cAAW;QACXC,mBAAiBP,aAAaE,OAAO;QACrCvB,IAAIA;QACJ6B,eAAeC,IAAAA,gBAAU,mBAEvB7C,mBAAmB8C,cAAc,CAACtB,YAC9BxB,kBAAkB,CAACwB,SAAS,GAC5BxB,mBAAmBE,OAAO,EAC9BoB;kBAGF,cAAA,qBAACyB,4BAAa;YACZC,SAAS;YACT9B,YAAYY,KAAKmB,YAAY;YAC7B3C,MAAMA;YACNC,QAAQA;YACRC,iBAAiBA;YACjBC,WAAWA;YACXC,oBAAoBA;YACpBE,SAASA;YACTC,SAASA,WAAWa,aAAab,OAAO;YACxCG,MAAMA;YACNC,0BAA0BA;YAC1BE,mBAAmBA;YACnBC,cAAcA;sBAEbT;;;AAIT"}
1	+ {"version":3,"sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ModalCardBase, ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './ModalCard.module.css';\n\nconst platformClassNames = {\n ios: styles['ModalCard--ios'],\n android: styles['ModalCard--android'],\n vkcom: styles['ModalCard--vkcom'],\n};\n\nexport interface ModalCardProps extends NavIdProps, ModalCardBaseProps {}\n\nconst warn = warnOnce('ModalCard');\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalCard\n */\nexport const ModalCard = ({\n icon,\n header,\n headerComponent,\n subheader,\n subheaderComponent,\n children,\n actions,\n onClose,\n nav,\n id,\n size,\n modalDismissButtonTestId,\n getRootRef,\n dismissButtonMode,\n dismissLabel,\n ...restProps\n}: ModalCardProps) => {\n const { isDesktop } = useAdaptivityWithJSMediaQueries();\n const platform = usePlatform();\n\n const modalContext = React.useContext(ModalRootContext);\n const { refs } = useModalRegistry(getNavId({ nav, id }, warn), 'card');\n const rootRef = useExternRef(getRootRef, refs.modalElement);\n\n const contextValue = React.useMemo(() => ({ labelId: `${id}-label` }), [id]);\n\n return (\n <RootComponent\n {...restProps}\n getRootRef={rootRef}\n tabIndex={-1}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={contextValue.labelId}\n id={id}\n baseClassName={classNames(\n styles['ModalCard'],\n platformClassNames.hasOwnProperty(platform)\n ? platformClassNames[platform]\n : platformClassNames.android,\n isDesktop && styles['ModalCard--desktop'],\n )}\n >\n <ModalCardBase\n className={styles['ModalCard__in']}\n getRootRef={refs.innerElement}\n icon={icon}\n header={header}\n headerComponent={headerComponent}\n subheader={subheader}\n subheaderComponent={subheaderComponent}\n actions={actions}\n onClose={onClose \|\| modalContext.onClose}\n size={size}\n modalDismissButtonTestId={modalDismissButtonTestId}\n dismissButtonMode={dismissButtonMode}\n dismissLabel={dismissLabel}\n >\n {children}\n </ModalCardBase>\n </RootComponent>\n );\n};\n"],"names":["ModalCard","platformClassNames","ios","android","vkcom","warn","warnOnce","icon","header","headerComponent","subheader","subheaderComponent","children","actions","onClose","nav","id","size","modalDismissButtonTestId","getRootRef","dismissButtonMode","dismissLabel","restProps","isDesktop","useAdaptivityWithJSMediaQueries","platform","usePlatform","modalContext","React","useContext","ModalRootContext","refs","useModalRegistry","getNavId","rootRef","useExternRef","modalElement","contextValue","useMemo","labelId","RootComponent","tabIndex","role","aria-modal","aria-labelledby","baseClassName","classNames","hasOwnProperty","ModalCardBase","className","innerElement"],"mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;;iEAzBU;sBACI;iDACqB;8BACnB;6BACD;0BACS;0BACZ;+BACyB;kCACC;+BACrB;AAG9B,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAIA,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMN,YAAY;QAAC,EACxBO,IAAI,EACJC,MAAM,EACNC,eAAe,EACfC,SAAS,EACTC,kBAAkB,EAClBC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,GAAG,EACHC,EAAE,EACFC,IAAI,EACJC,wBAAwB,EACxBC,UAAU,EACVC,iBAAiB,EACjBC,YAAY,EAEG,WADZC;QAfHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,MAAMC,eAAeC,OAAMC,UAAU,CAACC,kCAAgB;IACtD,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,kCAAgB,EAACC,IAAAA,kBAAQ,EAAC;QAAElB;QAAKC;IAAG,GAAGX,OAAO;IAC/D,MAAM6B,UAAUC,IAAAA,0BAAY,EAAChB,YAAYY,KAAKK,YAAY;IAE1D,MAAMC,eAAeT,OAAMU,OAAO,CAAC,IAAO,CAAA;YAAEC,SAAS,CAAC,EAAEvB,GAAG,MAAM,CAAC;QAAC,CAAA,GAAI;QAACA;KAAG;IAE3E,qBACE,qBAACwB,4BAAa,8CACRlB;QACJH,YAAYe;QACZO,UAAU,CAAC;QACXC,MAAK;QACLC,cAAW;QACXC,mBAAiBP,aAAaE,OAAO;QACrCvB,IAAIA;QACJ6B,eAAeC,IAAAA,gBAAU,mBAEvB7C,mBAAmB8C,cAAc,CAACtB,YAC9BxB,kBAAkB,CAACwB,SAAS,GAC5BxB,mBAAmBE,OAAO,EAC9BoB;kBAGF,cAAA,qBAACyB,4BAAa;YACZC,SAAS;YACT9B,YAAYY,KAAKmB,YAAY;YAC7B3C,MAAMA;YACNC,QAAQA;YACRC,iBAAiBA;YACjBC,WAAWA;YACXC,oBAAoBA;YACpBE,SAASA;YACTC,SAASA,WAAWa,aAAab,OAAO;YACxCG,MAAMA;YACNC,0BAA0BA;YAC1BE,mBAAmBA;YACnBC,cAAcA;sBAEbT;;;AAIT"}

package/dist/cjs/components/ModalCardBase/ModalCardBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useKeyboard } from '../../hooks/useKeyboard';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { AdaptivityContext } from '../AdaptivityProvider/AdaptivityContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Spacing } from '../Spacing/Spacing';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport { ModalCardBaseCloseButton } from './ModalCardBaseCloseButton';\nimport styles from './ModalCardBase.module.css';\n\nexport interface ModalCardBaseProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n /*\n Иконка.\n \n Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n /\n icon?: React.ReactNode;\n\n /\n Заголовок карточки\n /\n header?: React.ReactNode;\n / Позволяет поменять тег используемый для заголовка /\n headerComponent?: React.ElementType;\n\n /\n Подзаголовок\n /\n subheader?: React.ReactNode;\n / Позволяет поменять тег используемый для подзаголовка /\n subheaderComponent?: React.ElementType;\n\n /\n Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n \n - `size=\"l\" mode=\"primary\" stretched`\n * - `size=\"l\" mode=\"secondary\" stretched`\n \n Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n \n - `gap=\"s\" mode=\"horizontal\" stretched`\n * - `gap=\"m\" mode=\"vertical\" stretched`\n /\n actions?: React.ReactNode;\n\n onClose?: VoidFunction;\n\n /\n Текст кнопки закрытия. Делает ее доступной для ассистивных технологий\n /\n dismissLabel?: string;\n\n /\n Задаёт контенту максимальную ширину для десктопной версии.\n /\n size?: number;\n\n /\n `data-testid` для кнопки закрытия\n /\n modalDismissButtonTestId?: string;\n /\n Расположение кнопки закрытия (внутри и вне `popout'a`)\n \n Доступно только в `compact`-режиме\n \n На `iOS` в `regular`-режиме всегда включен `inside`\n \n ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте\n /\n dismissButtonMode?: 'inside' \| 'outside' \| 'none';\n /\n Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, клик по подложке)\n \n ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте\n /\n preventClose?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ModalCardBase\n */\nexport const ModalCardBase = ({\n icon,\n header,\n headerComponent = 'span',\n subheader,\n subheaderComponent = 'span',\n children,\n actions,\n onClose,\n dismissLabel = 'Скрыть',\n style,\n size: sizeProp,\n modalDismissButtonTestId,\n dismissButtonMode = 'outside',\n preventClose,\n ...restProps\n}: ModalCardBaseProps) => {\n const platform = usePlatform();\n const { isDesktop } = useAdaptivityWithJSMediaQueries();\n const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n const size = isDesktop ? sizeProp : undefined;\n const withSafeZone =\n !icon &&\n (dismissButtonMode === 'inside' \|\|\n (platform === 'ios' && !isDesktop && dismissButtonMode !== 'none'));\n\n const hasHeader = hasReactNode(header);\n const hasSubheader = hasReactNode(subheader);\n return (\n <RootComponent\n {...restProps}\n baseClassName={classNames(\n 'vkuiInternalModalCardBase',\n platform === 'ios' && styles['ModalCardBase--ios'],\n isDesktop && styles['ModalCardBase--desktop'],\n withSafeZone && styles['ModalCardBase--withSafeZone'],\n )}\n style={{\n ...style,\n maxWidth: size,\n }}\n >\n <div\n className={classNames(\n styles['ModalCardBase__container'],\n isSoftwareKeyboardOpened && styles['ModalCardBase__container--softwareKeyboardOpened'],\n )}\n >\n {hasReactNode(icon) && <div className={styles['ModalCardBase__icon']}>{icon}</div>}\n {hasReactNode(header) && (\n <Title\n level=\"2\"\n weight=\"2\"\n className={styles['ModalCardBase__header']}\n Component={headerComponent}\n >\n {header}\n </Title>\n )}\n {hasHeader && hasSubheader && <Spacing size={8} />}\n {hasSubheader && (\n <AdaptivityContext.Provider value={{ sizeY: 'regular' }}>\n <Subhead className={styles['ModalCardBase__subheader']} Component={subheaderComponent}>\n {subheader}\n </Subhead>\n </AdaptivityContext.Provider>\n )}\n\n {children}\n\n {hasReactNode(actions) && <div className={styles['ModalCardBase__actions']}>{actions}</div>}\n\n {dismissButtonMode !== 'none' && (\n <ModalCardBaseCloseButton\n testId={modalDismissButtonTestId}\n onClose={onClose}\n mode={dismissButtonMode}\n >\n {dismissLabel}\n </ModalCardBaseCloseButton>\n )}\n </div>\n </RootComponent>\n );\n};\n"],"names":["ModalCardBase","icon","header","headerComponent","subheader","subheaderComponent","children","actions","onClose","dismissLabel","style","size","sizeProp","modalDismissButtonTestId","dismissButtonMode","preventClose","restProps","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","isSoftwareKeyboardOpened","useKeyboard","isOpened","undefined","withSafeZone","hasHeader","hasReactNode","hasSubheader","RootComponent","baseClassName","classNames","maxWidth","div","className","Title","level","weight","Component","Spacing","AdaptivityContext","Provider","value","sizeY","Subhead","ModalCardBaseCloseButton","testId","mode"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;+BAsFaA;;;eAAAA;;;;;;;;iEAtFU;sBACkB;iDACO;6BACpB;6BACA;mCAEM;+BACJ;yBACN;yBACA;uBACF;0CACmB;AA2ElC,MAAMA,gBAAgB;QAAC,EAC5BC,IAAI,EACJC,MAAM,EACNC,kBAAkB,MAAM,EACxBC,SAAS,EACTC,qBAAqB,MAAM,EAC3BC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,eAAe,QAAQ,EACvBC,KAAK,EACLC,MAAMC,QAAQ,EACdC,wBAAwB,EACxBC,oBAAoB,SAAS,EAC7BC,YAAY,EAEO,WADhBC;QAdHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMC,2BAA2BC,IAAAA,wBAAW,IAAGC,QAAQ;IAEvD,MAAMZ,OAAOQ,YAAYP,WAAWY;IACpC,MAAMC,eACJ,CAACxB,QACAa,CAAAA,sBAAsB,YACpBG,aAAa,SAAS,CAACE,aAAaL,sBAAsB,MAAM;IAErE,MAAMY,YAAYC,IAAAA,kBAAY,EAACzB;IAC/B,MAAM0B,eAAeD,IAAAA,kBAAY,EAACvB;IAClC,qBACE,qBAACyB,4BAAa,8CACRb;QACJc,eAAeC,IAAAA,gBAAU,EACvB,6BACAd,aAAa,mCACbE,2CACAM;QAEFf,OAAO,4CACFA;YACHsB,UAAUrB;;kBAGZ,cAAA,sBAACsB;YACCC,WAAWH,IAAAA,gBAAU,kCAEnBV;;gBAGDM,IAAAA,kBAAY,EAAC1B,uBAAS,qBAACgC;oBAAIC,SAAS;8BAAkCjC;;gBACtE0B,IAAAA,kBAAY,EAACzB,yBACZ,qBAACiC,YAAK;oBACJC,OAAM;oBACNC,QAAO;oBACPH,SAAS;oBACTI,WAAWnC;8BAEVD;;gBAGJwB,aAAaE,8BAAgB,qBAACW,gBAAO;oBAAC5B,MAAM;;gBAC5CiB,8BACC,qBAACY,oCAAiB,CAACC,QAAQ;oBAACC,OAAO;wBAAEC,OAAO;oBAAU;8BACpD,cAAA,qBAACC,gBAAO;wBAACV,SAAS;wBAAsCI,WAAWjC;kCAChED;;;gBAKNE;gBAEAqB,IAAAA,kBAAY,EAACpB,0BAAY,qBAAC0B;oBAAIC,SAAS;8BAAqC3B;;gBAE5EO,sBAAsB,wBACrB,qBAAC+B,kDAAwB;oBACvBC,QAAQjC;oBACRL,SAASA;oBACTuC,MAAMjC;8BAELL;;;;;AAMb"}
1	+ {"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useKeyboard } from '../../hooks/useKeyboard';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { AdaptivityContext } from '../AdaptivityProvider/AdaptivityContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Spacing } from '../Spacing/Spacing';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport { ModalCardBaseCloseButton } from './ModalCardBaseCloseButton';\nimport styles from './ModalCardBase.module.css';\n\nexport interface ModalCardBaseProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n /*\n Иконка.\n \n Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n /\n icon?: React.ReactNode;\n\n /\n Заголовок карточки\n /\n header?: React.ReactNode;\n / Позволяет поменять тег используемый для заголовка /\n headerComponent?: React.ElementType;\n\n /\n Подзаголовок\n /\n subheader?: React.ReactNode;\n / Позволяет поменять тег используемый для подзаголовка /\n subheaderComponent?: React.ElementType;\n\n /\n Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n \n - `size=\"l\" mode=\"primary\" stretched`\n * - `size=\"l\" mode=\"secondary\" stretched`\n \n Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n \n - `gap=\"s\" mode=\"horizontal\" stretched`\n * - `gap=\"m\" mode=\"vertical\" stretched`\n /\n actions?: React.ReactNode;\n\n onClose?: VoidFunction;\n\n /\n Текст кнопки закрытия. Делает ее доступной для ассистивных технологий\n /\n dismissLabel?: string;\n\n /\n Задаёт контенту максимальную ширину для десктопной версии.\n /\n size?: number;\n\n /\n `data-testid` для кнопки закрытия\n /\n modalDismissButtonTestId?: string;\n /\n Расположение кнопки закрытия (внутри и вне `popout'a`)\n \n Доступно только в `compact`-режиме\n \n На `iOS` в `regular`-режиме всегда включен `inside`\n \n ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте\n /\n dismissButtonMode?: 'inside' \| 'outside' \| 'none';\n /\n Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, клик по подложке)\n \n ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте\n /\n preventClose?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ModalCardBase\n */\nexport const ModalCardBase = ({\n icon,\n header,\n headerComponent = 'span',\n subheader,\n subheaderComponent = 'span',\n children,\n actions,\n onClose,\n dismissLabel = 'Скрыть',\n style,\n size: sizeProp,\n modalDismissButtonTestId,\n dismissButtonMode = 'outside',\n preventClose,\n ...restProps\n}: ModalCardBaseProps) => {\n const platform = usePlatform();\n const { isDesktop } = useAdaptivityWithJSMediaQueries();\n const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n const size = isDesktop ? sizeProp : undefined;\n const withSafeZone =\n !icon &&\n (dismissButtonMode === 'inside' \|\|\n (platform === 'ios' && !isDesktop && dismissButtonMode !== 'none'));\n\n const hasHeader = hasReactNode(header);\n const hasSubheader = hasReactNode(subheader);\n return (\n <RootComponent\n {...restProps}\n baseClassName={classNames(\n 'vkuiInternalModalCardBase',\n platform === 'ios' && styles['ModalCardBase--ios'],\n isDesktop && styles['ModalCardBase--desktop'],\n withSafeZone && styles['ModalCardBase--withSafeZone'],\n )}\n style={{\n ...style,\n maxWidth: size,\n }}\n >\n <div\n className={classNames(\n styles['ModalCardBase__container'],\n isSoftwareKeyboardOpened && styles['ModalCardBase__container--softwareKeyboardOpened'],\n )}\n >\n {hasReactNode(icon) && <div className={styles['ModalCardBase__icon']}>{icon}</div>}\n {hasReactNode(header) && (\n <Title\n level=\"2\"\n weight=\"2\"\n className={styles['ModalCardBase__header']}\n Component={headerComponent}\n >\n {header}\n </Title>\n )}\n {hasHeader && hasSubheader && <Spacing size={8} />}\n {hasSubheader && (\n <AdaptivityContext.Provider value={{ sizeY: 'regular' }}>\n <Subhead className={styles['ModalCardBase__subheader']} Component={subheaderComponent}>\n {subheader}\n </Subhead>\n </AdaptivityContext.Provider>\n )}\n\n {children}\n\n {hasReactNode(actions) && <div className={styles['ModalCardBase__actions']}>{actions}</div>}\n\n {dismissButtonMode !== 'none' && (\n <ModalCardBaseCloseButton\n testId={modalDismissButtonTestId}\n onClose={onClose}\n mode={dismissButtonMode}\n >\n {dismissLabel}\n </ModalCardBaseCloseButton>\n )}\n </div>\n </RootComponent>\n );\n};\n"],"names":["ModalCardBase","icon","header","headerComponent","subheader","subheaderComponent","children","actions","onClose","dismissLabel","style","size","sizeProp","modalDismissButtonTestId","dismissButtonMode","preventClose","restProps","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","isSoftwareKeyboardOpened","useKeyboard","isOpened","undefined","withSafeZone","hasHeader","hasReactNode","hasSubheader","RootComponent","baseClassName","classNames","maxWidth","div","className","Title","level","weight","Component","Spacing","AdaptivityContext","Provider","value","sizeY","Subhead","ModalCardBaseCloseButton","testId","mode"],"mappings":";;;;+BAsFaA;;;eAAAA;;;;;;;;iEAtFU;sBACkB;iDACO;6BACpB;6BACA;mCAEM;+BACJ;yBACN;yBACA;uBACF;0CACmB;AA2ElC,MAAMA,gBAAgB;QAAC,EAC5BC,IAAI,EACJC,MAAM,EACNC,kBAAkB,MAAM,EACxBC,SAAS,EACTC,qBAAqB,MAAM,EAC3BC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,eAAe,QAAQ,EACvBC,KAAK,EACLC,MAAMC,QAAQ,EACdC,wBAAwB,EACxBC,oBAAoB,SAAS,EAC7BC,YAAY,EAEO,WADhBC;QAdHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMC,2BAA2BC,IAAAA,wBAAW,IAAGC,QAAQ;IAEvD,MAAMZ,OAAOQ,YAAYP,WAAWY;IACpC,MAAMC,eACJ,CAACxB,QACAa,CAAAA,sBAAsB,YACpBG,aAAa,SAAS,CAACE,aAAaL,sBAAsB,MAAM;IAErE,MAAMY,YAAYC,IAAAA,kBAAY,EAACzB;IAC/B,MAAM0B,eAAeD,IAAAA,kBAAY,EAACvB;IAClC,qBACE,qBAACyB,4BAAa,8CACRb;QACJc,eAAeC,IAAAA,gBAAU,EACvB,6BACAd,aAAa,mCACbE,2CACAM;QAEFf,OAAO,4CACFA;YACHsB,UAAUrB;;kBAGZ,cAAA,sBAACsB;YACCC,WAAWH,IAAAA,gBAAU,kCAEnBV;;gBAGDM,IAAAA,kBAAY,EAAC1B,uBAAS,qBAACgC;oBAAIC,SAAS;8BAAkCjC;;gBACtE0B,IAAAA,kBAAY,EAACzB,yBACZ,qBAACiC,YAAK;oBACJC,OAAM;oBACNC,QAAO;oBACPH,SAAS;oBACTI,WAAWnC;8BAEVD;;gBAGJwB,aAAaE,8BAAgB,qBAACW,gBAAO;oBAAC5B,MAAM;;gBAC5CiB,8BACC,qBAACY,oCAAiB,CAACC,QAAQ;oBAACC,OAAO;wBAAEC,OAAO;oBAAU;8BACpD,cAAA,qBAACC,gBAAO;wBAACV,SAAS;wBAAsCI,WAAWjC;kCAChED;;;gBAKNE;gBAEAqB,IAAAA,kBAAY,EAACpB,0BAAY,qBAAC0B;oBAAIC,SAAS;8BAAqC3B;;gBAE5EO,sBAAsB,wBACrB,qBAAC+B,kDAAwB;oBACvBC,QAAQjC;oBACRL,SAASA;oBACTuC,MAAMjC;8BAELL;;;;;AAMb"}

package/dist/cjs/components/ModalCardBase/ModalCardBaseCloseButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBaseCloseButton.tsx"],"sourcesContent":["import { Icon20Cancel, Icon24Dismiss } from '@vkontakte/icons';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalCardBase.module.css';\n\ninterface ModalCardBaseCloseButtonProps extends Omit<TappableProps, 'mode' \| 'onClose'> {\n onClose?: VoidFunction;\n testId?: string;\n mode?: 'inside' \| 'outside';\n}\n\nexport function ModalCardBaseCloseButton({\n children = 'Закрыть',\n testId,\n mode,\n onClose,\n}: ModalCardBaseCloseButtonProps) {\n const platform = usePlatform();\n const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n if (isDesktop && mode === 'outside') {\n return (\n <ModalDismissButton data-testid={testId} onClick={onClose}>\n {children}\n </ModalDismissButton>\n );\n }\n\n if (mode === 'inside' \|\| (platform === 'ios' && !isDesktop)) {\n return (\n <Tappable\n className={styles['ModalCardBase__dismiss']}\n onClick={onClose}\n hoverMode=\"opacity\"\n activeMode=\"opacity\"\n data-testid={testId}\n >\n <VisuallyHidden>{children}</VisuallyHidden>\n {platform === 'ios' ? <Icon24Dismiss /> : <Icon20Cancel />}\n </Tappable>\n );\n }\n\n return null;\n}\n"],"names":["ModalCardBaseCloseButton","children","testId","mode","onClose","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","ModalDismissButton","data-testid","onClick","Tappable","className","hoverMode","activeMode","VisuallyHidden","Icon24Dismiss","Icon20Cancel"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;+BAcgBA;;;eAAAA;;;;uBAd4B;iDACI;6BACpB;oCACO;0BACK;gCACT;AASxB,SAASA,yBAAyB,EACvCC,WAAW,SAAS,EACpBC,MAAM,EACNC,IAAI,EACJC,OAAO,EACuB;IAC9B,MAAMC,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IAErD,IAAID,aAAaJ,SAAS,WAAW;QACnC,qBACE,qBAACM,sCAAkB;YAACC,eAAaR;YAAQS,SAASP;sBAC/CH;;IAGP;IAEA,IAAIE,SAAS,YAAaE,aAAa,SAAS,CAACE,WAAY;QAC3D,qBACE,sBAACK,kBAAQ;YACPC,SAAS;YACTF,SAASP;YACTU,WAAU;YACVC,YAAW;YACXL,eAAaR;;8BAEb,qBAACc,8BAAc;8BAAEf;;gBAChBI,aAAa,sBAAQ,qBAACY,oBAAa,sBAAM,qBAACC,mBAAY;;;IAG7D;IAEA,OAAO;AACT"}
1	+ {"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBaseCloseButton.tsx"],"sourcesContent":["import { Icon20Cancel, Icon24Dismiss } from '@vkontakte/icons';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalCardBase.module.css';\n\ninterface ModalCardBaseCloseButtonProps extends Omit<TappableProps, 'mode' \| 'onClose'> {\n onClose?: VoidFunction;\n testId?: string;\n mode?: 'inside' \| 'outside';\n}\n\nexport function ModalCardBaseCloseButton({\n children = 'Закрыть',\n testId,\n mode,\n onClose,\n}: ModalCardBaseCloseButtonProps) {\n const platform = usePlatform();\n const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n if (isDesktop && mode === 'outside') {\n return (\n <ModalDismissButton data-testid={testId} onClick={onClose}>\n {children}\n </ModalDismissButton>\n );\n }\n\n if (mode === 'inside' \|\| (platform === 'ios' && !isDesktop)) {\n return (\n <Tappable\n className={styles['ModalCardBase__dismiss']}\n onClick={onClose}\n hoverMode=\"opacity\"\n activeMode=\"opacity\"\n data-testid={testId}\n >\n <VisuallyHidden>{children}</VisuallyHidden>\n {platform === 'ios' ? <Icon24Dismiss /> : <Icon20Cancel />}\n </Tappable>\n );\n }\n\n return null;\n}\n"],"names":["ModalCardBaseCloseButton","children","testId","mode","onClose","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","ModalDismissButton","data-testid","onClick","Tappable","className","hoverMode","activeMode","VisuallyHidden","Icon24Dismiss","Icon20Cancel"],"mappings":";;;;+BAcgBA;;;eAAAA;;;;uBAd4B;iDACI;6BACpB;oCACO;0BACK;gCACT;AASxB,SAASA,yBAAyB,EACvCC,WAAW,SAAS,EACpBC,MAAM,EACNC,IAAI,EACJC,OAAO,EACuB;IAC9B,MAAMC,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IAErD,IAAID,aAAaJ,SAAS,WAAW;QACnC,qBACE,qBAACM,sCAAkB;YAACC,eAAaR;YAAQS,SAASP;sBAC/CH;;IAGP;IAEA,IAAIE,SAAS,YAAaE,aAAa,SAAS,CAACE,WAAY;QAC3D,qBACE,sBAACK,kBAAQ;YACPC,SAAS;YACTF,SAASP;YACTU,WAAU;YACVC,YAAW;YACXL,eAAaR;;8BAEb,qBAACc,8BAAc;8BAAEf;;gBAChBI,aAAa,sBAAQ,qBAACY,oBAAa,sBAAM,qBAACC,mBAAY;;;IAG7D;IAEA,OAAO;AACT"}

package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"sourcesContent":["import { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Tappable, type TappableProps } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalDismissButton.module.css';\n\nexport type ModalDismissButtonProps = Omit<TappableProps, 'mode' \| 'onClose'>;\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalDismissButton\n */\nexport const ModalDismissButton = ({\n children = 'Закрыть',\n className,\n ...restProps\n}: ModalDismissButtonProps) => {\n return (\n <Tappable\n className={classNames(styles['ModalDismissButton'], className)}\n {...restProps}\n activeMode={styles['ModalDismissButton--active']}\n hoverMode={styles['ModalDismissButton--hover']}\n >\n {children && <VisuallyHidden>{children}</VisuallyHidden>}\n <Icon20Cancel />\n </Tappable>\n );\n};\n"],"names":["ModalDismissButton","children","className","restProps","Tappable","classNames","activeMode","hoverMode","VisuallyHidden","Icon20Cancel"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;+BAWaA;;;eAAAA;;;;;;;uBAXgB;sBACF;0BACkB;gCACd;AAQxB,MAAMA,qBAAqB;QAAC,EACjCC,WAAW,SAAS,EACpBC,SAAS,EAEe,WADrBC;QAFHF;QACAC;;IAGA,qBACE,sBAACE,kBAAQ;QACPF,WAAWG,IAAAA,gBAAU,4BAA+BH;OAChDC;QACJG,UAAU;QACVC,SAAS;;YAERN,0BAAY,qBAACO,8BAAc;0BAAEP;;0BAC9B,qBAACQ,mBAAY;;;AAGnB"}
1	+ {"version":3,"sources":["../../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"sourcesContent":["import { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Tappable, type TappableProps } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalDismissButton.module.css';\n\nexport type ModalDismissButtonProps = Omit<TappableProps, 'mode' \| 'onClose'>;\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalDismissButton\n */\nexport const ModalDismissButton = ({\n children = 'Закрыть',\n className,\n ...restProps\n}: ModalDismissButtonProps) => {\n return (\n <Tappable\n className={classNames(styles['ModalDismissButton'], className)}\n {...restProps}\n activeMode={styles['ModalDismissButton--active']}\n hoverMode={styles['ModalDismissButton--hover']}\n >\n {children && <VisuallyHidden>{children}</VisuallyHidden>}\n <Icon20Cancel />\n </Tappable>\n );\n};\n"],"names":["ModalDismissButton","children","className","restProps","Tappable","classNames","activeMode","hoverMode","VisuallyHidden","Icon20Cancel"],"mappings":";;;;+BAWaA;;;eAAAA;;;;;;;uBAXgB;sBACF;0BACkB;gCACd;AAQxB,MAAMA,qBAAqB;QAAC,EACjCC,WAAW,SAAS,EACpBC,SAAS,EAEe,WADrBC;QAFHF;QACAC;;IAGA,qBACE,sBAACE,kBAAQ;QACPF,WAAWG,IAAAA,gBAAU,4BAA+BH;OAChDC;QACJG,UAAU;QACVC,SAAS;;YAERN,0BAAY,qBAACO,8BAAc;0BAAEP;;0BAC9B,qBAACQ,mBAAY;;;AAGnB"}

package/dist/cjs/components/ModalPage/ModalPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useOrientationChange } from '../../hooks/useOrientationChange';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { multiRef } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { ModalPageContext } from './ModalPageContext';\nimport styles from './ModalPage.module.css';\n\nconst sizeClassName = {\n s: styles['ModalPage--size-s'],\n m: styles['ModalPage--size-m'],\n l: styles['ModalPage--size-l'],\n};\n\nexport interface ModalPageProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {\n /*\n Шапка модальной страницы, `<ModalPageHeader />`\n /\n header?: React.ReactNode;\n /\n Задаёт контенту максимальную ширину для десктопной версии.\n /\n size?: 's' \| 'm' \| 'l' \| number;\n /\n Задаёт модальному окну фиксированную высоту.\n * Можно передать числовое значение в пикселях, а можно строкой, в том числе и в процентах \"50%\".\n * В мобильной версии 'settlingHeight' будет считаться относительно заданного height.\n /\n height?: string \| number;\n /\n Будет вызвано при начале открытия модалки.\n /\n onOpen?: VoidFunction;\n /\n Будет вызвано при окончательном открытии модалки.\n /\n onOpened?: VoidFunction;\n /\n Будет вызвано при начале закрытия модалки.\n /\n onClose?: VoidFunction;\n /\n Будет вызвано при окончательном закрытии модалки.\n /\n onClosed?: VoidFunction;\n /\n Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n /\n settlingHeight?: number;\n /\n Если высота контента в модальной странице может поменяться, нужно установить это свойство\n /\n dynamicContentHeight?: boolean;\n getModalContentRef?: React.Ref<HTMLDivElement>;\n /\n Скрывает кнопку закрытия (актуально для iOS, т.к. можно отрисовать кнопку закрытия внутри модалки)\n /\n hideCloseButton?: boolean;\n modalContentTestId?: string;\n /\n `data-testid` для кнопки закрытия\n /\n modalDismissButtonTestId?: string;\n /\n Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, клик по подложке)\n \n ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте\n /\n preventClose?: boolean;\n}\n\nconst warn = warnOnce('ModalPage');\n\n/\n @see https://vkcom.github.io/VKUI/#/ModalPage\n */\nexport const ModalPage = ({\n children,\n header,\n size: sizeProp = 's',\n onOpen,\n onOpened,\n onClose,\n onClosed,\n settlingHeight, // 75\n dynamicContentHeight,\n getModalContentRef,\n nav,\n id: idProp,\n hideCloseButton = false,\n height,\n modalContentTestId,\n modalDismissButtonTestId,\n getRootRef,\n preventClose,\n ...restProps\n}: ModalPageProps) => {\n const generatingId = React.useId();\n const id = idProp \|\| generatingId;\n\n const { updateModalHeight } = React.useContext(ModalRootContext);\n\n const platform = usePlatform();\n const orientation = useOrientationChange();\n const { sizeX, isDesktop } = useAdaptivityWithJSMediaQueries();\n\n React.useEffect(() => {\n if (dynamicContentHeight) {\n updateModalHeight();\n }\n }, [children, dynamicContentHeight, orientation, updateModalHeight]);\n\n const isCloseButtonShown = !hideCloseButton && isDesktop;\n const size = isDesktop ? sizeProp : 's';\n\n const modalContext = React.useContext(ModalRootContext);\n const { refs } = useModalRegistry(getNavId({ nav, id }, warn), 'page');\n const rootRef = useExternRef(getRootRef, refs.modalElement);\n\n const contextValue = React.useMemo(() => ({ labelId: `${id}-label` }), [id]);\n\n return (\n <ModalPageContext.Provider value={contextValue}>\n <RootComponent\n {...restProps}\n getRootRef={rootRef}\n tabIndex={-1}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={contextValue.labelId}\n id={id}\n baseClassName={classNames(\n styles['ModalPage'],\n platform === 'ios' && styles['ModalPage--ios'],\n isDesktop && styles['ModalPage--desktop'],\n sizeX === 'regular' && 'vkuiInternalModalPage--sizeX-regular',\n typeof size === 'string' && sizeClassName[size],\n )}\n >\n <div\n className={styles['ModalPage__in-wrap']}\n style={{\n maxWidth: typeof size === 'number' ? size : undefined,\n height,\n }}\n ref={refs.innerElement}\n >\n <div className={styles['ModalPage__in']}>\n <div className={styles['ModalPage__header']} ref={refs.headerElement}>\n {header}\n </div>\n\n <div className={styles['ModalPage__content-wrap']}>\n <div\n className={styles['ModalPage__content']}\n ref={multiRef<HTMLDivElement>(refs.contentElement, getModalContentRef)}\n {...(modalContentTestId && { 'data-testid': modalContentTestId })}\n >\n <div className={styles['ModalPage__content-in']}>{children}</div>\n </div>\n <div ref={refs.bottomInset} className={styles['ModalPage__bottom-inset']} />\n </div>\n {isCloseButtonShown && (\n <ModalDismissButton\n data-testid={modalDismissButtonTestId}\n onClick={onClose \|\| modalContext.onClose}\n />\n )}\n </div>\n </div>\n </RootComponent>\n </ModalPageContext.Provider>\n );\n};\n"],"names":["ModalPage","sizeClassName","s","m","l","warn","warnOnce","children","header","size","sizeProp","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","id","idProp","hideCloseButton","height","modalContentTestId","modalDismissButtonTestId","getRootRef","preventClose","restProps","generatingId","React","useId","updateModalHeight","useContext","ModalRootContext","platform","usePlatform","orientation","useOrientationChange","sizeX","isDesktop","useAdaptivityWithJSMediaQueries","useEffect","isCloseButtonShown","modalContext","refs","useModalRegistry","getNavId","rootRef","useExternRef","modalElement","contextValue","useMemo","labelId","ModalPageContext","Provider","value","RootComponent","tabIndex","role","aria-modal","aria-labelledby","baseClassName","classNames","div","className","style","maxWidth","undefined","ref","innerElement","headerElement","multiRef","contentElement","bottomInset","ModalDismissButton","data-testid","onClick"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useOrientationChange } from '../../hooks/useOrientationChange';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { multiRef } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { ModalPageContext } from './ModalPageContext';\nimport styles from './ModalPage.module.css';\n\nconst sizeClassName = {\n s: styles['ModalPage--size-s'],\n m: styles['ModalPage--size-m'],\n l: styles['ModalPage--size-l'],\n};\n\nexport interface ModalPageProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {\n /*\n Шапка модальной страницы, `<ModalPageHeader />`\n /\n header?: React.ReactNode;\n /\n Задаёт контенту максимальную ширину для десктопной версии.\n /\n size?: 's' \| 'm' \| 'l' \| number;\n /\n Задаёт модальному окну фиксированную высоту.\n * Можно передать числовое значение в пикселях, а можно строкой, в том числе и в процентах \"50%\".\n * В мобильной версии 'settlingHeight' будет считаться относительно заданного height.\n /\n height?: string \| number;\n /\n Будет вызвано при начале открытия модалки.\n /\n onOpen?: VoidFunction;\n /\n Будет вызвано при окончательном открытии модалки.\n /\n onOpened?: VoidFunction;\n /\n Будет вызвано при начале закрытия модалки.\n /\n onClose?: VoidFunction;\n /\n Будет вызвано при окончательном закрытии модалки.\n /\n onClosed?: VoidFunction;\n /\n Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n /\n settlingHeight?: number;\n /\n Если высота контента в модальной странице может поменяться, нужно установить это свойство\n /\n dynamicContentHeight?: boolean;\n getModalContentRef?: React.Ref<HTMLDivElement>;\n /\n Скрывает кнопку закрытия (актуально для iOS, т.к. можно отрисовать кнопку закрытия внутри модалки)\n /\n hideCloseButton?: boolean;\n modalContentTestId?: string;\n /\n `data-testid` для кнопки закрытия\n /\n modalDismissButtonTestId?: string;\n /\n Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, клик по подложке)\n \n ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте\n /\n preventClose?: boolean;\n}\n\nconst warn = warnOnce('ModalPage');\n\n/\n @see https://vkcom.github.io/VKUI/#/ModalPage\n */\nexport const ModalPage = ({\n children,\n header,\n size: sizeProp = 's',\n onOpen,\n onOpened,\n onClose,\n onClosed,\n settlingHeight, // 75\n dynamicContentHeight,\n getModalContentRef,\n nav,\n id: idProp,\n hideCloseButton = false,\n height,\n modalContentTestId,\n modalDismissButtonTestId,\n getRootRef,\n preventClose,\n ...restProps\n}: ModalPageProps) => {\n const generatingId = React.useId();\n const id = idProp \|\| generatingId;\n\n const { updateModalHeight } = React.useContext(ModalRootContext);\n\n const platform = usePlatform();\n const orientation = useOrientationChange();\n const { sizeX, isDesktop } = useAdaptivityWithJSMediaQueries();\n\n React.useEffect(() => {\n if (dynamicContentHeight) {\n updateModalHeight();\n }\n }, [children, dynamicContentHeight, orientation, updateModalHeight]);\n\n const isCloseButtonShown = !hideCloseButton && isDesktop;\n const size = isDesktop ? sizeProp : 's';\n\n const modalContext = React.useContext(ModalRootContext);\n const { refs } = useModalRegistry(getNavId({ nav, id }, warn), 'page');\n const rootRef = useExternRef(getRootRef, refs.modalElement);\n\n const contextValue = React.useMemo(() => ({ labelId: `${id}-label` }), [id]);\n\n return (\n <ModalPageContext.Provider value={contextValue}>\n <RootComponent\n {...restProps}\n getRootRef={rootRef}\n tabIndex={-1}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={contextValue.labelId}\n id={id}\n baseClassName={classNames(\n styles['ModalPage'],\n platform === 'ios' && styles['ModalPage--ios'],\n isDesktop && styles['ModalPage--desktop'],\n sizeX === 'regular' && 'vkuiInternalModalPage--sizeX-regular',\n typeof size === 'string' && sizeClassName[size],\n )}\n >\n <div\n className={styles['ModalPage__in-wrap']}\n style={{\n maxWidth: typeof size === 'number' ? size : undefined,\n height,\n }}\n ref={refs.innerElement}\n >\n <div className={styles['ModalPage__in']}>\n <div className={styles['ModalPage__header']} ref={refs.headerElement}>\n {header}\n </div>\n\n <div className={styles['ModalPage__content-wrap']}>\n <div\n className={styles['ModalPage__content']}\n ref={multiRef<HTMLDivElement>(refs.contentElement, getModalContentRef)}\n {...(modalContentTestId && { 'data-testid': modalContentTestId })}\n >\n <div className={styles['ModalPage__content-in']}>{children}</div>\n </div>\n <div ref={refs.bottomInset} className={styles['ModalPage__bottom-inset']} />\n </div>\n {isCloseButtonShown && (\n <ModalDismissButton\n data-testid={modalDismissButtonTestId}\n onClick={onClose \|\| modalContext.onClose}\n />\n )}\n </div>\n </div>\n </RootComponent>\n </ModalPageContext.Provider>\n );\n};\n"],"names":["ModalPage","sizeClassName","s","m","l","warn","warnOnce","children","header","size","sizeProp","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","id","idProp","hideCloseButton","height","modalContentTestId","modalDismissButtonTestId","getRootRef","preventClose","restProps","generatingId","React","useId","updateModalHeight","useContext","ModalRootContext","platform","usePlatform","orientation","useOrientationChange","sizeX","isDesktop","useAdaptivityWithJSMediaQueries","useEffect","isCloseButtonShown","modalContext","refs","useModalRegistry","getNavId","rootRef","useExternRef","modalElement","contextValue","useMemo","labelId","ModalPageContext","Provider","value","RootComponent","tabIndex","role","aria-modal","aria-labelledby","baseClassName","classNames","div","className","style","maxWidth","undefined","ref","innerElement","headerElement","multiRef","contentElement","bottomInset","ModalDismissButton","data-testid","onClick"],"mappings":"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"}

package/dist/cjs/components/ModalPage/ModalPageContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalPage/ModalPageContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface ModalPageContextInterface {\n labelId?: string;\n}\n\nexport const ModalPageContext = React.createContext<ModalPageContextInterface>({});\n"],"names":["ModalPageContext","React","createContext"],"~~rangeMappings":";;;;;;;;;;;;","~~mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;AAMhB,MAAMA,iCAAmBC,OAAMC,aAAa,CAA4B,CAAC"}
1	+ {"version":3,"sources":["../../../../src/components/ModalPage/ModalPageContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface ModalPageContextInterface {\n labelId?: string;\n}\n\nexport const ModalPageContext = React.createContext<ModalPageContextInterface>({});\n"],"names":["ModalPageContext","React","createContext"],"mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;AAMhB,MAAMA,iCAAmBC,OAAMC,aAAa,CAA4B,CAAC"}

package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { ModalPageContext } from '../ModalPage/ModalPageContext';\nimport { PanelHeader, PanelHeaderProps } from '../PanelHeader/PanelHeader';\nimport { Separator } from '../Separator/Separator';\nimport styles from './ModalPageHeader.module.css';\n\nexport interface ModalPageHeaderProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Omit<PanelHeaderProps, 'fixed' \| 'shadow' \| 'delimiter'>,\n HasRef<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n noSeparator?: boolean;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalPageHeader\n */\nexport const ModalPageHeader = ({\n children,\n noSeparator = false,\n getRootRef,\n className,\n typographyProps,\n ...restProps\n}: ModalPageHeaderProps) => {\n const platform = usePlatform();\n const { isDesktop, sizeX } = useAdaptivityWithJSMediaQueries();\n const { labelId } = React.useContext(ModalPageContext);\n\n return (\n <div\n className={classNames(\n styles['ModalPageHeader'],\n platform !== 'vkcom' && styles['ModalPageHeader--withGaps'],\n isDesktop && styles['ModalPageHeader--desktop'],\n )}\n ref={getRootRef}\n >\n <PanelHeader\n className={classNames('vkuiInternalModalPageHeader__in', className)}\n typographyProps={{\n Component: 'h2',\n id: labelId,\n ...typographyProps,\n }}\n {...restProps}\n fixed={false}\n delimiter=\"none\"\n transparent\n >\n {children}\n </PanelHeader>\n {!noSeparator && <Separator wide={sizeX === 'regular'} />}\n </div>\n );\n};\n"],"names":["ModalPageHeader","children","noSeparator","getRootRef","className","typographyProps","restProps","platform","usePlatform","isDesktop","sizeX","useAdaptivityWithJSMediaQueries","labelId","React","useContext","ModalPageContext","div","classNames","ref","PanelHeader","Component","id","fixed","delimiter","transparent","Separator","wide"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;+BAqBaA;;;eAAAA;;;;;;;;iEArBU;sBACI;iDACqB;6BACpB;kCAEK;6BACa;2BACpB;AAcnB,MAAMA,kBAAkB;QAAC,EAC9BC,QAAQ,EACRC,cAAc,KAAK,EACnBC,UAAU,EACVC,SAAS,EACTC,eAAe,EAEM,WADlBC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,IAAAA,gEAA+B;IAC5D,MAAM,EAAEC,OAAO,EAAE,GAAGC,OAAMC,UAAU,CAACC,kCAAgB;IAErD,qBACE,sBAACC;QACCZ,WAAWa,IAAAA,gBAAU,yBAEnBV,aAAa,4CACbE;QAEFS,KAAKf;;0BAEL,qBAACgB,wBAAW;gBACVf,WAAWa,IAAAA,gBAAU,EAAC,mCAAmCb;gBACzDC,iBAAiB;oBACfe,WAAW;oBACXC,IAAIT;mBACDP;eAEDC;gBACJgB,OAAO;gBACPC,WAAU;gBACVC,WAAW;0BAEVvB;;YAEF,CAACC,6BAAe,qBAACuB,oBAAS;gBAACC,MAAMhB,UAAU;;;;AAGlD"}
1	+ {"version":3,"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { ModalPageContext } from '../ModalPage/ModalPageContext';\nimport { PanelHeader, PanelHeaderProps } from '../PanelHeader/PanelHeader';\nimport { Separator } from '../Separator/Separator';\nimport styles from './ModalPageHeader.module.css';\n\nexport interface ModalPageHeaderProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Omit<PanelHeaderProps, 'fixed' \| 'shadow' \| 'delimiter'>,\n HasRef<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n noSeparator?: boolean;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalPageHeader\n */\nexport const ModalPageHeader = ({\n children,\n noSeparator = false,\n getRootRef,\n className,\n typographyProps,\n ...restProps\n}: ModalPageHeaderProps) => {\n const platform = usePlatform();\n const { isDesktop, sizeX } = useAdaptivityWithJSMediaQueries();\n const { labelId } = React.useContext(ModalPageContext);\n\n return (\n <div\n className={classNames(\n styles['ModalPageHeader'],\n platform !== 'vkcom' && styles['ModalPageHeader--withGaps'],\n isDesktop && styles['ModalPageHeader--desktop'],\n )}\n ref={getRootRef}\n >\n <PanelHeader\n className={classNames('vkuiInternalModalPageHeader__in', className)}\n typographyProps={{\n Component: 'h2',\n id: labelId,\n ...typographyProps,\n }}\n {...restProps}\n fixed={false}\n delimiter=\"none\"\n transparent\n >\n {children}\n </PanelHeader>\n {!noSeparator && <Separator wide={sizeX === 'regular'} />}\n </div>\n );\n};\n"],"names":["ModalPageHeader","children","noSeparator","getRootRef","className","typographyProps","restProps","platform","usePlatform","isDesktop","sizeX","useAdaptivityWithJSMediaQueries","labelId","React","useContext","ModalPageContext","div","classNames","ref","PanelHeader","Component","id","fixed","delimiter","transparent","Separator","wide"],"mappings":";;;;+BAqBaA;;;eAAAA;;;;;;;;iEArBU;sBACI;iDACqB;6BACpB;kCAEK;6BACa;2BACpB;AAcnB,MAAMA,kBAAkB;QAAC,EAC9BC,QAAQ,EACRC,cAAc,KAAK,EACnBC,UAAU,EACVC,SAAS,EACTC,eAAe,EAEM,WADlBC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,IAAAA,gEAA+B;IAC5D,MAAM,EAAEC,OAAO,EAAE,GAAGC,OAAMC,UAAU,CAACC,kCAAgB;IAErD,qBACE,sBAACC;QACCZ,WAAWa,IAAAA,gBAAU,yBAEnBV,aAAa,4CACbE;QAEFS,KAAKf;;0BAEL,qBAACgB,wBAAW;gBACVf,WAAWa,IAAAA,gBAAU,EAAC,mCAAmCb;gBACzDC,iBAAiB;oBACfe,WAAW;oBACXC,IAAIT;mBACDP;eAEDC;gBACJgB,OAAO;gBACPC,WAAU;gBACVC,WAAW;0BAEVvB;;YAEF,CAACC,6BAAe,qBAACuB,oBAAS;gBAACC,MAAMhB,UAAU;;;;AAGlD"}

package/dist/cjs/components/ModalRoot/ModalRoot.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/ModalRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;~~AAiB~~/B,OAAO,EAAE,qBAAqB,EAAoC,MAAM,SAAS,CAAC;~~AA6mBlF~~,eAAO,MAAM,cAAc,mDAM1B,CAAC"}
1	+ {"version":3,"file":"ModalRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/ModalRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,EAAE,qBAAqB,EAAoC,MAAM,SAAS,CAAC;AA0mBlF,eAAO,MAAM,cAAc,mDAM1B,CAAC"}

package/dist/cjs/components/ModalRoot/ModalRoot.js CHANGED Viewed

@@ -22,7 +22,6 @@ const _withPlatform = require("../../hoc/withPlatform");
 const _dom = require("../../lib/dom");
 const _getNavId = require("../../lib/getNavId");
 const _styles = require("../../lib/styles");
-const _supportEvents = require("../../lib/supportEvents");
 const _touch = require("../../lib/touch");
 const _warnOnce = require("../../lib/warnOnce");
 const _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
@@ -349,14 +348,11 @@ class ModalRootTouchComponent extends _react.Component {
         }, setStateCallback);
     }
     waitTransitionFinish(modalState, eventHandler) {
-        if (_supportEvents.transitionEvent.supported) {
-            var _modalState_innerElement;
-            const onceHandler = ()=>{
-                var _modalState_innerElement;
-                modalState === null || modalState === void 0 ? void 0 : (_modalState_innerElement = modalState.innerElement) === null || _modalState_innerElement === void 0 ? void 0 : _modalState_innerElement.removeEventListener(_supportEvents.transitionEvent.name, onceHandler);
-                eventHandler();
-            };
-            modalState === null || modalState === void 0 ? void 0 : (_modalState_innerElement = modalState.innerElement) === null || _modalState_innerElement === void 0 ? void 0 : _modalState_innerElement.addEventListener(_supportEvents.transitionEvent.name, onceHandler);
+        const el = modalState ? modalState.innerElement : null;
+        if (el) {
+            el.addEventListener('transitionend', eventHandler, {
+                once: true
+            });
         } else {
             setTimeout(eventHandler, this.timeout);
         }
@@ -429,6 +425,7 @@ class ModalRootTouchComponent extends _react.Component {
                                     onClose: this.props.onExit,
                                     timeout: this.timeout,
                                     className: (0, _vkjs.classNames)("vkuiModalRoot__modal", dragging && 'vkuiInternalModalRoot__modal--dragging', isPage && modalState.expandable && 'vkuiInternalModalRoot__modal--expandable', isPage && modalState.collapsed && 'vkuiInternalModalRoot__modal--collapsed'),
+                                    autoFocus: false,
                                     restoreFocus: false,
                                     children: Modal
                                 }, key);

package/dist/cjs/components/ModalRoot/ModalRoot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalRoot/ModalRoot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { withContext } from '../../hoc/withContext';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { DOMProps, withDOM } from '../../lib/dom';\nimport { getNavId } from '../../lib/getNavId';\nimport { setTransformStyle } from '../../lib/styles';\nimport { transitionEvent } from '../../lib/supportEvents';\nimport { rubber } from '../../lib/touch';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ConfigProviderContext } from '../ConfigProvider/ConfigProviderContext';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport TouchRootContext from '../Touch/TouchContext';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\nimport { MODAL_PAGE_DEFAULT_PERCENT_HEIGHT } from './constants';\nimport { ModalRootWithDOMProps, ModalsStateEntry, TranslateRange } from './types';\nimport { ModalTransitionProps, withModalManager } from './useModalManager';\nimport styles from './ModalRoot.module.css';\n\nconst warn = warnOnce('ModalRoot');\n\nfunction numberInRange(number: number, range: TranslateRange \| undefined) {\n if (!range) {\n return false;\n }\n return number >= range[0] && number <= range[1];\n}\n\nfunction rangeTranslate(number: number) {\n return clamp(number, 0, 98);\n}\n\ninterface ModalRootState {\n touchDown?: boolean;\n dragging?: boolean;\n modalOpenedLog: string[];\n}\n\nclass ModalRootTouchComponent extends React.Component<\n ModalRootWithDOMProps & DOMProps & ModalTransitionProps,\n ModalRootState\n> {\n constructor(props: ModalRootWithDOMProps & ModalTransitionProps) {\n super(props);\n this.state = {\n touchDown: false,\n dragging: false,\n modalOpenedLog: [],\n };\n\n this.maskElementRef = React.createRef();\n\n this.modalRootContext = {\n updateModalHeight: this.updateModalHeight,\n registerModal: ({ id, ...data }) => Object.assign(this.props.getModalState(id) ?? {}, data),\n onClose: () => this.props.onExit(),\n isInsideModal: true,\n };\n\n this.frameIds = {};\n }\n\n private documentScrolling = false;\n private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n private readonly viewportRef = React.createRef<HTMLDivElement>();\n private maskAnimationFrame: number \| undefined = undefined;\n private readonly modalRootContext: ModalRootContextInterface;\n private readonly frameIds: {\n [index: string]: number;\n };\n private restoreFocusTo: HTMLElement \| undefined \| null = undefined;\n\n get timeout(): number {\n return this.props.platform === 'ios' ? 400 : 320;\n }\n\n get document(): Document {\n return this.props.document as Document;\n }\n\n get window(): Window {\n return this.props.window as Window;\n }\n\n getModals() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n componentDidMount() {\n // Отслеживаем изменение размеров viewport\n this.window?.addEventListener('resize', this.updateModalHeight, false);\n }\n\n componentWillUnmount() {\n this.toggleDocumentScrolling(true);\n this.window.removeEventListener('resize', this.updateModalHeight, false);\n }\n\n componentDidUpdate(prevProps: ModalRootWithDOMProps & ModalTransitionProps) {\n // transition phase 2: animate exiting modal\n if (this.props.exitingModal && this.props.exitingModal !== prevProps.exitingModal) {\n this.closeModal(this.props.exitingModal);\n }\n\n // transition phase 3: animate entering modal\n if (this.props.enteringModal && this.props.enteringModal !== prevProps.enteringModal) {\n const enteringState = this.props.getModalState(this.props.enteringModal);\n this.props.onEnter();\n this.waitTransitionFinish(enteringState, () => {\n if (enteringState) {\n if (enteringState.innerElement) {\n enteringState.innerElement.style.transitionDelay = '';\n }\n this.onEntered(enteringState);\n }\n });\n\n if (enteringState?.innerElement) {\n enteringState.innerElement.style.transitionDelay = this.props.delayEnter\n ? `${this.timeout}ms`\n : '';\n this.animateTranslate(enteringState, enteringState.translateY);\n this.setMaskOpacity(enteringState, 1);\n }\n }\n\n // focus restoration\n if (this.props.activeModal && !prevProps.activeModal) {\n this.restoreFocusTo = this.document.activeElement as HTMLElement;\n }\n if (!this.props.activeModal && !this.props.exitingModal && this.restoreFocusTo) {\n this.restoreFocusTo.focus();\n this.restoreFocusTo = null;\n }\n\n this.toggleDocumentScrolling(!this.props.activeModal && !this.props.exitingModal);\n }\n\n /* Отключает скролл документа /\n toggleDocumentScrolling(enabled: boolean) {\n if (this.documentScrolling === enabled) {\n return;\n }\n this.documentScrolling = enabled;\n\n if (enabled) {\n // восстанавливаем значение overscroll behavior\n // eslint-disable-next-line no-restricted-properties\n this.document.documentElement.classList.remove('vkui--disable-overscroll-behavior');\n\n // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.\n // https://github.com/VKCOM/VKUI/issues/444\n this.window.removeEventListener('touchmove', this.preventTouch, {\n // @ts-expect-error: TS2769 В интерфейсе EventListenerOptions нет поля passive\n passive: false,\n });\n } else {\n // отключаем нативный pull-to-refresh при открытом модальном окне\n // чтобы он не срабатывал при закрытии модалки смахиванием вниз\n // eslint-disable-next-line no-restricted-properties\n this.document.documentElement.classList.add('vkui--disable-overscroll-behavior');\n\n this.window.addEventListener('touchmove', this.preventTouch, {\n passive: false,\n });\n }\n }\n\n preventTouch = (event: any) => {\n if (!event) {\n return false;\n }\n while (event.originalEvent) {\n event = event.originalEvent;\n }\n if (event.preventDefault) {\n event.preventDefault();\n }\n return false;\n };\n\n checkPageContentHeight() {\n const modalState = this.props.getModalState(this.props.activeModal);\n\n if (modalState?.type === 'page' && modalState?.modalElement) {\n const prevModalState = { ...modalState };\n initPageModal(modalState);\n const currentModalState = { ...modalState };\n\n let needAnimate = false;\n\n if (prevModalState.expandable === currentModalState.expandable) {\n if (prevModalState.translateYFrom !== currentModalState.translateYFrom) {\n needAnimate = true;\n }\n } else {\n needAnimate = true;\n }\n\n if (needAnimate) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n }\n }\n\n updateModalHeight = () => {\n const modalState = this.props.getModalState(this.props.activeModal);\n\n if (modalState && modalState.type === 'page') {\n if (this.props.enteringModal) {\n this.waitTransitionFinish(modalState, () => {\n requestAnimationFrame(() => this.checkPageContentHeight());\n });\n } else {\n requestAnimationFrame(() => this.checkPageContentHeight());\n }\n }\n };\n\n onEntered({ id, modalElement }: ModalsStateEntry) {\n if (\n !this.props.noFocusToDialog &&\n modalElement &&\n !modalElement.contains(this.document.activeElement)\n ) {\n modalElement.focus();\n }\n\n this.props.onEntered(id);\n }\n\n closeModal(id: string) {\n // Сбрасываем состояния, которые могут помешать закрытию модального окна\n this.setState({ touchDown: false });\n\n const prevModalState = this.props.getModalState(id);\n\n if (!prevModalState) {\n id && warn(`closeActiveModal: модальное окно (страница) ${id} не существует`, 'error');\n return;\n }\n if (!this.state.modalOpenedLog.length) {\n this.setState((prevState) => ({\n modalOpenedLog: [...prevState.modalOpenedLog, id],\n }));\n }\n const nextModalState = this.props.getModalState(this.props.activeModal);\n const nextIsPage = !!nextModalState && nextModalState.type === 'page';\n\n const prevIsPage = !!prevModalState && prevModalState.type === 'page';\n this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n const exitTranslate =\n prevIsPage &&\n nextIsPage &&\n (prevModalState.translateY ?? 0) <= (nextModalState?.translateYFrom ?? 0) &&\n !this.props.isBack\n ? (nextModalState?.translateYFrom ?? 0) + 10\n : 100;\n this.animateTranslate(prevModalState, exitTranslate);\n\n if (!nextModalState) {\n // NOTE: was only for clean exit\n this.setMaskOpacity(prevModalState, 0);\n this.setState({ modalOpenedLog: [] });\n prevModalState.translateY = undefined;\n prevModalState.expandable = undefined;\n } else if (nextModalState.id && !this.state.modalOpenedLog.includes(nextModalState.id)) {\n nextModalState.translateY = undefined;\n this.setState((prevState) => ({\n modalOpenedLog: [...prevState.modalOpenedLog, nextModalState.id!],\n }));\n }\n }\n\n onTouchMove = (e: TouchEvent) => {\n if (this.props.exitingModal) {\n return;\n }\n const modalState = this.props.getModalState(this.props.activeModal);\n if (!modalState) {\n return;\n }\n\n if (modalState.type === 'page') {\n return this.onPageTouchMove(e, modalState);\n }\n\n if (modalState.type === 'card') {\n return this.onCardTouchMove(e, modalState);\n }\n };\n\n onPageTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n const { shiftY, originalEvent } = event;\n const target = originalEvent.target as HTMLElement;\n\n if (!event.isY) {\n if (this.viewportRef.current?.contains(target)) {\n originalEvent.preventDefault();\n }\n return;\n }\n\n if (!modalState.innerElement?.contains(target)) {\n return originalEvent.preventDefault();\n }\n\n originalEvent.stopPropagation();\n\n const { expandable, contentScrolled, collapsed, expanded } = modalState;\n\n if (!this.state.touchDown) {\n modalState.touchStartContentScrollTop = modalState.contentElement?.scrollTop ?? 0;\n this.setState({ touchDown: true });\n }\n\n if (contentScrolled) {\n return;\n }\n\n if (modalState.touchMovePositive === null) {\n modalState.touchMovePositive = shiftY > 0;\n }\n\n if (\n !modalState.expandable \|\|\n collapsed \|\|\n (expanded && modalState.touchMovePositive && modalState.touchStartContentScrollTop === 0) \|\|\n modalState.headerElement?.contains(target)\n ) {\n originalEvent.preventDefault();\n\n if ((!expandable && shiftY < 0) \|\| !this.window) {\n return;\n }\n\n !this.state.dragging && this.setState({ dragging: true });\n\n const shiftYPercent = (shiftY / this.window.innerHeight) 100;\n const shiftYCurrent = rubber(shiftYPercent, 72, 0.8, this.props.platform !== 'ios');\n\n modalState.touchShiftYPercent = shiftYPercent;\n modalState.translateYCurrent = rangeTranslate((modalState.translateY ?? 0) + shiftYCurrent);\n\n this.animateTranslate(modalState, modalState.translateYCurrent);\n this.setMaskOpacity(modalState);\n }\n }\n\n onCardTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n const { originalEvent, shiftY } = event;\n const target = originalEvent.target as HTMLElement;\n if (modalState.innerElement?.contains(target)) {\n if (!this.state.touchDown) {\n this.setState({ touchDown: true, dragging: true });\n }\n\n const shiftYPercent = (shiftY / modalState.innerElement.offsetHeight) * 100;\n const shiftYCurrent = rubber(shiftYPercent, 72, 1.2, this.props.platform !== 'ios');\n\n modalState.touchShiftYPercent = shiftYPercent;\n modalState.translateYCurrent = Math.max(0, (modalState.translateY ?? 0) + shiftYCurrent);\n\n this.animateTranslate(modalState, modalState.translateYCurrent);\n this.setMaskOpacity(modalState);\n }\n }\n\n onTouchEnd = (e: TouchEvent) => {\n const modalState = this.props.getModalState(this.props.activeModal);\n\n if (modalState?.type === 'page') {\n return this.onPageTouchEnd(e, modalState);\n }\n\n if (modalState?.type === 'card') {\n return this.onCardTouchEnd(e, modalState);\n }\n };\n\n onPageTouchEnd(event: TouchEvent, modalState: ModalsStateEntry) {\n const { startY, shiftY } = event;\n\n modalState.contentScrolled = false;\n modalState.touchMovePositive = null;\n\n let setStateCallback;\n\n if (this.state.dragging && this.window) {\n const shiftYEndPercent = ((startY + shiftY) / this.window.innerHeight) * 100;\n\n let translateY = modalState.translateYCurrent ?? 0;\n const expectTranslateY =\n (translateY / event.duration) \n 240 \n 0.6 \n ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n translateY = rangeTranslate(translateY + expectTranslateY);\n\n if (modalState.settlingHeight !== 100) {\n if (numberInRange(translateY, modalState.expandedRange)) {\n translateY = modalState.expandedRange?.[0] ?? 0;\n } else if (numberInRange(translateY, modalState.collapsedRange)) {\n translateY = modalState.translateYFrom ?? 0;\n } else if (numberInRange(translateY, modalState.hiddenRange)) {\n translateY = modalState.preventClose ? modalState.translateYFrom ?? 0 : 100;\n } else {\n translateY = modalState.translateYFrom ?? 0;\n }\n } else {\n if (numberInRange(translateY, [0, 25])) {\n translateY = 0;\n } else {\n translateY = modalState.preventClose ? modalState.translateYFrom ?? 0 : 100;\n }\n }\n\n if (translateY !== 100 && shiftYEndPercent >= 75 && !modalState.preventClose) {\n translateY = 100;\n }\n\n modalState.translateY = translateY;\n modalState.translateYCurrent = translateY;\n modalState.collapsed = numberInRange(translateY, modalState.collapsedRange);\n modalState.expanded = translateY === 0;\n modalState.hidden = translateY === 100;\n\n if (modalState.hidden) {\n this.props.onExit();\n }\n\n setStateCallback = () => {\n if (!modalState.hidden) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n\n this.setMaskOpacity(modalState);\n };\n }\n\n this.setState(\n {\n touchDown: false,\n dragging: false,\n },\n setStateCallback,\n );\n }\n\n onCardTouchEnd({ duration }: TouchEvent, modalState: ModalsStateEntry) {\n let setStateCallback;\n\n if (this.state.dragging) {\n let translateY = modalState.translateYCurrent ?? 0;\n\n const expectTranslateY =\n (translateY / duration) 240 * 0.6 * ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n translateY = Math.max(0, translateY + expectTranslateY);\n\n if (translateY >= 30) {\n translateY = 100;\n } else {\n translateY = 0;\n }\n\n modalState.translateY = translateY;\n modalState.hidden = translateY === 100;\n\n if (modalState.hidden) {\n this.props.onExit();\n }\n\n setStateCallback = () => {\n if (!modalState.hidden) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n\n this.setMaskOpacity(modalState);\n };\n }\n\n this.setState(\n {\n touchDown: false,\n dragging: false,\n },\n setStateCallback,\n );\n }\n\n onScroll = (e: React.SyntheticEvent) => {\n const activeModal = this.props.activeModal;\n\n const target = e.target as HTMLElement;\n\n if (!activeModal) {\n return;\n }\n const modalState = this.props.getModalState(activeModal);\n if (modalState?.type === 'page' && modalState?.contentElement?.contains(target)) {\n modalState.contentScrolled = true;\n\n if (modalState.contentScrollStopTimeout) {\n clearTimeout(modalState.contentScrollStopTimeout);\n }\n\n modalState.contentScrollStopTimeout = setTimeout(() => {\n if (modalState.contentScrolled) {\n modalState.contentScrolled = false;\n }\n }, 250);\n }\n };\n\n waitTransitionFinish(modalState: ModalsStateEntry \| undefined, eventHandler: () => void) {\n if (transitionEvent.supported) {\n const onceHandler = () => {\n modalState?.innerElement?.removeEventListener(transitionEvent.name as string, onceHandler);\n eventHandler();\n };\n\n modalState?.innerElement?.addEventListener(transitionEvent.name as string, onceHandler);\n } else {\n setTimeout(eventHandler, this.timeout);\n }\n }\n\n /*\n Анимирует сдвиг модалки\n \n @param {ModalsStateEntry} modalState\n * @param {number} percent Процент сдвига: 0 – полностью открыта, 100 – полностью закрыта\n /\n animateTranslate(modalState: ModalsStateEntry, percent: number \| undefined) {\n const frameId = `animateTranslateFrame${modalState.id}`;\n\n cancelAnimationFrame(this.frameIds[frameId]);\n\n this.frameIds[frameId] = requestAnimationFrame(() => {\n setTransformStyle(modalState.innerElement, `translate3d(0, ${percent}%, 0)`);\n });\n }\n\n / Устанавливает прозрачность для полупрозрачной подложки /\n setMaskOpacity(modalState: ModalsStateEntry, forceOpacity: number \| null = null) {\n if (forceOpacity === null && this.props.history?.[0] !== modalState.id) {\n return;\n }\n if (this.maskAnimationFrame) {\n cancelAnimationFrame(this.maskAnimationFrame);\n }\n this.maskAnimationFrame = requestAnimationFrame(() => {\n if (this.maskElementRef.current) {\n const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n const opacity =\n forceOpacity === null\n ? 1 - (translateYCurrent - translateY) / (100 - translateY) \|\| 0\n : forceOpacity;\n this.maskElementRef.current.style.opacity = clamp(opacity, 0, 100).toString();\n this.maskElementRef.current.style.transitionDelay =\n opacity && this.props.delayEnter ? `${this.timeout}ms` : '';\n }\n });\n }\n\n render() {\n const { activeModal, exitingModal, enteringModal, modalOverlayTestId } = this.props;\n const { touchDown, dragging } = this.state;\n\n if (!activeModal && !exitingModal) {\n return null;\n }\n\n return (\n <TouchRootContext.Provider value={true}>\n <ModalRootContext.Provider value={this.modalRootContext}>\n <Touch\n className={classNames(\n styles['ModalRoot'],\n this.props.configProvider?.hasCustomPanelHeaderAfter &&\n styles['ModalRoot--hasCustomPanelHeaderAfterSlot'],\n touchDown &&\n classNames(styles['ModalRoot--touched'], 'vkuiInternalModalRoot--touched'),\n !!(enteringModal \|\| exitingModal) &&\n classNames(styles['ModalRoot--switching'], 'vkuiInternalModalRoot--switching'),\n )}\n onMove={this.onTouchMove}\n onEnd={this.onTouchEnd}\n onScroll={this.onScroll}\n >\n <div\n data-testid={modalOverlayTestId}\n className={styles['ModalRoot__mask']}\n onClick={this.props.onExit}\n ref={this.maskElementRef}\n />\n <div className={styles['ModalRoot__viewport']} ref={this.viewportRef}>\n {this.getModals().map((Modal) => {\n const modalId = getNavId(Modal.props, warn);\n const _modalState = this.props.getModalState(modalId);\n if ((modalId !== activeModal && modalId !== exitingModal) \|\| !_modalState) {\n return null;\n }\n const modalState = { ..._modalState };\n\n const isPage = modalState.type === 'page';\n const key = `modal-${modalId}`;\n\n return (\n <FocusTrap\n key={key}\n onClose={this.props.onExit}\n timeout={this.timeout}\n className={classNames(\n styles['ModalRoot__modal'],\n\n dragging && 'vkuiInternalModalRoot__modal--dragging',\n\n isPage && modalState.expandable && 'vkuiInternalModalRoot__modal--expandable',\n isPage && modalState.collapsed && 'vkuiInternalModalRoot__modal--collapsed',\n )}\n restoreFocus={false}\n >\n {Modal}\n </FocusTrap>\n );\n })}\n </div>\n </Touch>\n </ModalRootContext.Provider>\n </TouchRootContext.Provider>\n );\n }\n}\n\nexport const ModalRootTouch = withContext(\n withPlatform(\n withDOM<ModalRootWithDOMProps>(withModalManager(initModal)(ModalRootTouchComponent)),\n ),\n ConfigProviderContext,\n 'configProvider',\n);\n\n/\n Инициализирует модалку перед анимацией открытия\n /\nfunction initModal(modalState: ModalsStateEntry) {\n switch (modalState.type) {\n case 'page':\n modalState.settlingHeight = modalState.settlingHeight \|\| MODAL_PAGE_DEFAULT_PERCENT_HEIGHT;\n return initPageModal(modalState);\n case 'card':\n return initCardModal(modalState);\n default:\n process.env.NODE_ENV === 'development' &&\n warn(`initActiveModal: modalState.type=\"${modalState.type}\" не поддерживается`, 'error');\n }\n}\n\nfunction initPageModal(modalState: ModalsStateEntry) {\n const { contentElement, bottomInset } = modalState;\n const contentElementHeight = calculateModalContentHeight(\n contentElement?.firstElementChild as HTMLElement,\n modalState.expandable,\n );\n const bottomInsetHeight = bottomInset?.offsetHeight \|\| 0;\n const contentHeight = contentElementHeight + bottomInsetHeight;\n let prevTranslateY = modalState.translateY;\n let prevExpandable = modalState.expandable;\n\n modalState.expandable =\n contentHeight > (contentElement?.clientHeight ?? 0) \|\| modalState.settlingHeight === 100;\n\n let collapsed = false;\n let expanded = false;\n let translateYFrom;\n let translateY;\n let expandedRange: TranslateRange;\n let collapsedRange: TranslateRange \| undefined;\n let hiddenRange: TranslateRange;\n\n const hasCollapsedState = Boolean(modalState.expandable && modalState.settlingHeight !== 100);\n if (modalState.expandable) {\n translateYFrom = 100 - (modalState.settlingHeight ?? 0);\n\n const shiftHalf = translateYFrom / 2;\n const visiblePart = 100 - translateYFrom;\n\n expandedRange = [0, shiftHalf];\n collapsedRange = hasCollapsedState ? [shiftHalf, translateYFrom + visiblePart / 4] : undefined;\n hiddenRange = [translateYFrom + visiblePart / 4, 100];\n\n collapsed = hasCollapsedState && translateYFrom > 0;\n expanded = translateYFrom <= 0;\n translateY = translateYFrom;\n } else {\n const headerHeight = modalState.headerElement?.offsetHeight ?? 0;\n const height = contentHeight + headerHeight;\n\n translateYFrom =\n 100 - (height / (modalState.innerElement?.parentElement?.offsetHeight ?? 0)) 100;\n translateY = translateYFrom;\n\n expandedRange = [translateY, translateY + 25];\n collapsedRange = undefined;\n hiddenRange = [translateY + 25, translateY + 100];\n }\n\n // Свойство expandable может измениться из-за высоты контента, в таком случае на всю высоту не разворачиваем\n const shouldExpand = prevExpandable && modalState.expandable;\n // Если модалка может открываться на весь экран, и новый сдвиг больше предыдущего, то откроем её на весь экран\n if ((shouldExpand && translateY > (prevTranslateY ?? 100)) \|\| modalState.settlingHeight === 100) {\n translateY = 0;\n }\n\n // Если модалка уже раскрыта обновляем состояния\n if (translateY === 0) {\n expanded = true;\n collapsed = false;\n }\n\n modalState.expandedRange = expandedRange;\n modalState.collapsedRange = collapsedRange;\n modalState.hiddenRange = hiddenRange;\n modalState.translateY = translateY;\n modalState.translateYFrom = translateYFrom;\n modalState.collapsed = collapsed;\n modalState.expanded = expanded;\n}\n\nfunction initCardModal(modalState: ModalsStateEntry) {\n modalState.translateY = 0;\n}\n\nfunction calculateModalContentHeight(\n element: HTMLElement,\n isExpandable: ModalsStateEntry['expandable'],\n) {\n if (!isExpandable) {\n return element.scrollHeight;\n }\n\n /\n В режиме expandable мы назначаем контейнеру контента высоту 100%, что не даёт\n * получить реальную высоту контента.\n * Поэтому мы пересчитываем высоту, временно устанавливая height: auto;\n * */\n const currentHeightStyle = element.style.height;\n element.style.height = 'auto';\n\n const elementHeight = element.scrollHeight;\n element.style.height = currentHeightStyle;\n\n return elementHeight;\n}\n"],"names":["ModalRootTouch","warn","warnOnce","numberInRange","number","range","rangeTranslate","clamp","ModalRootTouchComponent","React","Component","timeout","props","platform","document","window","getModals","Children","toArray","children","componentDidMount","addEventListener","updateModalHeight","componentWillUnmount","toggleDocumentScrolling","removeEventListener","componentDidUpdate","prevProps","exitingModal","closeModal","enteringModal","enteringState","getModalState","onEnter","waitTransitionFinish","innerElement","style","transitionDelay","onEntered","delayEnter","animateTranslate","translateY","setMaskOpacity","activeModal","restoreFocusTo","activeElement","focus","enabled","documentScrolling","documentElement","classList","remove","preventTouch","passive","add","checkPageContentHeight","modalState","type","modalElement","prevModalState","initPageModal","currentModalState","needAnimate","expandable","translateYFrom","id","noFocusToDialog","contains","setState","touchDown","state","modalOpenedLog","length","prevState","nextModalState","nextIsPage","prevIsPage","onExited","exitTranslate","isBack","undefined","includes","onPageTouchMove","event","shiftY","originalEvent","target","isY","viewportRef","current","preventDefault","stopPropagation","contentScrolled","collapsed","expanded","touchStartContentScrollTop","contentElement","scrollTop","touchMovePositive","headerElement","dragging","shiftYPercent","innerHeight","shiftYCurrent","rubber","touchShiftYPercent","translateYCurrent","onCardTouchMove","offsetHeight","Math","max","onPageTouchEnd","startY","setStateCallback","shiftYEndPercent","expectTranslateY","duration","settlingHeight","expandedRange","collapsedRange","hiddenRange","preventClose","hidden","onExit","onCardTouchEnd","eventHandler","transitionEvent","supported","onceHandler","name","setTimeout","percent","frameId","cancelAnimationFrame","frameIds","requestAnimationFrame","setTransformStyle","forceOpacity","history","maskAnimationFrame","maskElementRef","opacity","toString","render","modalOverlayTestId","TouchRootContext","Provider","value","ModalRootContext","modalRootContext","Touch","className","classNames","configProvider","hasCustomPanelHeaderAfter","onMove","onTouchMove","onEnd","onTouchEnd","onScroll","div","data-testid","onClick","ref","map","Modal","modalId","getNavId","_modalState","isPage","key","FocusTrap","onClose","restoreFocus","constructor","createRef","e","contentScrollStopTimeout","clearTimeout","registerModal","data","Object","assign","isInsideModal","withContext","withPlatform","withDOM","withModalManager","initModal","ConfigProviderContext","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","initCardModal","process","env","NODE_ENV","bottomInset","contentElementHeight","calculateModalContentHeight","firstElementChild","bottomInsetHeight","contentHeight","prevTranslateY","prevExpandable","clientHeight","hasCollapsedState","Boolean","shiftHalf","visiblePart","headerHeight","height","parentElement","shouldExpand","element","isExpandable","scrollHeight","currentHeightStyle","elementHeight"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/components/ModalRoot/ModalRoot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { withContext } from '../../hoc/withContext';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { DOMProps, withDOM } from '../../lib/dom';\nimport { getNavId } from '../../lib/getNavId';\nimport { setTransformStyle } from '../../lib/styles';\nimport { rubber } from '../../lib/touch';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ConfigProviderContext } from '../ConfigProvider/ConfigProviderContext';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport TouchRootContext from '../Touch/TouchContext';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\nimport { MODAL_PAGE_DEFAULT_PERCENT_HEIGHT } from './constants';\nimport { ModalRootWithDOMProps, ModalsStateEntry, TranslateRange } from './types';\nimport { ModalTransitionProps, withModalManager } from './useModalManager';\nimport styles from './ModalRoot.module.css';\n\nconst warn = warnOnce('ModalRoot');\n\nfunction numberInRange(number: number, range: TranslateRange \| undefined) {\n if (!range) {\n return false;\n }\n return number >= range[0] && number <= range[1];\n}\n\nfunction rangeTranslate(number: number) {\n return clamp(number, 0, 98);\n}\n\ninterface ModalRootState {\n touchDown?: boolean;\n dragging?: boolean;\n modalOpenedLog: string[];\n}\n\nclass ModalRootTouchComponent extends React.Component<\n ModalRootWithDOMProps & DOMProps & ModalTransitionProps,\n ModalRootState\n> {\n constructor(props: ModalRootWithDOMProps & ModalTransitionProps) {\n super(props);\n this.state = {\n touchDown: false,\n dragging: false,\n modalOpenedLog: [],\n };\n\n this.maskElementRef = React.createRef();\n\n this.modalRootContext = {\n updateModalHeight: this.updateModalHeight,\n registerModal: ({ id, ...data }) => Object.assign(this.props.getModalState(id) ?? {}, data),\n onClose: () => this.props.onExit(),\n isInsideModal: true,\n };\n\n this.frameIds = {};\n }\n\n private documentScrolling = false;\n private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n private readonly viewportRef = React.createRef<HTMLDivElement>();\n private maskAnimationFrame: number \| undefined = undefined;\n private readonly modalRootContext: ModalRootContextInterface;\n private readonly frameIds: {\n [index: string]: number;\n };\n private restoreFocusTo: HTMLElement \| undefined \| null = undefined;\n\n get timeout(): number {\n return this.props.platform === 'ios' ? 400 : 320;\n }\n\n get document(): Document {\n return this.props.document as Document;\n }\n\n get window(): Window {\n return this.props.window as Window;\n }\n\n getModals() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n componentDidMount() {\n // Отслеживаем изменение размеров viewport\n this.window?.addEventListener('resize', this.updateModalHeight, false);\n }\n\n componentWillUnmount() {\n this.toggleDocumentScrolling(true);\n this.window.removeEventListener('resize', this.updateModalHeight, false);\n }\n\n componentDidUpdate(prevProps: ModalRootWithDOMProps & ModalTransitionProps) {\n // transition phase 2: animate exiting modal\n if (this.props.exitingModal && this.props.exitingModal !== prevProps.exitingModal) {\n this.closeModal(this.props.exitingModal);\n }\n\n // transition phase 3: animate entering modal\n if (this.props.enteringModal && this.props.enteringModal !== prevProps.enteringModal) {\n const enteringState = this.props.getModalState(this.props.enteringModal);\n this.props.onEnter();\n this.waitTransitionFinish(enteringState, () => {\n if (enteringState) {\n if (enteringState.innerElement) {\n enteringState.innerElement.style.transitionDelay = '';\n }\n this.onEntered(enteringState);\n }\n });\n\n if (enteringState?.innerElement) {\n enteringState.innerElement.style.transitionDelay = this.props.delayEnter\n ? `${this.timeout}ms`\n : '';\n this.animateTranslate(enteringState, enteringState.translateY);\n this.setMaskOpacity(enteringState, 1);\n }\n }\n\n // focus restoration\n if (this.props.activeModal && !prevProps.activeModal) {\n this.restoreFocusTo = this.document.activeElement as HTMLElement;\n }\n if (!this.props.activeModal && !this.props.exitingModal && this.restoreFocusTo) {\n this.restoreFocusTo.focus();\n this.restoreFocusTo = null;\n }\n\n this.toggleDocumentScrolling(!this.props.activeModal && !this.props.exitingModal);\n }\n\n /* Отключает скролл документа /\n toggleDocumentScrolling(enabled: boolean) {\n if (this.documentScrolling === enabled) {\n return;\n }\n this.documentScrolling = enabled;\n\n if (enabled) {\n // восстанавливаем значение overscroll behavior\n // eslint-disable-next-line no-restricted-properties\n this.document.documentElement.classList.remove('vkui--disable-overscroll-behavior');\n\n // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.\n // https://github.com/VKCOM/VKUI/issues/444\n this.window.removeEventListener('touchmove', this.preventTouch, {\n // @ts-expect-error: TS2769 В интерфейсе EventListenerOptions нет поля passive\n passive: false,\n });\n } else {\n // отключаем нативный pull-to-refresh при открытом модальном окне\n // чтобы он не срабатывал при закрытии модалки смахиванием вниз\n // eslint-disable-next-line no-restricted-properties\n this.document.documentElement.classList.add('vkui--disable-overscroll-behavior');\n\n this.window.addEventListener('touchmove', this.preventTouch, {\n passive: false,\n });\n }\n }\n\n preventTouch = (event: any) => {\n if (!event) {\n return false;\n }\n while (event.originalEvent) {\n event = event.originalEvent;\n }\n if (event.preventDefault) {\n event.preventDefault();\n }\n return false;\n };\n\n checkPageContentHeight() {\n const modalState = this.props.getModalState(this.props.activeModal);\n\n if (modalState?.type === 'page' && modalState?.modalElement) {\n const prevModalState = { ...modalState };\n initPageModal(modalState);\n const currentModalState = { ...modalState };\n\n let needAnimate = false;\n\n if (prevModalState.expandable === currentModalState.expandable) {\n if (prevModalState.translateYFrom !== currentModalState.translateYFrom) {\n needAnimate = true;\n }\n } else {\n needAnimate = true;\n }\n\n if (needAnimate) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n }\n }\n\n updateModalHeight = () => {\n const modalState = this.props.getModalState(this.props.activeModal);\n\n if (modalState && modalState.type === 'page') {\n if (this.props.enteringModal) {\n this.waitTransitionFinish(modalState, () => {\n requestAnimationFrame(() => this.checkPageContentHeight());\n });\n } else {\n requestAnimationFrame(() => this.checkPageContentHeight());\n }\n }\n };\n\n onEntered({ id, modalElement }: ModalsStateEntry) {\n if (\n !this.props.noFocusToDialog &&\n modalElement &&\n !modalElement.contains(this.document.activeElement)\n ) {\n modalElement.focus();\n }\n\n this.props.onEntered(id);\n }\n\n closeModal(id: string) {\n // Сбрасываем состояния, которые могут помешать закрытию модального окна\n this.setState({ touchDown: false });\n\n const prevModalState = this.props.getModalState(id);\n\n if (!prevModalState) {\n id && warn(`closeActiveModal: модальное окно (страница) ${id} не существует`, 'error');\n return;\n }\n if (!this.state.modalOpenedLog.length) {\n this.setState((prevState) => ({\n modalOpenedLog: [...prevState.modalOpenedLog, id],\n }));\n }\n const nextModalState = this.props.getModalState(this.props.activeModal);\n const nextIsPage = !!nextModalState && nextModalState.type === 'page';\n\n const prevIsPage = !!prevModalState && prevModalState.type === 'page';\n this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n const exitTranslate =\n prevIsPage &&\n nextIsPage &&\n (prevModalState.translateY ?? 0) <= (nextModalState?.translateYFrom ?? 0) &&\n !this.props.isBack\n ? (nextModalState?.translateYFrom ?? 0) + 10\n : 100;\n this.animateTranslate(prevModalState, exitTranslate);\n\n if (!nextModalState) {\n // NOTE: was only for clean exit\n this.setMaskOpacity(prevModalState, 0);\n this.setState({ modalOpenedLog: [] });\n prevModalState.translateY = undefined;\n prevModalState.expandable = undefined;\n } else if (nextModalState.id && !this.state.modalOpenedLog.includes(nextModalState.id)) {\n nextModalState.translateY = undefined;\n this.setState((prevState) => ({\n modalOpenedLog: [...prevState.modalOpenedLog, nextModalState.id!],\n }));\n }\n }\n\n onTouchMove = (e: TouchEvent) => {\n if (this.props.exitingModal) {\n return;\n }\n const modalState = this.props.getModalState(this.props.activeModal);\n if (!modalState) {\n return;\n }\n\n if (modalState.type === 'page') {\n return this.onPageTouchMove(e, modalState);\n }\n\n if (modalState.type === 'card') {\n return this.onCardTouchMove(e, modalState);\n }\n };\n\n onPageTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n const { shiftY, originalEvent } = event;\n const target = originalEvent.target as HTMLElement;\n\n if (!event.isY) {\n if (this.viewportRef.current?.contains(target)) {\n originalEvent.preventDefault();\n }\n return;\n }\n\n if (!modalState.innerElement?.contains(target)) {\n return originalEvent.preventDefault();\n }\n\n originalEvent.stopPropagation();\n\n const { expandable, contentScrolled, collapsed, expanded } = modalState;\n\n if (!this.state.touchDown) {\n modalState.touchStartContentScrollTop = modalState.contentElement?.scrollTop ?? 0;\n this.setState({ touchDown: true });\n }\n\n if (contentScrolled) {\n return;\n }\n\n if (modalState.touchMovePositive === null) {\n modalState.touchMovePositive = shiftY > 0;\n }\n\n if (\n !modalState.expandable \|\|\n collapsed \|\|\n (expanded && modalState.touchMovePositive && modalState.touchStartContentScrollTop === 0) \|\|\n modalState.headerElement?.contains(target)\n ) {\n originalEvent.preventDefault();\n\n if ((!expandable && shiftY < 0) \|\| !this.window) {\n return;\n }\n\n !this.state.dragging && this.setState({ dragging: true });\n\n const shiftYPercent = (shiftY / this.window.innerHeight) 100;\n const shiftYCurrent = rubber(shiftYPercent, 72, 0.8, this.props.platform !== 'ios');\n\n modalState.touchShiftYPercent = shiftYPercent;\n modalState.translateYCurrent = rangeTranslate((modalState.translateY ?? 0) + shiftYCurrent);\n\n this.animateTranslate(modalState, modalState.translateYCurrent);\n this.setMaskOpacity(modalState);\n }\n }\n\n onCardTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n const { originalEvent, shiftY } = event;\n const target = originalEvent.target as HTMLElement;\n if (modalState.innerElement?.contains(target)) {\n if (!this.state.touchDown) {\n this.setState({ touchDown: true, dragging: true });\n }\n\n const shiftYPercent = (shiftY / modalState.innerElement.offsetHeight) * 100;\n const shiftYCurrent = rubber(shiftYPercent, 72, 1.2, this.props.platform !== 'ios');\n\n modalState.touchShiftYPercent = shiftYPercent;\n modalState.translateYCurrent = Math.max(0, (modalState.translateY ?? 0) + shiftYCurrent);\n\n this.animateTranslate(modalState, modalState.translateYCurrent);\n this.setMaskOpacity(modalState);\n }\n }\n\n onTouchEnd = (e: TouchEvent) => {\n const modalState = this.props.getModalState(this.props.activeModal);\n\n if (modalState?.type === 'page') {\n return this.onPageTouchEnd(e, modalState);\n }\n\n if (modalState?.type === 'card') {\n return this.onCardTouchEnd(e, modalState);\n }\n };\n\n onPageTouchEnd(event: TouchEvent, modalState: ModalsStateEntry) {\n const { startY, shiftY } = event;\n\n modalState.contentScrolled = false;\n modalState.touchMovePositive = null;\n\n let setStateCallback;\n\n if (this.state.dragging && this.window) {\n const shiftYEndPercent = ((startY + shiftY) / this.window.innerHeight) * 100;\n\n let translateY = modalState.translateYCurrent ?? 0;\n const expectTranslateY =\n (translateY / event.duration) \n 240 \n 0.6 \n ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n translateY = rangeTranslate(translateY + expectTranslateY);\n\n if (modalState.settlingHeight !== 100) {\n if (numberInRange(translateY, modalState.expandedRange)) {\n translateY = modalState.expandedRange?.[0] ?? 0;\n } else if (numberInRange(translateY, modalState.collapsedRange)) {\n translateY = modalState.translateYFrom ?? 0;\n } else if (numberInRange(translateY, modalState.hiddenRange)) {\n translateY = modalState.preventClose ? modalState.translateYFrom ?? 0 : 100;\n } else {\n translateY = modalState.translateYFrom ?? 0;\n }\n } else {\n if (numberInRange(translateY, [0, 25])) {\n translateY = 0;\n } else {\n translateY = modalState.preventClose ? modalState.translateYFrom ?? 0 : 100;\n }\n }\n\n if (translateY !== 100 && shiftYEndPercent >= 75 && !modalState.preventClose) {\n translateY = 100;\n }\n\n modalState.translateY = translateY;\n modalState.translateYCurrent = translateY;\n modalState.collapsed = numberInRange(translateY, modalState.collapsedRange);\n modalState.expanded = translateY === 0;\n modalState.hidden = translateY === 100;\n\n if (modalState.hidden) {\n this.props.onExit();\n }\n\n setStateCallback = () => {\n if (!modalState.hidden) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n\n this.setMaskOpacity(modalState);\n };\n }\n\n this.setState(\n {\n touchDown: false,\n dragging: false,\n },\n setStateCallback,\n );\n }\n\n onCardTouchEnd({ duration }: TouchEvent, modalState: ModalsStateEntry) {\n let setStateCallback;\n\n if (this.state.dragging) {\n let translateY = modalState.translateYCurrent ?? 0;\n\n const expectTranslateY =\n (translateY / duration) 240 * 0.6 * ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n translateY = Math.max(0, translateY + expectTranslateY);\n\n if (translateY >= 30) {\n translateY = 100;\n } else {\n translateY = 0;\n }\n\n modalState.translateY = translateY;\n modalState.hidden = translateY === 100;\n\n if (modalState.hidden) {\n this.props.onExit();\n }\n\n setStateCallback = () => {\n if (!modalState.hidden) {\n this.animateTranslate(modalState, modalState.translateY);\n }\n\n this.setMaskOpacity(modalState);\n };\n }\n\n this.setState(\n {\n touchDown: false,\n dragging: false,\n },\n setStateCallback,\n );\n }\n\n onScroll = (e: React.SyntheticEvent) => {\n const activeModal = this.props.activeModal;\n\n const target = e.target as HTMLElement;\n\n if (!activeModal) {\n return;\n }\n const modalState = this.props.getModalState(activeModal);\n if (modalState?.type === 'page' && modalState?.contentElement?.contains(target)) {\n modalState.contentScrolled = true;\n\n if (modalState.contentScrollStopTimeout) {\n clearTimeout(modalState.contentScrollStopTimeout);\n }\n\n modalState.contentScrollStopTimeout = setTimeout(() => {\n if (modalState.contentScrolled) {\n modalState.contentScrolled = false;\n }\n }, 250);\n }\n };\n\n waitTransitionFinish(modalState: ModalsStateEntry \| undefined, eventHandler: () => void) {\n const el = modalState ? modalState.innerElement : null;\n if (el) {\n el.addEventListener('transitionend', eventHandler, { once: true });\n } else {\n setTimeout(eventHandler, this.timeout);\n }\n }\n\n /*\n Анимирует сдвиг модалки\n \n @param {ModalsStateEntry} modalState\n * @param {number} percent Процент сдвига: 0 – полностью открыта, 100 – полностью закрыта\n /\n animateTranslate(modalState: ModalsStateEntry, percent: number \| undefined) {\n const frameId = `animateTranslateFrame${modalState.id}`;\n\n cancelAnimationFrame(this.frameIds[frameId]);\n\n this.frameIds[frameId] = requestAnimationFrame(() => {\n setTransformStyle(modalState.innerElement, `translate3d(0, ${percent}%, 0)`);\n });\n }\n\n / Устанавливает прозрачность для полупрозрачной подложки /\n setMaskOpacity(modalState: ModalsStateEntry, forceOpacity: number \| null = null) {\n if (forceOpacity === null && this.props.history?.[0] !== modalState.id) {\n return;\n }\n if (this.maskAnimationFrame) {\n cancelAnimationFrame(this.maskAnimationFrame);\n }\n this.maskAnimationFrame = requestAnimationFrame(() => {\n if (this.maskElementRef.current) {\n const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n const opacity =\n forceOpacity === null\n ? 1 - (translateYCurrent - translateY) / (100 - translateY) \|\| 0\n : forceOpacity;\n this.maskElementRef.current.style.opacity = clamp(opacity, 0, 100).toString();\n this.maskElementRef.current.style.transitionDelay =\n opacity && this.props.delayEnter ? `${this.timeout}ms` : '';\n }\n });\n }\n\n render() {\n const { activeModal, exitingModal, enteringModal, modalOverlayTestId } = this.props;\n const { touchDown, dragging } = this.state;\n\n if (!activeModal && !exitingModal) {\n return null;\n }\n\n return (\n <TouchRootContext.Provider value={true}>\n <ModalRootContext.Provider value={this.modalRootContext}>\n <Touch\n className={classNames(\n styles['ModalRoot'],\n this.props.configProvider?.hasCustomPanelHeaderAfter &&\n styles['ModalRoot--hasCustomPanelHeaderAfterSlot'],\n touchDown &&\n classNames(styles['ModalRoot--touched'], 'vkuiInternalModalRoot--touched'),\n !!(enteringModal \|\| exitingModal) &&\n classNames(styles['ModalRoot--switching'], 'vkuiInternalModalRoot--switching'),\n )}\n onMove={this.onTouchMove}\n onEnd={this.onTouchEnd}\n onScroll={this.onScroll}\n >\n <div\n data-testid={modalOverlayTestId}\n className={styles['ModalRoot__mask']}\n onClick={this.props.onExit}\n ref={this.maskElementRef}\n />\n <div className={styles['ModalRoot__viewport']} ref={this.viewportRef}>\n {this.getModals().map((Modal) => {\n const modalId = getNavId(Modal.props, warn);\n const _modalState = this.props.getModalState(modalId);\n if ((modalId !== activeModal && modalId !== exitingModal) \|\| !_modalState) {\n return null;\n }\n const modalState = { ..._modalState };\n\n const isPage = modalState.type === 'page';\n const key = `modal-${modalId}`;\n\n return (\n <FocusTrap\n key={key}\n onClose={this.props.onExit}\n timeout={this.timeout}\n className={classNames(\n styles['ModalRoot__modal'],\n\n dragging && 'vkuiInternalModalRoot__modal--dragging',\n\n isPage && modalState.expandable && 'vkuiInternalModalRoot__modal--expandable',\n isPage && modalState.collapsed && 'vkuiInternalModalRoot__modal--collapsed',\n )}\n autoFocus={false}\n restoreFocus={false}\n >\n {Modal}\n </FocusTrap>\n );\n })}\n </div>\n </Touch>\n </ModalRootContext.Provider>\n </TouchRootContext.Provider>\n );\n }\n}\n\nexport const ModalRootTouch = withContext(\n withPlatform(\n withDOM<ModalRootWithDOMProps>(withModalManager(initModal)(ModalRootTouchComponent)),\n ),\n ConfigProviderContext,\n 'configProvider',\n);\n\n/\n Инициализирует модалку перед анимацией открытия\n /\nfunction initModal(modalState: ModalsStateEntry) {\n switch (modalState.type) {\n case 'page':\n modalState.settlingHeight = modalState.settlingHeight \|\| MODAL_PAGE_DEFAULT_PERCENT_HEIGHT;\n return initPageModal(modalState);\n case 'card':\n return initCardModal(modalState);\n default:\n process.env.NODE_ENV === 'development' &&\n warn(`initActiveModal: modalState.type=\"${modalState.type}\" не поддерживается`, 'error');\n }\n}\n\nfunction initPageModal(modalState: ModalsStateEntry) {\n const { contentElement, bottomInset } = modalState;\n const contentElementHeight = calculateModalContentHeight(\n contentElement?.firstElementChild as HTMLElement,\n modalState.expandable,\n );\n const bottomInsetHeight = bottomInset?.offsetHeight \|\| 0;\n const contentHeight = contentElementHeight + bottomInsetHeight;\n let prevTranslateY = modalState.translateY;\n let prevExpandable = modalState.expandable;\n\n modalState.expandable =\n contentHeight > (contentElement?.clientHeight ?? 0) \|\| modalState.settlingHeight === 100;\n\n let collapsed = false;\n let expanded = false;\n let translateYFrom;\n let translateY;\n let expandedRange: TranslateRange;\n let collapsedRange: TranslateRange \| undefined;\n let hiddenRange: TranslateRange;\n\n const hasCollapsedState = Boolean(modalState.expandable && modalState.settlingHeight !== 100);\n if (modalState.expandable) {\n translateYFrom = 100 - (modalState.settlingHeight ?? 0);\n\n const shiftHalf = translateYFrom / 2;\n const visiblePart = 100 - translateYFrom;\n\n expandedRange = [0, shiftHalf];\n collapsedRange = hasCollapsedState ? [shiftHalf, translateYFrom + visiblePart / 4] : undefined;\n hiddenRange = [translateYFrom + visiblePart / 4, 100];\n\n collapsed = hasCollapsedState && translateYFrom > 0;\n expanded = translateYFrom <= 0;\n translateY = translateYFrom;\n } else {\n const headerHeight = modalState.headerElement?.offsetHeight ?? 0;\n const height = contentHeight + headerHeight;\n\n translateYFrom =\n 100 - (height / (modalState.innerElement?.parentElement?.offsetHeight ?? 0)) 100;\n translateY = translateYFrom;\n\n expandedRange = [translateY, translateY + 25];\n collapsedRange = undefined;\n hiddenRange = [translateY + 25, translateY + 100];\n }\n\n // Свойство expandable может измениться из-за высоты контента, в таком случае на всю высоту не разворачиваем\n const shouldExpand = prevExpandable && modalState.expandable;\n // Если модалка может открываться на весь экран, и новый сдвиг больше предыдущего, то откроем её на весь экран\n if ((shouldExpand && translateY > (prevTranslateY ?? 100)) \|\| modalState.settlingHeight === 100) {\n translateY = 0;\n }\n\n // Если модалка уже раскрыта обновляем состояния\n if (translateY === 0) {\n expanded = true;\n collapsed = false;\n }\n\n modalState.expandedRange = expandedRange;\n modalState.collapsedRange = collapsedRange;\n modalState.hiddenRange = hiddenRange;\n modalState.translateY = translateY;\n modalState.translateYFrom = translateYFrom;\n modalState.collapsed = collapsed;\n modalState.expanded = expanded;\n}\n\nfunction initCardModal(modalState: ModalsStateEntry) {\n modalState.translateY = 0;\n}\n\nfunction calculateModalContentHeight(\n element: HTMLElement,\n isExpandable: ModalsStateEntry['expandable'],\n) {\n if (!isExpandable) {\n return element.scrollHeight;\n }\n\n /\n В режиме expandable мы назначаем контейнеру контента высоту 100%, что не даёт\n * получить реальную высоту контента.\n * Поэтому мы пересчитываем высоту, временно устанавливая height: auto;\n * */\n const currentHeightStyle = element.style.height;\n element.style.height = 'auto';\n\n const elementHeight = element.scrollHeight;\n element.style.height = currentHeightStyle;\n\n return elementHeight;\n}\n"],"names":["ModalRootTouch","warn","warnOnce","numberInRange","number","range","rangeTranslate","clamp","ModalRootTouchComponent","React","Component","timeout","props","platform","document","window","getModals","Children","toArray","children","componentDidMount","addEventListener","updateModalHeight","componentWillUnmount","toggleDocumentScrolling","removeEventListener","componentDidUpdate","prevProps","exitingModal","closeModal","enteringModal","enteringState","getModalState","onEnter","waitTransitionFinish","innerElement","style","transitionDelay","onEntered","delayEnter","animateTranslate","translateY","setMaskOpacity","activeModal","restoreFocusTo","activeElement","focus","enabled","documentScrolling","documentElement","classList","remove","preventTouch","passive","add","checkPageContentHeight","modalState","type","modalElement","prevModalState","initPageModal","currentModalState","needAnimate","expandable","translateYFrom","id","noFocusToDialog","contains","setState","touchDown","state","modalOpenedLog","length","prevState","nextModalState","nextIsPage","prevIsPage","onExited","exitTranslate","isBack","undefined","includes","onPageTouchMove","event","shiftY","originalEvent","target","isY","viewportRef","current","preventDefault","stopPropagation","contentScrolled","collapsed","expanded","touchStartContentScrollTop","contentElement","scrollTop","touchMovePositive","headerElement","dragging","shiftYPercent","innerHeight","shiftYCurrent","rubber","touchShiftYPercent","translateYCurrent","onCardTouchMove","offsetHeight","Math","max","onPageTouchEnd","startY","setStateCallback","shiftYEndPercent","expectTranslateY","duration","settlingHeight","expandedRange","collapsedRange","hiddenRange","preventClose","hidden","onExit","onCardTouchEnd","eventHandler","el","once","setTimeout","percent","frameId","cancelAnimationFrame","frameIds","requestAnimationFrame","setTransformStyle","forceOpacity","history","maskAnimationFrame","maskElementRef","opacity","toString","render","modalOverlayTestId","TouchRootContext","Provider","value","ModalRootContext","modalRootContext","Touch","className","classNames","configProvider","hasCustomPanelHeaderAfter","onMove","onTouchMove","onEnd","onTouchEnd","onScroll","div","data-testid","onClick","ref","map","Modal","modalId","getNavId","_modalState","isPage","key","FocusTrap","onClose","autoFocus","restoreFocus","constructor","createRef","e","contentScrollStopTimeout","clearTimeout","registerModal","data","Object","assign","isInsideModal","withContext","withPlatform","withDOM","withModalManager","initModal","ConfigProviderContext","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","initCardModal","process","env","NODE_ENV","bottomInset","contentElementHeight","calculateModalContentHeight","firstElementChild","bottomInsetHeight","contentHeight","prevTranslateY","prevExpandable","clientHeight","hasCollapsedState","Boolean","shiftHalf","visiblePart","headerHeight","height","parentElement","shouldExpand","element","isExpandable","scrollHeight","currentHeightStyle","elementHeight"],"mappings":"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"}

package/dist/cjs/components/ModalRoot/ModalRootAdaptive.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"sourcesContent":["import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { ModalRootTouch } from './ModalRoot';\nimport { ModalRootDesktop } from './ModalRootDesktop';\nimport { ModalRootProps } from './types';\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalRoot\n */\nexport const ModalRoot = (props: ModalRootProps) => {\n const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n useScrollLock(!!props.activeModal);\n\n const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n return <RootComponent {...props} />;\n};\n"],"names":["ModalRoot","props","isDesktop","useAdaptivityWithJSMediaQueries","useScrollLock","activeModal","RootComponent","ModalRootDesktop","ModalRootTouch"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;+BASaA;;;eAAAA;;;;;iDATmC;+BAClB;2BACC;kCACE;AAM1B,MAAMA,YAAY,CAACC;IACxB,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IAErDC,IAAAA,4BAAa,EAAC,CAAC,CAACH,MAAMI,WAAW;IAEjC,MAAMC,gBAAgBJ,YAAYK,kCAAgB,GAAGC,yBAAc;IAEnE,qBAAO,qBAACF,oCAAkBL;AAC5B"}
1	+ {"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"sourcesContent":["import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { ModalRootTouch } from './ModalRoot';\nimport { ModalRootDesktop } from './ModalRootDesktop';\nimport { ModalRootProps } from './types';\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalRoot\n */\nexport const ModalRoot = (props: ModalRootProps) => {\n const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n useScrollLock(!!props.activeModal);\n\n const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n return <RootComponent {...props} />;\n};\n"],"names":["ModalRoot","props","isDesktop","useAdaptivityWithJSMediaQueries","useScrollLock","activeModal","RootComponent","ModalRootDesktop","ModalRootTouch"],"mappings":";;;;+BASaA;;;eAAAA;;;;;iDATmC;+BAClB;2BACC;kCACE;AAM1B,MAAMA,YAAY,CAACC;IACxB,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IAErDC,IAAAA,4BAAa,EAAC,CAAC,CAACH,MAAMI,WAAW;IAEjC,MAAMC,gBAAgBJ,YAAYK,kCAAgB,GAAGC,yBAAc;IAEnE,qBAAO,qBAACF,oCAAkBL;AAC5B"}

package/dist/cjs/components/ModalRoot/ModalRootContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { ModalElements, ModalsStateEntry, ModalType } from './types';\n\nexport type ModalRegistryEntry = ModalElements & Required<Pick<ModalsStateEntry, 'type' \| 'id'>>;\ntype ModalRefs = { [k in keyof ModalElements]: (e: ModalElements[k]) => void };\n\nexport interface ModalRootContextInterface {\n updateModalHeight: VoidFunction;\n registerModal: (data: ModalRegistryEntry) => void;\n onClose?: VoidFunction;\n isInsideModal: boolean;\n}\n\nexport const ModalRootContext = React.createContext<ModalRootContextInterface>({\n updateModalHeight: () => undefined,\n registerModal: () => undefined,\n isInsideModal: false,\n});\n\n/*\n All referenced elements must be static\n */\nexport function useModalRegistry(id: string \| undefined, type: ModalType) {\n const modalContext = React.useContext(ModalRootContext);\n const elements = React.useRef<ModalElements>({}).current;\n useIsomorphicLayoutEffect(() => {\n if (id !== undefined) {\n modalContext.registerModal({ ...elements, type, id });\n // unset refs on unmount to prevent leak\n const reset = Object.keys(elements).reduce<ModalRegistryEntry>(\n (acc, k) => ({ ...acc, [k]: null }),\n { type, id },\n );\n return () => modalContext.registerModal(reset);\n }\n return undefined;\n }, []);\n\n const refs = React.useRef<Required<ModalRefs>>({\n modalElement: (e) => (elements.modalElement = e),\n innerElement: (e) => (elements.innerElement = e),\n headerElement: (e) => (elements.headerElement = e),\n contentElement: (e) => (elements.contentElement = e),\n bottomInset: (e) => (elements.bottomInset = e),\n }).current;\n return { refs };\n}\n"],"names":["ModalRootContext","useModalRegistry","React","createContext","updateModalHeight","undefined","registerModal","isInsideModal","id","type","modalContext","useContext","elements","useRef","current","useIsomorphicLayoutEffect","reset","Object","keys","reduce","acc","k","refs","modalElement","e","innerElement","headerElement","contentElement","bottomInset"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;;;;;;;;IAcaA,gBAAgB;eAAhBA;;IASGC,gBAAgB;eAAhBA;;;;;;iEAvBO;2CACmB;AAanC,MAAMD,iCAAmBE,OAAMC,aAAa,CAA4B;IAC7EC,mBAAmB,IAAMC;IACzBC,eAAe,IAAMD;IACrBE,eAAe;AACjB;AAKO,SAASN,iBAAiBO,EAAsB,EAAEC,IAAe;IACtE,MAAMC,eAAeR,OAAMS,UAAU,CAACX;IACtC,MAAMY,WAAWV,OAAMW,MAAM,CAAgB,CAAC,GAAGC,OAAO;IACxDC,IAAAA,oDAAyB,EAAC;QACxB,IAAIP,OAAOH,WAAW;YACpBK,aAAaJ,aAAa,CAAC,4CAAKM;gBAAUH;gBAAMD;;YAChD,yCAAyC;YACzC,MAAMQ,QAAQC,OAAOC,IAAI,CAACN,UAAUO,MAAM,CACxC,CAACC,KAAKC,IAAO,4CAAKD;oBAAK,CAACC,EAAE,EAAE;oBAC5B;gBAAEZ;gBAAMD;YAAG;YAEb,OAAO,IAAME,aAAaJ,aAAa,CAACU;QAC1C;QACA,OAAOX;IACT,GAAG,EAAE;IAEL,MAAMiB,OAAOpB,OAAMW,MAAM,CAAsB;QAC7CU,cAAc,CAACC,IAAOZ,SAASW,YAAY,GAAGC;QAC9CC,cAAc,CAACD,IAAOZ,SAASa,YAAY,GAAGD;QAC9CE,eAAe,CAACF,IAAOZ,SAASc,aAAa,GAAGF;QAChDG,gBAAgB,CAACH,IAAOZ,SAASe,cAAc,GAAGH;QAClDI,aAAa,CAACJ,IAAOZ,SAASgB,WAAW,GAAGJ;IAC9C,GAAGV,OAAO;IACV,OAAO;QAAEQ;IAAK;AAChB"}
1	+ {"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { ModalElements, ModalsStateEntry, ModalType } from './types';\n\nexport type ModalRegistryEntry = ModalElements & Required<Pick<ModalsStateEntry, 'type' \| 'id'>>;\ntype ModalRefs = { [k in keyof ModalElements]: (e: ModalElements[k]) => void };\n\nexport interface ModalRootContextInterface {\n updateModalHeight: VoidFunction;\n registerModal: (data: ModalRegistryEntry) => void;\n onClose?: VoidFunction;\n isInsideModal: boolean;\n}\n\nexport const ModalRootContext = React.createContext<ModalRootContextInterface>({\n updateModalHeight: () => undefined,\n registerModal: () => undefined,\n isInsideModal: false,\n});\n\n/*\n All referenced elements must be static\n */\nexport function useModalRegistry(id: string \| undefined, type: ModalType) {\n const modalContext = React.useContext(ModalRootContext);\n const elements = React.useRef<ModalElements>({}).current;\n useIsomorphicLayoutEffect(() => {\n if (id !== undefined) {\n modalContext.registerModal({ ...elements, type, id });\n // unset refs on unmount to prevent leak\n const reset = Object.keys(elements).reduce<ModalRegistryEntry>(\n (acc, k) => ({ ...acc, [k]: null }),\n { type, id },\n );\n return () => modalContext.registerModal(reset);\n }\n return undefined;\n }, []);\n\n const refs = React.useRef<Required<ModalRefs>>({\n modalElement: (e) => (elements.modalElement = e),\n innerElement: (e) => (elements.innerElement = e),\n headerElement: (e) => (elements.headerElement = e),\n contentElement: (e) => (elements.contentElement = e),\n bottomInset: (e) => (elements.bottomInset = e),\n }).current;\n return { refs };\n}\n"],"names":["ModalRootContext","useModalRegistry","React","createContext","updateModalHeight","undefined","registerModal","isInsideModal","id","type","modalContext","useContext","elements","useRef","current","useIsomorphicLayoutEffect","reset","Object","keys","reduce","acc","k","refs","modalElement","e","innerElement","headerElement","contentElement","bottomInset"],"mappings":";;;;;;;;;;;IAcaA,gBAAgB;eAAhBA;;IASGC,gBAAgB;eAAhBA;;;;;;iEAvBO;2CACmB;AAanC,MAAMD,iCAAmBE,OAAMC,aAAa,CAA4B;IAC7EC,mBAAmB,IAAMC;IACzBC,eAAe,IAAMD;IACrBE,eAAe;AACjB;AAKO,SAASN,iBAAiBO,EAAsB,EAAEC,IAAe;IACtE,MAAMC,eAAeR,OAAMS,UAAU,CAACX;IACtC,MAAMY,WAAWV,OAAMW,MAAM,CAAgB,CAAC,GAAGC,OAAO;IACxDC,IAAAA,oDAAyB,EAAC;QACxB,IAAIP,OAAOH,WAAW;YACpBK,aAAaJ,aAAa,CAAC,4CAAKM;gBAAUH;gBAAMD;;YAChD,yCAAyC;YACzC,MAAMQ,QAAQC,OAAOC,IAAI,CAACN,UAAUO,MAAM,CACxC,CAACC,KAAKC,IAAO,4CAAKD;oBAAK,CAACC,EAAE,EAAE;oBAC5B;gBAAEZ;gBAAMD;YAAG;YAEb,OAAO,IAAME,aAAaJ,aAAa,CAACU;QAC1C;QACA,OAAOX;IACT,GAAG,EAAE;IAEL,MAAMiB,OAAOpB,OAAMW,MAAM,CAAsB;QAC7CU,cAAc,CAACC,IAAOZ,SAASW,YAAY,GAAGC;QAC9CC,cAAc,CAACD,IAAOZ,SAASa,YAAY,GAAGD;QAC9CE,eAAe,CAACF,IAAOZ,SAASc,aAAa,GAAGF;QAChDG,gBAAgB,CAACH,IAAOZ,SAASe,cAAc,GAAGH;QAClDI,aAAa,CAACJ,IAAOZ,SAASgB,WAAW,GAAGJ;IAC9C,GAAGV,OAAO;IACV,OAAO;QAAEQ;IAAK;AAChB"}