npm - @vkontakte/vkui - Versions diffs - 7.4.4 → 7.5.0 - Mend

@vkontakte/vkui 7.4.4 → 7.5.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 (938) hide show

package/README.md CHANGED Viewed

@@ -1,5 +1,5 @@
 <h1 align="center">
-  <a href="https://vkcom.github.io/VKUI/">
+  <a href="https://vkui.io/">
     <picture>
       <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/VKCOM/VKUI/d72dcc219bc4b441b2740b69d9343aea14d66c7f/docs/assets/vkui-logo-light.svg">
       <img src="https://raw.githubusercontent.com/VKCOM/VKUI/d72dcc219bc4b441b2740b69d9343aea14d66c7f/docs/assets/vkui-logo-dark.svg" width="150" alt="VKUI logo" />
@@ -102,7 +102,7 @@ root.render(
 ## Документация
-В [документации](https://vkcom.github.io/VKUI/) вы сможете найти информацию об использовании компонентов и утилит.
+В [документации](https://vkui.io/) вы сможете найти информацию об использовании компонентов и утилит.
 ## Сообщить о проблеме

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { HasChildren } from '../../types';
+import { type HasChildren } from '../../types';
 import { AccordionContent } from './AccordionContent';
 import { AccordionSummary } from './AccordionSummary';
 export interface AccordionProps extends HasChildren {
@@ -23,7 +23,14 @@ export interface AccordionProps extends HasChildren {
      * Блокировка взаимодействия с компонентом.
      */
     disabled?: boolean;
+    /**
+     * Нужно ли удалять из DOM контент при сворачивании.
+     */
+    unmountOnCollapsed?: boolean;
 }
+/**
+ * @see https://vkui.io/components/accordion
+ */
 export declare const Accordion: React.FC<AccordionProps> & {
     Summary: typeof AccordionSummary;
     Content: typeof AccordionContent;

package/dist/components/Accordion/Accordion.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,~~EAAE,~~WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAUtD,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;~~CACpB~~;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG;IACjD,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC;~~CA6BlC~~,CAAC"}
1	+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAUtD,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG;IACjD,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC;CA+BlC,CAAC"}

package/dist/components/Accordion/Accordion.js CHANGED Viewed

@@ -16,13 +16,16 @@ function useAccordionId(id) {
         contentId
     };
 }
-export const Accordion = (_param)=>{
-    var { id, expanded: expandedProp, defaultExpanded = false, onChange: onChangeProp, children } = _param, restProps = _object_without_properties(_param, [
+/**
+ * @see https://vkui.io/components/accordion
+ */ export const Accordion = (_param)=>{
+    var { id, expanded: expandedProp, defaultExpanded = false, onChange: onChangeProp, children, unmountOnCollapsed = false } = _param, restProps = _object_without_properties(_param, [
         "id",
         "expanded",
         "defaultExpanded",
         "onChange",
-        "children"
+        "children",
+        "unmountOnCollapsed"
     ]);
     const { labelId, contentId } = useAccordionId(id);
     const [expanded, onChange] = useCustomEnsuredControl({
@@ -35,12 +38,14 @@ export const Accordion = (_param)=>{
             labelId,
             contentId,
             expanded: expanded || false,
+            unmountOnCollapsed,
             onChange
         }), [
         contentId,
         expanded,
         labelId,
-        onChange
+        onChange,
+        unmountOnCollapsed
     ]);
     return /*#__PURE__*/ _jsx(AccordionContext.Provider, {
         value: context,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport type { HasChildren } from '../../types';\nimport { AccordionContent } from './AccordionContent';\nimport { AccordionContext } from './AccordionContext';\nimport { AccordionSummary } from './AccordionSummary';\n\nfunction useAccordionId(id: AccordionProps['id']) {\n const generatedId = React.useId();\n const labelId = id ?? `Accordion${generatedId}`;\n const contentId = `AccordionContent${id ?? generatedId}`;\n\n return { labelId, contentId };\n}\n\nexport interface AccordionProps extends HasChildren {\n /*\n Используется для генерации id для заголовка и контента(a11y).\n /\n id?: string;\n /\n Управляет раскрытием и скрытием контента.\n /\n expanded?: boolean;\n /\n Значение по умолчанию.\n /\n defaultExpanded?: boolean;\n /\n Возвращает новое значение при изменении раскрытия/сворачивания контента.\n /\n onChange?: (newValue: boolean) => void;\n /\n Блокировка взаимодействия с компонентом.\n */\n disabled?: boolean;\n}\n\nexport const Accordion: React.FC<AccordionProps> & {\n Summary: typeof AccordionSummary;\n Content: typeof AccordionContent;\n} = ({\n id,\n expanded: expandedProp,\n defaultExpanded = false,\n onChange: onChangeProp,\n children,\n ...restProps\n}: AccordionProps) => {\n const { labelId, contentId } = useAccordionId(id);\n\n const [expanded, onChange] = useCustomEnsuredControl({\n value: expandedProp,\n defaultValue: defaultExpanded,\n onChange: onChangeProp,\n disabled: restProps.disabled,\n });\n\n const context = React.useMemo(\n () => ({\n labelId,\n contentId,\n expanded: expanded \|\| false,\n onChange,\n }),\n [contentId, expanded, labelId, onChange],\n );\n\n return <AccordionContext.Provider value={context}>{children}</AccordionContext.Provider>;\n};\n\nAccordion.Summary = AccordionSummary;\nAccordion.Content = AccordionContent;\n\nif (process.env.NODE_ENV !== 'production') {\n defineComponentDisplayNames(Accordion.Summary, 'Accordion.Summary');\n defineComponentDisplayNames(Accordion.Content, 'Accordion.Content');\n}\n"],"names":["React","useCustomEnsuredControl","defineComponentDisplayNames","AccordionContent","AccordionContext","AccordionSummary","useAccordionId","id","generatedId","useId","labelId","contentId","Accordion","expanded","expandedProp","defaultExpanded","onChange","onChangeProp","children","restProps","value","defaultValue","disabled","context","useMemo","Provider","Summary","Content","process","env","NODE_ENV"],"mappings":"AAAA;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,mCAAgC;AACxE,SAASC,2BAA2B,QAAQ,iDAA8C;AAE1F,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,gBAAgB,~~QAAQ~~,wBAAqB;~~AACtD~~,SAASC,gBAAgB,QAAQ,wBAAqB;AAEtD,SAASC,eAAeC,EAAwB;IAC9C,MAAMC,cAAcR,MAAMS,KAAK;IAC/B,MAAMC,UAAUH,eAAAA,gBAAAA,KAAM,CAAC,SAAS,EAAEC,aAAa;IAC/C,MAAMG,YAAY,CAAC,gBAAgB,EAAEJ,eAAAA,gBAAAA,KAAMC,aAAa;IAExD,OAAO;QAAEE;QAASC;IAAU;AAC9B;~~AAyBA~~,OAAO,MAAMC,YAGT;QAAC,EACHL,EAAE,EACFM,UAAUC,YAAY,EACtBC,kBAAkB,KAAK,EACvBC,UAAUC,YAAY,EACtBC,QAAQ,~~EAEO~~,WADZC;~~QALHZ~~;QACAM;QACAE;QACAC;QACAE;;IAGA,MAAM,~~EAAER~~,OAAO,EAAEC,SAAS,EAAE,GAAGL,eAAeC;IAE9C,MAAM,CAACM,UAAUG,SAAS,GAAGf,wBAAwB;~~QACnDmB~~,~~OAAON~~;~~QACPO~~,~~cAAcN~~;QACdC,UAAUC;~~QACVK~~,UAAUH,UAAUG,QAAQ;IAC9B;IAEA,MAAMC,~~UAAUvB~~,~~MAAMwB~~,OAAO,CAC3B,IAAO,CAAA;~~YACLd~~;YACAC;YACAE,UAAUA,YAAY;~~YACtBG~~;QACF,CAAA,GACA;QAACL;QAAWE;QAAUH;QAASM;~~KAAS~~;~~IAG1C~~,qBAAO,~~KAACZ~~,~~iBAAiBqB~~,QAAQ;QAACL,OAAOG;~~kBAAUL~~;;AACrD,EAAE;AAEFN,~~UAAUc~~,OAAO,~~GAAGrB~~;AACpBO,~~UAAUe~~,OAAO,~~GAAGxB~~;AAEpB,~~IAAIyB~~,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;~~IACzC5B~~,4BAA4BU,~~UAAUc~~,OAAO,EAAE;IAC/~~CxB~~,4BAA4BU,~~UAAUe~~,OAAO,EAAE;AACjD"}
1	+ {"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport { type HasChildren } from '../../types';\nimport { AccordionContent } from './AccordionContent';\nimport { AccordionContext, type AccordionContextProps } from './AccordionContext';\nimport { AccordionSummary } from './AccordionSummary';\n\nfunction useAccordionId(id: AccordionProps['id']) {\n const generatedId = React.useId();\n const labelId = id ?? `Accordion${generatedId}`;\n const contentId = `AccordionContent${id ?? generatedId}`;\n\n return { labelId, contentId };\n}\n\nexport interface AccordionProps extends HasChildren {\n /*\n Используется для генерации id для заголовка и контента(a11y).\n /\n id?: string;\n /\n Управляет раскрытием и скрытием контента.\n /\n expanded?: boolean;\n /\n Значение по умолчанию.\n /\n defaultExpanded?: boolean;\n /\n Возвращает новое значение при изменении раскрытия/сворачивания контента.\n /\n onChange?: (newValue: boolean) => void;\n /\n Блокировка взаимодействия с компонентом.\n /\n disabled?: boolean;\n /\n Нужно ли удалять из DOM контент при сворачивании.\n /\n unmountOnCollapsed?: boolean;\n}\n\n/\n @see https://vkui.io/components/accordion\n */\nexport const Accordion: React.FC<AccordionProps> & {\n Summary: typeof AccordionSummary;\n Content: typeof AccordionContent;\n} = ({\n id,\n expanded: expandedProp,\n defaultExpanded = false,\n onChange: onChangeProp,\n children,\n unmountOnCollapsed = false,\n ...restProps\n}: AccordionProps) => {\n const { labelId, contentId } = useAccordionId(id);\n\n const [expanded, onChange] = useCustomEnsuredControl({\n value: expandedProp,\n defaultValue: defaultExpanded,\n onChange: onChangeProp,\n disabled: restProps.disabled,\n });\n\n const context = React.useMemo<AccordionContextProps>(\n () => ({\n labelId,\n contentId,\n expanded: expanded \|\| false,\n unmountOnCollapsed,\n onChange,\n }),\n [contentId, expanded, labelId, onChange, unmountOnCollapsed],\n );\n\n return <AccordionContext.Provider value={context}>{children}</AccordionContext.Provider>;\n};\n\nAccordion.Summary = AccordionSummary;\nAccordion.Content = AccordionContent;\n\nif (process.env.NODE_ENV !== 'production') {\n defineComponentDisplayNames(Accordion.Summary, 'Accordion.Summary');\n defineComponentDisplayNames(Accordion.Content, 'Accordion.Content');\n}\n"],"names":["React","useCustomEnsuredControl","defineComponentDisplayNames","AccordionContent","AccordionContext","AccordionSummary","useAccordionId","id","generatedId","useId","labelId","contentId","Accordion","expanded","expandedProp","defaultExpanded","onChange","onChangeProp","children","unmountOnCollapsed","restProps","value","defaultValue","disabled","context","useMemo","Provider","Summary","Content","process","env","NODE_ENV"],"mappings":"AAAA;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,mCAAgC;AACxE,SAASC,2BAA2B,QAAQ,iDAA8C;AAE1F,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,gBAAgB,QAAoC,wBAAqB;AAClF,SAASC,gBAAgB,QAAQ,wBAAqB;AAEtD,SAASC,eAAeC,EAAwB;IAC9C,MAAMC,cAAcR,MAAMS,KAAK;IAC/B,MAAMC,UAAUH,eAAAA,gBAAAA,KAAM,CAAC,SAAS,EAAEC,aAAa;IAC/C,MAAMG,YAAY,CAAC,gBAAgB,EAAEJ,eAAAA,gBAAAA,KAAMC,aAAa;IAExD,OAAO;QAAEE;QAASC;IAAU;AAC9B;AA6BA;;CAEC,GACD,OAAO,MAAMC,YAGT;QAAC,EACHL,EAAE,EACFM,UAAUC,YAAY,EACtBC,kBAAkB,KAAK,EACvBC,UAAUC,YAAY,EACtBC,QAAQ,EACRC,qBAAqB,KAAK,EAEX,WADZC;QANHb;QACAM;QACAE;QACAC;QACAE;QACAC;;IAGA,MAAM,EAAET,OAAO,EAAEC,SAAS,EAAE,GAAGL,eAAeC;IAE9C,MAAM,CAACM,UAAUG,SAAS,GAAGf,wBAAwB;QACnDoB,OAAOP;QACPQ,cAAcP;QACdC,UAAUC;QACVM,UAAUH,UAAUG,QAAQ;IAC9B;IAEA,MAAMC,UAAUxB,MAAMyB,OAAO,CAC3B,IAAO,CAAA;YACLf;YACAC;YACAE,UAAUA,YAAY;YACtBM;YACAH;QACF,CAAA,GACA;QAACL;QAAWE;QAAUH;QAASM;QAAUG;KAAmB;IAG9D,qBAAO,KAACf,iBAAiBsB,QAAQ;QAACL,OAAOG;kBAAUN;;AACrD,EAAE;AAEFN,UAAUe,OAAO,GAAGtB;AACpBO,UAAUgB,OAAO,GAAGzB;AAEpB,IAAI0B,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzC7B,4BAA4BU,UAAUe,OAAO,EAAE;IAC/CzB,4BAA4BU,UAAUgB,OAAO,EAAE;AACjD"}

package/dist/components/Accordion/AccordionContent.d.ts CHANGED Viewed

@@ -2,5 +2,5 @@ import * as React from 'react';
 import type { HasRef, HasRootRef } from '../../types';
 export interface AccordionContentProps extends HasRootRef<HTMLDivElement>, HasRef<HTMLDivElement>, React.HTMLAttributes<HTMLDivElement> {
 }
-export declare const AccordionContent: ({ getRootRef, getRef, className, children, ...restProps }: AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionContent: ({ getRootRef, getRef, className, children, ...restProps }: AccordionContentProps) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=AccordionContent.d.ts.map

package/dist/components/Accordion/AccordionContent.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAetD,MAAM,WAAW,qBACf,SAAQ,UAAU,CAAC,cAAc,CAAC,EAChC,MAAM,CAAC,cAAc,CAAC,EACtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,gBAAgB,GAAI,2DAM9B,qBAAqB,~~4CAiDvB~~,CAAC"}
1	+ {"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAetD,MAAM,WAAW,qBACf,SAAQ,UAAU,CAAC,cAAc,CAAC,EAChC,MAAM,CAAC,cAAc,CAAC,EACtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,gBAAgB,GAAI,2DAM9B,qBAAqB,mDAqDvB,CAAC"}

package/dist/components/Accordion/AccordionContent.js CHANGED Viewed

@@ -25,7 +25,7 @@ export const AccordionContent = (_param)=>{
         "className",
         "children"
     ]);
-    const { expanded, labelId, contentId } = React.useContext(AccordionContext);
+    const { expanded, labelId, contentId, unmountOnCollapsed } = React.useContext(AccordionContext);
     const inRef = useExternRef(getRef);
     const [animationState, animationHandlers] = useCSSKeyframesAnimationController(expanded ? 'enter' : 'exit', undefined, true);
     useIsomorphicLayoutEffect(()=>{
@@ -47,6 +47,9 @@ export const AccordionContent = (_param)=>{
         animationState,
         inRef
     ]);
+    if (unmountOnCollapsed && animationState === 'exited') {
+        return null;
+    }
     return /*#__PURE__*/ _jsx("div", _object_spread_props(_object_spread({
         ref: getRootRef,
         id: contentId,

package/dist/components/Accordion/AccordionContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Accordion/AccordionContent.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport type { HasRef, HasRootRef } from '../../types';\nimport { AccordionContext } from './AccordionContext';\nimport styles from './Accordion.module.css';\n\nconst CUSTOM_PROPERTY_ACCORDION_CONTENT_HEIGHT = '--vkui_internal--AccordionContent_height';\n\nconst stateClassNames = {\n enter: styles.inEnter,\n entering: styles.inEnter,\n entered: styles.inEntered,\n exit: styles.inExit,\n exiting: styles.inExit,\n exited: styles.inExited,\n};\n\nexport interface AccordionContentProps\n extends HasRootRef<HTMLDivElement>,\n HasRef<HTMLDivElement>,\n React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AccordionContent = ({\n getRootRef,\n getRef,\n className,\n children,\n ...restProps\n}: AccordionContentProps) => {\n const { expanded, labelId, contentId } = React.useContext(AccordionContext);\n\n const inRef = useExternRef(getRef);\n const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n expanded ? 'enter' : 'exit',\n undefined,\n true,\n );\n\n useIsomorphicLayoutEffect(() => {\n const inEl = inRef.current;\n\n /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */\n if (!inEl) {\n return;\n }\n\n switch (animationState) {\n case 'enter':\n case 'exit':\n inEl.style.setProperty(CUSTOM_PROPERTY_ACCORDION_CONTENT_HEIGHT, `${inEl.scrollHeight}px`);\n break;\n case 'entered':\n case 'exited':\n inEl.style.removeProperty(CUSTOM_PROPERTY_ACCORDION_CONTENT_HEIGHT);\n break;\n }\n }, [animationState, inRef]);\n\n return (\n <div\n ref={getRootRef}\n id={contentId}\n role=\"region\"\n aria-labelledby={labelId}\n aria-hidden={!expanded}\n className={classNames(styles.host, className)}\n {...restProps}\n >\n <div\n ref={inRef}\n className={classNames(styles.in, stateClassNames[animationState])}\n {...animationHandlers}\n >\n {children}\n </div>\n </div>\n );\n};\n"],"names":["React","classNames","useExternRef","useCSSKeyframesAnimationController","useIsomorphicLayoutEffect","AccordionContext","CUSTOM_PROPERTY_ACCORDION_CONTENT_HEIGHT","stateClassNames","enter","entering","entered","exit","exiting","exited","AccordionContent","getRootRef","getRef","className","children","restProps","expanded","labelId","contentId","useContext","inRef","animationState","animationHandlers","undefined","inEl","current","style","setProperty","scrollHeight","removeProperty","div","ref","id","role","aria-labelledby","aria-hidden"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,kCAAkC,QAAQ,+BAAsB;AACzE,SAASC,yBAAyB,QAAQ,yCAAsC;AAEhF,SAASC,gBAAgB,QAAQ,wBAAqB;AAGtD,MAAMC,2CAA2C;AAEjD,MAAMC,kBAAkB;IACtBC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,IAAI;IACJC,OAAO;IACPC,MAAM;AACR;AAOA,OAAO,MAAMC,mBAAmB;QAAC,EAC/BC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,QAAQ,EAEc,WADnBC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAE,~~GAAGtB~~,~~MAAMuB~~,UAAU,~~CAAClB~~;~~IAE1D~~,~~MAAMmB~~,~~QAAQtB~~,aAAac;IAC3B,MAAM,~~CAACS~~,gBAAgBC,kBAAkB,~~GAAGvB~~,mCAC1CiB,WAAW,UAAU,~~QACrBO~~,WACA;~~IAGFvB~~,0BAA0B;QACxB,~~MAAMwB~~,OAAOJ,MAAMK,OAAO;QAE1B,6EAA6E,GAC7E,IAAI,CAACD,MAAM;YACT;QACF;QAEA,OAAQH;YACN,KAAK;YACL,KAAK;gBACHG,KAAKE,KAAK,CAACC,WAAW,~~CAACzB~~,0CAA0C,~~GAAGsB~~,KAAKI,YAAY,CAAC,EAAE,CAAC;gBACzF;YACF,KAAK;YACL,KAAK;gBACHJ,KAAKE,KAAK,CAACG,cAAc,~~CAAC3B~~;gBAC1B;QACJ;IACF,GAAG;~~QAACmB~~;QAAgBD;KAAM;IAE1B,qBACE,~~KAACU~~;QACCC,~~KAAKpB~~;~~QACLqB~~,~~IAAId~~;~~QACJe~~,MAAK;QACLC,~~mBAAiBjB~~;~~QACjBkB~~,eAAa,~~CAACnB~~;QACdH,WAAWhB,kCAAwBgB;OAC/BE;kBAEJ,cAAA,~~KAACe~~;YACCC,KAAKX;~~YACLP~~,WAAWhB,gCAAsBM,eAAe,~~CAACkB~~,eAAe;WAC5DC;~~sBAEHR~~;;;AAIT,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/Accordion/AccordionContent.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport type { HasRef, HasRootRef } from '../../types';\nimport { AccordionContext } from './AccordionContext';\nimport styles from './Accordion.module.css';\n\nconst CUSTOM_PROPERTY_ACCORDION_CONTENT_HEIGHT = '--vkui_internal--AccordionContent_height';\n\nconst stateClassNames = {\n enter: styles.inEnter,\n entering: styles.inEnter,\n entered: styles.inEntered,\n exit: styles.inExit,\n exiting: styles.inExit,\n exited: styles.inExited,\n};\n\nexport interface AccordionContentProps\n extends HasRootRef<HTMLDivElement>,\n HasRef<HTMLDivElement>,\n React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AccordionContent = ({\n getRootRef,\n getRef,\n className,\n children,\n ...restProps\n}: AccordionContentProps) => {\n const { expanded, labelId, contentId, unmountOnCollapsed } = React.useContext(AccordionContext);\n\n const inRef = useExternRef(getRef);\n const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n expanded ? 'enter' : 'exit',\n undefined,\n true,\n );\n\n useIsomorphicLayoutEffect(() => {\n const inEl = inRef.current;\n\n /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */\n if (!inEl) {\n return;\n }\n\n switch (animationState) {\n case 'enter':\n case 'exit':\n inEl.style.setProperty(CUSTOM_PROPERTY_ACCORDION_CONTENT_HEIGHT, `${inEl.scrollHeight}px`);\n break;\n case 'entered':\n case 'exited':\n inEl.style.removeProperty(CUSTOM_PROPERTY_ACCORDION_CONTENT_HEIGHT);\n break;\n }\n }, [animationState, inRef]);\n\n if (unmountOnCollapsed && animationState === 'exited') {\n return null;\n }\n\n return (\n <div\n ref={getRootRef}\n id={contentId}\n role=\"region\"\n aria-labelledby={labelId}\n aria-hidden={!expanded}\n className={classNames(styles.host, className)}\n {...restProps}\n >\n <div\n ref={inRef}\n className={classNames(styles.in, stateClassNames[animationState])}\n {...animationHandlers}\n >\n {children}\n </div>\n </div>\n );\n};\n"],"names":["React","classNames","useExternRef","useCSSKeyframesAnimationController","useIsomorphicLayoutEffect","AccordionContext","CUSTOM_PROPERTY_ACCORDION_CONTENT_HEIGHT","stateClassNames","enter","entering","entered","exit","exiting","exited","AccordionContent","getRootRef","getRef","className","children","restProps","expanded","labelId","contentId","unmountOnCollapsed","useContext","inRef","animationState","animationHandlers","undefined","inEl","current","style","setProperty","scrollHeight","removeProperty","div","ref","id","role","aria-labelledby","aria-hidden"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,kCAAkC,QAAQ,+BAAsB;AACzE,SAASC,yBAAyB,QAAQ,yCAAsC;AAEhF,SAASC,gBAAgB,QAAQ,wBAAqB;AAGtD,MAAMC,2CAA2C;AAEjD,MAAMC,kBAAkB;IACtBC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,IAAI;IACJC,OAAO;IACPC,MAAM;AACR;AAOA,OAAO,MAAMC,mBAAmB;QAAC,EAC/BC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,QAAQ,EAEc,WADnBC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAEC,kBAAkB,EAAE,GAAGvB,MAAMwB,UAAU,CAACnB;IAE9E,MAAMoB,QAAQvB,aAAac;IAC3B,MAAM,CAACU,gBAAgBC,kBAAkB,GAAGxB,mCAC1CiB,WAAW,UAAU,QACrBQ,WACA;IAGFxB,0BAA0B;QACxB,MAAMyB,OAAOJ,MAAMK,OAAO;QAE1B,6EAA6E,GAC7E,IAAI,CAACD,MAAM;YACT;QACF;QAEA,OAAQH;YACN,KAAK;YACL,KAAK;gBACHG,KAAKE,KAAK,CAACC,WAAW,CAAC1B,0CAA0C,GAAGuB,KAAKI,YAAY,CAAC,EAAE,CAAC;gBACzF;YACF,KAAK;YACL,KAAK;gBACHJ,KAAKE,KAAK,CAACG,cAAc,CAAC5B;gBAC1B;QACJ;IACF,GAAG;QAACoB;QAAgBD;KAAM;IAE1B,IAAIF,sBAAsBG,mBAAmB,UAAU;QACrD,OAAO;IACT;IAEA,qBACE,KAACS;QACCC,KAAKrB;QACLsB,IAAIf;QACJgB,MAAK;QACLC,mBAAiBlB;QACjBmB,eAAa,CAACpB;QACdH,WAAWhB,kCAAwBgB;OAC/BE;kBAEJ,cAAA,KAACgB;YACCC,KAAKX;YACLR,WAAWhB,gCAAsBM,eAAe,CAACmB,eAAe;WAC5DC;sBAEHT;;;AAIT,EAAE"}

package/dist/components/Accordion/AccordionContext.d.ts CHANGED Viewed

@@ -13,10 +13,15 @@ export interface AccordionContextProps {
      * `true` - аккордеон развернут, `false` - аккордеон свернут.
      */
     expanded: boolean;
+    /**
+     * Нужно ли удалять из DOM контент при сворачивании.
+     */
+    unmountOnCollapsed: boolean;
     /**
      * Обработчик изменения состояния аккордеона.
      */
     onChange: (e: boolean) => void;
 }
 export declare const AccordionContext: React.Context<AccordionContextProps>;
+export declare const useAccordionContext: () => Pick<AccordionContextProps, "expanded" | "onChange">;
 //# sourceMappingURL=AccordionContext.d.ts.map

package/dist/components/Accordion/AccordionContext.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccordionContext.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionContext.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,qBAAqB,~~CAM9D~~,CAAC"}
1	+ {"version":3,"file":"AccordionContext.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,qBAAqB,CAO9D,CAAC;AAEL,eAAO,MAAM,mBAAmB,QAAO,IAAI,CAAC,qBAAqB,EAAE,UAAU,GAAG,UAAU,CASzF,CAAC"}

package/dist/components/Accordion/AccordionContext.js CHANGED Viewed

@@ -1,10 +1,22 @@
+import { useContext } from "react";
 import * as React from "react";
 import { noop } from "@vkontakte/vkjs";
 export const AccordionContext = /*#__PURE__*/ React.createContext({
     labelId: '',
     contentId: '',
     expanded: false,
+    unmountOnCollapsed: false,
     onChange: noop
 });
+export const useAccordionContext = ()=>{
+    const { expanded, onChange } = useContext(AccordionContext);
+    return React.useMemo(()=>({
+            expanded,
+            onChange
+        }), [
+        onChange,
+        expanded
+    ]);
+};
 //# sourceMappingURL=AccordionContext.js.map

package/dist/components/Accordion/AccordionContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Accordion/AccordionContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport interface AccordionContextProps {\n /*\n [a11y] Id для `Accordion.Summary`.\n /\n labelId: string;\n /\n [a11y] Id для свойства `Accordion.Content`.\n /\n contentId: string;\n /\n Состояние аккордеона\n * `true` - аккордеон развернут, `false` - аккордеон свернут.\n /\n expanded: boolean;\n /\n Обработчик изменения состояния аккордеона.\n */\n onChange: (e: boolean) => void;\n}\n\nexport const AccordionContext: React.Context<AccordionContextProps> =\n React.createContext<AccordionContextProps>({\n labelId: '',\n contentId: '',\n expanded: false,\n onChange: noop,\n });\n"],"names":["React","noop","AccordionContext","createContext","labelId","contentId","expanded","onChange"],"mappings":"AAAA,~~YAAYA~~,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;~~AAsBvC~~,OAAO,MAAMC,iCACXF,MAAMG,aAAa,CAAwB;IACzCC,SAAS;IACTC,WAAW;IACXC,UAAU;IACVC,~~UAAUN~~;AACZ,GAAG"}
1	+ {"version":3,"sources":["../../../src/components/Accordion/AccordionContext.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport interface AccordionContextProps {\n /*\n [a11y] Id для `Accordion.Summary`.\n /\n labelId: string;\n /\n [a11y] Id для свойства `Accordion.Content`.\n /\n contentId: string;\n /\n Состояние аккордеона\n * `true` - аккордеон развернут, `false` - аккордеон свернут.\n /\n expanded: boolean;\n /\n Нужно ли удалять из DOM контент при сворачивании.\n /\n unmountOnCollapsed: boolean;\n /\n Обработчик изменения состояния аккордеона.\n */\n onChange: (e: boolean) => void;\n}\n\nexport const AccordionContext: React.Context<AccordionContextProps> =\n React.createContext<AccordionContextProps>({\n labelId: '',\n contentId: '',\n expanded: false,\n unmountOnCollapsed: false,\n onChange: noop,\n });\n\nexport const useAccordionContext = (): Pick<AccordionContextProps, 'expanded' \| 'onChange'> => {\n const { expanded, onChange } = useContext(AccordionContext);\n return React.useMemo(\n () => ({\n expanded,\n onChange,\n }),\n [onChange, expanded],\n );\n};\n"],"names":["useContext","React","noop","AccordionContext","createContext","labelId","contentId","expanded","unmountOnCollapsed","onChange","useAccordionContext","useMemo"],"mappings":"AAAA,SAASA,UAAU,QAAQ,QAAQ;AACnC,YAAYC,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AA0BvC,OAAO,MAAMC,iCACXF,MAAMG,aAAa,CAAwB;IACzCC,SAAS;IACTC,WAAW;IACXC,UAAU;IACVC,oBAAoB;IACpBC,UAAUP;AACZ,GAAG;AAEL,OAAO,MAAMQ,sBAAsB;IACjC,MAAM,EAAEH,QAAQ,EAAEE,QAAQ,EAAE,GAAGT,WAAWG;IAC1C,OAAOF,MAAMU,OAAO,CAClB,IAAO,CAAA;YACLJ;YACAE;QACF,CAAA,GACA;QAACA;QAAUF;KAAS;AAExB,EAAE"}

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

@@ -46,7 +46,7 @@ export interface ActionSheetProps extends Pick<SharedDropdownProps, 'toggleRef'
     disabled?: boolean;
 }
 /**
- * @see https://vkcom.github.io/VKUI/#/ActionSheet
+ * @see https://vkui.io/components/action-sheet
  */
 export declare const ActionSheet: ({ children, className, title, description, style, iosCloseItem, popupOffsetDistance, placement, mode: modeProp, onClose, ...restProps }: ActionSheetProps) => React.ReactNode;
 export {};

package/dist/components/ActionSheet/ActionSheet.js CHANGED Viewed

@@ -17,7 +17,7 @@ import { ActionSheetDefaultIosCloseItem } from "./ActionSheetDefaultIosCloseItem
 import { ActionSheetDropdownMenu } from "./ActionSheetDropdownMenu.js";
 import { ActionSheetDropdownSheet } from "./ActionSheetDropdownSheet.js";
 /**
- * @see https://vkcom.github.io/VKUI/#/ActionSheet
+ * @see https://vkui.io/components/action-sheet
  */ export const ActionSheet = (_param)=>{
     var { children, className, title, description, style, iosCloseItem, popupOffsetDistance, placement, mode: modeProp, onClose } = _param, restProps = _object_without_properties(_param, [
         "children",

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { type UseFocusTrapProps } from '../../hooks/useFocusTrap';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { ActionSheetContext, type ItemClickHandler } from './ActionSheetContext';\nimport { ActionSheetDefaultIosCloseItem } from './ActionSheetDefaultIosCloseItem';\nimport { ActionSheetDropdownMenu } from './ActionSheetDropdownMenu';\nimport { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';\nimport type { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\ntype CloseInitiators = 'action-item' \| 'cancel-item' \| 'other';\nexport interface ActionSheetOnCloseOptions {\n /*\n Причина закрытия всплывающего элемента.\n /\n closedBy: CloseInitiators;\n}\n\nexport interface ActionSheetProps\n extends Pick<\n SharedDropdownProps,\n 'toggleRef' \| 'popupOffsetDistance' \| 'placement' \| 'allowClickPropagation'\n >,\n Omit<\n UseFocusTrapProps,\n 'onClose' \| 'mount' \| 'disabled' \| 'captureEscapeKeyboardEvent' \| 'mutationObserverOptions'\n >,\n Omit<React.HTMLAttributes<HTMLDivElement>, 'autoFocus' \| 'title'> {\n /\n Заголовок всплыващего окна.\n /\n title?: React.ReactNode;\n /\n Описание всплыващего окна, под заголовком.\n /\n description?: React.ReactNode;\n /\n Закрыть всплыващее окно по нажатию снаружи.\n /\n onClose: (options: ActionSheetOnCloseOptions) => void;\n /\n Только мобильный iOS.\n /\n iosCloseItem?: React.ReactNode;\n /\n Режим отображения компонента:\n \n - `sheet` – отображение снизу экрана в виде всплывающего окна, подходит для мобильных устройств\n * - `menu` – отображение в виде всплывающего элемента, относительно якорного элемента.\n /\n mode?: 'sheet' \| 'menu';\n /\n @deprecated Since 7.3.0.\n \n Свойство не используется и будет удалено в `v8`.\n /\n mount?: boolean;\n /\n @deprecated Since 7.3.0.\n \n Свойство не используется и будет удалено в `v8`.\n /\n disabled?: boolean;\n}\n\n/\n @see https://~~vkcom~~.~~github.~~io/~~VKUI/#/ActionSheet~~\n */\nexport const ActionSheet = ({\n children,\n className,\n title,\n description,\n style,\n iosCloseItem,\n popupOffsetDistance,\n placement,\n mode: modeProp,\n onClose,\n ...restProps\n}: ActionSheetProps): React.ReactNode => {\n const platform = usePlatform();\n const [closingBy, setClosingBy] = React.useState<undefined \| CloseInitiators>(undefined);\n const onCloseWithOther = React.useCallback(() => setClosingBy('other'), []);\n const actionCallbackRef = React.useRef(noop);\n\n const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n closingBy !== undefined ? 'exit' : 'enter',\n {\n onExited() {\n onClose({ closedBy: closingBy \|\| 'other' });\n actionCallbackRef.current();\n actionCallbackRef.current = noop;\n },\n },\n );\n\n const { isDesktop } = useAdaptivityWithJSMediaQueries();\n const mode = modeProp ?? (isDesktop ? 'menu' : 'sheet');\n\n useScrollLock(mode === 'sheet');\n\n const onItemClick = React.useCallback<ItemClickHandler>(\n ({ action, immediateAction, autoClose, isCancelItem }) =>\n (event) => {\n event.persist();\n immediateAction && immediateAction(event);\n if (autoClose) {\n if (action) {\n actionCallbackRef.current = () => action(event);\n }\n setClosingBy(isCancelItem ? 'cancel-item' : 'action-item');\n } else {\n action && action(event);\n }\n },\n [],\n );\n const contextValue = React.useMemo(\n () => ({ onItemClick, mode, onClose: onCloseWithOther }),\n [mode, onCloseWithOther, onItemClick],\n );\n\n const DropdownComponent = mode === 'menu' ? ActionSheetDropdownMenu : ActionSheetDropdownSheet;\n\n const dropdownProps =\n mode === 'menu' ? Object.assign(restProps, { popupOffsetDistance, placement }) : restProps;\n\n const actionSheet = (\n <ActionSheetContext.Provider value={contextValue}>\n <DropdownComponent\n closing={Boolean(closingBy)}\n role=\"dialog\"\n aria-modal=\"true\"\n autoFocus={animationState === 'entered'}\n {...dropdownProps}\n {...animationHandlers}\n onClose={onCloseWithOther}\n className={mode === 'menu' ? className : undefined}\n style={mode === 'menu' ? style : undefined}\n >\n <div className={styles.contentWrapper}>\n {(title \|\| description) && (\n <div className={styles.header}>\n {title && (\n <Footnote weight=\"2\" className={styles.title}>\n {title}\n </Footnote>\n )}\n {description && <Footnote className={styles.description}>{description}</Footnote>}\n </div>\n )}\n {children}\n </div>\n {platform === 'ios' && mode === 'sheet' && (\n <div className={styles.closeItemWrapperIos}>\n {iosCloseItem ?? <ActionSheetDefaultIosCloseItem />}\n </div>\n )}\n </DropdownComponent>\n </ActionSheetContext.Provider>\n );\n\n return (\n <AppRootPortal>\n <PopoutWrapper\n noBackground={mode === 'menu'}\n closing={Boolean(closingBy)}\n alignY=\"bottom\"\n className={className}\n style={style}\n onClick={onCloseWithOther}\n strategy=\"fixed\"\n >\n {actionSheet}\n </PopoutWrapper>\n </AppRootPortal>\n );\n};\n"],"names":["React","noop","useAdaptivityWithJSMediaQueries","usePlatform","useCSSKeyframesAnimationController","AppRootPortal","useScrollLock","PopoutWrapper","Footnote","ActionSheetContext","ActionSheetDefaultIosCloseItem","ActionSheetDropdownMenu","ActionSheetDropdownSheet","ActionSheet","children","className","title","description","style","iosCloseItem","popupOffsetDistance","placement","mode","modeProp","onClose","restProps","platform","closingBy","setClosingBy","useState","undefined","onCloseWithOther","useCallback","actionCallbackRef","useRef","animationState","animationHandlers","onExited","closedBy","current","isDesktop","onItemClick","action","immediateAction","autoClose","isCancelItem","event","persist","contextValue","useMemo","DropdownComponent","dropdownProps","Object","assign","actionSheet","Provider","value","closing","Boolean","role","aria-modal","autoFocus","div","weight","noBackground","alignY","onClick","strategy"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,+BAA+B,QAAQ,iDAA8C;AAE9F,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,kCAAkC,QAAQ,+BAAsB;AACzE,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,kBAAkB,QAA+B,0BAAuB;AACjF,SAASC,8BAA8B,QAAQ,sCAAmC;AAClF,SAASC,uBAAuB,QAAQ,+BAA4B;AACpE,SAASC,wBAAwB,QAAQ,gCAA6B;AA2DtE;;CAEC,GACD,OAAO,MAAMC,cAAc;QAAC,EAC1BC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,WAAW,EACXC,KAAK,EACLC,YAAY,EACZC,mBAAmB,EACnBC,SAAS,EACTC,MAAMC,QAAQ,EACdC,OAAO,EAEU,WADdC;QAVHX;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;;IAGA,MAAME,WAAWvB;IACjB,MAAM,CAACwB,WAAWC,aAAa,GAAG5B,MAAM6B,QAAQ,CAA8BC;IAC9E,MAAMC,mBAAmB/B,MAAMgC,WAAW,CAAC,IAAMJ,aAAa,UAAU,EAAE;IAC1E,MAAMK,oBAAoBjC,MAAMkC,MAAM,CAACjC;IAEvC,MAAM,CAACkC,gBAAgBC,kBAAkB,GAAGhC,mCAC1CuB,cAAcG,YAAY,SAAS,SACnC;QACEO;YACEb,QAAQ;gBAAEc,UAAUX,aAAa;YAAQ;YACzCM,kBAAkBM,OAAO;YACzBN,kBAAkBM,OAAO,GAAGtC;QAC9B;IACF;IAGF,MAAM,EAAEuC,SAAS,EAAE,GAAGtC;IACtB,MAAMoB,OAAOC,qBAAAA,sBAAAA,WAAaiB,YAAY,SAAS;IAE/ClC,cAAcgB,SAAS;IAEvB,MAAMmB,cAAczC,MAAMgC,WAAW,CACnC,CAAC,EAAEU,MAAM,EAAEC,eAAe,EAAEC,SAAS,EAAEC,YAAY,EAAE,GACnD,CAACC;YACCA,MAAMC,OAAO;YACbJ,mBAAmBA,gBAAgBG;YACnC,IAAIF,WAAW;gBACb,IAAIF,QAAQ;oBACVT,kBAAkBM,OAAO,GAAG,IAAMG,OAAOI;gBAC3C;gBACAlB,aAAaiB,eAAe,gBAAgB;YAC9C,OAAO;gBACLH,UAAUA,OAAOI;YACnB;QACF,GACF,EAAE;IAEJ,MAAME,eAAehD,MAAMiD,OAAO,CAChC,IAAO,CAAA;YAAER;YAAanB;YAAME,SAASO;QAAiB,CAAA,GACtD;QAACT;QAAMS;QAAkBU;KAAY;IAGvC,MAAMS,oBAAoB5B,SAAS,SAASX,0BAA0BC;IAEtE,MAAMuC,gBACJ7B,SAAS,SAAS8B,OAAOC,MAAM,CAAC5B,WAAW;QAAEL;QAAqBC;IAAU,KAAKI;IAEnF,MAAM6B,4BACJ,KAAC7C,mBAAmB8C,QAAQ;QAACC,OAAOR;kBAClC,cAAA,MAACE;YACCO,SAASC,QAAQ/B;YACjBgC,MAAK;YACLC,cAAW;YACXC,WAAW1B,mBAAmB;WAC1BgB,eACAf;YACJZ,SAASO;YACThB,WAAWO,SAAS,SAASP,YAAYe;YACzCZ,OAAOI,SAAS,SAASJ,QAAQY;;8BAEjC,MAACgC;oBAAI/C,SAAS;;wBACVC,CAAAA,SAASC,WAAU,mBACnB,MAAC6C;4BAAI/C,SAAS;;gCACXC,uBACC,KAACR;oCAASuD,QAAO;oCAAIhD,SAAS;8CAC3BC;;gCAGJC,6BAAe,KAACT;oCAASO,SAAS;8CAAuBE;;;;wBAG7DH;;;gBAEFY,aAAa,SAASJ,SAAS,yBAC9B,KAACwC;oBAAI/C,SAAS;8BACXI,yBAAAA,0BAAAA,6BAAgB,KAACT;;;;;IAO5B,qBACE,KAACL;kBACC,cAAA,KAACE;YACCyD,cAAc1C,SAAS;YACvBmC,SAASC,QAAQ/B;YACjBsC,QAAO;YACPlD,WAAWA;YACXG,OAAOA;YACPgD,SAASnC;YACToC,UAAS;sBAERb;;;AAIT,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { type UseFocusTrapProps } from '../../hooks/useFocusTrap';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { ActionSheetContext, type ItemClickHandler } from './ActionSheetContext';\nimport { ActionSheetDefaultIosCloseItem } from './ActionSheetDefaultIosCloseItem';\nimport { ActionSheetDropdownMenu } from './ActionSheetDropdownMenu';\nimport { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';\nimport type { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\ntype CloseInitiators = 'action-item' \| 'cancel-item' \| 'other';\nexport interface ActionSheetOnCloseOptions {\n /*\n Причина закрытия всплывающего элемента.\n /\n closedBy: CloseInitiators;\n}\n\nexport interface ActionSheetProps\n extends Pick<\n SharedDropdownProps,\n 'toggleRef' \| 'popupOffsetDistance' \| 'placement' \| 'allowClickPropagation'\n >,\n Omit<\n UseFocusTrapProps,\n 'onClose' \| 'mount' \| 'disabled' \| 'captureEscapeKeyboardEvent' \| 'mutationObserverOptions'\n >,\n Omit<React.HTMLAttributes<HTMLDivElement>, 'autoFocus' \| 'title'> {\n /\n Заголовок всплыващего окна.\n /\n title?: React.ReactNode;\n /\n Описание всплыващего окна, под заголовком.\n /\n description?: React.ReactNode;\n /\n Закрыть всплыващее окно по нажатию снаружи.\n /\n onClose: (options: ActionSheetOnCloseOptions) => void;\n /\n Только мобильный iOS.\n /\n iosCloseItem?: React.ReactNode;\n /\n Режим отображения компонента:\n \n - `sheet` – отображение снизу экрана в виде всплывающего окна, подходит для мобильных устройств\n * - `menu` – отображение в виде всплывающего элемента, относительно якорного элемента.\n /\n mode?: 'sheet' \| 'menu';\n /\n @deprecated Since 7.3.0.\n \n Свойство не используется и будет удалено в `v8`.\n /\n mount?: boolean;\n /\n @deprecated Since 7.3.0.\n \n Свойство не используется и будет удалено в `v8`.\n /\n disabled?: boolean;\n}\n\n/\n @see https://vkui.io/components/action-sheet\n */\nexport const ActionSheet = ({\n children,\n className,\n title,\n description,\n style,\n iosCloseItem,\n popupOffsetDistance,\n placement,\n mode: modeProp,\n onClose,\n ...restProps\n}: ActionSheetProps): React.ReactNode => {\n const platform = usePlatform();\n const [closingBy, setClosingBy] = React.useState<undefined \| CloseInitiators>(undefined);\n const onCloseWithOther = React.useCallback(() => setClosingBy('other'), []);\n const actionCallbackRef = React.useRef(noop);\n\n const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n closingBy !== undefined ? 'exit' : 'enter',\n {\n onExited() {\n onClose({ closedBy: closingBy \|\| 'other' });\n actionCallbackRef.current();\n actionCallbackRef.current = noop;\n },\n },\n );\n\n const { isDesktop } = useAdaptivityWithJSMediaQueries();\n const mode = modeProp ?? (isDesktop ? 'menu' : 'sheet');\n\n useScrollLock(mode === 'sheet');\n\n const onItemClick = React.useCallback<ItemClickHandler>(\n ({ action, immediateAction, autoClose, isCancelItem }) =>\n (event) => {\n event.persist();\n immediateAction && immediateAction(event);\n if (autoClose) {\n if (action) {\n actionCallbackRef.current = () => action(event);\n }\n setClosingBy(isCancelItem ? 'cancel-item' : 'action-item');\n } else {\n action && action(event);\n }\n },\n [],\n );\n const contextValue = React.useMemo(\n () => ({ onItemClick, mode, onClose: onCloseWithOther }),\n [mode, onCloseWithOther, onItemClick],\n );\n\n const DropdownComponent = mode === 'menu' ? ActionSheetDropdownMenu : ActionSheetDropdownSheet;\n\n const dropdownProps =\n mode === 'menu' ? Object.assign(restProps, { popupOffsetDistance, placement }) : restProps;\n\n const actionSheet = (\n <ActionSheetContext.Provider value={contextValue}>\n <DropdownComponent\n closing={Boolean(closingBy)}\n role=\"dialog\"\n aria-modal=\"true\"\n autoFocus={animationState === 'entered'}\n {...dropdownProps}\n {...animationHandlers}\n onClose={onCloseWithOther}\n className={mode === 'menu' ? className : undefined}\n style={mode === 'menu' ? style : undefined}\n >\n <div className={styles.contentWrapper}>\n {(title \|\| description) && (\n <div className={styles.header}>\n {title && (\n <Footnote weight=\"2\" className={styles.title}>\n {title}\n </Footnote>\n )}\n {description && <Footnote className={styles.description}>{description}</Footnote>}\n </div>\n )}\n {children}\n </div>\n {platform === 'ios' && mode === 'sheet' && (\n <div className={styles.closeItemWrapperIos}>\n {iosCloseItem ?? <ActionSheetDefaultIosCloseItem />}\n </div>\n )}\n </DropdownComponent>\n </ActionSheetContext.Provider>\n );\n\n return (\n <AppRootPortal>\n <PopoutWrapper\n noBackground={mode === 'menu'}\n closing={Boolean(closingBy)}\n alignY=\"bottom\"\n className={className}\n style={style}\n onClick={onCloseWithOther}\n strategy=\"fixed\"\n >\n {actionSheet}\n </PopoutWrapper>\n </AppRootPortal>\n );\n};\n"],"names":["React","noop","useAdaptivityWithJSMediaQueries","usePlatform","useCSSKeyframesAnimationController","AppRootPortal","useScrollLock","PopoutWrapper","Footnote","ActionSheetContext","ActionSheetDefaultIosCloseItem","ActionSheetDropdownMenu","ActionSheetDropdownSheet","ActionSheet","children","className","title","description","style","iosCloseItem","popupOffsetDistance","placement","mode","modeProp","onClose","restProps","platform","closingBy","setClosingBy","useState","undefined","onCloseWithOther","useCallback","actionCallbackRef","useRef","animationState","animationHandlers","onExited","closedBy","current","isDesktop","onItemClick","action","immediateAction","autoClose","isCancelItem","event","persist","contextValue","useMemo","DropdownComponent","dropdownProps","Object","assign","actionSheet","Provider","value","closing","Boolean","role","aria-modal","autoFocus","div","weight","noBackground","alignY","onClick","strategy"],"mappings":"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"}

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

@@ -66,7 +66,7 @@ export interface ActionSheetItemProps extends React.HTMLAttributes<HTMLElement>,
     isCancelItem?: boolean;
 }
 /**
- * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
+ * @see https://vkui.io/components/action-sheet#action-sheet-item
  */
 export declare const ActionSheetItem: ({ children, autoCloseDisabled, mode, meta, subtitle, before, after, selectable, value, name, checked, defaultChecked, onChange, onClick, onImmediateClick, multiline, iconChecked, isCancelItem, ...restProps }: ActionSheetItemProps) => React.ReactNode;
 //# sourceMappingURL=ActionSheetItem.d.ts.map

package/dist/components/ActionSheetItem/ActionSheetItem.js CHANGED Viewed

@@ -16,7 +16,7 @@ import { Title } from "../Typography/Title/Title.js";
 import { isRealClickEvent } from "./helpers.js";
 import { Radio } from "./subcomponents/Radio/Radio.js";
 /**
- * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
+ * @see https://vkui.io/components/action-sheet#action-sheet-item
  */ export const ActionSheetItem = (_param)=>{
     var { children, autoCloseDisabled = false, mode = 'default', meta, subtitle, before, after, selectable, value, name, checked, defaultChecked, onChange, onClick, onImmediateClick, multiline = false, iconChecked, isCancelItem } = _param, restProps = _object_without_properties(_param, [
         "children",

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { ActionSheetContext, type ActionSheetContextType } from '../ActionSheet/ActionSheetContext';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport { isRealClickEvent } from './helpers';\nimport { Radio } from './subcomponents/Radio/Radio';\nimport styles from './ActionSheetItem.module.css';\n\nexport interface ActionSheetItemProps\n extends React.HTMLAttributes<HTMLElement>,\n React.AnchorHTMLAttributes<HTMLElement>,\n Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' \| 'checked' \| 'value'> {\n /*\n Свойство, определяющее внешний вид элемента действия.\n /\n mode?: 'default' \| 'destructive' \| 'cancel';\n /\n Если указано, элемент будет использоваться как ссылка.\n /\n href?: string;\n /\n Атрибут `target` для тега `<a>`.\n /\n target?: string;\n /\n Иконка или другой React-элемент для отображения перед основным контентом.\n /\n before?: React.ReactNode;\n /\n Иконка или другой React-элемент для отображения после основного контента.\n /\n after?: React.ReactNode;\n /\n Дополнительная информация, отображаемая рядом с основным контентом.\n /\n meta?: React.ReactNode;\n /\n Слот для подсказки или вспомогательного текста.\n /\n subtitle?: React.ReactNode;\n /\n По умолчанию нажатие на опцию вызывает переданную в `ActionSheet` функцию `onClose`, данное свойство\n * позволяет отключить такое поведение.\n /\n autoCloseDisabled?: boolean;\n /\n Включает возможность выбрать элемент (отображает радиокнопку).\n /\n selectable?: boolean;\n /\n Блокировка взаимодействия с компонентом.\n /\n disabled?: boolean;\n /\n Все текстовые элементы при необходимости занимают несколько строк.\n /\n multiline?: boolean;\n /\n По умолчанию `onClick` будет вызван после завершения анимации скрытия и после вызова `onClose`.\n * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n * Если вам нужен объект события именно на момент нажатия, используйте `onImmediateClick`.\n /\n onClick?: React.MouseEventHandler<HTMLElement>;\n /\n Обработчик нажатия, вызывающийся непосредственно в момент нажатия (в отличие от `onClick`).\n /\n onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n /\n Иконка для `selectable` режима.\n /\n iconChecked?: React.ReactNode;\n /\n Позволяет отделить `ActionItem` от `CancelItem` для определении того,\n * кто вызвал закрытие `ActionSheet`. Используется в `ActionSheet.onClose()`.\n /\n isCancelItem?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ActionSheetItem\n */\nexport const ActionSheetItem = ({\n children,\n autoCloseDisabled = false,\n mode = 'default',\n meta,\n subtitle,\n before,\n after,\n selectable,\n value,\n name,\n checked,\n defaultChecked,\n onChange,\n onClick,\n onImmediateClick,\n multiline = false,\n iconChecked,\n isCancelItem,\n ...restProps\n}: ActionSheetItemProps): React.ReactNode => {\n const platform = usePlatform();\n const {\n onItemClick = () => noop,\n mode: actionSheetMode,\n onClose: onActionSheetClose,\n } = React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n const { sizeY } = useAdaptivityWithJSMediaQueries();\n\n const Component: React.ElementType \| undefined = selectable ? 'label' : undefined;\n\n const isRich = subtitle \|\| meta \|\| selectable;\n const isCentered = !isRich && !before && platform === 'ios';\n\n const onItemClickHandler = React.useCallback(\n (e: React.MouseEvent) => {\n onItemClick({\n action: onClick,\n immediateAction: onImmediateClick,\n autoClose: !autoCloseDisabled,\n isCancelItem: Boolean(isCancelItem),\n })?.(e);\n },\n [autoCloseDisabled, isCancelItem, onClick, onImmediateClick, onItemClick],\n );\n\n const onKeyDown: React.KeyboardEventHandler<HTMLElement> = React.useCallback(\n (event) => {\n if (pressedKey(event) === Keys.ENTER) {\n onActionSheetClose?.();\n }\n },\n [onActionSheetClose],\n );\n\n const onItemClickImpl: React.MouseEventHandler<HTMLElement> = React.useCallback(\n (event) => {\n if (selectable) {\n if (isRealClickEvent(event)) {\n onItemClickHandler(event);\n }\n } else {\n onItemClickHandler(event);\n }\n },\n [onItemClickHandler, selectable],\n );\n\n return (\n <Tappable\n {...(Component && { Component })}\n {...restProps}\n onClick={onItemClickImpl}\n activeMode={platform === 'ios' ? styles.active : undefined}\n baseClassName={classNames(\n styles.host,\n platform === 'ios' && styles.ios,\n mode === 'cancel' && styles.modeCancel,\n mode === 'destructive' && styles.modeDestructive,\n sizeY === 'compact' && styles.sizeYCompact,\n isRich && styles.rich,\n actionSheetMode === 'menu' && styles.menu,\n restProps.disabled && styles.disabled,\n )}\n onKeyDown={onKeyDown}\n >\n {before && <div className={styles.before}>{before}</div>}\n <div className={classNames(styles.container, !multiline && styles.ellipsis)}>\n <div className={classNames(styles.content, isCentered && styles.centered)}>\n {platform === 'ios' ? (\n <Title\n className={styles.children}\n weight={mode === 'cancel' ? '2' : '3'}\n level={isCentered ? '2' : '3'}\n >\n {children}\n </Title>\n ) : (\n <Text className={styles.children}>{children}</Text>\n )}\n {meta && <Text className={styles.meta}>{meta}</Text>}\n </div>\n {subtitle && <Subhead className={styles.subtitle}>{subtitle}</Subhead>}\n </div>\n {(selectable \|\| after) && (\n <div className={styles.after}>\n {after}\n {selectable && (\n <Radio\n name={name}\n value={value}\n onChange={onChange}\n defaultChecked={defaultChecked}\n checked={checked}\n disabled={restProps.disabled}\n >\n {iconChecked}\n </Radio>\n )}\n </div>\n )}\n </Tappable>\n );\n};\n"],"names":["React","classNames","noop","useAdaptivityWithJSMediaQueries","usePlatform","Keys","pressedKey","ActionSheetContext","Tappable","Subhead","Text","Title","isRealClickEvent","Radio","ActionSheetItem","children","autoCloseDisabled","mode","meta","subtitle","before","after","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconChecked","isCancelItem","restProps","platform","onItemClick","actionSheetMode","onClose","onActionSheetClose","useContext","sizeY","Component","undefined","isRich","isCentered","onItemClickHandler","useCallback","e","action","immediateAction","autoClose","Boolean","onKeyDown","event","ENTER","onItemClickImpl","activeMode","baseClassName","disabled","div","className","weight","level"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { ActionSheetContext, type ActionSheetContextType } from '../ActionSheet/ActionSheetContext';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport { isRealClickEvent } from './helpers';\nimport { Radio } from './subcomponents/Radio/Radio';\nimport styles from './ActionSheetItem.module.css';\n\nexport interface ActionSheetItemProps\n extends React.HTMLAttributes<HTMLElement>,\n React.AnchorHTMLAttributes<HTMLElement>,\n Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' \| 'checked' \| 'value'> {\n /*\n Свойство, определяющее внешний вид элемента действия.\n /\n mode?: 'default' \| 'destructive' \| 'cancel';\n /\n Если указано, элемент будет использоваться как ссылка.\n /\n href?: string;\n /\n Атрибут `target` для тега `<a>`.\n /\n target?: string;\n /\n Иконка или другой React-элемент для отображения перед основным контентом.\n /\n before?: React.ReactNode;\n /\n Иконка или другой React-элемент для отображения после основного контента.\n /\n after?: React.ReactNode;\n /\n Дополнительная информация, отображаемая рядом с основным контентом.\n /\n meta?: React.ReactNode;\n /\n Слот для подсказки или вспомогательного текста.\n /\n subtitle?: React.ReactNode;\n /\n По умолчанию нажатие на опцию вызывает переданную в `ActionSheet` функцию `onClose`, данное свойство\n * позволяет отключить такое поведение.\n /\n autoCloseDisabled?: boolean;\n /\n Включает возможность выбрать элемент (отображает радиокнопку).\n /\n selectable?: boolean;\n /\n Блокировка взаимодействия с компонентом.\n /\n disabled?: boolean;\n /\n Все текстовые элементы при необходимости занимают несколько строк.\n /\n multiline?: boolean;\n /\n По умолчанию `onClick` будет вызван после завершения анимации скрытия и после вызова `onClose`.\n * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n * Если вам нужен объект события именно на момент нажатия, используйте `onImmediateClick`.\n /\n onClick?: React.MouseEventHandler<HTMLElement>;\n /\n Обработчик нажатия, вызывающийся непосредственно в момент нажатия (в отличие от `onClick`).\n /\n onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n /\n Иконка для `selectable` режима.\n /\n iconChecked?: React.ReactNode;\n /\n Позволяет отделить `ActionItem` от `CancelItem` для определении того,\n * кто вызвал закрытие `ActionSheet`. Используется в `ActionSheet.onClose()`.\n /\n isCancelItem?: boolean;\n}\n\n/\n @see https://vkui.io/components/action-sheet#action-sheet-item\n */\nexport const ActionSheetItem = ({\n children,\n autoCloseDisabled = false,\n mode = 'default',\n meta,\n subtitle,\n before,\n after,\n selectable,\n value,\n name,\n checked,\n defaultChecked,\n onChange,\n onClick,\n onImmediateClick,\n multiline = false,\n iconChecked,\n isCancelItem,\n ...restProps\n}: ActionSheetItemProps): React.ReactNode => {\n const platform = usePlatform();\n const {\n onItemClick = () => noop,\n mode: actionSheetMode,\n onClose: onActionSheetClose,\n } = React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n const { sizeY } = useAdaptivityWithJSMediaQueries();\n\n const Component: React.ElementType \| undefined = selectable ? 'label' : undefined;\n\n const isRich = subtitle \|\| meta \|\| selectable;\n const isCentered = !isRich && !before && platform === 'ios';\n\n const onItemClickHandler = React.useCallback(\n (e: React.MouseEvent) => {\n onItemClick({\n action: onClick,\n immediateAction: onImmediateClick,\n autoClose: !autoCloseDisabled,\n isCancelItem: Boolean(isCancelItem),\n })?.(e);\n },\n [autoCloseDisabled, isCancelItem, onClick, onImmediateClick, onItemClick],\n );\n\n const onKeyDown: React.KeyboardEventHandler<HTMLElement> = React.useCallback(\n (event) => {\n if (pressedKey(event) === Keys.ENTER) {\n onActionSheetClose?.();\n }\n },\n [onActionSheetClose],\n );\n\n const onItemClickImpl: React.MouseEventHandler<HTMLElement> = React.useCallback(\n (event) => {\n if (selectable) {\n if (isRealClickEvent(event)) {\n onItemClickHandler(event);\n }\n } else {\n onItemClickHandler(event);\n }\n },\n [onItemClickHandler, selectable],\n );\n\n return (\n <Tappable\n {...(Component && { Component })}\n {...restProps}\n onClick={onItemClickImpl}\n activeMode={platform === 'ios' ? styles.active : undefined}\n baseClassName={classNames(\n styles.host,\n platform === 'ios' && styles.ios,\n mode === 'cancel' && styles.modeCancel,\n mode === 'destructive' && styles.modeDestructive,\n sizeY === 'compact' && styles.sizeYCompact,\n isRich && styles.rich,\n actionSheetMode === 'menu' && styles.menu,\n restProps.disabled && styles.disabled,\n )}\n onKeyDown={onKeyDown}\n >\n {before && <div className={styles.before}>{before}</div>}\n <div className={classNames(styles.container, !multiline && styles.ellipsis)}>\n <div className={classNames(styles.content, isCentered && styles.centered)}>\n {platform === 'ios' ? (\n <Title\n className={styles.children}\n weight={mode === 'cancel' ? '2' : '3'}\n level={isCentered ? '2' : '3'}\n >\n {children}\n </Title>\n ) : (\n <Text className={styles.children}>{children}</Text>\n )}\n {meta && <Text className={styles.meta}>{meta}</Text>}\n </div>\n {subtitle && <Subhead className={styles.subtitle}>{subtitle}</Subhead>}\n </div>\n {(selectable \|\| after) && (\n <div className={styles.after}>\n {after}\n {selectable && (\n <Radio\n name={name}\n value={value}\n onChange={onChange}\n defaultChecked={defaultChecked}\n checked={checked}\n disabled={restProps.disabled}\n >\n {iconChecked}\n </Radio>\n )}\n </div>\n )}\n </Tappable>\n );\n};\n"],"names":["React","classNames","noop","useAdaptivityWithJSMediaQueries","usePlatform","Keys","pressedKey","ActionSheetContext","Tappable","Subhead","Text","Title","isRealClickEvent","Radio","ActionSheetItem","children","autoCloseDisabled","mode","meta","subtitle","before","after","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconChecked","isCancelItem","restProps","platform","onItemClick","actionSheetMode","onClose","onActionSheetClose","useContext","sizeY","Component","undefined","isRich","isCentered","onItemClickHandler","useCallback","e","action","immediateAction","autoClose","Boolean","onKeyDown","event","ENTER","onItemClickImpl","activeMode","baseClassName","disabled","div","className","weight","level"],"mappings":"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"}

package/dist/components/AdaptiveIconRenderer/AdaptiveIconRenderer.d.ts CHANGED Viewed

@@ -15,7 +15,7 @@ export interface AdaptiveIconRendererProps {
 }
 /**
  * @since 5.4.0
- * @see https://vkcom.github.io/VKUI/#/AdaptiveIconRenderer
+ * @see https://vkui.io/components/adaptive-icon-renderer
  */
 export declare const AdaptiveIconRenderer: ({ IconCompact, IconRegular, }: AdaptiveIconRendererProps) => React.ReactNode;
 //# sourceMappingURL=AdaptiveIconRenderer.d.ts.map

package/dist/components/AdaptiveIconRenderer/AdaptiveIconRenderer.js CHANGED Viewed

@@ -4,7 +4,7 @@ import * as React from "react";
 import { useAdaptivityConditionalRender } from "../../hooks/useAdaptivityConditionalRender/index.js";
 /**
  * @since 5.4.0
- * @see https://vkcom.github.io/VKUI/#/AdaptiveIconRenderer
+ * @see https://vkui.io/components/adaptive-icon-renderer
  */ export const AdaptiveIconRenderer = ({ IconCompact, IconRegular })=>{
     const { sizeY } = useAdaptivityConditionalRender();
     return /*#__PURE__*/ _jsxs(React.Fragment, {

package/dist/components/AdaptiveIconRenderer/AdaptiveIconRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/AdaptiveIconRenderer/AdaptiveIconRenderer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\n\nexport interface AdaptiveIconRendererProps {\n /*\n Компонент иконки для компактного размера.\n /\n IconCompact: React.ComponentType<{ className?: string }>;\n /\n Компонент иконки для обычного размера.\n /\n IconRegular: React.ComponentType<{ className?: string }>;\n}\n\n/\n @since 5.4.0\n * @see https://~~vkcom~~.~~github.~~io/~~VKUI/#/AdaptiveIconRenderer~~\n */\nexport const AdaptiveIconRenderer = ({\n IconCompact,\n IconRegular,\n}: AdaptiveIconRendererProps): React.ReactNode => {\n const { sizeY } = useAdaptivityConditionalRender();\n\n return (\n <React.Fragment>\n {sizeY.compact && <IconCompact className={sizeY.compact.className} />}\n {sizeY.regular && <IconRegular className={sizeY.regular.className} />}\n </React.Fragment>\n );\n};\n"],"names":["React","useAdaptivityConditionalRender","AdaptiveIconRenderer","IconCompact","IconRegular","sizeY","Fragment","compact","className","regular"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,8BAA8B,QAAQ,sDAA6C;AAa5F;;;CAGC,GACD,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,WAAW,EACXC,WAAW,EACe;IAC1B,MAAM,EAAEC,KAAK,EAAE,GAAGJ;IAElB,qBACE,MAACD,MAAMM,QAAQ;;YACZD,MAAME,OAAO,kBAAI,KAACJ;gBAAYK,WAAWH,MAAME,OAAO,CAACC,SAAS;;YAChEH,MAAMI,OAAO,kBAAI,KAACL;gBAAYI,WAAWH,MAAMI,OAAO,CAACD,SAAS;;;;AAGvE,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/AdaptiveIconRenderer/AdaptiveIconRenderer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\n\nexport interface AdaptiveIconRendererProps {\n /*\n Компонент иконки для компактного размера.\n /\n IconCompact: React.ComponentType<{ className?: string }>;\n /\n Компонент иконки для обычного размера.\n /\n IconRegular: React.ComponentType<{ className?: string }>;\n}\n\n/\n @since 5.4.0\n * @see https://vkui.io/components/adaptive-icon-renderer\n */\nexport const AdaptiveIconRenderer = ({\n IconCompact,\n IconRegular,\n}: AdaptiveIconRendererProps): React.ReactNode => {\n const { sizeY } = useAdaptivityConditionalRender();\n\n return (\n <React.Fragment>\n {sizeY.compact && <IconCompact className={sizeY.compact.className} />}\n {sizeY.regular && <IconRegular className={sizeY.regular.className} />}\n </React.Fragment>\n );\n};\n"],"names":["React","useAdaptivityConditionalRender","AdaptiveIconRenderer","IconCompact","IconRegular","sizeY","Fragment","compact","className","regular"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,8BAA8B,QAAQ,sDAA6C;AAa5F;;;CAGC,GACD,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,WAAW,EACXC,WAAW,EACe;IAC1B,MAAM,EAAEC,KAAK,EAAE,GAAGJ;IAElB,qBACE,MAACD,MAAMM,QAAQ;;YACZD,MAAME,OAAO,kBAAI,KAACJ;gBAAYK,WAAWH,MAAME,OAAO,CAACC,SAAS;;YAChEH,MAAMI,OAAO,kBAAI,KAACL;gBAAYI,WAAWH,MAAMI,OAAO,CAACD,SAAS;;;;AAGvE,EAAE"}

package/dist/components/AdaptivityProvider/AdaptivityProvider.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { type AdaptivityProps } from './AdaptivityContext';
 export interface AdaptivityProviderProps extends AdaptivityProps, HasChildren {
 }
 /**
- * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider
+ * @see https://vkui.io/components/adaptivity-provider
  */
 export declare const AdaptivityProvider: ({ viewWidth, viewHeight, sizeX: sizeXProp, sizeY: sizeYProp, hasPointer, hasHover, children, }: AdaptivityProviderProps) => React.ReactNode;
 //# sourceMappingURL=AdaptivityProvider.d.ts.map

package/dist/components/AdaptivityProvider/AdaptivityProvider.js CHANGED Viewed

@@ -4,7 +4,7 @@ import * as React from "react";
 import { getSizeX, isCompactByViewHeight, isCompactByViewWidth } from "../../lib/adaptivity/index.js";
 import { AdaptivityContext } from "./AdaptivityContext.js";
 /**
- * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider
+ * @see https://vkui.io/components/adaptivity-provider
  */ export const AdaptivityProvider = ({ viewWidth, viewHeight, sizeX: sizeXProp, sizeY: sizeYProp, hasPointer, hasHover, children })=>{
     const adaptivity = React.useMemo(()=>{
         const nextProps = {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getSizeX, isCompactByViewHeight, isCompactByViewWidth } from '../../lib/adaptivity';\nimport type { HasChildren } from '../../types';\nimport { AdaptivityContext, type AdaptivityProps } from './AdaptivityContext';\n\nexport interface AdaptivityProviderProps extends AdaptivityProps, HasChildren {}\n\n/*\n @see https://~~vkcom~~.~~github.~~io/~~VKUI/#/AdaptivityProvider~~\n */\nexport const AdaptivityProvider = ({\n viewWidth,\n viewHeight,\n sizeX: sizeXProp,\n sizeY: sizeYProp,\n hasPointer,\n hasHover,\n children,\n}: AdaptivityProviderProps): React.ReactNode => {\n const adaptivity = React.useMemo(() => {\n const nextProps: AdaptivityProps = {\n viewWidth,\n viewHeight,\n sizeX: sizeXProp,\n sizeY: sizeYProp,\n hasPointer,\n hasHover,\n };\n if (sizeXProp === undefined && viewWidth !== undefined) {\n nextProps.sizeX = getSizeX(viewWidth);\n }\n\n if (sizeYProp === undefined) {\n if (isCompactByViewWidth(viewWidth, hasPointer) \|\| isCompactByViewHeight(viewHeight)) {\n nextProps.sizeY = 'compact';\n } else if (viewWidth !== undefined \|\| viewHeight !== undefined) {\n nextProps.sizeY = 'regular';\n }\n }\n\n return nextProps;\n }, [viewWidth, viewHeight, sizeXProp, sizeYProp, hasPointer, hasHover]);\n\n return <AdaptivityContext.Provider value={adaptivity}>{children}</AdaptivityContext.Provider>;\n};\n"],"names":["React","getSizeX","isCompactByViewHeight","isCompactByViewWidth","AdaptivityContext","AdaptivityProvider","viewWidth","viewHeight","sizeX","sizeXProp","sizeY","sizeYProp","hasPointer","hasHover","children","adaptivity","useMemo","nextProps","undefined","Provider","value"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,QAAQ,EAAEC,qBAAqB,EAAEC,oBAAoB,QAAQ,gCAAuB;AAE7F,SAASC,iBAAiB,QAA8B,yBAAsB;AAI9E;;CAEC,GACD,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,SAAS,EACTC,UAAU,EACVC,OAAOC,SAAS,EAChBC,OAAOC,SAAS,EAChBC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EACgB;IACxB,MAAMC,aAAaf,MAAMgB,OAAO,CAAC;QAC/B,MAAMC,YAA6B;YACjCX;YACAC;YACAC,OAAOC;YACPC,OAAOC;YACPC;YACAC;QACF;QACA,IAAIJ,cAAcS,aAAaZ,cAAcY,WAAW;YACtDD,UAAUT,KAAK,GAAGP,SAASK;QAC7B;QAEA,IAAIK,cAAcO,WAAW;YAC3B,IAAIf,qBAAqBG,WAAWM,eAAeV,sBAAsBK,aAAa;gBACpFU,UAAUP,KAAK,GAAG;YACpB,OAAO,IAAIJ,cAAcY,aAAaX,eAAeW,WAAW;gBAC9DD,UAAUP,KAAK,GAAG;YACpB;QACF;QAEA,OAAOO;IACT,GAAG;QAACX;QAAWC;QAAYE;QAAWE;QAAWC;QAAYC;KAAS;IAEtE,qBAAO,KAACT,kBAAkBe,QAAQ;QAACC,OAAOL;kBAAaD;;AACzD,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getSizeX, isCompactByViewHeight, isCompactByViewWidth } from '../../lib/adaptivity';\nimport type { HasChildren } from '../../types';\nimport { AdaptivityContext, type AdaptivityProps } from './AdaptivityContext';\n\nexport interface AdaptivityProviderProps extends AdaptivityProps, HasChildren {}\n\n/*\n @see https://vkui.io/components/adaptivity-provider\n */\nexport const AdaptivityProvider = ({\n viewWidth,\n viewHeight,\n sizeX: sizeXProp,\n sizeY: sizeYProp,\n hasPointer,\n hasHover,\n children,\n}: AdaptivityProviderProps): React.ReactNode => {\n const adaptivity = React.useMemo(() => {\n const nextProps: AdaptivityProps = {\n viewWidth,\n viewHeight,\n sizeX: sizeXProp,\n sizeY: sizeYProp,\n hasPointer,\n hasHover,\n };\n if (sizeXProp === undefined && viewWidth !== undefined) {\n nextProps.sizeX = getSizeX(viewWidth);\n }\n\n if (sizeYProp === undefined) {\n if (isCompactByViewWidth(viewWidth, hasPointer) \|\| isCompactByViewHeight(viewHeight)) {\n nextProps.sizeY = 'compact';\n } else if (viewWidth !== undefined \|\| viewHeight !== undefined) {\n nextProps.sizeY = 'regular';\n }\n }\n\n return nextProps;\n }, [viewWidth, viewHeight, sizeXProp, sizeYProp, hasPointer, hasHover]);\n\n return <AdaptivityContext.Provider value={adaptivity}>{children}</AdaptivityContext.Provider>;\n};\n"],"names":["React","getSizeX","isCompactByViewHeight","isCompactByViewWidth","AdaptivityContext","AdaptivityProvider","viewWidth","viewHeight","sizeX","sizeXProp","sizeY","sizeYProp","hasPointer","hasHover","children","adaptivity","useMemo","nextProps","undefined","Provider","value"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,QAAQ,EAAEC,qBAAqB,EAAEC,oBAAoB,QAAQ,gCAAuB;AAE7F,SAASC,iBAAiB,QAA8B,yBAAsB;AAI9E;;CAEC,GACD,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,SAAS,EACTC,UAAU,EACVC,OAAOC,SAAS,EAChBC,OAAOC,SAAS,EAChBC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EACgB;IACxB,MAAMC,aAAaf,MAAMgB,OAAO,CAAC;QAC/B,MAAMC,YAA6B;YACjCX;YACAC;YACAC,OAAOC;YACPC,OAAOC;YACPC;YACAC;QACF;QACA,IAAIJ,cAAcS,aAAaZ,cAAcY,WAAW;YACtDD,UAAUT,KAAK,GAAGP,SAASK;QAC7B;QAEA,IAAIK,cAAcO,WAAW;YAC3B,IAAIf,qBAAqBG,WAAWM,eAAeV,sBAAsBK,aAAa;gBACpFU,UAAUP,KAAK,GAAG;YACpB,OAAO,IAAIJ,cAAcY,aAAaX,eAAeW,WAAW;gBAC9DD,UAAUP,KAAK,GAAG;YACpB;QACF;QAEA,OAAOO;IACT,GAAG;QAACX;QAAWC;QAAYE;QAAWE;QAAWC;QAAYC;KAAS;IAEtE,qBAAO,KAACT,kBAAkBe,QAAQ;QAACC,OAAOL;kBAAaD;;AACzD,EAAE"}

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

@@ -87,7 +87,7 @@ export interface AlertProps extends Omit<React.HTMLAttributes<HTMLElement>, 'tit
     allowClickPropagation?: boolean;
 }
 /**
- * @see https://vkcom.github.io/VKUI/#/Alert
+ * @see https://vkui.io/components/alert
  */
 export declare const Alert: ({ usePortal, style, className, getRootRef, ...restProps }: AlertProps) => React.ReactNode;
 //# sourceMappingURL=Alert.d.ts.map

package/dist/components/Alert/Alert.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { PopoutWrapper } from "../PopoutWrapper/PopoutWrapper.js";
 import { AlertBase } from "./AlertBase.js";
 const warn = warnOnce('Alert');
 /**
- * @see https://vkcom.github.io/VKUI/#/Alert
+ * @see https://vkui.io/components/alert
  */ export const Alert = (_param)=>{
     var { usePortal, style, className, getRootRef } = _param, restProps = _object_without_properties(_param, [
         "usePortal",

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { type UseFocusTrapProps } from '../../hooks/useFocusTrap';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type {\n AlignType,\n AnchorHTMLAttributesOnly,\n HasDataAttribute,\n HasRootRef,\n} from '../../types';\nimport type { AppRootPortalProps } from '../AppRoot/AppRootPortal';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport type { ButtonProps } from '../Button/Button';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport type { AlertActionProps } from './AlertAction';\nimport { AlertBase } from './AlertBase';\n\ntype AlertActionMode = 'cancel' \| 'destructive' \| 'default';\n\nexport type { AlertActionProps };\n\nexport interface AlertActionInterface\n extends Pick<ButtonProps, 'Component'>,\n AnchorHTMLAttributesOnly,\n HasDataAttribute {\n /*\n Текст опции.\n /\n title: string;\n /\n Обработчик нажатия на опцию. Если свойство `autoCloseDisabled` включено,\n * то в аргументы `action` передаётся объект с функцией close,\n * вызвав которую можно закрыть `action` вручную.\n /\n action?: (args?: { close?: VoidFunction }) => void;\n /\n По умолчанию нажатие на опцию вызывает переданную в `Alert` функцию `onClose`, данное свойство\n * позволяет отключить такое поведение.\n /\n autoCloseDisabled?: boolean;\n /\n Режим отображения опции.\n /\n mode: AlertActionMode;\n}\n\nexport interface AlertProps\n extends Omit<React.HTMLAttributes<HTMLElement>, 'title' \| 'autoFocus'>,\n Pick<UseFocusTrapProps, 'restoreFocus' \| 'autoFocus'>,\n Pick<AppRootPortalProps, 'usePortal'>,\n HasRootRef<HTMLDivElement> {\n /\n Расположение действий - вертикально или горизонтально.\n /\n actionsLayout?: 'vertical' \| 'horizontal';\n /\n Тип выравнивания действий.\n /\n actionsAlign?: AlignType;\n /\n Список действий.\n /\n actions?: AlertActionInterface[];\n /\n Функция для отрисовки действия.\n /\n renderAction?: (props: AlertActionProps) => React.ReactNode;\n /\n Заголовок модального окна.\n /\n title?: React.ReactNode;\n /\n Описание модального окна.\n /\n description?: React.ReactNode;\n /\n Обработчик закрытия модального окна.\n /\n onClose: VoidFunction;\n /\n Текст кнопки закрытия. Делает ее доступной для ассистивных технологий.\n /\n dismissLabel?: string;\n /\n Расположение кнопки закрытия (внутри и вне `popout'a`)\n * Доступно только в `compact`-режиме, не отображается на `iOS`.\n \n ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте.\n /\n dismissButtonMode?: 'inside' \| 'outside' \| 'none';\n /\n Передает атрибут `data-testid` для кнопки закрытия.\n /\n dismissButtonTestId?: string;\n /\n Передает атрибут `data-testid` для заголовка.\n /\n titleTestId?: string;\n /\n Передает атрибут `data-testid` для описания.\n /\n descriptionTestId?: string;\n /\n По умолчанию событие onClick не всплывает.\n /\n allowClickPropagation?: boolean;\n}\n\nconst warn = warnOnce('Alert');\n\n/\n @see https://~~vkcom~~.~~github.~~io/~~VKUI/#/Alert~~\n */\nexport const Alert = ({\n usePortal,\n style,\n className,\n getRootRef,\n ...restProps\n}: AlertProps): React.ReactNode => {\n const [closing, setClosing] = React.useState(false);\n\n const close = React.useCallback(() => {\n setClosing(true);\n }, []);\n\n useScrollLock();\n\n if (\n process.env.NODE_ENV === 'development' &&\n !restProps.title &&\n !restProps['aria-label'] &&\n !restProps['aria-labelledby']\n ) {\n warn(\n 'Если \"title\" не используется, то необходимо задать либо \"aria-label\", либо \"aria-labelledby\" (см. правило axe aria-dialog-name)',\n );\n }\n\n return (\n <AppRootPortal usePortal={usePortal}>\n <PopoutWrapper\n className={className}\n closing={closing}\n style={style}\n onClick={close}\n getRootRef={getRootRef}\n strategy=\"fixed\"\n >\n <AlertBase {...restProps} closing={closing} setClosing={setClosing} />\n </PopoutWrapper>\n </AppRootPortal>\n );\n};\n"],"names":["React","warnOnce","AppRootPortal","useScrollLock","PopoutWrapper","AlertBase","warn","Alert","usePortal","style","className","getRootRef","restProps","closing","setClosing","useState","close","useCallback","process","env","NODE_ENV","title","onClick","strategy"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,QAAQ,QAAQ,wBAAqB;AAQ9C,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,aAAa,QAAQ,8BAA2B;AAEzD,SAASC,aAAa,QAAQ,oCAAiC;AAE/D,SAASC,SAAS,QAAQ,iBAAc;AA6FxC,MAAMC,OAAOL,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMM,QAAQ;QAAC,EACpBC,SAAS,EACTC,KAAK,EACLC,SAAS,EACTC,UAAU,EAEC,WADRC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAM,CAACE,SAASC,WAAW,GAAGd,MAAMe,QAAQ,CAAC;IAE7C,MAAMC,QAAQhB,MAAMiB,WAAW,CAAC;QAC9BH,WAAW;IACb,GAAG,EAAE;IAELX;IAEA,IACEe,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBACzB,CAACR,UAAUS,KAAK,IAChB,CAACT,SAAS,CAAC,aAAa,IACxB,CAACA,SAAS,CAAC,kBAAkB,EAC7B;QACAN,KACE;IAEJ;IAEA,qBACE,KAACJ;QAAcM,WAAWA;kBACxB,cAAA,KAACJ;YACCM,WAAWA;YACXG,SAASA;YACTJ,OAAOA;YACPa,SAASN;YACTL,YAAYA;YACZY,UAAS;sBAET,cAAA,KAAClB,mDAAcO;gBAAWC,SAASA;gBAASC,YAAYA;;;;AAIhE,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { type UseFocusTrapProps } from '../../hooks/useFocusTrap';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type {\n AlignType,\n AnchorHTMLAttributesOnly,\n HasDataAttribute,\n HasRootRef,\n} from '../../types';\nimport type { AppRootPortalProps } from '../AppRoot/AppRootPortal';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport type { ButtonProps } from '../Button/Button';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport type { AlertActionProps } from './AlertAction';\nimport { AlertBase } from './AlertBase';\n\ntype AlertActionMode = 'cancel' \| 'destructive' \| 'default';\n\nexport type { AlertActionProps };\n\nexport interface AlertActionInterface\n extends Pick<ButtonProps, 'Component'>,\n AnchorHTMLAttributesOnly,\n HasDataAttribute {\n /*\n Текст опции.\n /\n title: string;\n /\n Обработчик нажатия на опцию. Если свойство `autoCloseDisabled` включено,\n * то в аргументы `action` передаётся объект с функцией close,\n * вызвав которую можно закрыть `action` вручную.\n /\n action?: (args?: { close?: VoidFunction }) => void;\n /\n По умолчанию нажатие на опцию вызывает переданную в `Alert` функцию `onClose`, данное свойство\n * позволяет отключить такое поведение.\n /\n autoCloseDisabled?: boolean;\n /\n Режим отображения опции.\n /\n mode: AlertActionMode;\n}\n\nexport interface AlertProps\n extends Omit<React.HTMLAttributes<HTMLElement>, 'title' \| 'autoFocus'>,\n Pick<UseFocusTrapProps, 'restoreFocus' \| 'autoFocus'>,\n Pick<AppRootPortalProps, 'usePortal'>,\n HasRootRef<HTMLDivElement> {\n /\n Расположение действий - вертикально или горизонтально.\n /\n actionsLayout?: 'vertical' \| 'horizontal';\n /\n Тип выравнивания действий.\n /\n actionsAlign?: AlignType;\n /\n Список действий.\n /\n actions?: AlertActionInterface[];\n /\n Функция для отрисовки действия.\n /\n renderAction?: (props: AlertActionProps) => React.ReactNode;\n /\n Заголовок модального окна.\n /\n title?: React.ReactNode;\n /\n Описание модального окна.\n /\n description?: React.ReactNode;\n /\n Обработчик закрытия модального окна.\n /\n onClose: VoidFunction;\n /\n Текст кнопки закрытия. Делает ее доступной для ассистивных технологий.\n /\n dismissLabel?: string;\n /\n Расположение кнопки закрытия (внутри и вне `popout'a`)\n * Доступно только в `compact`-режиме, не отображается на `iOS`.\n \n ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте.\n /\n dismissButtonMode?: 'inside' \| 'outside' \| 'none';\n /\n Передает атрибут `data-testid` для кнопки закрытия.\n /\n dismissButtonTestId?: string;\n /\n Передает атрибут `data-testid` для заголовка.\n /\n titleTestId?: string;\n /\n Передает атрибут `data-testid` для описания.\n /\n descriptionTestId?: string;\n /\n По умолчанию событие onClick не всплывает.\n /\n allowClickPropagation?: boolean;\n}\n\nconst warn = warnOnce('Alert');\n\n/\n @see https://vkui.io/components/alert\n */\nexport const Alert = ({\n usePortal,\n style,\n className,\n getRootRef,\n ...restProps\n}: AlertProps): React.ReactNode => {\n const [closing, setClosing] = React.useState(false);\n\n const close = React.useCallback(() => {\n setClosing(true);\n }, []);\n\n useScrollLock();\n\n if (\n process.env.NODE_ENV === 'development' &&\n !restProps.title &&\n !restProps['aria-label'] &&\n !restProps['aria-labelledby']\n ) {\n warn(\n 'Если \"title\" не используется, то необходимо задать либо \"aria-label\", либо \"aria-labelledby\" (см. правило axe aria-dialog-name)',\n );\n }\n\n return (\n <AppRootPortal usePortal={usePortal}>\n <PopoutWrapper\n className={className}\n closing={closing}\n style={style}\n onClick={close}\n getRootRef={getRootRef}\n strategy=\"fixed\"\n >\n <AlertBase {...restProps} closing={closing} setClosing={setClosing} />\n </PopoutWrapper>\n </AppRootPortal>\n );\n};\n"],"names":["React","warnOnce","AppRootPortal","useScrollLock","PopoutWrapper","AlertBase","warn","Alert","usePortal","style","className","getRootRef","restProps","closing","setClosing","useState","close","useCallback","process","env","NODE_ENV","title","onClick","strategy"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,QAAQ,QAAQ,wBAAqB;AAQ9C,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,aAAa,QAAQ,8BAA2B;AAEzD,SAASC,aAAa,QAAQ,oCAAiC;AAE/D,SAASC,SAAS,QAAQ,iBAAc;AA6FxC,MAAMC,OAAOL,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMM,QAAQ;QAAC,EACpBC,SAAS,EACTC,KAAK,EACLC,SAAS,EACTC,UAAU,EAEC,WADRC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAM,CAACE,SAASC,WAAW,GAAGd,MAAMe,QAAQ,CAAC;IAE7C,MAAMC,QAAQhB,MAAMiB,WAAW,CAAC;QAC9BH,WAAW;IACb,GAAG,EAAE;IAELX;IAEA,IACEe,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBACzB,CAACR,UAAUS,KAAK,IAChB,CAACT,SAAS,CAAC,aAAa,IACxB,CAACA,SAAS,CAAC,kBAAkB,EAC7B;QACAN,KACE;IAEJ;IAEA,qBACE,KAACJ;QAAcM,WAAWA;kBACxB,cAAA,KAACJ;YACCM,WAAWA;YACXG,SAASA;YACTJ,OAAOA;YACPa,SAASN;YACTL,YAAYA;YACZY,UAAS;sBAET,cAAA,KAAClB,mDAAcO;gBAAWC,SAASA;gBAASC,YAAYA;;;;AAIhE,EAAE"}

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

@@ -33,13 +33,13 @@ export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
     disableParentTransformForPositionFixedElements?: boolean;
     /**
      * Глобально задаёт тип оформления макета для компонентов
-     * [Panel](https://vkcom.github.io/VKUI/#/Panel) и [Group](https://vkcom.github.io/VKUI/#/Group).
+     * [Panel](https://vkui.io/components/panel) и [Group](https://vkui.io/components/group).
      */
     layout?: AppRootLayout;
     /**
      * Задаёт режим выбора текста (выделения текста) для всего приложения.
      * По умолчанию, если режим не задан, запрещает выбор текста в приложениях,
-     * запущенных в webview (по значению свойства `isWebView` из [ConfigProvider](https://vkcom.github.io/VKUI/#/ConfigProvider)).
+     * запущенных в webview (по значению свойства `isWebView` из [ConfigProvider](https://vkui.io/components/config-provider)).
      *
      * - `enabled-with-pointer` – разрешает выбор текста, если устройство ввода типа `pointer` (например, `мышь`), в остальных случаях запрещает;
      * - `disabled` – запрещает выбор текста;
@@ -60,7 +60,7 @@ export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
     disableSettingVKUIClassesInRuntime?: boolean;
 }
 /**
- * @see https://vkcom.github.io/VKUI/#/AppRoot
+ * @see https://vkui.io/components/app-root
  */
 export declare const AppRoot: ({ children, mode, scroll, portalRoot, disablePortal, disableParentTransformForPositionFixedElements, safeAreaInsets: safeAreaInsetsProp, layout, userSelectMode, disableSettingVKUIClassesInRuntime, className, ...props }: AppRootProps) => React.ReactNode;
 //# sourceMappingURL=AppRoot.d.ts.map

package/dist/components/AppRoot/AppRoot.js CHANGED Viewed

@@ -17,7 +17,7 @@ const layoutClassNames = {
     plain: "vkuiAppRoot__layoutPlain"
 };
 /**
- * @see https://vkcom.github.io/VKUI/#/AppRoot
+ * @see https://vkui.io/components/app-root
  */ export const AppRoot = (_param)=>{
     var { children, mode = 'full', scroll = 'global', portalRoot, disablePortal = false, disableParentTransformForPositionFixedElements, safeAreaInsets: safeAreaInsetsProp, layout, userSelectMode, disableSettingVKUIClassesInRuntime, className } = _param, props = _object_without_properties(_param, [
         "children",