@vkontakte/vkui 6.0.2 → 6.0.3

package/src/components/View/ViewInfinite.tsx

@@ -45,21 +45,21 @@ export interface ViewInfiniteProps
     HasPlatform,
     NavIdProps {
   activePanel: string;
-  onTransition?(params: TransitionParams & { isBack: boolean }): void;
+  onTransition?: (params: TransitionParams & { isBack: boolean }) => void;
   /**
    * callback свайпа назад
    */
-  onSwipeBack?(): void;
+  onSwipeBack?: () => void;
   /**
    * callback начала анимации свайпа назад.
    */
-  onSwipeBackStart?(activePanel: string | null): void | 'prevent';
+  onSwipeBackStart?: (activePanel: string | null) => void | 'prevent';
   /**
    * callback завершения анимации отмененного пользователем свайпа
    */
-  onSwipeBackCancel?(): void;
+  onSwipeBackCancel?: () => void;
   history?: string[];
-  isBackCheck?(params: TransitionParams): boolean;
+  isBackCheck?: (params: TransitionParams) => boolean;
   /**
    * @ignore
    */

package/src/components/WriteBar/Readme.md

@@ -12,7 +12,7 @@ const WriteBarExample = (props) => {
   const [text4, setText4] = React.useState('Да.');
 
   const attachmentsCount = 5;
-  const fixedLayoutInnerElRef = React.useRef();
+  const fixedLayoutInnerElRef = React.useRef(null);
   const [bottomPadding, setBottomPadding] = React.useState(0);
   const [isAttachmentsShown, setIsAttachmentsShown] = React.useState(false);
   const [text, setText] = React.useState('');

package/src/hooks/useDateInput.ts

@@ -9,13 +9,13 @@ export interface UseDateInputDependencies<T, D> {
   autoFocus?: boolean;
   disabled?: boolean;
   value?: D;
-  elementsConfig(index: number): {
+  elementsConfig: (index: number) => {
     length: number;
     min: number;
     max: number;
   };
-  onInternalValueChange(value: string[]): void;
-  getInternalValue(value?: D | undefined): string[];
+  onInternalValueChange: (value: string[]) => void;
+  getInternalValue: (value?: D | undefined) => string[];
   onChange?: (value?: D | undefined) => void;
 }
 

package/src/hooks/useDraggableWithDomApi/types.ts

@@ -26,13 +26,13 @@ export type SwappedItemRange = { from: number; to: number };
 
 export interface UseDraggableProps<T extends HTMLElement = HTMLElement> {
   elRef: React.MutableRefObject<T | null>;
-  onDragFinish?(value: SwappedItemRange): void;
+  onDragFinish?: (value: SwappedItemRange) => void;
 }
 
 export interface DraggableProps {
-  onDragStart(this: void, event: TouchEvent): void;
-  onDragEnd(this: void, event: TouchEvent): void;
-  onDragMove(this: void, event: TouchEvent): void;
+  onDragStart: (this: void, event: TouchEvent) => void;
+  onDragEnd: (this: void, event: TouchEvent) => void;
+  onDragMove: (this: void, event: TouchEvent) => void;
 }
 
 export interface UseDraggable extends DraggableProps {

package/src/hooks/useEnsuredControl.ts

@@ -6,7 +6,7 @@ export interface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {
   value?: V;
   defaultValue: V;
   disabled?: boolean | undefined;
-  onChange?(this: void, e: E): any;
+  onChange?: (this: void, e: E) => any;
 }
 
 export function useEnsuredControl<V, E extends React.ChangeEvent<any>>({
@@ -35,7 +35,7 @@ export interface UseCustomEnsuredControlProps<V> {
   value?: V;
   defaultValue: V;
   disabled?: boolean | undefined;
-  onChange?(this: void, v: V): any;
+  onChange?: (this: void, v: V) => any;
 }
 
 export function useCustomEnsuredControl<V = any>({

package/src/hooks/useGlobalOnClickOutside.test.tsx

@@ -5,7 +5,7 @@ import { useGlobalOnClickOutside } from './useGlobalOnClickOutside';
 interface WrapperUseGlobalOnClickOutsideProps {
   disableTarget?: 'target-1' | 'target-2';
   disableAllTarget?: boolean;
-  globalClickHandler(): void;
+  globalClickHandler: () => void;
 }
 
 const WrapperUseGlobalOnClickOutside = ({

package/src/lib/floating/useFloatingWithInteractions/types.ts

@@ -104,7 +104,7 @@ export interface UseFloatingWithInteractionsReturn<T extends HTMLElement = HTMLE
   referenceProps: ReferenceProps<T>;
   floatingProps: FloatingProps<T>;
   middlewareData: UseFloatingData['middlewareData'];
-  onClose(this: void): void;
-  onEscapeKeyDown?(this: void): void;
-  onRestoreFocus(this: void): boolean;
+  onClose: (this: void) => void;
+  onEscapeKeyDown?: (this: void) => void;
+  onRestoreFocus: (this: void) => boolean;
 }

package/src/lib/rafSchd.ts

@@ -11,7 +11,7 @@ type AnyFn = (...args: any[]) => void;
 
 export interface RafSchedule<T extends AnyFn> {
   (...args: Parameters<T>): void;
-  cancel(): void;
+  cancel: () => void;
 }
 
 export const rafSchd = <T extends AnyFn>(fn: T): RafSchedule<T> => {

package/src/lib/react/simulateReactInput.ts

@@ -2,9 +2,9 @@
 
 export interface SimulateReactInputTargetState {
   _valueTracker?: {
-    getValue(): string;
-    setValue(value: string): void;
-    stopTracking(): void;
+    getValue: () => string;
+    setValue: (value: string) => void;
+    stopTracking: () => void;
   };
 }
 

package/src/storybook/VKUIDecorators.tsx

@@ -1,8 +1,5 @@
 import * as React from 'react';
-import { UPDATE_GLOBALS } from '@storybook/core-events';
-import { addons } from '@storybook/preview-api';
 import { Decorator } from '@storybook/react';
-import { SET_STORYBOOK_THEME } from '../../.storybook/addons/storybook-theme/constants';
 import { AdaptivityProvider } from '../components/AdaptivityProvider/AdaptivityProvider';
 import { AppRoot } from '../components/AppRoot/AppRoot';
 import { ConfigProvider } from '../components/ConfigProvider/ConfigProvider';
@@ -20,8 +17,6 @@ const CenteredStyle: React.CSSProperties = {
   flexDirection: 'column',
 };
 
-const channel = addons.getChannel();
-
 export const withVKUIWrapper: Decorator = (Component, context) => {
   const {
     platform,
@@ -32,17 +27,6 @@ export const withVKUIWrapper: Decorator = (Component, context) => {
     writingMode,
   } = context.globals;
 
-  // eslint-disable-next-line no-restricted-properties, react-hooks/rules-of-hooks
-  React.useLayoutEffect(() => {
-    const updateGlobals = (theme: 'light' | 'dark') => {
-      channel.emit(UPDATE_GLOBALS, { globals: { appearance: theme } });
-    };
-    channel.on(SET_STORYBOOK_THEME, updateGlobals);
-    return () => {
-      channel.off(SET_STORYBOOK_THEME, updateGlobals);
-    };
-  }, []);
-
   const { centered } = context.parameters;
 
   const style: React.CSSProperties = {

package/src/testing/e2e/ComponentPlayground.tsx

@@ -14,7 +14,7 @@ export interface InternalComponentPlaygroundProps<Props = React.ComponentProps<'
   appearance: AppearanceType;
   adaptivityProviderProps?: Partial<AdaptivityProps>;
   propSets?: Parameters<typeof multiCartesian<Props>>[0];
-  children(props: Props): React.ReactElement;
+  children: (props: Props) => React.ReactElement;
   AppWrapper?: React.ComponentType<AppWrapperProps>;
 }
 

package/src/testing/e2e/types.ts

@@ -25,7 +25,7 @@ export interface ScreenshotWithClipToContentOptions {
 
 export interface VKUITestHelpers {
   componentPlaygroundProps: ComponentPlaygroundProps;
-  expectScreenshotClippedToContent(options?: ScreenshotWithClipToContentOptions): Promise<void>;
+  expectScreenshotClippedToContent: (options?: ScreenshotWithClipToContentOptions) => Promise<void>;
   /** @private  */
   _skipByOnlyForProps: void;
 }