npm - @vkontakte/vkui - Versions diffs - 8.0.2 → 8.1.0 - Mend

@vkontakte/vkui 8.0.2 → 8.1.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 (1384) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ModalPageFooter/ModalPageFooter.tsx"],"sourcesContent":["'use client';\n\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport {\n isSizeXCompactFallback,\n useAdaptivityWithJSMediaQueries,\n} from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Separator } from '../Separator/Separator';\nimport styles from './ModalPageFooter.module.css';\n\nexport interface ModalPageFooterProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n /*\n Отключение отображения разделителя.\n /\n noSeparator?: boolean;\n /\n Отключение отступов сверху и снизу.\n */\n noPadding?: boolean;\n}\n\nexport const ModalPageFooter = ({\n noSeparator = false,\n noPadding = false,\n children,\n ...restProps\n}: ModalPageFooterProps) => {\n const { sizeX: legacySizeXContext } = useAdaptivity();\n const { isDesktop, sizeX: legacySizeX, viewWidth } = useAdaptivityWithJSMediaQueries();\n return (\n <RootComponent\n baseClassName={classNames(\n styles.host,\n !noPadding && styles.padded,\n isDesktop ? styles.hostDesktop : styles.hostMobile,\n )}\n {...restProps}\n >\n {!noSeparator && (\n <Separator\n className={styles.Separator}\n padding={isSizeXCompactFallback(viewWidth, legacySizeX, legacySizeXContext)}\n />\n )}\n {children}\n </RootComponent>\n );\n};\n"],"names":["classNames","useAdaptivity","isSizeXCompactFallback","useAdaptivityWithJSMediaQueries","RootComponent","Separator","ModalPageFooter","noSeparator","noPadding","children","restProps","sizeX","legacySizeXContext","isDesktop","legacySizeX","viewWidth","baseClassName","className","padding"],"mappings":"AAAA;;AAEA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SACEC,sBAAsB,EACtBC,+BAA+B,QAC1B,iDAA8C;AAErD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,SAAS,QAAQ,4BAAyB;AAcnD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,cAAc,KAAK,EACnBC,YAAY,KAAK,EACjBC,QAAQ,EACR,GAAGC,WACkB;IACrB,MAAM,EAAEC,OAAOC,kBAAkB,EAAE,GAAGX;IACtC,MAAM,EAAEY,SAAS,EAAEF,OAAOG,WAAW,EAAEC,SAAS,EAAE,GAAGZ;IACrD,qBACE,MAACC;QACCY,eAAehB,wCAEb,CAACQ,4CACDK;QAED,GAAGH,SAAS;;YAEZ,CAACH,6BACA,KAACF;gBACCY,SAAS;gBACTC,SAAShB,uBAAuBa,WAAWD,aAAaF;;YAG3DH;;;AAGP,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/ModalPageFooter/ModalPageFooter.tsx"],"sourcesContent":["'use client';\n\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport {\n isSizeXCompactFallback,\n useAdaptivityWithJSMediaQueries,\n} from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Separator } from '../Separator/Separator';\nimport styles from './ModalPageFooter.module.css';\n\nexport interface ModalPageFooterProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n /*\n Отключение отображения разделителя.\n /\n noSeparator?: boolean \| undefined;\n /\n Отключение отступов сверху и снизу.\n */\n noPadding?: boolean \| undefined;\n}\n\nexport const ModalPageFooter = ({\n noSeparator = false,\n noPadding = false,\n children,\n ...restProps\n}: ModalPageFooterProps) => {\n const { sizeX: legacySizeXContext } = useAdaptivity();\n const { isDesktop, sizeX: legacySizeX, viewWidth } = useAdaptivityWithJSMediaQueries();\n return (\n <RootComponent\n baseClassName={classNames(\n styles.host,\n !noPadding && styles.padded,\n isDesktop ? styles.hostDesktop : styles.hostMobile,\n )}\n {...restProps}\n >\n {!noSeparator && (\n <Separator\n className={styles.Separator}\n padding={isSizeXCompactFallback(viewWidth, legacySizeX, legacySizeXContext)}\n />\n )}\n {children}\n </RootComponent>\n );\n};\n"],"names":["classNames","useAdaptivity","isSizeXCompactFallback","useAdaptivityWithJSMediaQueries","RootComponent","Separator","ModalPageFooter","noSeparator","noPadding","children","restProps","sizeX","legacySizeXContext","isDesktop","legacySizeX","viewWidth","baseClassName","className","padding"],"mappings":"AAAA;;AAEA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SACEC,sBAAsB,EACtBC,+BAA+B,QAC1B,iDAA8C;AAErD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,SAAS,QAAQ,4BAAyB;AAcnD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,cAAc,KAAK,EACnBC,YAAY,KAAK,EACjBC,QAAQ,EACR,GAAGC,WACkB;IACrB,MAAM,EAAEC,OAAOC,kBAAkB,EAAE,GAAGX;IACtC,MAAM,EAAEY,SAAS,EAAEF,OAAOG,WAAW,EAAEC,SAAS,EAAE,GAAGZ;IACrD,qBACE,MAACC;QACCY,eAAehB,wCAEb,CAACQ,4CACDK;QAED,GAAGH,SAAS;;YAEZ,CAACH,6BACA,KAACF;gBACCY,SAAS;gBACTC,SAAShB,uBAAuBa,WAAWD,aAAaF;;YAG3DH;;;AAGP,EAAE"}

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

@@ -5,7 +5,7 @@ export interface ModalPageHeaderProps extends React.HTMLAttributes<HTMLDivElemen
     /**
      * Отключение разделителя.
      */
-    noSeparator?: boolean;
+    noSeparator?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/modal-page-header

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalPageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AASpC,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAIhF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,QAAQ,GAAG,WAAW,CAAC,EACxD,MAAM,CAAC,cAAc,CAAC,EACtB,UAAU,CAAC,cAAc,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;~~CACvB~~;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,iFAO7B,oBAAoB,KAAG,KAAK,CAAC,SAoC/B,CAAC"}
1	+ {"version":3,"file":"ModalPageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AASpC,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAIhF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,QAAQ,GAAG,WAAW,CAAC,EACxD,MAAM,CAAC,cAAc,CAAC,EACtB,UAAU,CAAC,cAAc,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACnC;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,iFAO7B,oBAAoB,KAAG,KAAK,CAAC,SAoC/B,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useModalContext } from '../../context/ModalContext';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport {\n isSizeXCompactFallback,\n useAdaptivityWithJSMediaQueries,\n} from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasRef, HasRootRef } from '../../types';\nimport { PanelHeader, type 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 /*\n Отключение разделителя.\n /\n noSeparator?: boolean;\n}\n\n/\n @see https://vkui.io/components/modal-page-header\n */\nexport const ModalPageHeader = ({\n children,\n noSeparator = false,\n getRootRef,\n className,\n typographyProps,\n ...restProps\n}: ModalPageHeaderProps): React.ReactNode => {\n const platform = usePlatform();\n const { sizeX: legacySizeXContext } = useAdaptivity();\n const { isDesktop, sizeX: legacySizeX, viewWidth } = useAdaptivityWithJSMediaQueries();\n const modalContext = useModalContext();\n\n return (\n <>\n <div\n className={classNames(\n styles.host,\n platform !== 'vkcom' && styles.hostWithGaps,\n isDesktop && styles.hostDesktop,\n )}\n ref={getRootRef}\n >\n <PanelHeader\n className={classNames('vkuiInternalModalPageHeader__in', className)}\n typographyProps={{\n Component: 'h2',\n id: modalContext.labelId,\n ...typographyProps,\n }}\n {...restProps}\n fixed={false}\n delimiter=\"none\"\n transparent\n >\n {children}\n </PanelHeader>\n </div>\n {!noSeparator && (\n <Separator padding={isSizeXCompactFallback(viewWidth, legacySizeX, legacySizeXContext)} />\n )}\n </>\n );\n};\n"],"names":["classNames","useModalContext","useAdaptivity","isSizeXCompactFallback","useAdaptivityWithJSMediaQueries","usePlatform","PanelHeader","Separator","ModalPageHeader","children","noSeparator","getRootRef","className","typographyProps","restProps","platform","sizeX","legacySizeXContext","isDesktop","legacySizeX","viewWidth","modalContext","div","ref","Component","id","labelId","fixed","delimiter","transparent","padding"],"mappings":"AAAA;;AAGA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,eAAe,QAAQ,gCAA6B;AAC7D,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SACEC,sBAAsB,EACtBC,+BAA+B,QAC1B,iDAA8C;AACrD,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,WAAW,QAA+B,gCAA6B;AAChF,SAASC,SAAS,QAAQ,4BAAyB;AAcnD;;CAEC,GACD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,QAAQ,EACRC,cAAc,KAAK,EACnBC,UAAU,EACVC,SAAS,EACTC,eAAe,EACf,GAAGC,WACkB;IACrB,MAAMC,WAAWV;IACjB,MAAM,EAAEW,OAAOC,kBAAkB,EAAE,GAAGf;IACtC,MAAM,EAAEgB,SAAS,EAAEF,OAAOG,WAAW,EAAEC,SAAS,EAAE,GAAGhB;IACrD,MAAMiB,eAAepB;IAErB,qBACE;;0BACE,KAACqB;gBACCV,WAAWZ,wCAETe,aAAa,gDACbG;gBAEFK,KAAKZ;0BAEL,cAAA,KAACL;oBACCM,WAAWZ,WAAW,mCAAmCY;oBACzDC,iBAAiB;wBACfW,WAAW;wBACXC,IAAIJ,aAAaK,OAAO;wBACxB,GAAGb,eAAe;oBACpB;oBACC,GAAGC,SAAS;oBACba,OAAO;oBACPC,WAAU;oBACVC,WAAW;8BAEVpB;;;YAGJ,CAACC,6BACA,KAACH;gBAAUuB,SAAS3B,uBAAuBiB,WAAWD,aAAaF;;;;AAI3E,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useModalContext } from '../../context/ModalContext';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport {\n isSizeXCompactFallback,\n useAdaptivityWithJSMediaQueries,\n} from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasRef, HasRootRef } from '../../types';\nimport { PanelHeader, type 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 /*\n Отключение разделителя.\n /\n noSeparator?: boolean \| undefined;\n}\n\n/\n @see https://vkui.io/components/modal-page-header\n */\nexport const ModalPageHeader = ({\n children,\n noSeparator = false,\n getRootRef,\n className,\n typographyProps,\n ...restProps\n}: ModalPageHeaderProps): React.ReactNode => {\n const platform = usePlatform();\n const { sizeX: legacySizeXContext } = useAdaptivity();\n const { isDesktop, sizeX: legacySizeX, viewWidth } = useAdaptivityWithJSMediaQueries();\n const modalContext = useModalContext();\n\n return (\n <>\n <div\n className={classNames(\n styles.host,\n platform !== 'vkcom' && styles.hostWithGaps,\n isDesktop && styles.hostDesktop,\n )}\n ref={getRootRef}\n >\n <PanelHeader\n className={classNames('vkuiInternalModalPageHeader__in', className)}\n typographyProps={{\n Component: 'h2',\n id: modalContext.labelId,\n ...typographyProps,\n }}\n {...restProps}\n fixed={false}\n delimiter=\"none\"\n transparent\n >\n {children}\n </PanelHeader>\n </div>\n {!noSeparator && (\n <Separator padding={isSizeXCompactFallback(viewWidth, legacySizeX, legacySizeXContext)} />\n )}\n </>\n );\n};\n"],"names":["classNames","useModalContext","useAdaptivity","isSizeXCompactFallback","useAdaptivityWithJSMediaQueries","usePlatform","PanelHeader","Separator","ModalPageHeader","children","noSeparator","getRootRef","className","typographyProps","restProps","platform","sizeX","legacySizeXContext","isDesktop","legacySizeX","viewWidth","modalContext","div","ref","Component","id","labelId","fixed","delimiter","transparent","padding"],"mappings":"AAAA;;AAGA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,eAAe,QAAQ,gCAA6B;AAC7D,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SACEC,sBAAsB,EACtBC,+BAA+B,QAC1B,iDAA8C;AACrD,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,WAAW,QAA+B,gCAA6B;AAChF,SAASC,SAAS,QAAQ,4BAAyB;AAcnD;;CAEC,GACD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,QAAQ,EACRC,cAAc,KAAK,EACnBC,UAAU,EACVC,SAAS,EACTC,eAAe,EACf,GAAGC,WACkB;IACrB,MAAMC,WAAWV;IACjB,MAAM,EAAEW,OAAOC,kBAAkB,EAAE,GAAGf;IACtC,MAAM,EAAEgB,SAAS,EAAEF,OAAOG,WAAW,EAAEC,SAAS,EAAE,GAAGhB;IACrD,MAAMiB,eAAepB;IAErB,qBACE;;0BACE,KAACqB;gBACCV,WAAWZ,wCAETe,aAAa,gDACbG;gBAEFK,KAAKZ;0BAEL,cAAA,KAACL;oBACCM,WAAWZ,WAAW,mCAAmCY;oBACzDC,iBAAiB;wBACfW,WAAW;wBACXC,IAAIJ,aAAaK,OAAO;wBACxB,GAAGb,eAAe;oBACpB;oBACC,GAAGC,SAAS;oBACba,OAAO;oBACPC,WAAU;oBACVC,WAAW;8BAEVpB;;;YAGJ,CAACC,6BACA,KAACH;gBAAUuB,SAAS3B,uBAAuBiB,WAAWD,aAAaF;;;;AAI3E,EAAE"}

package/dist/components/ModalRoot/types.d.ts CHANGED Viewed

