@vkontakte/vkui 4.23.0 → 4.25.2

package/.cache/ts/src/components/View/ViewInfinite.d.ts

@@ -1,17 +1,17 @@
-import * as React from 'react';
-import { HasPlatform } from '../../types';
-import { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';
-import { SplitColContextProps } from '../SplitCol/SplitCol';
-import { ScrollContextInterface } from '../AppRoot/ScrollContext';
-import { NavIdProps } from '../../lib/getNavId';
-import './View.css';
+import * as React from "react";
+import { HasPlatform } from "../../types";
+import { ConfigProviderContextInterface } from "../ConfigProvider/ConfigProviderContext";
+import { SplitColContextProps } from "../SplitCol/SplitCol";
+import { ScrollContextInterface } from "../AppRoot/ScrollContext";
+import { NavIdProps } from "../../lib/getNavId";
+import "./View.css";
 declare enum SwipeBackResults {
     fail = 1,
     success = 2
 }
 export declare type TransitionParams = {
-    from: string;
-    to: string;
+    from: string | null;
+    to: string | null;
 };
 export interface ViewInfiniteProps extends React.HTMLAttributes<HTMLElement>, HasPlatform, NavIdProps {
     activePanel: string;
@@ -49,18 +49,18 @@ export interface ViewInfiniteProps extends React.HTMLAttributes<HTMLElement>, Ha
 }
 export interface ViewInfiniteState {
     animated: boolean;
-    visiblePanels: string[];
-    activePanel: string;
-    isBack: boolean;
-    prevPanel: string;
-    nextPanel: string;
+    visiblePanels: Array<string | null>;
+    activePanel: string | null;
+    isBack?: boolean;
+    prevPanel: string | null;
+    nextPanel: string | null;
     swipingBack: boolean;
     swipebackStartX: number;
     swipeBackShift: number;
-    swipeBackNextPanel: string;
-    swipeBackPrevPanel: string;
-    swipeBackResult: SwipeBackResults;
+    swipeBackNextPanel: string | null;
+    swipeBackPrevPanel: string | null;
+    swipeBackResult: SwipeBackResults | null;
     browserSwipe: boolean;
 }
-declare const _default: React.FC<ViewInfiniteProps>;
+declare const _default: React.FC<Pick<ViewInfiniteProps, "style" | "placeholder" | "title" | "hidden" | "modal" | "role" | "security" | "dir" | "nav" | "slot" | "scroll" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "popout" | "onTransition" | "activePanel" | "onSwipeBack" | "onSwipeBackStart" | "onSwipeBackCancel" | "history" | "splitCol" | "configProvider" | "isBackCheck">>;
 export default _default;

package/.cache/ts/src/components/View/utils.d.ts

@@ -1,2 +1,2 @@
-import { TouchEvent } from '../Touch/Touch';
+import { TouchEvent } from "../Touch/Touch";
 export declare function swipeBackExcluded(e: TouchEvent): boolean;

package/.cache/ts/src/components/WriteBar/WriteBar.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { HasRef, HasRootRef } from '../../types';
-import './WriteBar.css';
+import * as React from "react";
+import { HasRef, HasRootRef } from "../../types";
+import "./WriteBar.css";
 export interface WriteBarProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLTextAreaElement> {
     /**
-     * Содержимое, отображаемое слево от поля ввода.
+     * Содержимое, отображаемое слева от поля ввода.
      */
     before?: React.ReactNode;
     /**

package/.cache/ts/src/components/WriteBarIcon/WriteBarIcon.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import './WriteBarIcon.css';
+import * as React from "react";
+import "./WriteBarIcon.css";
 export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.
@@ -9,7 +9,7 @@ export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButton
      * - `send` – иконка отправки.
      * - `done` – иконка отправки в режиме редактирования.
      */
-    mode?: 'attach' | 'send' | 'done';
+    mode?: "attach" | "send" | "done";
     /**
      * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.
      */

package/.cache/ts/src/helpers/avatar.d.ts

@@ -0,0 +1,5 @@
+import { InitialsAvatarNumberGradients } from "../components/InitialsAvatar/InitialsAvatar";
+/**
+ * Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта
+ */
+export declare function calcInitialsAvatarColor(objectId: number): InitialsAvatarNumberGradients;

package/.cache/ts/src/helpers/getClassName.d.ts

@@ -1,2 +1,2 @@
-import { PlatformType } from '../lib/platform';
+import { PlatformType } from "../lib/platform";
 export declare function getClassName(base: string, osname?: PlatformType): string;

package/.cache/ts/src/helpers/getScheme.d.ts

@@ -0,0 +1,8 @@
+import { AppearanceType } from "@vkontakte/vk-bridge";
+import { PlatformType } from "../lib/platform";
+import { Scheme } from "./scheme";
+export interface GetSchemeProps {
+    platform?: PlatformType;
+    appearance: AppearanceType;
+}
+export declare function getScheme({ platform, appearance }: GetSchemeProps): Scheme;

package/.cache/ts/src/helpers/scheme.d.ts

@@ -0,0 +1,34 @@
+import { AppearanceSchemeType, AppearanceType } from "@vkontakte/vk-bridge";
+import { PlatformType } from "../lib/platform";
+export declare enum Scheme {
+    /**
+     * @deprecated будет удалено в 5.0.0
+     * версия оставлена для совместимости со старыми версиями клиентов
+     */
+    DEPRECATED_CLIENT_LIGHT = "client_light",
+    /**
+     * @deprecated будет удалено в 5.0.0
+     * версия оставлена для совместимости со старыми версиями клиентов
+     */
+    DEPRECATED_CLIENT_DARK = "client_dark",
+    /**
+     * @deprecated будет удалено в 5.0.0
+     * версия оставлена для совместимости с vkcom, когда там была только одна схема
+     */
+    VKCOM = "vkcom",
+    BRIGHT_LIGHT = "bright_light",
+    SPACE_GRAY = "space_gray",
+    VKCOM_LIGHT = "vkcom_light",
+    VKCOM_DARK = "vkcom_dark"
+}
+export declare type AppearanceScheme = AppearanceSchemeType | Scheme.VKCOM | Scheme.VKCOM_DARK | Scheme.VKCOM_LIGHT | "inherit";
+export declare enum Appearance {
+    DARK = "dark",
+    LIGHT = "light"
+}
+export interface NormalizeSchemeProps {
+    platform: PlatformType;
+    scheme?: AppearanceScheme;
+    appearance?: AppearanceType;
+}
+export declare function normalizeScheme({ platform, scheme, appearance, }: NormalizeSchemeProps): Scheme | "inherit";

package/.cache/ts/src/hoc/withAdaptivity.d.ts

@@ -1,4 +1,5 @@
-import { SizeType, ViewHeight, ViewWidth, AdaptivityProps } from '../components/AdaptivityProvider/AdaptivityContext';
+import * as React from "react";
+import { SizeType, ViewHeight, ViewWidth, AdaptivityContextInterface, AdaptivityProps, SizeProps } from "../components/AdaptivityProvider/AdaptivityContext";
 export { SizeType, ViewWidth, ViewHeight };
 export type { AdaptivityProps };
 interface Config {
@@ -9,4 +10,4 @@ interface Config {
     hasMouse?: boolean;
     deviceHasHover?: boolean;
 }
-export declare function withAdaptivity<T>(TargetComponent: T, config: Config): T;
+export declare function withAdaptivity<T extends AdaptivityProps>(TargetComponent: React.ComponentType<T>, config: Config): React.FC<Omit<T, keyof AdaptivityContextInterface> & SizeProps>;

package/.cache/ts/src/hoc/withContext.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
-export declare function withContext<T, X>(Component: T, Ctx: React.Context<X>, prop: string): T;
+import * as React from "react";
+export declare function withContext<T, X>(Component: React.ComponentType<T>, Ctx: React.Context<X>, prop: string): React.FC<T>;

package/.cache/ts/src/hoc/withInsets.d.ts

@@ -1 +1,3 @@
-export declare function withInsets<T>(Component: T): T;
+/// <reference types="react" />
+import { HasInsets } from "../types";
+export declare function withInsets<T extends HasInsets>(Component: React.ComponentType<T>): React.FC<Omit<T, keyof HasInsets>>;

package/.cache/ts/src/hoc/withPlatform.d.ts

@@ -1 +1,3 @@
-export declare function withPlatform<T>(Component: T): T;
+import * as React from "react";
+import { HasPlatform } from "../types";
+export declare function withPlatform<T extends HasPlatform>(Component: React.ComponentType<T>): React.FC<Omit<T, keyof HasPlatform>>;

package/.cache/ts/src/hooks/useAdaptivity.d.ts

@@ -1,3 +1,3 @@
-import { AdaptivityProps } from '../components/AdaptivityProvider/AdaptivityContext';
+import { AdaptivityProps, AdaptivityContextInterface } from "../components/AdaptivityProvider/AdaptivityContext";
 export type { AdaptivityProps };
-export declare const useAdaptivity: () => AdaptivityProps;
+export declare const useAdaptivity: () => AdaptivityContextInterface;

package/.cache/ts/src/hooks/useAppearance.d.ts

@@ -1 +1 @@
-export declare const useAppearance: () => import("@vkontakte/vk-bridge").AppearanceType;
+export declare const useAppearance: () => "light" | "dark" | undefined;

package/.cache/ts/src/hooks/useBrowserInfo.d.ts

@@ -1,2 +1,2 @@
-import { BrowserInfo } from '../lib/browser';
+import { BrowserInfo } from "../lib/browser";
 export declare function useBrowserInfo(): BrowserInfo;

package/.cache/ts/src/hooks/useEffectDev.d.ts

@@ -0,0 +1,2 @@
+import { useEffect } from "react";
+export declare const useEffectDev: typeof useEffect;

package/.cache/ts/src/hooks/useEnsuredControl.d.ts

@@ -3,4 +3,4 @@ export declare function useEnsuredControl<V, E>(props: {
     onChange?: (e: E) => any;
 }, options: {
     defaultValue: V;
-}): [V, (e: E) => any];
+}): [V | undefined, (e: E) => any];

package/.cache/ts/src/hooks/useEventListener.d.ts

@@ -1,7 +1,7 @@
 interface EventListenerHandle {
-    add: (el: HTMLElement | Document) => void;
+    add: (el: HTMLElement | Document | Window) => void;
     remove: () => void;
 }
-export declare function useEventListener<K extends keyof GlobalEventHandlersEventMap>(event: K, _cb: (ev: GlobalEventHandlersEventMap[K]) => any, _options?: AddEventListenerOptions): EventListenerHandle;
-export declare function useEventListener(event: string, _cb: (ev: Event) => any, _options?: AddEventListenerOptions): EventListenerHandle;
+export declare function useEventListener<K extends keyof GlobalEventHandlersEventMap>(event: K, _cb: false | null | undefined | ((ev: GlobalEventHandlersEventMap[K]) => void), _options?: AddEventListenerOptions): EventListenerHandle;
+export declare function useEventListener<E extends Event>(event: string, _cb: false | null | undefined | ((ev: E) => void), _options?: AddEventListenerOptions): EventListenerHandle;
 export {};

package/.cache/ts/src/hooks/useExternRef.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
-export declare function useExternRef<T>(...externRefs: Array<React.Ref<T>>): React.MutableRefObject<T>;
+import * as React from "react";
+export declare function useExternRef<T>(...externRefs: Array<React.Ref<T> | undefined | false>): React.MutableRefObject<T | null>;

package/.cache/ts/src/hooks/useFocusVisible.d.ts

@@ -0,0 +1,6 @@
+import { FocusEvent } from "react";
+export declare function useFocusVisible(): {
+    focusVisible: boolean | undefined;
+    onFocus: (event: FocusEvent<HTMLElement, Element>) => void;
+    onBlur: (event: FocusEvent<HTMLElement, Element>) => void;
+};

package/.cache/ts/src/hooks/useGlobalEventListener.d.ts

@@ -1,2 +1,2 @@
-export declare function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(element: HTMLElement | HTMLDocument | Window, event: K, cb: false | null | ((ev: GlobalEventHandlersEventMap[K]) => any), options?: AddEventListenerOptions): void;
-export declare function useGlobalEventListener(element: HTMLElement | HTMLDocument | Window, event: string, cb: false | null | ((ev: Event) => any), options?: AddEventListenerOptions): void;
+export declare function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(element: Document | HTMLElement | Window | null | undefined, event: K, cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined, options?: AddEventListenerOptions): void;
+export declare function useGlobalEventListener<E extends Event>(element: Document | HTMLElement | Window | null | undefined, event: string, cb: ((ev: E) => void) | null | false | undefined, options?: AddEventListenerOptions): void;

package/.cache/ts/src/hooks/useInsets.d.ts

@@ -1,2 +1,8 @@
-import { Insets } from '@vkontakte/vk-bridge';
+import { Insets as BridgeInsets } from "@vkontakte/vk-bridge";
+export interface Insets {
+    bottom: BridgeInsets["bottom"] | null;
+    top: BridgeInsets["top"] | null;
+    left: BridgeInsets["left"] | null;
+    right: BridgeInsets["right"] | null;
+}
 export declare function useInsets(): Insets;

package/.cache/ts/src/hooks/usePatchChildrenRef.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import * as React from "react";
 declare type ChildrenElement<T> = React.ReactElement<{
     getRootRef?: React.Ref<T>;
 }>;
-export declare const usePatchChildrenRef: <T = HTMLElement>(children: ChildrenElement<T>) => [React.MutableRefObject<T>, ChildrenElement<T>];
+export declare const usePatchChildrenRef: <T = HTMLElement>(children?: ChildrenElement<T> | undefined) => [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined];
 export {};

package/.cache/ts/src/hooks/usePlatform.d.ts

@@ -1,2 +1,2 @@
-import { PlatformType } from '../lib/platform';
-export declare function usePlatform(): PlatformType;
+import { PlatformType } from "../lib/platform";
+export declare function usePlatform(): PlatformType | undefined;

package/.cache/ts/src/hooks/useWaitTransitionFinish.d.ts

@@ -1,3 +1,3 @@
 export declare const useWaitTransitionFinish: () => {
-    waitTransitionFinish: (element: HTMLElement, eventHandler: VoidFunction, durationFallback: number) => void;
+    waitTransitionFinish: (element: HTMLElement | null, eventHandler: VoidFunction, durationFallback: number) => void;
 };