@vkontakte/vkui 8.0.1 → 8.1.0

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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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":"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"}
+{"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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"}

package/dist/components/OnboardingTooltip/OnboardingTooltipContainer.d.ts

@@ -5,7 +5,7 @@ type OnboardingTooltipContainerProps = React.HTMLAttributes<HTMLDivElement> & Ha
     /**
      * Фиксированное отображение тултипа.
      */
-    fixed?: boolean;
+    fixed?: boolean | undefined;
 };
 export declare const OnboardingTooltipContainer: React.ForwardRefExoticComponent<React.PropsWithoutRef<OnboardingTooltipContainerProps> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/OnboardingTooltip/OnboardingTooltipContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingTooltipContainer.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTooltip/OnboardingTooltipContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAElE,eAAO,MAAM,8BAA8B,sCAAsC,CAAC;AAElF,KAAK,+BAA+B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACzE,YAAY,GACZ,gBAAgB,GAAG;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEJ,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,yBAAyB,CACtE,KAAK,CAAC,eAAe,CAAC,+BAA+B,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAU7F,CAAC"}
+{"version":3,"file":"OnboardingTooltipContainer.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTooltip/OnboardingTooltipContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAElE,eAAO,MAAM,8BAA8B,sCAAsC,CAAC;AAElF,KAAK,+BAA+B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACzE,YAAY,GACZ,gBAAgB,GAAG;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7B,CAAC;AAEJ,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,yBAAyB,CACtE,KAAK,CAAC,eAAe,CAAC,+BAA+B,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAU7F,CAAC"}