@@ -5,51 +5,51 @@ type ModalRootBaseProps = {
     /**
      * Открывает модальное окно с переданным id.
      */
-    activeModal?: ModalRootActiveModal;
+    activeModal?: ModalRootActiveModal | undefined;
     /**
      * `data-testid` для маски.
      */
-    modalOverlayTestId?: string;
+    modalOverlayTestId?: string | undefined;
     /**
      * Отключает фокус на контейнер диалогового окна при открытии.
      *
      * > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.
      */
-    noFocusToDialog?: boolean;
-    usePortal?: AppRootPortalProps['usePortal'];
+    noFocusToDialog?: boolean | undefined;
+    usePortal?: AppRootPortalProps['usePortal'] | undefined;
     /**
      * Будет вызвано при начале открытия активной модалки с её id.
      */
-    onOpen?: ModalRootCallbackFunction;
+    onOpen?: ModalRootCallbackFunction | undefined;
     /**
      * Будет вызвано при окончательном открытии активной модалки с её id.
      */
-    onOpened?: ModalRootCallbackFunction;
+    onOpened?: ModalRootCallbackFunction | undefined;
     /**
      * Будет вызвано при начале закрытия активной модалки с её id.
      */
-    onClose?: ModalRootCallbackFunction;
+    onClose?: ModalRootCallbackFunction | undefined;
     /**
      * Будет вызвано при окончательном закрытии активной модалки с её id.
      */
-    onClosed?: ModalRootCallbackFunction;
+    onClosed?: ModalRootCallbackFunction | undefined;
     /**
      * Отключает отображение и взаимодействие с фоном модалки.
      */
-    disableModalOverlay?: boolean;
+    disableModalOverlay?: boolean | undefined;
     /**
      * Отключает анимацию появления .
      */
-    disableOpenAnimation?: boolean;
+    disableOpenAnimation?: boolean | undefined;
     /**
      * Отключает анимацию закрытия модалки.
      */
-    disableCloseAnimation?: boolean;
+    disableCloseAnimation?: boolean | undefined;
 };
 export interface ModalRootProps extends ModalRootBaseProps {
     children: React.ReactElement | Iterable<React.ReactElement>;
-    onOverlayClosed?: () => void;
-    onOverlayShowed?: () => void;
+    onOverlayClosed?: (() => void) | undefined;
+    onOverlayShowed?: (() => void) | undefined;
 }
 type ModalRootContextBaseInterface = {
     /**
@@ -60,8 +60,8 @@ type ModalRootContextBaseInterface = {
 export interface ModalRootContextInterface extends ModalRootContextBaseInterface, ModalRootBaseProps {
 }
 export interface UseModalRootContext extends ModalRootContextBaseInterface {
-    activeModal?: string | null;
-    onClose?: VoidFunction;
+    activeModal?: string | null | undefined;
+    onClose?: VoidFunction | undefined;
 }
 export {};
 //# sourceMappingURL=types.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ModalRoot/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,yBAAyB,GAAG,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;AAElE,KAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC;~~IAEnC~~;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;~~IAE5B~~;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;~~IAE1B~~,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;~~IAC5C~~;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC;~~IAEnC~~;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;~~IAErC~~;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC;~~IAEpC~~;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;~~IAErC~~;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;~~IAE9B~~;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;~~IAC/B~~;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;~~CACjC~~,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5D,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;~~IAC7B~~,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;~~CAC9B~~;AAED,KAAK,6BAA6B,GAAG;IACnC;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,yBACf,SAAQ,6BAA6B,EACnC,kBAAkB;CAAG;AAEzB,MAAM,WAAW,mBAAoB,SAAQ,6BAA6B;IACxE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;~~IAC5B~~,OAAO,CAAC,EAAE,YAAY,CAAC;~~CACxB~~"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ModalRoot/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,yBAAyB,GAAG,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;AAElE,KAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;IAE/C;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAExC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAEtC,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACxD;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAE/C;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAEjD;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAEhD;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAEjD;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE1C;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5D,eAAe,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3C,eAAe,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CAC5C;AAED,KAAK,6BAA6B,GAAG;IACnC;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,yBACf,SAAQ,6BAA6B,EACnC,kBAAkB;CAAG;AAEzB,MAAM,WAAW,mBAAoB,SAAQ,6BAA6B;IACxE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;CACpC"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ModalRoot/types.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc /\n\nimport type { AppRootPortalProps } from '../AppRoot/AppRootPortal';\n\nexport type ModalRootActiveModal = string \| null;\n\nexport type ModalRootCallbackFunction = (modalId: string) => void;\n\ntype ModalRootBaseProps = {\n /\n Открывает модальное окно с переданным id.\n /\n activeModal?: ModalRootActiveModal;\n\n /\n `data-testid` для маски.\n /\n modalOverlayTestId?: string;\n\n /\n Отключает фокус на контейнер диалогового окна при открытии.\n \n > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.\n /\n noFocusToDialog?: boolean;\n\n usePortal?: AppRootPortalProps['usePortal'];\n /\n Будет вызвано при начале открытия активной модалки с её id.\n /\n onOpen?: ModalRootCallbackFunction;\n\n /\n Будет вызвано при окончательном открытии активной модалки с её id.\n /\n onOpened?: ModalRootCallbackFunction;\n\n /\n Будет вызвано при начале закрытия активной модалки с её id.\n /\n onClose?: ModalRootCallbackFunction;\n\n /\n Будет вызвано при окончательном закрытии активной модалки с её id.\n /\n onClosed?: ModalRootCallbackFunction;\n\n /\n Отключает отображение и взаимодействие с фоном модалки.\n /\n disableModalOverlay?: boolean;\n\n /\n Отключает анимацию появления .\n /\n disableOpenAnimation?: boolean;\n /\n Отключает анимацию закрытия модалки.\n /\n disableCloseAnimation?: boolean;\n};\n\nexport interface ModalRootProps extends ModalRootBaseProps {\n children: React.ReactElement \| Iterable<React.ReactElement>;\n onOverlayClosed?: () => void;\n onOverlayShowed?: () => void;\n}\n\ntype ModalRootContextBaseInterface = {\n /\n Обозначает, в контексте ли модального окна мы сейчас.\n */\n isInsideModal: boolean;\n};\n\nexport interface ModalRootContextInterface\n extends ModalRootContextBaseInterface,\n ModalRootBaseProps {}\n\nexport interface UseModalRootContext extends ModalRootContextBaseInterface {\n activeModal?: string \| null;\n onClose?: VoidFunction;\n}\n"],"names":[],"mappings":"AAAA,sCAAsC,GA+EtC,WAGC"}
1	+ {"version":3,"sources":["../../../src/components/ModalRoot/types.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc /\n\nimport type { AppRootPortalProps } from '../AppRoot/AppRootPortal';\n\nexport type ModalRootActiveModal = string \| null;\n\nexport type ModalRootCallbackFunction = (modalId: string) => void;\n\ntype ModalRootBaseProps = {\n /\n Открывает модальное окно с переданным id.\n /\n activeModal?: ModalRootActiveModal \| undefined;\n\n /\n `data-testid` для маски.\n /\n modalOverlayTestId?: string \| undefined;\n\n /\n Отключает фокус на контейнер диалогового окна при открытии.\n \n > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.\n /\n noFocusToDialog?: boolean \| undefined;\n\n usePortal?: AppRootPortalProps['usePortal'] \| undefined;\n /\n Будет вызвано при начале открытия активной модалки с её id.\n /\n onOpen?: ModalRootCallbackFunction \| undefined;\n\n /\n Будет вызвано при окончательном открытии активной модалки с её id.\n /\n onOpened?: ModalRootCallbackFunction \| undefined;\n\n /\n Будет вызвано при начале закрытия активной модалки с её id.\n /\n onClose?: ModalRootCallbackFunction \| undefined;\n\n /\n Будет вызвано при окончательном закрытии активной модалки с её id.\n /\n onClosed?: ModalRootCallbackFunction \| undefined;\n\n /\n Отключает отображение и взаимодействие с фоном модалки.\n /\n disableModalOverlay?: boolean \| undefined;\n\n /\n Отключает анимацию появления .\n /\n disableOpenAnimation?: boolean \| undefined;\n /\n Отключает анимацию закрытия модалки.\n /\n disableCloseAnimation?: boolean \| undefined;\n};\n\nexport interface ModalRootProps extends ModalRootBaseProps {\n children: React.ReactElement \| Iterable<React.ReactElement>;\n onOverlayClosed?: (() => void) \| undefined;\n onOverlayShowed?: (() => void) \| undefined;\n}\n\ntype ModalRootContextBaseInterface = {\n /\n Обозначает, в контексте ли модального окна мы сейчас.\n */\n isInsideModal: boolean;\n};\n\nexport interface ModalRootContextInterface\n extends ModalRootContextBaseInterface,\n ModalRootBaseProps {}\n\nexport interface UseModalRootContext extends ModalRootContextBaseInterface {\n activeModal?: string \| null \| undefined;\n onClose?: VoidFunction \| undefined;\n}\n"],"names":[],"mappings":"AAAA,sCAAsC,GA+EtC,WAGC"}

package/dist/components/ModalRoot/useModalRootManager.d.ts CHANGED Viewed

