@vkontakte/vkui 8.0.1 → 8.1.0

package/src/components/ModalRoot/types.ts

@@ -10,60 +10,60 @@ type ModalRootBaseProps = {
   /**
    * Открывает модальное окно с переданным id.
    */
-  activeModal?: ModalRootActiveModal;
+  activeModal?: ModalRootActiveModal | undefined;
 
   /**
    * `data-testid` для маски.
    */
-  modalOverlayTestId?: string;
+  modalOverlayTestId?: string | undefined;
 
   /**
    * Отключает фокус на контейнер диалогового окна при открытии.
    *
    * > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.
    */
-  noFocusToDialog?: boolean;
+  noFocusToDialog?: boolean | undefined;
 
-  usePortal?: AppRootPortalProps['usePortal'];
+  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 = {
@@ -78,6 +78,6 @@ export interface ModalRootContextInterface
     ModalRootBaseProps {}
 
 export interface UseModalRootContext extends ModalRootContextBaseInterface {
-  activeModal?: string | null;
-  onClose?: VoidFunction;
+  activeModal?: string | null | undefined;
+  onClose?: VoidFunction | undefined;
 }

package/src/components/ModalRoot/useModalRootManager.tsx

@@ -12,33 +12,33 @@ import type { ModalRootCallbackFunction } from './types';
 
 const warn = warnOnce('useModalManager');
 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 =

package/src/components/NativeSelect/NativeSelect.tsx

@@ -68,16 +68,22 @@ export interface NativeSelectProps
    * - `root`: свойства для прокидывания в корень компонента;
    * - `select`: свойства для прокидывания в нативный `select`.
    */
-  slotProps?: {
-    root?: Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> &
-      HasDataAttribute &
-      HasRootRef<HTMLDivElement>;
-    select?: NativeHTMLSelectProps & HasRootRef<HTMLSelectElement> & HasDataAttribute;
-  };
+  slotProps?:
+    | {
+        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;
   /**
    * Выбранное значение.
    *
@@ -85,34 +91,34 @@ export interface NativeSelectProps
    * >
    * > Не используйте `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;
 }
 
 /**

package/src/components/NumberInputLike/NumberInputLike.tsx

@@ -4,9 +4,9 @@ import { InputLike, type InputLikeProps } from '../InputLike/InputLike';
 /* eslint-disable jsdoc/require-jsdoc */
 
 export interface NumberInputLikeProps extends Omit<InputLikeProps, 'value'> {
-  value?: number | string;
-  maxValue?: number;
-  minValue?: number;
+  value?: number | string | undefined;
+  maxValue?: number | undefined;
+  minValue?: number | undefined;
 }
 
 const stringifyValue = (

package/src/components/OnboardingTooltip/OnboardingTooltip.tsx

@@ -55,11 +55,11 @@ type AllowedFloatingArrowProps = {
   /**
    * Сдвиг стрелки относительно текущих координат.
    */
-  arrowOffset?: FloatingArrowProps['offset'];
+  arrowOffset?: FloatingArrowProps['offset'] | undefined;
   /**
    * Включает абсолютное смещение по `arrowOffset`.
    */
-  isStaticArrowOffset?: FloatingArrowProps['isStaticOffset'];
+  isStaticArrowOffset?: FloatingArrowProps['isStaticOffset'] | undefined;
 };
 
 export interface OnboardingTooltipProps
@@ -70,19 +70,19 @@ export interface OnboardingTooltipProps
    * Управление поведением возврата фокуса при закрытии всплывающего окна.
    * @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;
 }
 
 /**
@@ -143,14 +143,18 @@ export const OnboardingTooltip = ({
   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<HTMLDivElement>(getRootRef, refs.setFloating);
@@ -178,6 +182,10 @@ export const OnboardingTooltip = ({
       y: floatingDataY,
     });
 
+    if (!isPositioned) {
+      floatingStyle.visibility = 'hidden';
+    }
+
     tooltip = createPortal(
       <FocusTrap rootRef={focusTrapRootRef} disabled={disableFocusTrap} restoreFocus={restoreFocus}>
         <RootComponent

package/src/components/OnboardingTooltip/OnboardingTooltipContainer.tsx

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

package/src/components/Pagination/Pagination.tsx

@@ -24,35 +24,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;
   /**
    * Задаёт стиль отображения кнопок навигации.
    *
@@ -60,23 +60,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] Функция для переопределения и/или локализации метки кнопки страницы.
    *
@@ -86,35 +86,37 @@ 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;
 }
 
 /**
@@ -238,11 +240,11 @@ export const Pagination = ({
             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 })}
           />
         </li>
         {pages.map(renderPages)}
@@ -253,11 +255,11 @@ export const Pagination = ({
             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 })}
           />
         </li>
       </ul>

package/src/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.tsx

@@ -10,14 +10,16 @@ export interface PaginationNavigationButtonOpts {
   'caption': React.ReactNode;
   'Icon': React.ComponentType;
   'a11yLabel': React.ReactNode;
-  'disabled'?: boolean;
+  'disabled'?: boolean | undefined;
   'onClick': (event: React.MouseEvent<HTMLElement>) => void;
   'data-page': number | undefined;
-  'data-testid': string | undefined;
+  'data-testid'?: string | undefined;
 }
 
 export interface PaginationNavigationButtonProps extends PaginationNavigationButtonOpts {
-  renderNavigationButton?: (props: CustomPaginationNavigationButton) => React.ReactNode;
+  renderNavigationButton?:
+    | ((props: CustomPaginationNavigationButton) => React.ReactNode)
+    | undefined;
 }
 
 /**

package/src/components/Pagination/PaginationPage/PaginationPageButton.tsx

@@ -13,13 +13,13 @@ import styles from './PaginationPage.module.css';
 export interface PaginationPageButtonOpts
   extends Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'disabled' | 'className'>,
     Pick<PaginationProps, 'getPageLabel'> {
-  isCurrent?: boolean;
-  density?: DensityTypeValues;
+  isCurrent?: boolean | undefined;
+  density?: DensityTypeValues | undefined;
   children: number;
 }
 
 export interface PaginationPageButtonProps extends PaginationPageButtonOpts {
-  renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;
+  renderPageButton?: ((props: CustomPaginationPageButtonProps) => React.ReactNode) | undefined;
 }
 
 const getTappablePropsFromPaginationPage = (

package/src/components/Pagination/PaginationPage/PaginationPageEllipsis.tsx

@@ -11,7 +11,7 @@ import styles from './PaginationPage.module.css';
 export interface PaginationPageEllipsisProps
   extends React.HTMLAttributes<HTMLSpanElement>,
     HasRootRef<HTMLSpanElement> {
-  disabled?: boolean;
+  disabled?: boolean | undefined;
 }
 
 export const PaginationPageEllipsis = ({

package/src/components/Pagination/PaginationPage/usePaginationPageClasses.ts

@@ -6,12 +6,12 @@ import type { DensityTypeValues } from '../../../lib/adaptivity';
 import styles from './PaginationPage.module.css';
 
 export interface UsePaginationPageClassNamesProps {
-  isCurrent?: boolean;
-  disabled?: boolean;
+  isCurrent?: boolean | undefined;
+  disabled?: boolean | undefined;
 }
 
 export const getPaginationPageClassNames = (
-  opts: UsePaginationPageClassNamesProps & { density?: DensityTypeValues },
+  opts: UsePaginationPageClassNamesProps & { density?: DensityTypeValues | undefined },
 ): string => {
   return classNames(
     styles.host,

package/src/components/Panel/Panel.tsx

@@ -41,7 +41,7 @@ export interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, N
   /**
    * Центрирование содержимого.
    */
-  centered?: boolean;
+  centered?: boolean | undefined;
   /**
    * Тип оформления панели.
    *
@@ -53,11 +53,11 @@ export interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, N
    * Позволяет компоненту [Group](https://vkui.io/components/group) со свойством mode='card' точечно выглядеть как карточка.
    * Тип `plain` — соответствует фону по умолчанию.
    */
-  mode?: 'plain' | 'card';
+  mode?: 'plain' | 'card' | undefined;
   /**
    * Отключает задний фон.
    */
-  disableBackground?: boolean;
+  disableBackground?: boolean | undefined;
 }
 
 /**

package/src/components/PanelHeader/PanelHeader.module.css

@@ -96,11 +96,6 @@
   transition: opacity 0.3s var(--vkui--animation_easing_platform);
 }
 
-.ios .before .host + .primitive {
-  padding-inline-start: 0;
-  margin-inline-start: -6px;
-}
-
 .ios .content {
   text-align: center;
   opacity: 1;

package/src/components/PanelHeader/PanelHeader.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./PanelHeader.module.css"],"names":["host","static","hasFixed","fixed","in","trnsp","viewWidthSmallTabletPlus","shadow","viewWidthNone","before","content","contentIn","after","ios","primitive","noBefore","noAfter","android","densityCompact","vkcom","densityNone","sep","hasSpacingDelimiter","separator"],"mappings":"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","file":"PanelHeader.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./PanelHeader.module.css"],"names":["host","static","hasFixed","fixed","in","trnsp","viewWidthSmallTabletPlus","shadow","viewWidthNone","before","content","contentIn","after","ios","noBefore","noAfter","android","densityCompact","vkcom","densityNone","sep","hasSpacingDelimiter","separator"],"mappings":"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","file":"PanelHeader.module.css.d.ts","sourceRoot":""}

package/src/components/PanelHeader/PanelHeader.tsx

@@ -58,13 +58,13 @@ export interface PanelHeaderProps
   /**
    * Добавляет элемент слева.
    */
-  before?: React.ReactNode;
+  before?: React.ReactNode | undefined;
   /**
    * Добавляет элемент справа.
    *
    * При передаче нескольких элементов, расставляет отступы между ними.
    */
-  after?: React.ReactNode;
+  after?: React.ReactNode | undefined;
   /**
    * Тип разделителя под шапкой.
    *
@@ -75,35 +75,37 @@ export interface PanelHeaderProps
    * - `"spacing"` включает отступ, если это платформа `android`/`ios` при `<AdaptivityProvider viewWidth={ViewWidth.SMALL_TABLET} />`
    * - `"auto"` автоматически подбирает либо `"separator"`, либо `"spacing"` по их условиям.
    */
-  delimiter?: 'auto' | 'none' | 'separator' | 'spacing';
+  delimiter?: 'auto' | 'none' | 'separator' | 'spacing' | undefined;
   /**
    * Прозрачный фон компонента.
    */
-  transparent?: boolean;
+  transparent?: boolean | undefined;
   /**
    * @deprecated Since 7.4.0. Будет удалeно в **VKUI v9**.
    */
-  shadow?: boolean; // TODO [>=9]: удалить неиспользуемое свойство свойство
+  shadow?: boolean | undefined; // TODO [>=9]: удалить неиспользуемое свойство свойство
   /**
    * Высота шапки будет игнорироваться контентом панели.
    */
-  float?: boolean;
+  float?: boolean | undefined;
   /**
    * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.
    */
-  fixed?: boolean;
+  fixed?: boolean | undefined;
   /**
    * По умолчанию как `Component` используется `span`.
    */
-  typographyProps?: HasComponent & React.HTMLAttributes<HTMLElement> & HasDataAttribute;
+  typographyProps?:
+    | (HasComponent & React.HTMLAttributes<HTMLElement> & HasDataAttribute)
+    | undefined;
 }
 
 /* eslint-disable jsdoc/require-jsdoc */
 interface PanelHeaderInProps {
-  before?: PanelHeaderProps['before'];
-  after?: PanelHeaderProps['after'];
-  children?: PanelHeaderProps['children'];
-  typographyProps?: PanelHeaderProps['typographyProps'];
+  before?: PanelHeaderProps['before'] | undefined;
+  after?: PanelHeaderProps['after'] | undefined;
+  children?: PanelHeaderProps['children'] | undefined;
+  typographyProps?: PanelHeaderProps['typographyProps'] | undefined;
 }
 /* eslint-enable jsdoc/require-jsdoc */
 

package/src/components/PanelHeaderBack/PanelHeaderBack.tsx

@@ -43,11 +43,11 @@ export type PanelHeaderBackProps = Omit<PanelHeaderButtonProps, 'children'> & {
   /**
    * Скрыть надпись на платформе `vkcom`.
    */
-  hideLabelOnVKCom?: boolean;
+  hideLabelOnVKCom?: boolean | undefined;
   /**
    * Скрыть надпись на платформе `ios`.
    */
-  hideLabelOnIOS?: boolean;
+  hideLabelOnIOS?: boolean | undefined;
 };
 
 const getBackIcon = (platform: PlatformType) => {