package/dist/components/OnboardingTooltip/OnboardingTooltipContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/OnboardingTooltip/OnboardingTooltipContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport type { HasComponent, HasDataAttribute } from '../../types';\n\nexport const onboardingTooltipContainerAttr = 'data-onboarding-tooltip-container';\n\ntype OnboardingTooltipContainerProps = React.HTMLAttributes<HTMLDivElement> &\n  HasComponent &\n  HasDataAttribute & {\n    /**\n     * Фиксированное отображение тултипа.\n     */\n    fixed?: boolean;\n  };\n\nexport const OnboardingTooltipContainer: React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<OnboardingTooltipContainerProps> & React.RefAttributes<HTMLDivElement>\n  // eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames\n> = React.forwardRef<HTMLDivElement, OnboardingTooltipContainerProps>(\n  ({ fixed = false, Component = 'div', ...props }, ref) => {\n    const dataProps = {\n      [onboardingTooltipContainerAttr]: fixed ? 'fixed' : 'true',\n    };\n\n    return <Component {...dataProps} {...props} ref={ref} />;\n  },\n);\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(OnboardingTooltipContainer, 'OnboardingTooltipContainer');\n}\n"],"names":["React","defineComponentDisplayNames","onboardingTooltipContainerAttr","OnboardingTooltipContainer","forwardRef","fixed","Component","props","ref","dataProps","process","env","NODE_ENV"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,iDAA8C;AAG1F,OAAO,MAAMC,iCAAiC,oCAAoC;AAWlF,OAAO,MAAMC,2CAGTH,MAAMI,UAAU,CAClB,CAAC,EAAEC,QAAQ,KAAK,EAAEC,YAAY,KAAK,EAAE,GAAGC,OAAO,EAAEC;IAC/C,MAAMC,YAAY;QAChB,CAACP,+BAA+B,EAAEG,QAAQ,UAAU;IACtD;IAEA,qBAAO,KAACC;QAAW,GAAGG,SAAS;QAAG,GAAGF,KAAK;QAAEC,KAAKA;;AACnD,GACA;AAEF,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzCX,4BAA4BE,4BAA4B;AAC1D"}
+{"version":3,"sources":["../../../src/components/OnboardingTooltip/OnboardingTooltipContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport type { HasComponent, HasDataAttribute } from '../../types';\n\nexport const onboardingTooltipContainerAttr = 'data-onboarding-tooltip-container';\n\ntype OnboardingTooltipContainerProps = React.HTMLAttributes<HTMLDivElement> &\n  HasComponent &\n  HasDataAttribute & {\n    /**\n     * Фиксированное отображение тултипа.\n     */\n    fixed?: boolean | undefined;\n  };\n\nexport const OnboardingTooltipContainer: React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<OnboardingTooltipContainerProps> & React.RefAttributes<HTMLDivElement>\n  // eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames\n> = React.forwardRef<HTMLDivElement, OnboardingTooltipContainerProps>(\n  ({ fixed = false, Component = 'div', ...props }, ref) => {\n    const dataProps = {\n      [onboardingTooltipContainerAttr]: fixed ? 'fixed' : 'true',\n    };\n\n    return <Component {...dataProps} {...props} ref={ref} />;\n  },\n);\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(OnboardingTooltipContainer, 'OnboardingTooltipContainer');\n}\n"],"names":["React","defineComponentDisplayNames","onboardingTooltipContainerAttr","OnboardingTooltipContainer","forwardRef","fixed","Component","props","ref","dataProps","process","env","NODE_ENV"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,iDAA8C;AAG1F,OAAO,MAAMC,iCAAiC,oCAAoC;AAWlF,OAAO,MAAMC,2CAGTH,MAAMI,UAAU,CAClB,CAAC,EAAEC,QAAQ,KAAK,EAAEC,YAAY,KAAK,EAAE,GAAGC,OAAO,EAAEC;IAC/C,MAAMC,YAAY;QAChB,CAACP,+BAA+B,EAAEG,QAAQ,UAAU;IACtD;IAEA,qBAAO,KAACC;QAAW,GAAGG,SAAS;QAAG,GAAGF,KAAK;QAAEC,KAAKA;;AACnD,GACA;AAEF,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzCX,4BAA4BE,4BAA4B;AAC1D"}

package/dist/components/Pagination/Pagination.d.ts

@@ -7,35 +7,35 @@ export interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElem
     /**
      * Текущая страница.
      */
-    currentPage?: number;
+    currentPage?: number | undefined;
     /**
      * Кол-во всегда видимых страниц по краям текущей страницы.
      */
-    siblingCount?: number;
+    siblingCount?: number | undefined;
     /**
      * Кол-во всегда видимых страниц в начале и в конце.
      */
-    boundaryCount?: number;
+    boundaryCount?: number | undefined;
     /**
      * Общее кол-во страниц.
      */
-    totalPages?: number;
+    totalPages?: number | undefined;
     /**
      * Блокировка взаимодействия с компонентом.
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Декоративный текст для кнопки навигации назад.
      *
      * > Note: Экранные дикторы будут использовать `prevButtonLabel`.
      */
-    prevButtonCaption?: string;
+    prevButtonCaption?: string | undefined;
     /**
      * Декоративный текст для кнопки навигации вперёд.
      *
      * > Note: Экранные дикторы будут использовать `nextButtonLabel`.
      */
-    nextButtonCaption?: string;
+    nextButtonCaption?: string | undefined;
     /**
      * Задаёт стиль отображения кнопок навигации.
      *
@@ -43,23 +43,23 @@ export interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElem
      * - `caption` – показывать только подпись;
      * - `both` – показывать и иконку, и подпись.
      */
-    navigationButtonsStyle?: PaginationNavigationButtonProps['style'];
+    navigationButtonsStyle?: PaginationNavigationButtonProps['style'] | undefined;
     /**
      * [a11y] Метка для обозначения блока навигации.
      */
-    navigationLabel?: string;
+    navigationLabel?: string | undefined;
     /**
      * Тип элемента отрисовки блока навигации.
      */
-    navigationLabelComponent?: HasComponent['Component'];
+    navigationLabelComponent?: HasComponent['Component'] | undefined;
     /**
      * [a11y] Метка для кнопки навигации назад.
      */
-    prevButtonLabel?: string;
+    prevButtonLabel?: string | undefined;
     /**
      * [a11y] Метка для кнопки навигации вперёд.
      */
-    nextButtonLabel?: string;
+    nextButtonLabel?: string | undefined;
     /**
      * [a11y] Функция для переопределения и/или локализации метки кнопки страницы.
      *
@@ -69,35 +69,35 @@ export interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElem
      * Дополнительная информация скорее будет избыточна,
      * так как будет зачитываться для каждой кнопки при перемещении по списку.
      */
-    getPageLabel?: (isCurrent: boolean) => string;
+    getPageLabel?: ((isCurrent: boolean) => string) | undefined;
     /**
      * Обработчик изменения выбранной страницы.
      */
-    onChange?: (page: number, event: React.MouseEvent<HTMLElement>) => void;
+    onChange?: ((page: number, event: React.MouseEvent<HTMLElement>) => void) | undefined;
     /**
      * Функция для кастомного рендера кнопок страниц.
      *
      * > Note: `CustomPaginationPageButtonProps` наследует API [Tappable](https://vkui.io/components/tappable).
      */
-    renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;
+    renderPageButton?: ((props: CustomPaginationPageButtonProps) => React.ReactNode) | undefined;
     /**
      Функция для кастомного рендера кнопок навигации `prev` и `next`.
      *
      * > Note: `CustomPaginationNavigationButton` наследует API [Button](https://vkui.io/components/button).
      */
-    renderNavigationButton?: (props: CustomPaginationNavigationButton) => React.ReactNode;
+    renderNavigationButton?: ((props: CustomPaginationNavigationButton) => React.ReactNode) | undefined;
     /**
      * Передает атрибут `data-testid` для кнопок страниц.
      */
-    pageButtonTestId?: (day: PaginationPageType, active: boolean) => string;
+    pageButtonTestId?: ((day: PaginationPageType | undefined, active: boolean) => string) | undefined;
     /**
      * Передает атрибут `data-testid` для кнопки `prev`.
      */
-    prevButtonTestId?: string;
+    prevButtonTestId?: string | undefined;
     /**
      * Передает атрибут `data-testid` для кнопки `next`.
      */
-    nextButtonTestId?: string;
+    nextButtonTestId?: string | undefined;
 }
 /**
  * @see https://vkui.io/components/pagination

package/dist/components/Pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,KAAK,kBAAkB,EAAiB,MAAM,2BAA2B,CAAC;AACnF,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG3E,OAAO,EACL,KAAK,gCAAgC,EAErC,KAAK,+BAA+B,EACrC,MAAM,yDAAyD,CAAC;AACjE,OAAO,EACL,KAAK,+BAA+B,EAErC,MAAM,uCAAuC,CAAC;AAI/C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,yBAAyB,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC/F;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,+BAA+B,CAAC,OAAO,CAAC,CAAC;IAClE;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,wBAAwB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACrD;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,MAAM,CAAC;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACxE;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,+BAA+B,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/E;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;IACtF;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,kBAAkB,EAAE,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC;IACxE;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,sVAqBxB,eAAe,KAAG,KAAK,CAAC,SA0H1B,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,KAAK,kBAAkB,EAAiB,MAAM,2BAA2B,CAAC;AACnF,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG3E,OAAO,EACL,KAAK,gCAAgC,EAErC,KAAK,+BAA+B,EACrC,MAAM,yDAAyD,CAAC;AACjE,OAAO,EACL,KAAK,+BAA+B,EAErC,MAAM,uCAAuC,CAAC;AAI/C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,yBAAyB,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC/F;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,+BAA+B,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IAC9E;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,wBAAwB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACjE;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,OAAO,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtF;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAC7F;;;;OAIG;IACH,sBAAsB,CAAC,EACnB,CAAC,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC,GAC9D,SAAS,CAAC;IACd;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,kBAAkB,GAAG,SAAS,EAAE,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAClG;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACvC;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,sVAqBxB,eAAe,KAAG,KAAK,CAAC,SA0H1B,CAAC"}

package/dist/components/Pagination/Pagination.js

@@ -108,11 +108,15 @@ import { PaginationPageEllipsis } from "./PaginationPage/PaginationPageEllipsis.
                             caption: prevButtonCaption,
                             Icon: isRtl ? Icon24ChevronCompactRight : Icon24ChevronCompactLeft,
                             a11yLabel: prevButtonLabel,
-                            disabled: isFirstPage || disabled,
+                            disabled: isFirstPage || disabled === true,
                             onClick: handlePrevClick,
                             "data-page": prevPage,
-                            "data-testid": prevButtonTestId,
-                            renderNavigationButton: renderNavigationButton
+                            ...prevButtonTestId !== undefined && {
+                                'data-testid': prevButtonTestId
+                            },
+                            ...renderNavigationButton !== undefined && {
+                                renderNavigationButton
+                            }
                         })
                     }),
                     pages.map(renderPages),
@@ -124,11 +128,15 @@ import { PaginationPageEllipsis } from "./PaginationPage/PaginationPageEllipsis.
                             caption: nextButtonCaption,
                             Icon: isRtl ? Icon24ChevronCompactLeft : Icon24ChevronCompactRight,
                             a11yLabel: nextButtonLabel,
-                            disabled: isLastPage || disabled,
+                            disabled: isLastPage || disabled === true,
                             onClick: handleNextClick,
                             "data-page": nextPage,
-                            "data-testid": nextButtonTestId,
-                            renderNavigationButton: renderNavigationButton
+                            ...nextButtonTestId !== undefined && {
+                                'data-testid': nextButtonTestId
+                            },
+                            ...renderNavigationButton !== undefined && {
+                                renderNavigationButton
+                            }
                         })
                     })
                 ]