@@ -1,32 +1,32 @@
 import type { AnyFunction } from '../../types';
 import { type ModalOverlayProps } from '../ModalOverlay/ModalOverlay';
 export interface UseModalRootManager {
-    id?: string;
+    id?: string | undefined;
     open: boolean;
     keepMounted: boolean;
-    modalOverlayTestId?: string;
-    noFocusToDialog?: boolean;
-    disableModalOverlay?: boolean;
-    disableCloseAnimation?: boolean;
-    disableOpenAnimation?: boolean;
-    onOpen?: AnyFunction;
-    onOpened?: AnyFunction;
-    onClose?: AnyFunction;
-    onClosed?: AnyFunction;
+    modalOverlayTestId?: string | undefined;
+    noFocusToDialog?: boolean | undefined;
+    disableModalOverlay?: boolean | undefined;
+    disableCloseAnimation?: boolean | undefined;
+    disableOpenAnimation?: boolean | undefined;
+    onOpen?: AnyFunction | undefined;
+    onOpened?: AnyFunction | undefined;
+    onClose?: AnyFunction | undefined;
+    onClosed?: AnyFunction | undefined;
 }
 export interface UseModalRootManagerResolvedProps {
     id: string;
     open: boolean;
-    noFocusToDialog?: boolean;
-    disableModalOverlay?: boolean;
-    disableCloseAnimation?: boolean;
-    disableOpenAnimation?: boolean;
-    modalOverlayTestId?: string;
+    noFocusToDialog?: boolean | undefined;
+    disableModalOverlay?: boolean | undefined;
+    disableCloseAnimation?: boolean | undefined;
+    disableOpenAnimation?: boolean | undefined;
+    modalOverlayTestId?: string | undefined;
     ModalOverlay: React.ComponentType<ModalOverlayProps>;
-    onOpen?: AnyFunction;
-    onOpened?: AnyFunction;
-    onClose?: AnyFunction;
-    onClosed?: AnyFunction;
+    onOpen?: AnyFunction | undefined;
+    onOpened?: AnyFunction | undefined;
+    onClose?: AnyFunction | undefined;
+    onClosed?: AnyFunction | undefined;
 }
 export type UseModalRootManagerResult = {
     mounted: false;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useModalRootManager.d.ts","sourceRoot":"","sources":["../../../src/components/ModalRoot/useModalRootManager.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAMpF,MAAM,WAAW,mBAAmB;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;~~IACZ~~,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;~~IAC5B~~,eAAe,CAAC,EAAE,OAAO,CAAC;~~IAC1B~~,mBAAmB,CAAC,EAAE,OAAO,CAAC;~~IAC9B~~,qBAAqB,CAAC,EAAE,OAAO,CAAC;~~IAChC~~,oBAAoB,CAAC,EAAE,OAAO,CAAC;~~IAC/B~~,MAAM,CAAC,EAAE,WAAW,CAAC;~~IACrB~~,QAAQ,CAAC,EAAE,WAAW,CAAC;~~IACvB~~,OAAO,CAAC,EAAE,WAAW,CAAC;~~IACtB~~,QAAQ,CAAC,EAAE,WAAW,CAAC;~~CACxB~~;AAED,MAAM,WAAW,gCAAgC;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;~~IAC1B~~,mBAAmB,CAAC,EAAE,OAAO,CAAC;~~IAC9B~~,qBAAqB,CAAC,EAAE,OAAO,CAAC;~~IAChC~~,oBAAoB,CAAC,EAAE,OAAO,CAAC;~~IAC/B~~,kBAAkB,CAAC,EAAE,MAAM,CAAC;~~IAC5B~~,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,WAAW,CAAC;~~IACrB~~,QAAQ,CAAC,EAAE,WAAW,CAAC;~~IACvB~~,OAAO,CAAC,EAAE,WAAW,CAAC;~~IACtB~~,QAAQ,CAAC,EAAE,WAAW,CAAC;~~CACxB~~;AAED,MAAM,MAAM,yBAAyB,GACjC;IAAE,OAAO,EAAE,KAAK,CAAC;IAAC,uBAAuB,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,gCAAgC,CAAC,IAAI,CAAC,CAAA;CAAE,GAChG,CAAC;IAAE,OAAO,EAAE,IAAI,CAAC;IAAC,uBAAuB,EAAE,OAAO,CAAA;CAAE,GAAG,gCAAgC,CAAC,CAAC;AAE7F,eAAO,MAAM,mBAAmB,GAAI,gLAajC,mBAAmB,KAAG,yBAgDxB,CAAC"}
1	+ {"version":3,"file":"useModalRootManager.d.ts","sourceRoot":"","sources":["../../../src/components/ModalRoot/useModalRootManager.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAMpF,MAAM,WAAW,mBAAmB;IAClC,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5C,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACnC,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,gCAAgC;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5C,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACnC,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,MAAM,yBAAyB,GACjC;IAAE,OAAO,EAAE,KAAK,CAAC;IAAC,uBAAuB,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,gCAAgC,CAAC,IAAI,CAAC,CAAA;CAAE,GAChG,CAAC;IAAE,OAAO,EAAE,IAAI,CAAC;IAAC,uBAAuB,EAAE,OAAO,CAAA;CAAE,GAAG,gCAAgC,CAAC,CAAC;AAE7F,eAAO,MAAM,mBAAmB,GAAI,gLAajC,mBAAmB,KAAG,yBAgDxB,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ModalRoot/useModalRootManager.tsx"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport { useContext, useId, useState } from 'react';\nimport { getNavId } from '../../lib/getNavId';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { AnyFunction } from '../../types';\nimport { ModalOverlay, type ModalOverlayProps } from '../ModalOverlay/ModalOverlay';\nimport { ModalRootContext } from './ModalRootContext';\nimport { VisuallyHiddenModalOverlay } from './VisuallyHiddenModalOverlay/VisuallyHiddenModalOverlay';\nimport type { ModalRootCallbackFunction } from './types';\n\nconst warn = warnOnce('useModalManager');\nexport interface UseModalRootManager {\n id?: string;\n open: boolean;\n keepMounted: boolean;\n modalOverlayTestId?: string;\n noFocusToDialog?: boolean;\n disableModalOverlay?: boolean;\n disableCloseAnimation?: boolean;\n disableOpenAnimation?: boolean;\n onOpen?: AnyFunction;\n onOpened?: AnyFunction;\n onClose?: AnyFunction;\n onClosed?: AnyFunction;\n}\n\nexport interface UseModalRootManagerResolvedProps {\n id: string;\n open: boolean;\n noFocusToDialog?: boolean;\n disableModalOverlay?: boolean;\n disableCloseAnimation?: boolean;\n disableOpenAnimation?: boolean;\n modalOverlayTestId?: string;\n ModalOverlay: React.ComponentType<ModalOverlayProps>;\n onOpen?: AnyFunction;\n onOpened?: AnyFunction;\n onClose?: AnyFunction;\n onClosed?: AnyFunction;\n}\n\nexport type UseModalRootManagerResult =\n \| { mounted: false; shouldPreserveSnapPoint: boolean; id: UseModalRootManagerResolvedProps['id'] }\n \| ({ mounted: true; shouldPreserveSnapPoint: boolean } & UseModalRootManagerResolvedProps);\n\nexport const useModalRootManager = ({\n id: idProp,\n open,\n keepMounted,\n modalOverlayTestId,\n noFocusToDialog,\n disableModalOverlay,\n disableCloseAnimation,\n disableOpenAnimation,\n onOpen,\n onOpened,\n onClose,\n onClosed,\n}: UseModalRootManager): UseModalRootManagerResult => {\n const context = useContext(ModalRootContext);\n const generatingId = useId();\n const id = getNavId({ nav: idProp }, context.isInsideModal ? warn : undefined) \|\| generatingId;\n const opened = context.isInsideModal ? context.activeModal === id : open;\n const shouldPreserveSnapPoint = context.isInsideModal ? context.activeModal !== null : false;\n\n const [unmounted, setUnmounted] = useState(keepMounted ? false : !opened);\n\n useIsomorphicLayoutEffect(\n function unsetUnmounted() {\n if (!keepMounted && opened) {\n setUnmounted((prev) => (prev ? false : prev));\n }\n },\n [opened, keepMounted],\n );\n\n if (unmounted) {\n return { mounted: false, shouldPreserveSnapPoint, id };\n }\n\n return {\n id,\n mounted: true,\n open: opened,\n shouldPreserveSnapPoint,\n noFocusToDialog: noFocusToDialog \|\| context.noFocusToDialog,\n modalOverlayTestId: modalOverlayTestId \|\| context.modalOverlayTestId,\n disableModalOverlay: disableModalOverlay \|\| context.disableModalOverlay,\n disableCloseAnimation: disableCloseAnimation \|\| context.disableCloseAnimation,\n disableOpenAnimation: disableOpenAnimation \|\| context.disableOpenAnimation,\n ModalOverlay: context.isInsideModal ? VisuallyHiddenModalOverlay : ModalOverlay,\n onOpen: onOpen \|\| getContextCallback(id, context.onOpen),\n onOpened: onOpened \|\| getContextCallback(id, context.onOpened),\n onClose: onClose \|\| getContextCallback(id, context.onClose),\n onClosed: function handleClosed(...args: any[]) {\n if (!keepMounted) {\n setUnmounted(true);\n }\n\n if (onClosed) {\n onClosed(...args);\n } else {\n context.onClosed?.(id);\n }\n },\n };\n};\n\nfunction getContextCallback(id: string, fn: ModalRootCallbackFunction \| undefined) {\n return fn ? () => fn(id) : undefined;\n}\n"],"names":["useContext","useId","useState","getNavId","useIsomorphicLayoutEffect","warnOnce","ModalOverlay","ModalRootContext","VisuallyHiddenModalOverlay","warn","useModalRootManager","id","idProp","open","keepMounted","modalOverlayTestId","noFocusToDialog","disableModalOverlay","disableCloseAnimation","disableOpenAnimation","onOpen","onOpened","onClose","onClosed","context","generatingId","nav","isInsideModal","undefined","opened","activeModal","shouldPreserveSnapPoint","unmounted","setUnmounted","unsetUnmounted","prev","mounted","getContextCallback","handleClosed","args","fn"],"mappings":"AAAA,sCAAsC,GAEtC,SAASA,UAAU,EAAEC,KAAK,EAAEC,QAAQ,QAAQ,QAAQ;AACpD,SAASC,QAAQ,QAAQ,wBAAqB;AAC9C,SAASC,yBAAyB,QAAQ,yCAAsC;AAChF,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,YAAY,QAAgC,kCAA+B;AACpF,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,0BAA0B,QAAQ,6DAA0D;AAGrG,MAAMC,OAAOJ,SAAS;AAmCtB,OAAO,MAAMK,sBAAsB,CAAC,EAClCC,IAAIC,MAAM,EACVC,IAAI,EACJC,WAAW,EACXC,kBAAkB,EAClBC,eAAe,EACfC,mBAAmB,EACnBC,qBAAqB,EACrBC,oBAAoB,EACpBC,MAAM,EACNC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACY;IACpB,MAAMC,UAAUxB,WAAWO;IAC3B,MAAMkB,eAAexB;IACrB,MAAMU,KAAKR,SAAS;QAAEuB,KAAKd;IAAO,GAAGY,QAAQG,aAAa,GAAGlB,OAAOmB,cAAcH;IAClF,MAAMI,SAASL,QAAQG,aAAa,GAAGH,QAAQM,WAAW,KAAKnB,KAAKE;IACpE,MAAMkB,0BAA0BP,QAAQG,aAAa,GAAGH,QAAQM,WAAW,KAAK,OAAO;IAEvF,MAAM,CAACE,WAAWC,aAAa,GAAG/B,SAASY,cAAc,QAAQ,CAACe;IAElEzB,0BACE,SAAS8B;QACP,IAAI,CAACpB,eAAee,QAAQ;YAC1BI,aAAa,CAACE,OAAUA,OAAO,QAAQA;QACzC;IACF,GACA;QAACN;QAAQf;KAAY;IAGvB,IAAIkB,WAAW;QACb,OAAO;YAAEI,SAAS;YAAOL;YAAyBpB;QAAG;IACvD;IAEA,OAAO;QACLA;QACAyB,SAAS;QACTvB,MAAMgB;QACNE;QACAf,iBAAiBA,mBAAmBQ,QAAQR,eAAe;QAC3DD,oBAAoBA,sBAAsBS,QAAQT,kBAAkB;QACpEE,qBAAqBA,uBAAuBO,QAAQP,mBAAmB;QACvEC,uBAAuBA,yBAAyBM,QAAQN,qBAAqB;QAC7EC,sBAAsBA,wBAAwBK,QAAQL,oBAAoB;QAC1Eb,cAAckB,QAAQG,aAAa,GAAGnB,6BAA6BF;QACnEc,QAAQA,UAAUiB,mBAAmB1B,IAAIa,QAAQJ,MAAM;QACvDC,UAAUA,YAAYgB,mBAAmB1B,IAAIa,QAAQH,QAAQ;QAC7DC,SAASA,WAAWe,mBAAmB1B,IAAIa,QAAQF,OAAO;QAC1DC,UAAU,SAASe,aAAa,GAAGC,IAAW;YAC5C,IAAI,CAACzB,aAAa;gBAChBmB,aAAa;YACf;YAEA,IAAIV,UAAU;gBACZA,YAAYgB;YACd,OAAO;gBACLf,QAAQD,QAAQ,GAAGZ;YACrB;QACF;IACF;AACF,EAAE;AAEF,SAAS0B,mBAAmB1B,EAAU,EAAE6B,EAAyC;IAC/E,OAAOA,KAAK,IAAMA,GAAG7B,MAAMiB;AAC7B"}
1	+ {"version":3,"sources":["../../../src/components/ModalRoot/useModalRootManager.tsx"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport { useContext, useId, useState } from 'react';\nimport { getNavId } from '../../lib/getNavId';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { AnyFunction } from '../../types';\nimport { ModalOverlay, type ModalOverlayProps } from '../ModalOverlay/ModalOverlay';\nimport { ModalRootContext } from './ModalRootContext';\nimport { VisuallyHiddenModalOverlay } from './VisuallyHiddenModalOverlay/VisuallyHiddenModalOverlay';\nimport type { ModalRootCallbackFunction } from './types';\n\nconst warn = warnOnce('useModalManager');\nexport interface UseModalRootManager {\n id?: string \| undefined;\n open: boolean;\n keepMounted: boolean;\n modalOverlayTestId?: string \| undefined;\n noFocusToDialog?: boolean \| undefined;\n disableModalOverlay?: boolean \| undefined;\n disableCloseAnimation?: boolean \| undefined;\n disableOpenAnimation?: boolean \| undefined;\n onOpen?: AnyFunction \| undefined;\n onOpened?: AnyFunction \| undefined;\n onClose?: AnyFunction \| undefined;\n onClosed?: AnyFunction \| undefined;\n}\n\nexport interface UseModalRootManagerResolvedProps {\n id: string;\n open: boolean;\n noFocusToDialog?: boolean \| undefined;\n disableModalOverlay?: boolean \| undefined;\n disableCloseAnimation?: boolean \| undefined;\n disableOpenAnimation?: boolean \| undefined;\n modalOverlayTestId?: string \| undefined;\n ModalOverlay: React.ComponentType<ModalOverlayProps>;\n onOpen?: AnyFunction \| undefined;\n onOpened?: AnyFunction \| undefined;\n onClose?: AnyFunction \| undefined;\n onClosed?: AnyFunction \| undefined;\n}\n\nexport type UseModalRootManagerResult =\n \| { mounted: false; shouldPreserveSnapPoint: boolean; id: UseModalRootManagerResolvedProps['id'] }\n \| ({ mounted: true; shouldPreserveSnapPoint: boolean } & UseModalRootManagerResolvedProps);\n\nexport const useModalRootManager = ({\n id: idProp,\n open,\n keepMounted,\n modalOverlayTestId,\n noFocusToDialog,\n disableModalOverlay,\n disableCloseAnimation,\n disableOpenAnimation,\n onOpen,\n onOpened,\n onClose,\n onClosed,\n}: UseModalRootManager): UseModalRootManagerResult => {\n const context = useContext(ModalRootContext);\n const generatingId = useId();\n const id = getNavId({ nav: idProp }, context.isInsideModal ? warn : undefined) \|\| generatingId;\n const opened = context.isInsideModal ? context.activeModal === id : open;\n const shouldPreserveSnapPoint = context.isInsideModal ? context.activeModal !== null : false;\n\n const [unmounted, setUnmounted] = useState(keepMounted ? false : !opened);\n\n useIsomorphicLayoutEffect(\n function unsetUnmounted() {\n if (!keepMounted && opened) {\n setUnmounted((prev) => (prev ? false : prev));\n }\n },\n [opened, keepMounted],\n );\n\n if (unmounted) {\n return { mounted: false, shouldPreserveSnapPoint, id };\n }\n\n return {\n id,\n mounted: true,\n open: opened,\n shouldPreserveSnapPoint,\n noFocusToDialog: noFocusToDialog \|\| context.noFocusToDialog,\n modalOverlayTestId: modalOverlayTestId \|\| context.modalOverlayTestId,\n disableModalOverlay: disableModalOverlay \|\| context.disableModalOverlay,\n disableCloseAnimation: disableCloseAnimation \|\| context.disableCloseAnimation,\n disableOpenAnimation: disableOpenAnimation \|\| context.disableOpenAnimation,\n ModalOverlay: context.isInsideModal ? VisuallyHiddenModalOverlay : ModalOverlay,\n onOpen: onOpen \|\| getContextCallback(id, context.onOpen),\n onOpened: onOpened \|\| getContextCallback(id, context.onOpened),\n onClose: onClose \|\| getContextCallback(id, context.onClose),\n onClosed: function handleClosed(...args: any[]) {\n if (!keepMounted) {\n setUnmounted(true);\n }\n\n if (onClosed) {\n onClosed(...args);\n } else {\n context.onClosed?.(id);\n }\n },\n };\n};\n\nfunction getContextCallback(id: string, fn: ModalRootCallbackFunction \| undefined) {\n return fn ? () => fn(id) : undefined;\n}\n"],"names":["useContext","useId","useState","getNavId","useIsomorphicLayoutEffect","warnOnce","ModalOverlay","ModalRootContext","VisuallyHiddenModalOverlay","warn","useModalRootManager","id","idProp","open","keepMounted","modalOverlayTestId","noFocusToDialog","disableModalOverlay","disableCloseAnimation","disableOpenAnimation","onOpen","onOpened","onClose","onClosed","context","generatingId","nav","isInsideModal","undefined","opened","activeModal","shouldPreserveSnapPoint","unmounted","setUnmounted","unsetUnmounted","prev","mounted","getContextCallback","handleClosed","args","fn"],"mappings":"AAAA,sCAAsC,GAEtC,SAASA,UAAU,EAAEC,KAAK,EAAEC,QAAQ,QAAQ,QAAQ;AACpD,SAASC,QAAQ,QAAQ,wBAAqB;AAC9C,SAASC,yBAAyB,QAAQ,yCAAsC;AAChF,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,YAAY,QAAgC,kCAA+B;AACpF,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,0BAA0B,QAAQ,6DAA0D;AAGrG,MAAMC,OAAOJ,SAAS;AAmCtB,OAAO,MAAMK,sBAAsB,CAAC,EAClCC,IAAIC,MAAM,EACVC,IAAI,EACJC,WAAW,EACXC,kBAAkB,EAClBC,eAAe,EACfC,mBAAmB,EACnBC,qBAAqB,EACrBC,oBAAoB,EACpBC,MAAM,EACNC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACY;IACpB,MAAMC,UAAUxB,WAAWO;IAC3B,MAAMkB,eAAexB;IACrB,MAAMU,KAAKR,SAAS;QAAEuB,KAAKd;IAAO,GAAGY,QAAQG,aAAa,GAAGlB,OAAOmB,cAAcH;IAClF,MAAMI,SAASL,QAAQG,aAAa,GAAGH,QAAQM,WAAW,KAAKnB,KAAKE;IACpE,MAAMkB,0BAA0BP,QAAQG,aAAa,GAAGH,QAAQM,WAAW,KAAK,OAAO;IAEvF,MAAM,CAACE,WAAWC,aAAa,GAAG/B,SAASY,cAAc,QAAQ,CAACe;IAElEzB,0BACE,SAAS8B;QACP,IAAI,CAACpB,eAAee,QAAQ;YAC1BI,aAAa,CAACE,OAAUA,OAAO,QAAQA;QACzC;IACF,GACA;QAACN;QAAQf;KAAY;IAGvB,IAAIkB,WAAW;QACb,OAAO;YAAEI,SAAS;YAAOL;YAAyBpB;QAAG;IACvD;IAEA,OAAO;QACLA;QACAyB,SAAS;QACTvB,MAAMgB;QACNE;QACAf,iBAAiBA,mBAAmBQ,QAAQR,eAAe;QAC3DD,oBAAoBA,sBAAsBS,QAAQT,kBAAkB;QACpEE,qBAAqBA,uBAAuBO,QAAQP,mBAAmB;QACvEC,uBAAuBA,yBAAyBM,QAAQN,qBAAqB;QAC7EC,sBAAsBA,wBAAwBK,QAAQL,oBAAoB;QAC1Eb,cAAckB,QAAQG,aAAa,GAAGnB,6BAA6BF;QACnEc,QAAQA,UAAUiB,mBAAmB1B,IAAIa,QAAQJ,MAAM;QACvDC,UAAUA,YAAYgB,mBAAmB1B,IAAIa,QAAQH,QAAQ;QAC7DC,SAASA,WAAWe,mBAAmB1B,IAAIa,QAAQF,OAAO;QAC1DC,UAAU,SAASe,aAAa,GAAGC,IAAW;YAC5C,IAAI,CAACzB,aAAa;gBAChBmB,aAAa;YACf;YAEA,IAAIV,UAAU;gBACZA,YAAYgB;YACd,OAAO;gBACLf,QAAQD,QAAQ,GAAGZ;YACrB;QACF;IACF;AACF,EAAE;AAEF,SAAS0B,mBAAmB1B,EAAU,EAAE6B,EAAyC;IAC/E,OAAOA,KAAK,IAAMA,GAAG7B,MAAMiB;AAC7B"}

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

@@ -22,13 +22,13 @@ export interface NativeSelectProps extends Pick<React.SelectHTMLAttributes<HTMLS
      * - `select`: свойства для прокидывания в нативный `select`.
      */
     slotProps?: {
-        root?: Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & HasDataAttribute & HasRootRef<HTMLDivElement>;
-        select?: NativeHTMLSelectProps & HasRootRef<HTMLSelectElement> & HasDataAttribute;
-    };
+        root?: (Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & HasDataAttribute & HasRootRef<HTMLDivElement>) | undefined;
+        select?: (NativeHTMLSelectProps & HasRootRef<HTMLSelectElement> & HasDataAttribute) | undefined;
+    } | undefined;
     /**
      * @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ select: { getRootRef: ... } }`.
      */
-    getRef?: React.Ref<HTMLSelectElement>;
+    getRef?: React.Ref<HTMLSelectElement> | undefined;
     /**
      * Выбранное значение.
      *
@@ -36,34 +36,34 @@ export interface NativeSelectProps extends Pick<React.SelectHTMLAttributes<HTMLS
      * >
      * > Не используйте `undefined`, чтобы показать невыбранное состояние. Вместо этого используйте `null`.
      */
-    value?: SelectValue;
+    value?: SelectValue | undefined;
     /**
      * См. `value`.
      */
-    defaultValue?: SelectValue;
+    defaultValue?: SelectValue | undefined;
     /**
      * Обработчик, срабатывающий при изменении выбранного значения.
      * Вторым параметром прокидывается новое значение.
      *
      * > ⚠️ Лучше использовать второй параметр при работе с компонентом.
      */
-    onChange?: (e: ChangeEvent<HTMLSelectElement>, newValue: SelectValue) => void;
+    onChange?: ((e: ChangeEvent<HTMLSelectElement>, newValue: SelectValue) => void) | undefined;
     /**
      * Текст-подсказка при отсутствии выбранного значения.
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /**
      * Флаг для включения многострочного режима.
      */
-    multiline?: boolean;
+    multiline?: boolean | undefined;
     /**
      * Тип селекта, влияющий на отображение.
      */
-    selectType?: SelectType;
+    selectType?: SelectType | undefined;
     /**
      * Иконка раскрывающегося списка.
      */
-    icon?: React.ReactNode;
+    icon?: React.ReactNode | undefined;
 }
 /**
  * @see https://vkui.io/components/native-select

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../../src/components/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAsB,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE1E,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAWnD,MAAM,MAAM,WAAW,GAAG,OAAO,CAC/B,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,EACtD,SAAS,CACV,GAAG,IAAI,CAAC;AAET,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAE3D,eAAO,MAAM,YAAY;;;CAGxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iCAAiC,GAAI,OAAO,WAAW,KAAG,iBACV,CAAC;AAE9D,eAAO,MAAM,iCAAiC,GAAI,OAAO,iBAAiB,KAAG,WAChB,CAAC;AAE9D,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CACnD,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,IAAI,CACR,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAC3F,EACD,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAC/D,EACD,UAAU,CAAC,cAAc,CAAC,EAC1B,QAAQ,EACR,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3C;;;;OAIG;IACH,SAAS,CAAC,~~EAAE~~;~~QACV~~,IAAI,CAAC,~~EAAE~~,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,~~GAC3D~~,gBAAgB,GAChB,UAAU,CAAC,cAAc,CAAC,CAAC;~~QAC7B~~,MAAM,CAAC,~~EAAE~~,qBAAqB,GAAG,UAAU,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,CAAC;~~KACnF~~,CAAC;~~IACF~~;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;~~IACtC~~;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;~~IACpB~~;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;~~IAC3B~~;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;~~IAC9E~~;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;~~IACrB~~;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;~~IACpB~~;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;~~IACxB~~;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~CACxB~~;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,wNA4B1B,iBAAiB,KAAG,KAAK,CAAC,SAqF5B,CAAC"}
1	+ {"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../../src/components/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAsB,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE1E,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAWnD,MAAM,MAAM,WAAW,GAAG,OAAO,CAC/B,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,EACtD,SAAS,CACV,GAAG,IAAI,CAAC;AAET,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAE3D,eAAO,MAAM,YAAY;;;CAGxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iCAAiC,GAAI,OAAO,WAAW,KAAG,iBACV,CAAC;AAE9D,eAAO,MAAM,iCAAiC,GAAI,OAAO,iBAAiB,KAAG,WAChB,CAAC;AAE9D,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CACnD,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,IAAI,CACR,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAC3F,EACD,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAC/D,EACD,UAAU,CAAC,cAAc,CAAC,EAC1B,QAAQ,EACR,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3C;;;;OAIG;IACH,SAAS,CAAC,EACN;QACE,IAAI,CAAC,EACD,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GACrD,gBAAgB,GAChB,UAAU,CAAC,cAAc,CAAC,CAAC,GAC7B,SAAS,CAAC;QACd,MAAM,CAAC,EACH,CAAC,qBAAqB,GAAG,UAAU,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,CAAC,GAC1E,SAAS,CAAC;KACf,GACD,SAAS,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAClD;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACvC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5F;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACpC;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,wNA4B1B,iBAAiB,KAAG,KAAK,CAAC,SAqF5B,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["'use client';\n\nimport type { ChangeEvent, ChangeEventHandler } from 'react';\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useMergeProps } from '../../hooks/useMergeProps';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { getFormFieldModeFromSelectType } from '../../lib/select';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasAlign, HasDataAttribute, HasRootRef } from '../../types';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField, type FormFieldProps } from '../FormField/FormField';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport type { SelectType } from '../Select/Select';\nimport { SelectTypography } from '../SelectTypography/SelectTypography';\nimport styles from '../Select/Select.module.css';\n\nconst warn = warnOnce('NativeSelect');\n\nconst densityClassNames = {\n none: styles.densityNone,\n compact: styles.densityCompact,\n};\n\nexport type SelectValue = Exclude<\n React.SelectHTMLAttributes<HTMLSelectElement>['value'],\n undefined\n> \| null;\n\nexport type NativeSelectValue = Exclude<SelectValue, null>;\n\nexport const NOT_SELECTED = {\n NATIVE: '__vkui_internal_Select_not_selected__',\n CUSTOM: null,\n};\n\n/*\n @visibleName NativeSelect\n /\nexport const remapFromSelectValueToNativeValue = (value: SelectValue): NativeSelectValue =>\n value === NOT_SELECTED.CUSTOM ? NOT_SELECTED.NATIVE : value;\n\nexport const remapFromNativeValueToSelectValue = (value: NativeSelectValue): SelectValue =>\n value === NOT_SELECTED.NATIVE ? NOT_SELECTED.CUSTOM : value;\n\nexport type NativeHTMLSelectProps = Omit<\n React.SelectHTMLAttributes<HTMLSelectElement>,\n 'multiple' \| 'value' \| 'defaultValue' \| 'onChange'\n>;\n\nexport interface NativeSelectProps\n extends Pick<\n React.SelectHTMLAttributes<HTMLSelectElement>,\n 'disabled' \| 'required' \| 'autoFocus' \| 'name' \| 'form' \| 'onFocus' \| 'onBlur' \| 'onClick'\n >,\n Omit<\n React.HTMLAttributes<HTMLDivElement>,\n 'defaultValue' \| 'onChange' \| 'onFocus' \| 'onBlur' \| 'onClick'\n >,\n HasRootRef<HTMLDivElement>,\n HasAlign,\n Pick<FormFieldProps, 'before' \| 'status'> {\n /\n Свойства, которые можно прокинуть внутрь компонента:\n * - `root`: свойства для прокидывания в корень компонента;\n * - `select`: свойства для прокидывания в нативный `select`.\n /\n slotProps?: {\n root?: Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> &\n HasDataAttribute &\n HasRootRef<HTMLDivElement>;\n select?: NativeHTMLSelectProps & HasRootRef<HTMLSelectElement> & HasDataAttribute;\n };\n /\n @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ select: { getRootRef: ... } }`.\n /\n getRef?: React.Ref<HTMLSelectElement>;\n /\n Выбранное значение.\n \n > ⚠️ Важно: При прокидывании `undefined` компонент будет считаться `Uncontrolled`.\n * >\n * > Не используйте `undefined`, чтобы показать невыбранное состояние. Вместо этого используйте `null`.\n /\n value?: SelectValue;\n /\n См. `value`.\n /\n defaultValue?: SelectValue;\n /\n Обработчик, срабатывающий при изменении выбранного значения.\n * Вторым параметром прокидывается новое значение.\n \n > ⚠️ Лучше использовать второй параметр при работе с компонентом.\n /\n onChange?: (e: ChangeEvent<HTMLSelectElement>, newValue: SelectValue) => void;\n /\n Текст-подсказка при отсутствии выбранного значения.\n /\n placeholder?: string;\n /\n Флаг для включения многострочного режима.\n /\n multiline?: boolean;\n /\n Тип селекта, влияющий на отображение.\n /\n selectType?: SelectType;\n /\n Иконка раскрывающегося списка.\n /\n icon?: React.ReactNode;\n}\n\n/\n @see https://vkui.io/components/native-select\n /\nexport const NativeSelect = ({\n // NativeSelectProps\n children,\n align,\n placeholder,\n multiline,\n selectType = 'default',\n status,\n icon = <DropdownIcon />,\n before,\n onChange,\n value,\n defaultValue,\n getRef,\n\n // Select props\n disabled,\n required,\n autoFocus,\n id,\n name,\n form,\n onClick,\n onFocus,\n onBlur,\n\n slotProps,\n ...restProps\n}: NativeSelectProps): React.ReactNode => {\n / istanbul ignore if: не проверяем в тестах */\n if (process.env.NODE_ENV === 'development' && getRef) {\n warn('Свойство `getRef` устаревшее, используйте `slotProps={ select: { getRootRef: ... } }`');\n }\n\n const [title, setTitle] = React.useState('');\n const [empty, setEmpty] = React.useState(false);\n const { density = 'none' } = useAdaptivity();\n\n const { className, style, getRootRef, ...rootRest } = useMergeProps(restProps, slotProps?.root);\n\n const { getRootRef: getSelectRef, ...selectRest } = useMergeProps(\n { getRootRef: getRef, disabled, required, autoFocus, id, name, form, onClick, onFocus, onBlur },\n slotProps?.select,\n );\n\n const selectRef = useExternRef(getSelectRef);\n\n const checkSelectedOption = () => {\n const selectedOption = selectRef.current?.options[selectRef.current.selectedIndex];\n if (selectedOption) {\n setTitle(selectedOption.text);\n setEmpty(selectedOption.value === NOT_SELECTED.NATIVE && placeholder != null);\n }\n };\n\n const _onChange: ChangeEventHandler<HTMLSelectElement> = (e) => {\n const newValue = remapFromNativeValueToSelectValue(e.target.value);\n if (e.target.value === NOT_SELECTED.NATIVE) {\n e.target.value = '';\n }\n if (e.currentTarget.value === NOT_SELECTED.NATIVE) {\n e.currentTarget.value = '';\n }\n onChange?.(e, newValue);\n };\n useIsomorphicLayoutEffect(checkSelectedOption, [children]);\n\n return (\n <FormField\n Component=\"div\"\n className={classNames(\n styles.host,\n 'vkuiInternalNativeSelect',\n before && styles.hasBefore,\n empty && styles.empty,\n multiline && styles.multiline,\n align === 'center' && styles.alignCenter,\n align === 'right' && styles.alignRight,\n density !== 'regular' && densityClassNames[density],\n className,\n )}\n style={style}\n getRootRef={getRootRef}\n disabled={selectRest.disabled}\n before={before}\n after={icon}\n status={status}\n mode={getFormFieldModeFromSelectType(selectType)}\n {...rootRest}\n >\n <RootComponent\n Component=\"select\"\n baseClassName={styles.el}\n value={value !== undefined ? remapFromSelectValueToNativeValue(value) : value}\n defaultValue={\n defaultValue !== undefined\n ? remapFromSelectValueToNativeValue(defaultValue)\n : defaultValue\n }\n onChange={callMultiple(_onChange, checkSelectedOption)}\n getRootRef={selectRef}\n {...selectRest}\n >\n {placeholder && <option value={NOT_SELECTED.NATIVE}>{placeholder}</option>}\n {children}\n </RootComponent>\n <div className={styles.container} aria-hidden>\n <SelectTypography className={styles.title} selectType={selectType}>\n {title}\n </SelectTypography>\n </div>\n </FormField>\n );\n};\n"],"names":["React","classNames","useAdaptivity","useExternRef","useMergeProps","callMultiple","getFormFieldModeFromSelectType","useIsomorphicLayoutEffect","warnOnce","DropdownIcon","FormField","RootComponent","SelectTypography","warn","densityClassNames","none","compact","NOT_SELECTED","NATIVE","CUSTOM","remapFromSelectValueToNativeValue","value","remapFromNativeValueToSelectValue","NativeSelect","children","align","placeholder","multiline","selectType","status","icon","before","onChange","defaultValue","getRef","disabled","required","autoFocus","id","name","form","onClick","onFocus","onBlur","slotProps","restProps","process","env","NODE_ENV","title","setTitle","useState","empty","setEmpty","density","className","style","getRootRef","rootRest","root","getSelectRef","selectRest","select","selectRef","checkSelectedOption","selectedOption","current","options","selectedIndex","text","_onChange","e","newValue","target","currentTarget","Component","after","mode","baseClassName","undefined","option","div","aria-hidden"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["'use client';\n\nimport type { ChangeEvent, ChangeEventHandler } from 'react';\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useMergeProps } from '../../hooks/useMergeProps';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { getFormFieldModeFromSelectType } from '../../lib/select';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasAlign, HasDataAttribute, HasRootRef } from '../../types';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField, type FormFieldProps } from '../FormField/FormField';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport type { SelectType } from '../Select/Select';\nimport { SelectTypography } from '../SelectTypography/SelectTypography';\nimport styles from '../Select/Select.module.css';\n\nconst warn = warnOnce('NativeSelect');\n\nconst densityClassNames = {\n none: styles.densityNone,\n compact: styles.densityCompact,\n};\n\nexport type SelectValue = Exclude<\n React.SelectHTMLAttributes<HTMLSelectElement>['value'],\n undefined\n> \| null;\n\nexport type NativeSelectValue = Exclude<SelectValue, null>;\n\nexport const NOT_SELECTED = {\n NATIVE: '__vkui_internal_Select_not_selected__',\n CUSTOM: null,\n};\n\n/*\n @visibleName NativeSelect\n /\nexport const remapFromSelectValueToNativeValue = (value: SelectValue): NativeSelectValue =>\n value === NOT_SELECTED.CUSTOM ? NOT_SELECTED.NATIVE : value;\n\nexport const remapFromNativeValueToSelectValue = (value: NativeSelectValue): SelectValue =>\n value === NOT_SELECTED.NATIVE ? NOT_SELECTED.CUSTOM : value;\n\nexport type NativeHTMLSelectProps = Omit<\n React.SelectHTMLAttributes<HTMLSelectElement>,\n 'multiple' \| 'value' \| 'defaultValue' \| 'onChange'\n>;\n\nexport interface NativeSelectProps\n extends Pick<\n React.SelectHTMLAttributes<HTMLSelectElement>,\n 'disabled' \| 'required' \| 'autoFocus' \| 'name' \| 'form' \| 'onFocus' \| 'onBlur' \| 'onClick'\n >,\n Omit<\n React.HTMLAttributes<HTMLDivElement>,\n 'defaultValue' \| 'onChange' \| 'onFocus' \| 'onBlur' \| 'onClick'\n >,\n HasRootRef<HTMLDivElement>,\n HasAlign,\n Pick<FormFieldProps, 'before' \| 'status'> {\n /\n Свойства, которые можно прокинуть внутрь компонента:\n * - `root`: свойства для прокидывания в корень компонента;\n * - `select`: свойства для прокидывания в нативный `select`.\n /\n slotProps?:\n \| {\n root?:\n \| (Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> &\n HasDataAttribute &\n HasRootRef<HTMLDivElement>)\n \| undefined;\n select?:\n \| (NativeHTMLSelectProps & HasRootRef<HTMLSelectElement> & HasDataAttribute)\n \| undefined;\n }\n \| undefined;\n /\n @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ select: { getRootRef: ... } }`.\n /\n getRef?: React.Ref<HTMLSelectElement> \| undefined;\n /\n Выбранное значение.\n \n > ⚠️ Важно: При прокидывании `undefined` компонент будет считаться `Uncontrolled`.\n * >\n * > Не используйте `undefined`, чтобы показать невыбранное состояние. Вместо этого используйте `null`.\n /\n value?: SelectValue \| undefined;\n /\n См. `value`.\n /\n defaultValue?: SelectValue \| undefined;\n /\n Обработчик, срабатывающий при изменении выбранного значения.\n * Вторым параметром прокидывается новое значение.\n \n > ⚠️ Лучше использовать второй параметр при работе с компонентом.\n /\n onChange?: ((e: ChangeEvent<HTMLSelectElement>, newValue: SelectValue) => void) \| undefined;\n /\n Текст-подсказка при отсутствии выбранного значения.\n /\n placeholder?: string \| undefined;\n /\n Флаг для включения многострочного режима.\n /\n multiline?: boolean \| undefined;\n /\n Тип селекта, влияющий на отображение.\n /\n selectType?: SelectType \| undefined;\n /\n Иконка раскрывающегося списка.\n /\n icon?: React.ReactNode \| undefined;\n}\n\n/\n @see https://vkui.io/components/native-select\n /\nexport const NativeSelect = ({\n // NativeSelectProps\n children,\n align,\n placeholder,\n multiline,\n selectType = 'default',\n status,\n icon = <DropdownIcon />,\n before,\n onChange,\n value,\n defaultValue,\n getRef,\n\n // Select props\n disabled,\n required,\n autoFocus,\n id,\n name,\n form,\n onClick,\n onFocus,\n onBlur,\n\n slotProps,\n ...restProps\n}: NativeSelectProps): React.ReactNode => {\n / istanbul ignore if: не проверяем в тестах */\n if (process.env.NODE_ENV === 'development' && getRef) {\n warn('Свойство `getRef` устаревшее, используйте `slotProps={ select: { getRootRef: ... } }`');\n }\n\n const [title, setTitle] = React.useState('');\n const [empty, setEmpty] = React.useState(false);\n const { density = 'none' } = useAdaptivity();\n\n const { className, style, getRootRef, ...rootRest } = useMergeProps(restProps, slotProps?.root);\n\n const { getRootRef: getSelectRef, ...selectRest } = useMergeProps(\n { getRootRef: getRef, disabled, required, autoFocus, id, name, form, onClick, onFocus, onBlur },\n slotProps?.select,\n );\n\n const selectRef = useExternRef(getSelectRef);\n\n const checkSelectedOption = () => {\n const selectedOption = selectRef.current?.options[selectRef.current.selectedIndex];\n if (selectedOption) {\n setTitle(selectedOption.text);\n setEmpty(selectedOption.value === NOT_SELECTED.NATIVE && placeholder != null);\n }\n };\n\n const _onChange: ChangeEventHandler<HTMLSelectElement> = (e) => {\n const newValue = remapFromNativeValueToSelectValue(e.target.value);\n if (e.target.value === NOT_SELECTED.NATIVE) {\n e.target.value = '';\n }\n if (e.currentTarget.value === NOT_SELECTED.NATIVE) {\n e.currentTarget.value = '';\n }\n onChange?.(e, newValue);\n };\n useIsomorphicLayoutEffect(checkSelectedOption, [children]);\n\n return (\n <FormField\n Component=\"div\"\n className={classNames(\n styles.host,\n 'vkuiInternalNativeSelect',\n before && styles.hasBefore,\n empty && styles.empty,\n multiline && styles.multiline,\n align === 'center' && styles.alignCenter,\n align === 'right' && styles.alignRight,\n density !== 'regular' && densityClassNames[density],\n className,\n )}\n style={style}\n getRootRef={getRootRef}\n disabled={selectRest.disabled}\n before={before}\n after={icon}\n status={status}\n mode={getFormFieldModeFromSelectType(selectType)}\n {...rootRest}\n >\n <RootComponent\n Component=\"select\"\n baseClassName={styles.el}\n value={value !== undefined ? remapFromSelectValueToNativeValue(value) : value}\n defaultValue={\n defaultValue !== undefined\n ? remapFromSelectValueToNativeValue(defaultValue)\n : defaultValue\n }\n onChange={callMultiple(_onChange, checkSelectedOption)}\n getRootRef={selectRef}\n {...selectRest}\n >\n {placeholder && <option value={NOT_SELECTED.NATIVE}>{placeholder}</option>}\n {children}\n </RootComponent>\n <div className={styles.container} aria-hidden>\n <SelectTypography className={styles.title} selectType={selectType}>\n {title}\n </SelectTypography>\n </div>\n </FormField>\n );\n};\n"],"names":["React","classNames","useAdaptivity","useExternRef","useMergeProps","callMultiple","getFormFieldModeFromSelectType","useIsomorphicLayoutEffect","warnOnce","DropdownIcon","FormField","RootComponent","SelectTypography","warn","densityClassNames","none","compact","NOT_SELECTED","NATIVE","CUSTOM","remapFromSelectValueToNativeValue","value","remapFromNativeValueToSelectValue","NativeSelect","children","align","placeholder","multiline","selectType","status","icon","before","onChange","defaultValue","getRef","disabled","required","autoFocus","id","name","form","onClick","onFocus","onBlur","slotProps","restProps","process","env","NODE_ENV","title","setTitle","useState","empty","setEmpty","density","className","style","getRootRef","rootRest","root","getSelectRef","selectRest","select","selectRef","checkSelectedOption","selectedOption","current","options","selectedIndex","text","_onChange","e","newValue","target","currentTarget","Component","after","mode","baseClassName","undefined","option","div","aria-hidden"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import { type InputLikeProps } from '../InputLike/InputLike';
 export interface NumberInputLikeProps extends Omit<InputLikeProps, 'value'> {
-    value?: number | string;
-    maxValue?: number;
-    minValue?: number;
+    value?: number | string | undefined;
+    maxValue?: number | undefined;
+    minValue?: number | undefined;
 }
 export declare const NumberInputLike: React.FC<NumberInputLikeProps>;
 //# sourceMappingURL=NumberInputLike.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberInputLike.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInputLike/NumberInputLike.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxE,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;~~IACxB~~,QAAQ,CAAC,EAAE,MAAM,CAAC;~~IAClB~~,QAAQ,CAAC,EAAE,MAAM,CAAC;~~CACnB~~;AAeD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+B1D,CAAC"}
1	+ {"version":3,"file":"NumberInputLike.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInputLike/NumberInputLike.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxE,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B;AAeD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+B1D,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/NumberInputLike/NumberInputLike.tsx"],"sourcesContent":["'use client';\n\nimport { InputLike, type InputLikeProps } from '../InputLike/InputLike';\n/* eslint-disable jsdoc/require-jsdoc */\n\nexport interface NumberInputLikeProps extends Omit<InputLikeProps, 'value'> {\n value?: number \| string;\n maxValue?: number;\n minValue?: number;\n}\n\nconst stringifyValue = (\n value: NumberInputLikeProps['value'],\n length: number,\n): string \| undefined => {\n if (value === undefined) {\n return undefined;\n }\n if (typeof value === 'string') {\n return value;\n }\n return String(value).padStart(length, '0');\n};\n\nexport const NumberInputLike: React.FC<NumberInputLikeProps> = ({\n value,\n length,\n minValue,\n maxValue,\n readOnly,\n disabled,\n label,\n onKeyDown,\n 'aria-label': ariaLabel,\n ...restProps\n}) => {\n const stringValue = stringifyValue(value, length);\n return (\n <InputLike\n role=\"spinbutton\"\n value={stringValue}\n length={length}\n aria-valuemin={minValue}\n aria-valuemax={maxValue}\n aria-valuenow={value !== undefined ? Number(value) : undefined}\n aria-valuetext={stringValue}\n aria-readonly={readOnly}\n aria-disabled={disabled}\n aria-label={label}\n label={label}\n tabIndex={readOnly ? -1 : 0}\n onKeyDown={readOnly ? undefined : onKeyDown}\n {...restProps}\n />\n );\n};\n"],"names":["InputLike","stringifyValue","value","length","undefined","String","padStart","NumberInputLike","minValue","maxValue","readOnly","disabled","label","onKeyDown","ariaLabel","restProps","stringValue","role","aria-valuemin","aria-valuemax","aria-valuenow","Number","aria-valuetext","aria-readonly","aria-disabled","aria-label","tabIndex"],"mappings":"AAAA;;AAEA,SAASA,SAAS,QAA6B,4BAAyB;AASxE,MAAMC,iBAAiB,CACrBC,OACAC;IAEA,IAAID,UAAUE,WAAW;QACvB,OAAOA;IACT;IACA,IAAI,OAAOF,UAAU,UAAU;QAC7B,OAAOA;IACT;IACA,OAAOG,OAAOH,OAAOI,QAAQ,CAACH,QAAQ;AACxC;AAEA,OAAO,MAAMI,kBAAkD,CAAC,EAC9DL,KAAK,EACLC,MAAM,EACNK,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACT,cAAcC,SAAS,EACvB,GAAGC,WACJ;IACC,MAAMC,cAAcf,eAAeC,OAAOC;IAC1C,qBACE,KAACH;QACCiB,MAAK;QACLf,OAAOc;QACPb,QAAQA;QACRe,iBAAeV;QACfW,iBAAeV;QACfW,iBAAelB,UAAUE,YAAYiB,OAAOnB,SAASE;QACrDkB,kBAAgBN;QAChBO,iBAAeb;QACfc,iBAAeb;QACfc,cAAYb;QACZA,OAAOA;QACPc,UAAUhB,WAAW,CAAC,IAAI;QAC1BG,WAAWH,WAAWN,YAAYS;QACjC,GAAGE,SAAS;;AAGnB,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/NumberInputLike/NumberInputLike.tsx"],"sourcesContent":["'use client';\n\nimport { InputLike, type InputLikeProps } from '../InputLike/InputLike';\n/* eslint-disable jsdoc/require-jsdoc */\n\nexport interface NumberInputLikeProps extends Omit<InputLikeProps, 'value'> {\n value?: number \| string \| undefined;\n maxValue?: number \| undefined;\n minValue?: number \| undefined;\n}\n\nconst stringifyValue = (\n value: NumberInputLikeProps['value'],\n length: number,\n): string \| undefined => {\n if (value === undefined) {\n return undefined;\n }\n if (typeof value === 'string') {\n return value;\n }\n return String(value).padStart(length, '0');\n};\n\nexport const NumberInputLike: React.FC<NumberInputLikeProps> = ({\n value,\n length,\n minValue,\n maxValue,\n readOnly,\n disabled,\n label,\n onKeyDown,\n 'aria-label': ariaLabel,\n ...restProps\n}) => {\n const stringValue = stringifyValue(value, length);\n return (\n <InputLike\n role=\"spinbutton\"\n value={stringValue}\n length={length}\n aria-valuemin={minValue}\n aria-valuemax={maxValue}\n aria-valuenow={value !== undefined ? Number(value) : undefined}\n aria-valuetext={stringValue}\n aria-readonly={readOnly}\n aria-disabled={disabled}\n aria-label={label}\n label={label}\n tabIndex={readOnly ? -1 : 0}\n onKeyDown={readOnly ? undefined : onKeyDown}\n {...restProps}\n />\n );\n};\n"],"names":["InputLike","stringifyValue","value","length","undefined","String","padStart","NumberInputLike","minValue","maxValue","readOnly","disabled","label","onKeyDown","ariaLabel","restProps","stringValue","role","aria-valuemin","aria-valuemax","aria-valuenow","Number","aria-valuetext","aria-readonly","aria-disabled","aria-label","tabIndex"],"mappings":"AAAA;;AAEA,SAASA,SAAS,QAA6B,4BAAyB;AASxE,MAAMC,iBAAiB,CACrBC,OACAC;IAEA,IAAID,UAAUE,WAAW;QACvB,OAAOA;IACT;IACA,IAAI,OAAOF,UAAU,UAAU;QAC7B,OAAOA;IACT;IACA,OAAOG,OAAOH,OAAOI,QAAQ,CAACH,QAAQ;AACxC;AAEA,OAAO,MAAMI,kBAAkD,CAAC,EAC9DL,KAAK,EACLC,MAAM,EACNK,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACT,cAAcC,SAAS,EACvB,GAAGC,WACJ;IACC,MAAMC,cAAcf,eAAeC,OAAOC;IAC1C,qBACE,KAACH;QACCiB,MAAK;QACLf,OAAOc;QACPb,QAAQA;QACRe,iBAAeV;QACfW,iBAAeV;QACfW,iBAAelB,UAAUE,YAAYiB,OAAOnB,SAASE;QACrDkB,kBAAgBN;QAChBO,iBAAeb;QACfc,iBAAeb;QACfc,cAAYb;QACZA,OAAOA;QACPc,UAAUhB,WAAW,CAAC,IAAI;QAC1BG,WAAWH,WAAWN,YAAYS;QACjC,GAAGE,SAAS;;AAGnB,EAAE"}

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

@@ -8,30 +8,30 @@ type AllowedFloatingArrowProps = {
     /**
      * Сдвиг стрелки относительно текущих координат.
      */
-    arrowOffset?: FloatingArrowProps['offset'];
+    arrowOffset?: FloatingArrowProps['offset'] | undefined;
     /**
      * Включает абсолютное смещение по `arrowOffset`.
      */
-    isStaticArrowOffset?: FloatingArrowProps['isStaticOffset'];
+    isStaticArrowOffset?: FloatingArrowProps['isStaticOffset'] | undefined;
 };
 export interface OnboardingTooltipProps extends AllowedFloatingComponentProps, AllowedTooltipBaseProps, AllowedFloatingArrowProps {
     /**
      * Управление поведением возврата фокуса при закрытии всплывающего окна.
      * @default true
      */
-    restoreFocus?: boolean | (() => boolean | HTMLElement);
+    restoreFocus?: boolean | (() => boolean | HTMLElement) | undefined;
     /**
      * Скрывает стрелку, указывающую на якорный элемент.
      */
-    disableArrow?: boolean;
+    disableArrow?: boolean | undefined;
     /**
      * Обработчик, который вызывается при нажатии по любому месту в пределах экрана.
      */
-    onClose?: (this: void) => void;
+    onClose?: ((this: void) => void) | undefined;
     /**
      * [a11y] Метка для подложки-кнопки, для описания того, что произойдёт при нажатии.
      */
-    overlayLabel?: string;
+    overlayLabel?: string | undefined;
 }
 /**
  * @see https://vkui.io/components/onboarding-tooltip

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

	@@ -1 +1 @@
1	- {"version":3,"file":"OnboardingTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTooltip/OnboardingTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAGL,KAAK,sBAAsB,EAI5B,MAAM,oBAAoB,CAAC;AAK5B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAIzE,OAAO,EAAkC,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAMnG,KAAK,6BAA6B,GAAG,IAAI,CACvC,sBAAsB,EACpB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,kBAAkB,GAClB,mBAAmB,GACnB,OAAO,GACP,UAAU,GACV,mBAAmB,GACnB,uBAAuB,GACvB,wBAAwB,GACxB,kBAAkB,GAClB,iBAAiB,CACpB,CAAC;AAEF,KAAK,uBAAuB,GAAG,IAAI,CACjC,gBAAgB,EAChB,YAAY,GAAG,gBAAgB,GAAG,kBAAkB,CACrD,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;~~IAC3C~~;;OAEG;IACH,mBAAmB,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;~~CAC5D~~,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,6BAA6B,EACnC,uBAAuB,EACvB,yBAAyB;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC;~~IACvD~~;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;~~IACvB~~;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;~~IAC/B~~;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;~~CACvB~~;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,icA2B/B,sBAAsB,KAAG,KAAK,CAAC,~~SA6IjC~~,CAAC"}
1	+ {"version":3,"file":"OnboardingTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTooltip/OnboardingTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAGL,KAAK,sBAAsB,EAI5B,MAAM,oBAAoB,CAAC;AAK5B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAIzE,OAAO,EAAkC,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAMnG,KAAK,6BAA6B,GAAG,IAAI,CACvC,sBAAsB,EACpB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,kBAAkB,GAClB,mBAAmB,GACnB,OAAO,GACP,UAAU,GACV,mBAAmB,GACnB,uBAAuB,GACvB,wBAAwB,GACxB,kBAAkB,GAClB,iBAAiB,CACpB,CAAC;AAEF,KAAK,uBAAuB,GAAG,IAAI,CACjC,gBAAgB,EAChB,YAAY,GAAG,gBAAgB,GAAG,kBAAkB,CACrD,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IACvD;;OAEG;IACH,mBAAmB,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CACxE,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,6BAA6B,EACnC,uBAAuB,EACvB,yBAAyB;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,SAAS,CAAC;IACnE;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,icA2B/B,sBAAsB,KAAG,KAAK,CAAC,SAqJjC,CAAC"}

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

@@ -41,11 +41,17 @@ const warn = warnOnce('OnboardingTooltip');
         overflowPadding
     });
     const isLock = React.useContext(LockFloatingPositionContext);
-    const { x: floatingDataX, y: floatingDataY, refs, placement: resolvedPlacement, middlewareData: { arrow: arrowCoords } } = useFloating({
+    const { x: floatingDataX, y: floatingDataY, isPositioned, refs, placement: resolvedPlacement, middlewareData: { arrow: arrowCoords } } = useFloating({
         strategy: positionStrategy,
-        placement: strictPlacement,
+        ...strictPlacement !== undefined && {
+            placement: strictPlacement
+        },
         middleware: middlewares,
-        whileElementsMounted: isLock ? undefined : autoUpdateFloatingElement
+        ...!isLock && {
+            whileElementsMounted: (...args)=>autoUpdateFloatingElement(...args, {
+                    elementResize: true
+                })
+        }
     });
     const tooltipRef = useExternRef(getRootRef, refs.setFloating);
     const focusTrapRootRef = React.useRef(null);
@@ -65,6 +71,9 @@ const warn = warnOnce('OnboardingTooltip');
             x: floatingDataX,
             y: floatingDataY
         });
+        if (!isPositioned) {
+            floatingStyle.visibility = 'hidden';
+        }
         tooltip = createPortal(/*#__PURE__*/ _jsx(FocusTrap, {
             rootRef: focusTrapRootRef,
             disabled: disableFocusTrap,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/OnboardingTooltip/OnboardingTooltip.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { hasReactNode } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEscKeyDown } from '../../hooks/useGlobalEscKeyDown';\nimport { usePatchChildren } from '../../hooks/usePatchChildren';\nimport { createPortal } from '../../lib/createPortal';\nimport {\n autoUpdateFloatingElement,\n convertFloatingDataToReactCSSProperties,\n type FloatingComponentProps,\n useFloating,\n useFloatingMiddlewaresBootstrap,\n usePlacementChangeCallback,\n} from '../../lib/floating';\nimport { LockFloatingPositionContext } from '../../lib/floating/LockFloatingPosition/LockFloatingPosition';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { DEFAULT_ARROW_HEIGHT, DEFAULT_ARROW_PADDING } from '../FloatingArrow/DefaultIcon';\nimport type { FloatingArrowProps } from '../FloatingArrow/FloatingArrow';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { useNavTransition } from '../NavTransitionContext/NavTransitionContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { TOOLTIP_MAX_WIDTH, TooltipBase, type TooltipBaseProps } from '../TooltipBase/TooltipBase';\nimport { onboardingTooltipContainerAttr } from './OnboardingTooltipContainer';\nimport styles from './OnboardingTooltip.module.css';\n\nconst warn = warnOnce('OnboardingTooltip');\n\ntype AllowedFloatingComponentProps = Pick<\n FloatingComponentProps,\n \| 'arrowHeight'\n \| 'arrowPadding'\n \| 'arrowRef'\n \| 'placement'\n \| 'offsetByMainAxis'\n \| 'offsetByCrossAxis'\n \| 'shown'\n \| 'children'\n \| 'onPlacementChange'\n \| 'disableFlipMiddleware'\n \| 'disableShiftMiddleware'\n \| 'disableFocusTrap'\n \| 'overflowPadding'\n>;\n\ntype AllowedTooltipBaseProps = Omit<\n TooltipBaseProps,\n 'arrowProps' \| 'closeIconLabel' \| 'onCloseIconClick'\n>;\n\ntype AllowedFloatingArrowProps = {\n /*\n Сдвиг стрелки относительно текущих координат.\n /\n arrowOffset?: FloatingArrowProps['offset'];\n /\n Включает абсолютное смещение по `arrowOffset`.\n /\n isStaticArrowOffset?: FloatingArrowProps['isStaticOffset'];\n};\n\nexport interface OnboardingTooltipProps\n extends AllowedFloatingComponentProps,\n AllowedTooltipBaseProps,\n AllowedFloatingArrowProps {\n /\n Управление поведением возврата фокуса при закрытии всплывающего окна.\n * @default true\n /\n restoreFocus?: boolean \| (() => boolean \| HTMLElement);\n /\n Скрывает стрелку, указывающую на якорный элемент.\n /\n disableArrow?: boolean;\n /\n Обработчик, который вызывается при нажатии по любому месту в пределах экрана.\n /\n onClose?: (this: void) => void;\n /\n [a11y] Метка для подложки-кнопки, для описания того, что произойдёт при нажатии.\n /\n overlayLabel?: string;\n}\n\n/\n @see https://vkui.io/components/onboarding-tooltip\n */\nexport const OnboardingTooltip = ({\n 'id': idProp,\n children,\n 'shown': shownProp = true,\n arrowPadding = DEFAULT_ARROW_PADDING,\n arrowHeight = DEFAULT_ARROW_HEIGHT,\n offsetByMainAxis = 0,\n offsetByCrossAxis = 0,\n arrowOffset = 0,\n isStaticArrowOffset = false,\n onClose,\n 'placement': placementProp = 'bottom-start',\n maxWidth = TOOLTIP_MAX_WIDTH,\n 'style': styleProp,\n getRootRef,\n disableArrow = false,\n onPlacementChange,\n disableFlipMiddleware = false,\n disableShiftMiddleware = false,\n overlayLabel = 'Закрыть',\n title,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n restoreFocus,\n disableFocusTrap,\n overflowPadding,\n ...restProps\n}: OnboardingTooltipProps): React.ReactNode => {\n const generatedId = React.useId();\n const tooltipId = idProp \|\| generatedId;\n const { entering } = useNavTransition();\n\n const [arrowRef, setArrowRef] = React.useState<HTMLDivElement \| null>(null);\n const [tooltipContainer, setTooltipContainer] = React.useState<HTMLElement \| null>(null);\n const [positionStrategy, setPositionStrategy] = React.useState<'fixed' \| 'absolute'>('absolute');\n const shown = shownProp && tooltipContainer && !entering;\n\n const { middlewares, strictPlacement } = useFloatingMiddlewaresBootstrap({\n placement: placementProp,\n offsetByMainAxis,\n offsetByCrossAxis,\n arrowRef,\n arrow: !disableArrow,\n arrowHeight,\n arrowPadding,\n disableFlipMiddleware,\n disableShiftMiddleware,\n overflowPadding,\n });\n\n const isLock = React.useContext(LockFloatingPositionContext);\n\n const {\n x: floatingDataX,\n y: floatingDataY,\n refs,\n placement: resolvedPlacement,\n middlewareData: { arrow: arrowCoords },\n } = useFloating({\n strategy: positionStrategy,\n placement: strictPlacement,\n middleware: middlewares,\n whileElementsMounted: isLock ? undefined : autoUpdateFloatingElement,\n });\n\n const tooltipRef = useExternRef<HTMLDivElement>(getRootRef, refs.setFloating);\n const focusTrapRootRef = React.useRef<HTMLDivElement \| null>(null);\n const [childRef, child] = usePatchChildren(children, {\n 'aria-describedby': shown ? tooltipId : undefined,\n });\n\n usePlacementChangeCallback(placementProp, resolvedPlacement, onPlacementChange);\n\n const titleId = React.useId();\n if (process.env.NODE_ENV === 'development' && !title && !ariaLabel && !ariaLabelledBy) {\n warn(\n 'Если \"title\" не используется, то необходимо задать либо \"aria-label\", либо \"aria-labelledby\" (см. правило axe aria-dialog-name)',\n );\n }\n\n useGlobalEscKeyDown(!!shown, onClose);\n\n let tooltip: React.ReactPortal \| null = null;\n if (shown) {\n const floatingStyle = convertFloatingDataToReactCSSProperties({\n strategy: positionStrategy,\n x: floatingDataX,\n y: floatingDataY,\n });\n\n tooltip = createPortal(\n <FocusTrap rootRef={focusTrapRootRef} disabled={disableFocusTrap} restoreFocus={restoreFocus}>\n <RootComponent\n tabIndex={-1}\n getRootRef={focusTrapRootRef}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={ariaLabel}\n aria-labelledby={title ? titleId : ariaLabel ? undefined : ariaLabelledBy}\n >\n <button aria-label={overlayLabel} className={styles.overlay} onClickCapture={onClose} />\n <TooltipBase\n {...restProps}\n id={tooltipId}\n title={title}\n titleId={title ? titleId : undefined}\n getRootRef={tooltipRef}\n style={mergeStyle(floatingStyle, styleProp)}\n maxWidth={maxWidth}\n arrowProps={\n disableArrow\n ? undefined\n : {\n offset: arrowOffset,\n isStaticOffset: isStaticArrowOffset,\n coords: arrowCoords,\n placement: resolvedPlacement,\n getRootRef: setArrowRef,\n }\n }\n />\n </RootComponent>\n </FocusTrap>,\n tooltipContainer,\n );\n }\n\n useIsomorphicLayoutEffect(\n function initialize() {\n const referenceEl = childRef.current;\n if (referenceEl) {\n setTooltipContainer(\n referenceEl.closest<HTMLDivElement>(`[${onboardingTooltipContainerAttr}]`), // eslint-disable-line no-restricted-properties\n );\n setPositionStrategy(referenceEl.style.position === 'fixed' ? 'fixed' : 'absolute');\n refs.setReference(referenceEl);\n }\n },\n [childRef],\n );\n\n if (process.env.NODE_ENV === 'development') {\n const multiChildren = React.Children.count(children) > 1;\n // Empty children is a noop\n const primitiveChild = hasReactNode(children) && typeof children !== 'object';\n (multiChildren \|\| primitiveChild) &&\n warn(\n [\n 'children должен быть одним React элементом, получено',\n multiChildren && 'несколько',\n primitiveChild && JSON.stringify(children),\n ]\n .filter(Boolean)\n .join(' '),\n 'error',\n );\n\n if (refs.reference.current && !tooltipContainer) {\n throw new Error('Use TooltipContainer for Tooltip outside Panel (see docs)');\n }\n }\n\n return (\n <React.Fragment>\n {child}\n {tooltip}\n </React.Fragment>\n );\n};\n"],"names":["React","hasReactNode","mergeStyle","useExternRef","useGlobalEscKeyDown","usePatchChildren","createPortal","autoUpdateFloatingElement","convertFloatingDataToReactCSSProperties","useFloating","useFloatingMiddlewaresBootstrap","usePlacementChangeCallback","LockFloatingPositionContext","useIsomorphicLayoutEffect","warnOnce","DEFAULT_ARROW_HEIGHT","DEFAULT_ARROW_PADDING","FocusTrap","useNavTransition","RootComponent","TOOLTIP_MAX_WIDTH","TooltipBase","onboardingTooltipContainerAttr","warn","OnboardingTooltip","idProp","children","shownProp","arrowPadding","arrowHeight","offsetByMainAxis","offsetByCrossAxis","arrowOffset","isStaticArrowOffset","onClose","placementProp","maxWidth","styleProp","getRootRef","disableArrow","onPlacementChange","disableFlipMiddleware","disableShiftMiddleware","overlayLabel","title","ariaLabel","ariaLabelledBy","restoreFocus","disableFocusTrap","overflowPadding","restProps","generatedId","useId","tooltipId","entering","arrowRef","setArrowRef","useState","tooltipContainer","setTooltipContainer","positionStrategy","setPositionStrategy","shown","middlewares","strictPlacement","placement","arrow","isLock","useContext","x","floatingDataX","y","floatingDataY","refs","resolvedPlacement","middlewareData","arrowCoords","strategy","middleware","whileElementsMounted","undefined","tooltipRef","setFloating","focusTrapRootRef","useRef","childRef","child","titleId","process","env","NODE_ENV","tooltip","floatingStyle","rootRef","disabled","tabIndex","role","aria-modal","aria-label","aria-labelledby","button","className","onClickCapture","id","style","arrowProps","offset","isStaticOffset","coords","initialize","referenceEl","current","closest","position","setReference","multiChildren","Children","count","primitiveChild","JSON","stringify","filter","Boolean","join","reference","Error","Fragment"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,mBAAmB,QAAQ,qCAAkC;AACtE,SAASC,gBAAgB,QAAQ,kCAA+B;AAChE,SAASC,YAAY,QAAQ,4BAAyB;AACtD,SACEC,yBAAyB,EACzBC,uCAAuC,EAEvCC,WAAW,EACXC,+BAA+B,EAC/BC,0BAA0B,QACrB,8BAAqB;AAC5B,SAASC,2BAA2B,QAAQ,kEAA+D;AAC3G,SAASC,yBAAyB,QAAQ,yCAAsC;AAChF,SAASC,QAAQ,QAAQ,wBAAqB;AAC9C,SAASC,oBAAoB,EAAEC,qBAAqB,QAAQ,kCAA+B;AAE3F,SAASC,SAAS,QAAQ,4BAAyB;AACnD,SAASC,gBAAgB,QAAQ,kDAA+C;AAChF,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,iBAAiB,EAAEC,WAAW,QAA+B,gCAA6B;AACnG,SAASC,8BAA8B,QAAQ,kCAA+B;AAG9E,MAAMC,OAAOT,SAAS;AA0DtB;;CAEC,GACD,OAAO,MAAMU,oBAAoB,CAAC,EAChC,MAAMC,MAAM,EACZC,QAAQ,EACR,SAASC,YAAY,IAAI,EACzBC,eAAeZ,qBAAqB,EACpCa,cAAcd,oBAAoB,EAClCe,mBAAmB,CAAC,EACpBC,oBAAoB,CAAC,EACrBC,cAAc,CAAC,EACfC,sBAAsB,KAAK,EAC3BC,OAAO,EACP,aAAaC,gBAAgB,cAAc,EAC3CC,WAAWhB,iBAAiB,EAC5B,SAASiB,SAAS,EAClBC,UAAU,EACVC,eAAe,KAAK,EACpBC,iBAAiB,EACjBC,wBAAwB,KAAK,EAC7BC,yBAAyB,KAAK,EAC9BC,eAAe,SAAS,EACxBC,KAAK,EACL,cAAcC,SAAS,EACvB,mBAAmBC,cAAc,EACjCC,YAAY,EACZC,gBAAgB,EAChBC,eAAe,EACf,GAAGC,WACoB;IACvB,MAAMC,cAAcnD,MAAMoD,KAAK;IAC/B,MAAMC,YAAY5B,UAAU0B;IAC5B,MAAM,EAAEG,QAAQ,EAAE,GAAGpC;IAErB,MAAM,CAACqC,UAAUC,YAAY,GAAGxD,MAAMyD,QAAQ,CAAwB;IACtE,MAAM,CAACC,kBAAkBC,oBAAoB,GAAG3D,MAAMyD,QAAQ,CAAqB;IACnF,MAAM,CAACG,kBAAkBC,oBAAoB,GAAG7D,MAAMyD,QAAQ,CAAuB;IACrF,MAAMK,QAAQnC,aAAa+B,oBAAoB,CAACJ;IAEhD,MAAM,EAAES,WAAW,EAAEC,eAAe,EAAE,GAAGtD,gCAAgC;QACvEuD,WAAW9B;QACXL;QACAC;QACAwB;QACAW,OAAO,CAAC3B;QACRV;QACAD;QACAa;QACAC;QACAO;IACF;IAEA,MAAMkB,SAASnE,MAAMoE,UAAU,CAACxD;IAEhC,MAAM,EACJyD,GAAGC,aAAa,EAChBC,GAAGC,aAAa,EAChBC,IAAI,EACJR,WAAWS,iBAAiB,EAC5BC,gBAAgB,EAAET,OAAOU,WAAW,EAAE,EACvC,GAAGnE,YAAY;QACdoE,UAAUjB;QACVK,WAAWD;QACXc,YAAYf;QACZgB,sBAAsBZ,SAASa,YAAYzE;IAC7C;IAEA,MAAM0E,aAAa9E,aAA6BmC,YAAYmC,KAAKS,WAAW;IAC5E,MAAMC,mBAAmBnF,MAAMoF,MAAM,CAAwB;IAC7D,MAAM,CAACC,UAAUC,MAAM,GAAGjF,iBAAiBqB,UAAU;QACnD,oBAAoBoC,QAAQT,YAAY2B;IAC1C;IAEArE,2BAA2BwB,eAAeuC,mBAAmBlC;IAE7D,MAAM+C,UAAUvF,MAAMoD,KAAK;IAC3B,IAAIoC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiB,CAAC9C,SAAS,CAACC,aAAa,CAACC,gBAAgB;QACrFvB,KACE;IAEJ;IAEAnB,oBAAoB,CAAC,CAAC0D,OAAO5B;IAE7B,IAAIyD,UAAoC;IACxC,IAAI7B,OAAO;QACT,MAAM8B,gBAAgBpF,wCAAwC;YAC5DqE,UAAUjB;YACVS,GAAGC;YACHC,GAAGC;QACL;QAEAmB,UAAUrF,2BACR,KAACW;YAAU4E,SAASV;YAAkBW,UAAU9C;YAAkBD,cAAcA;sBAC9E,cAAA,MAAC5B;gBACC4E,UAAU,CAAC;gBACXzD,YAAY6C;gBACZa,MAAK;gBACLC,cAAW;gBACXC,cAAYrD;gBACZsD,mBAAiBvD,QAAQ2C,UAAU1C,YAAYmC,YAAYlC;;kCAE3D,KAACsD;wBAAOF,cAAYvD;wBAAc0D,SAAS;wBAAkBC,gBAAgBpE;;kCAC7E,KAACb;wBACE,GAAG6B,SAAS;wBACbqD,IAAIlD;wBACJT,OAAOA;wBACP2C,SAAS3C,QAAQ2C,UAAUP;wBAC3B1C,YAAY2C;wBACZuB,OAAOtG,WAAW0F,eAAevD;wBACjCD,UAAUA;wBACVqE,YACElE,eACIyC,YACA;4BACE0B,QAAQ1E;4BACR2E,gBAAgB1E;4BAChB2E,QAAQhC;4BACRX,WAAWS;4BACXpC,YAAYkB;wBACd;;;;YAKZE;IAEJ;IAEA7C,0BACE,SAASgG;QACP,MAAMC,cAAczB,SAAS0B,OAAO;QACpC,IAAID,aAAa;YACfnD,oBACEmD,YAAYE,OAAO,CAAiB,CAAC,CAAC,EAAE1F,+BAA+B,CAAC,CAAC;YAE3EuC,oBAAoBiD,YAAYN,KAAK,CAACS,QAAQ,KAAK,UAAU,UAAU;YACvExC,KAAKyC,YAAY,CAACJ;QACpB;IACF,GACA;QAACzB;KAAS;IAGZ,IAAIG,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,MAAMyB,gBAAgBnH,MAAMoH,QAAQ,CAACC,KAAK,CAAC3F,YAAY;QACvD,2BAA2B;QAC3B,MAAM4F,iBAAiBrH,aAAayB,aAAa,OAAOA,aAAa;QACpEyF,CAAAA,iBAAiBG,cAAa,KAC7B/F,KACE;YACE;YACA4F,iBAAiB;YACjBG,kBAAkBC,KAAKC,SAAS,CAAC9F;SAClC,CACE+F,MAAM,CAACC,SACPC,IAAI,CAAC,MACR;QAGJ,IAAIlD,KAAKmD,SAAS,CAACb,OAAO,IAAI,CAACrD,kBAAkB;YAC/C,MAAM,IAAImE,MAAM;QAClB;IACF;IAEA,qBACE,MAAC7H,MAAM8H,QAAQ;;YACZxC;YACAK;;;AAGP,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/OnboardingTooltip/OnboardingTooltip.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { hasReactNode } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEscKeyDown } from '../../hooks/useGlobalEscKeyDown';\nimport { usePatchChildren } from '../../hooks/usePatchChildren';\nimport { createPortal } from '../../lib/createPortal';\nimport {\n autoUpdateFloatingElement,\n convertFloatingDataToReactCSSProperties,\n type FloatingComponentProps,\n useFloating,\n useFloatingMiddlewaresBootstrap,\n usePlacementChangeCallback,\n} from '../../lib/floating';\nimport { LockFloatingPositionContext } from '../../lib/floating/LockFloatingPosition/LockFloatingPosition';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { DEFAULT_ARROW_HEIGHT, DEFAULT_ARROW_PADDING } from '../FloatingArrow/DefaultIcon';\nimport type { FloatingArrowProps } from '../FloatingArrow/FloatingArrow';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { useNavTransition } from '../NavTransitionContext/NavTransitionContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { TOOLTIP_MAX_WIDTH, TooltipBase, type TooltipBaseProps } from '../TooltipBase/TooltipBase';\nimport { onboardingTooltipContainerAttr } from './OnboardingTooltipContainer';\nimport styles from './OnboardingTooltip.module.css';\n\nconst warn = warnOnce('OnboardingTooltip');\n\ntype AllowedFloatingComponentProps = Pick<\n FloatingComponentProps,\n \| 'arrowHeight'\n \| 'arrowPadding'\n \| 'arrowRef'\n \| 'placement'\n \| 'offsetByMainAxis'\n \| 'offsetByCrossAxis'\n \| 'shown'\n \| 'children'\n \| 'onPlacementChange'\n \| 'disableFlipMiddleware'\n \| 'disableShiftMiddleware'\n \| 'disableFocusTrap'\n \| 'overflowPadding'\n>;\n\ntype AllowedTooltipBaseProps = Omit<\n TooltipBaseProps,\n 'arrowProps' \| 'closeIconLabel' \| 'onCloseIconClick'\n>;\n\ntype AllowedFloatingArrowProps = {\n /*\n Сдвиг стрелки относительно текущих координат.\n /\n arrowOffset?: FloatingArrowProps['offset'] \| undefined;\n /\n Включает абсолютное смещение по `arrowOffset`.\n /\n isStaticArrowOffset?: FloatingArrowProps['isStaticOffset'] \| undefined;\n};\n\nexport interface OnboardingTooltipProps\n extends AllowedFloatingComponentProps,\n AllowedTooltipBaseProps,\n AllowedFloatingArrowProps {\n /\n Управление поведением возврата фокуса при закрытии всплывающего окна.\n * @default true\n /\n restoreFocus?: boolean \| (() => boolean \| HTMLElement) \| undefined;\n /\n Скрывает стрелку, указывающую на якорный элемент.\n /\n disableArrow?: boolean \| undefined;\n /\n Обработчик, который вызывается при нажатии по любому месту в пределах экрана.\n /\n onClose?: ((this: void) => void) \| undefined;\n /\n [a11y] Метка для подложки-кнопки, для описания того, что произойдёт при нажатии.\n /\n overlayLabel?: string \| undefined;\n}\n\n/\n @see https://vkui.io/components/onboarding-tooltip\n */\nexport const OnboardingTooltip = ({\n 'id': idProp,\n children,\n 'shown': shownProp = true,\n arrowPadding = DEFAULT_ARROW_PADDING,\n arrowHeight = DEFAULT_ARROW_HEIGHT,\n offsetByMainAxis = 0,\n offsetByCrossAxis = 0,\n arrowOffset = 0,\n isStaticArrowOffset = false,\n onClose,\n 'placement': placementProp = 'bottom-start',\n maxWidth = TOOLTIP_MAX_WIDTH,\n 'style': styleProp,\n getRootRef,\n disableArrow = false,\n onPlacementChange,\n disableFlipMiddleware = false,\n disableShiftMiddleware = false,\n overlayLabel = 'Закрыть',\n title,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n restoreFocus,\n disableFocusTrap,\n overflowPadding,\n ...restProps\n}: OnboardingTooltipProps): React.ReactNode => {\n const generatedId = React.useId();\n const tooltipId = idProp \|\| generatedId;\n const { entering } = useNavTransition();\n\n const [arrowRef, setArrowRef] = React.useState<HTMLDivElement \| null>(null);\n const [tooltipContainer, setTooltipContainer] = React.useState<HTMLElement \| null>(null);\n const [positionStrategy, setPositionStrategy] = React.useState<'fixed' \| 'absolute'>('absolute');\n const shown = shownProp && tooltipContainer && !entering;\n\n const { middlewares, strictPlacement } = useFloatingMiddlewaresBootstrap({\n placement: placementProp,\n offsetByMainAxis,\n offsetByCrossAxis,\n arrowRef,\n arrow: !disableArrow,\n arrowHeight,\n arrowPadding,\n disableFlipMiddleware,\n disableShiftMiddleware,\n overflowPadding,\n });\n\n const isLock = React.useContext(LockFloatingPositionContext);\n\n const {\n x: floatingDataX,\n y: floatingDataY,\n isPositioned,\n refs,\n placement: resolvedPlacement,\n middlewareData: { arrow: arrowCoords },\n } = useFloating({\n strategy: positionStrategy,\n ...(strictPlacement !== undefined && { placement: strictPlacement }),\n middleware: middlewares,\n ...(!isLock && {\n whileElementsMounted: (...args) =>\n autoUpdateFloatingElement(...args, { elementResize: true }),\n }),\n });\n\n const tooltipRef = useExternRef<HTMLDivElement>(getRootRef, refs.setFloating);\n const focusTrapRootRef = React.useRef<HTMLDivElement \| null>(null);\n const [childRef, child] = usePatchChildren(children, {\n 'aria-describedby': shown ? tooltipId : undefined,\n });\n\n usePlacementChangeCallback(placementProp, resolvedPlacement, onPlacementChange);\n\n const titleId = React.useId();\n if (process.env.NODE_ENV === 'development' && !title && !ariaLabel && !ariaLabelledBy) {\n warn(\n 'Если \"title\" не используется, то необходимо задать либо \"aria-label\", либо \"aria-labelledby\" (см. правило axe aria-dialog-name)',\n );\n }\n\n useGlobalEscKeyDown(!!shown, onClose);\n\n let tooltip: React.ReactPortal \| null = null;\n if (shown) {\n const floatingStyle = convertFloatingDataToReactCSSProperties({\n strategy: positionStrategy,\n x: floatingDataX,\n y: floatingDataY,\n });\n\n if (!isPositioned) {\n floatingStyle.visibility = 'hidden';\n }\n\n tooltip = createPortal(\n <FocusTrap rootRef={focusTrapRootRef} disabled={disableFocusTrap} restoreFocus={restoreFocus}>\n <RootComponent\n tabIndex={-1}\n getRootRef={focusTrapRootRef}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={ariaLabel}\n aria-labelledby={title ? titleId : ariaLabel ? undefined : ariaLabelledBy}\n >\n <button aria-label={overlayLabel} className={styles.overlay} onClickCapture={onClose} />\n <TooltipBase\n {...restProps}\n id={tooltipId}\n title={title}\n titleId={title ? titleId : undefined}\n getRootRef={tooltipRef}\n style={mergeStyle(floatingStyle, styleProp)}\n maxWidth={maxWidth}\n arrowProps={\n disableArrow\n ? undefined\n : {\n offset: arrowOffset,\n isStaticOffset: isStaticArrowOffset,\n coords: arrowCoords,\n placement: resolvedPlacement,\n getRootRef: setArrowRef,\n }\n }\n />\n </RootComponent>\n </FocusTrap>,\n tooltipContainer,\n );\n }\n\n useIsomorphicLayoutEffect(\n function initialize() {\n const referenceEl = childRef.current;\n if (referenceEl) {\n setTooltipContainer(\n referenceEl.closest<HTMLDivElement>(`[${onboardingTooltipContainerAttr}]`), // eslint-disable-line no-restricted-properties\n );\n setPositionStrategy(referenceEl.style.position === 'fixed' ? 'fixed' : 'absolute');\n refs.setReference(referenceEl);\n }\n },\n [childRef],\n );\n\n if (process.env.NODE_ENV === 'development') {\n const multiChildren = React.Children.count(children) > 1;\n // Empty children is a noop\n const primitiveChild = hasReactNode(children) && typeof children !== 'object';\n (multiChildren \|\| primitiveChild) &&\n warn(\n [\n 'children должен быть одним React элементом, получено',\n multiChildren && 'несколько',\n primitiveChild && JSON.stringify(children),\n ]\n .filter(Boolean)\n .join(' '),\n 'error',\n );\n\n if (refs.reference.current && !tooltipContainer) {\n throw new Error('Use TooltipContainer for Tooltip outside Panel (see docs)');\n }\n }\n\n return (\n <React.Fragment>\n {child}\n {tooltip}\n </React.Fragment>\n );\n};\n"],"names":["React","hasReactNode","mergeStyle","useExternRef","useGlobalEscKeyDown","usePatchChildren","createPortal","autoUpdateFloatingElement","convertFloatingDataToReactCSSProperties","useFloating","useFloatingMiddlewaresBootstrap","usePlacementChangeCallback","LockFloatingPositionContext","useIsomorphicLayoutEffect","warnOnce","DEFAULT_ARROW_HEIGHT","DEFAULT_ARROW_PADDING","FocusTrap","useNavTransition","RootComponent","TOOLTIP_MAX_WIDTH","TooltipBase","onboardingTooltipContainerAttr","warn","OnboardingTooltip","idProp","children","shownProp","arrowPadding","arrowHeight","offsetByMainAxis","offsetByCrossAxis","arrowOffset","isStaticArrowOffset","onClose","placementProp","maxWidth","styleProp","getRootRef","disableArrow","onPlacementChange","disableFlipMiddleware","disableShiftMiddleware","overlayLabel","title","ariaLabel","ariaLabelledBy","restoreFocus","disableFocusTrap","overflowPadding","restProps","generatedId","useId","tooltipId","entering","arrowRef","setArrowRef","useState","tooltipContainer","setTooltipContainer","positionStrategy","setPositionStrategy","shown","middlewares","strictPlacement","placement","arrow","isLock","useContext","x","floatingDataX","y","floatingDataY","isPositioned","refs","resolvedPlacement","middlewareData","arrowCoords","strategy","undefined","middleware","whileElementsMounted","args","elementResize","tooltipRef","setFloating","focusTrapRootRef","useRef","childRef","child","titleId","process","env","NODE_ENV","tooltip","floatingStyle","visibility","rootRef","disabled","tabIndex","role","aria-modal","aria-label","aria-labelledby","button","className","onClickCapture","id","style","arrowProps","offset","isStaticOffset","coords","initialize","referenceEl","current","closest","position","setReference","multiChildren","Children","count","primitiveChild","JSON","stringify","filter","Boolean","join","reference","Error","Fragment"],"mappings":"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"}