npm - @vkontakte/vkui - Versions diffs - 7.4.4 → 7.5.0 - Mend

@vkontakte/vkui 7.4.4 → 7.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (938) hide show

package/src/components/SubnavigationBar/SubnavigationBar.tsx CHANGED Viewed

@@ -26,7 +26,7 @@ const defaultScrollToLeft: ScrollPositionHandler = (x) => x - 240;
 const defaultScrollToRight: ScrollPositionHandler = (x) => x + 240;
 /**
- * @see https://vkcom.github.io/VKUI/#/SubnavigationBar
+ * @see https://vkui.io/components/subnavigation-bar
  */
 export const SubnavigationBar = ({
   fixed = false,

package/src/components/SubnavigationButton/SubnavigationButton.tsx CHANGED Viewed

@@ -86,7 +86,7 @@ const SubnavigationButtonTypography = ({
 };
 /**
- * @see https://vkcom.github.io/VKUI/#/SubnavigationButton
+ * @see https://vkui.io/components/subnavigation-bar#subnavigation-button
  */
 export const SubnavigationButton = ({
   mode = 'primary',

package/src/components/Switch/Switch.tsx CHANGED Viewed

@@ -23,7 +23,7 @@ export interface SwitchProps
     HasRef<HTMLInputElement> {}
 /**
- * @see https://vkcom.github.io/VKUI/#/Switch
+ * @see https://vkui.io/components/switch
  */
 export const Switch = ({
   style,

package/src/components/Tabbar/Tabbar.tsx CHANGED Viewed

@@ -35,7 +35,7 @@ const getItemsLayoutClassName = (
 };
 /**
- * @see https://vkcom.github.io/VKUI/#/Tabbar
+ * @see https://vkui.io/components/epic#tabbar
  */
 export const Tabbar = ({ plain = false, mode, ...restProps }: TabbarProps): React.ReactNode => {
   const platform = usePlatform();

package/src/components/TabbarItem/TabbarItem.tsx CHANGED Viewed

@@ -34,7 +34,7 @@ export interface TabbarItemProps
 const warn = warnOnce('TabbarItem');
 /**
- * @see https://vkcom.github.io/VKUI/#/TabbarItem
+ * @see https://vkui.io/components/epic#tabbar-item
  */
 export const TabbarItem = ({
   children,

package/src/components/Tabs/Tabs.tsx CHANGED Viewed

@@ -50,7 +50,7 @@ export interface TabsProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
 }
 /**
- * @see https://vkcom.github.io/VKUI/#/Tabs
+ * @see https://vkui.io/components/tabs
  */
 export const Tabs = ({
   children,

package/src/components/TabsItem/TabsItem.tsx CHANGED Viewed

@@ -55,8 +55,8 @@ export interface TabsItemProps
   /**
    * Добавляет элемент слева от `after`.
    *
-   * - `React.ReactElement` – либо [`Badge`](https://vkcom.github.io/VKUI/#/Badge) с параметром `mode="prominent"`.
-   *   Либо [`Counter`](https://vkcom.github.io/VKUI/#/Counter) с параметрами `mode="prominent" size="s"`.
+   * - `React.ReactElement` – либо [`Badge`](https://vkui.io/components/badge) с параметром `mode="prominent"`.
+   *   Либо [`Counter`](https://vkui.io/components/counter) с параметрами `mode="prominent" size="s"`.
    * - `number` – для показа текстового блока с переданным числом.
    */
   status?: React.ReactElement | number;
@@ -79,7 +79,7 @@ export interface TabsItemProps
 const warn = warnOnce('TabsItem');
 /**
- * @see https://vkcom.github.io/VKUI/#/TabsItem
+ * @see https://vkui.io/components/tabs#tabs-item
  */
 export const TabsItem = ({
   before,

package/src/components/Textarea/Textarea.tsx CHANGED Viewed

@@ -40,7 +40,7 @@ export interface TextareaProps
 }
 /**
- * @see https://vkcom.github.io/VKUI/#/Textarea
+ * @see https://vkui.io/components/textarea
  */
 export const Textarea = ({
   grow = true,

package/src/components/ToolButton/ToolButton.tsx CHANGED Viewed

@@ -57,7 +57,7 @@ export interface ToolButtonProps extends TappableOmitProps, AdaptiveIconRenderer
  * для форматирования. Их можно использовать как кнопки для разового действия
  * или для включения/выключения режима.
  *
- * @see https://vkcom.github.io/VKUI/#/ToolButton
+ * @see https://vkui.io/components/tool-button
  */
 export const ToolButton = ({
   mode = 'primary',

package/src/components/Tooltip/Tooltip.tsx CHANGED Viewed

@@ -77,7 +77,7 @@ export interface TooltipProps extends AllowedFloatingComponentProps, AllowedTool
 }
 /**
- * @see https://vkcom.github.io/VKUI/#/Tooltip
+ * @see https://vkui.io/components/tooltip
  */
 export const Tooltip = ({ children, ...restProps }: TooltipProps): React.ReactNode => {
   const { anchorRef, anchorProps, tooltip } = useTooltip(restProps);

package/src/components/TooltipBase/TooltipBase.tsx CHANGED Viewed

@@ -80,8 +80,6 @@ export interface TooltipBaseProps
 /**
  * Низкоуровневый компонент для отрисовки тултипа.
- * Примеры использования и Readme можно найти в документации Tooltip.
- * @see https://vkcom.github.io/VKUI/#/Tooltip
  * @private
  */
 export const TooltipBase = ({

package/src/components/Touch/Touch.tsx CHANGED Viewed

@@ -206,7 +206,7 @@ export interface Gesture {
 }
 /**
- * @see https://vkcom.github.io/VKUI/#/Touch
+ * @see https://vkui.io/components/touch
  */
 export const Touch = ({
   onStart,

package/src/components/Typography/Caption/Caption.tsx CHANGED Viewed

@@ -26,7 +26,7 @@ export interface CaptionProps extends TypographyProps, HasCaps {
 /**
  * Используется для мелких подписей.
  *
- * @see https://vkcom.github.io/VKUI/#/Caption
+ * @see https://vkui.io/components/typography#caption
  */
 export const Caption = ({
   className,

package/src/components/Typography/DisplayTitle/DisplayTitle.tsx CHANGED Viewed

@@ -27,7 +27,7 @@ export interface DisplayTitleProps extends TypographyProps {
 /**
  * Используется для крупных заголовков.
  *
- * @see https://vkcom.github.io/VKUI/#/DisplayTitle
+ * @see https://vkui.io/components/typography#display-title
  */
 export const DisplayTitle = ({
   className,

package/src/components/Typography/EllipsisText/EllipsisText.tsx CHANGED Viewed

@@ -34,7 +34,7 @@ export interface EllipsisTextProps
 /** Компонент ограничивает текстовый контент, убирая его в многоточие.
  *
  * @since 6.1.0
- * @see https://vkcom.github.io/VKUI/#/EllipsisText
+ * @see https://vkui.io/components/ellipsis-text
  */
 const EllipsisText = ({
   Component = 'span',

package/src/components/Typography/Footnote/Footnote.tsx CHANGED Viewed

@@ -15,7 +15,7 @@ export interface FootnoteProps extends TypographyProps, HasCaps {}
 /**
  * Используется для основных подписей.
  *
- * @see https://vkcom.github.io/VKUI/#/Footnote
+ * @see https://vkui.io/components/typography#footnote
  */
 export const Footnote = ({
   className,

package/src/components/Typography/Headline/Headline.tsx CHANGED Viewed

@@ -25,7 +25,7 @@ export interface HeadlineProps extends TypographyProps {
 /**
  * Используется для подзаголовков.
  *
- * @see https://vkcom.github.io/VKUI/#/Headline
+ * @see https://vkui.io/components/typography#headline
  */
 export const Headline = ({
   className,

package/src/components/Typography/Paragraph/Paragraph.tsx CHANGED Viewed

@@ -15,7 +15,7 @@ export type ParagraphProps = TypographyProps;
 /**
  * Используется для основного текста.
  *
- * @see https://vkcom.github.io/VKUI/#/Paragraph
+ * @see https://vkui.io/components/typography#paragraph
  */
 export const Paragraph = ({
   className,

package/src/components/Typography/Subhead/Subhead.tsx CHANGED Viewed

@@ -15,7 +15,7 @@ export type SubheadProps = TypographyProps;
 /**
  * Используется для подзаголовков 2 уровня.
  *
- * @see https://vkcom.github.io/VKUI/#/Subhead
+ * @see https://vkui.io/components/typography#subhead
  */
 export const Subhead = ({
   className,

package/src/components/Typography/Text/Text.tsx CHANGED Viewed

@@ -15,7 +15,7 @@ export type TextProps = TypographyProps;
 /**
  * Основной наборный текст.
  *
- * @see https://vkcom.github.io/VKUI/#/Text
+ * @see https://vkui.io/components/typography#text
  */
 export const Text = ({
   className,

package/src/components/Typography/Title/Title.tsx CHANGED Viewed

@@ -26,7 +26,7 @@ export interface TitleProps extends TypographyProps {
 /**
  * Используется для заголовков.
  *
- * @see https://vkcom.github.io/VKUI/#/Title
+ * @see https://vkui.io/components/typography#title
  */
 export const Title = ({
   className,

package/src/components/UnstyledTextField/UnstyledTextField.mdx CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Meta, Title, ArgTypes, Description } from '@storybook/addon-docs/blocks';
 import { UnstyledTextField } from './UnstyledTextField';
-<Meta title="Service/UnstyledTextField" />
+<Meta title="Utils/UnstyledTextField" tags={['Утилиты']} />
 <Title>UnstyledTextField</Title>

package/src/components/UnstyledTextField/UnstyledTextField.tsx CHANGED Viewed

@@ -43,9 +43,12 @@ export type UnstyledTextFieldProps =
  * Компонент сбрасывает [User-agent stylesheets](https://www.geeksforgeeks.org/what-is-a-user-agent-stylesheet/)
  * полей ввода.
  *
- * Используется в <a href="?path=/story/forms-input--playground" data-prod-href="https://vkcom.github.io/VKUI/playground/?path=/story/forms-input--playground">Input</a> и <a href="?path=/story/forms-textarea--playground" data-prod-href="https://vkcom.github.io/VKUI/playground/?path=/story/forms-textarea--playground">Textarea</a>.
+ * Используется в <a href="?path=/story/forms-input--playground" data-prod-href="https://vkui.io/playground/?path=/story/forms-input--playground">Input</a> и <a href="?path=/story/forms-textarea--playground" data-prod-href="https://vkui.io/playground/?path=/story/forms-textarea--playground">Textarea</a>.
  *
  * @since 6.1.0
+ *
+ * @see https://vkui.io/components/unstyled-text-field
+ *
  */
 export const UnstyledTextField = ({
   as,

package/src/components/UsersStack/UsersStack.tsx CHANGED Viewed

@@ -151,7 +151,7 @@ const photoSizes: Record<NonNullable<UsersStackProps['size']>, PhotoSizeType> =
 };
 /**
- * @see https://vkcom.github.io/VKUI/#/UsersStack
+ * @see https://vkui.io/components/users-stack
  */
 export const UsersStack = ({
   photos = [],

package/src/components/View/View.tsx CHANGED Viewed

@@ -69,7 +69,7 @@ export interface ViewProps extends HTMLAttributesWithRootRef<HTMLElement>, NavId
 const warn = warnOnce('View');
 /**
- * @see https://vkcom.github.io/VKUI/#/View
+ * @see https://vkui.io/components/view
  */
 export const View = ({
   activePanel: activePanelProp,

package/src/components/VisuallyHidden/VisuallyHidden.tsx CHANGED Viewed

@@ -9,7 +9,7 @@ export type VisuallyHiddenProps<T> = RootComponentProps<T>;
  * доступным для ассистивных технологий. По умолчанию — `span`.
  *
  * @since 5.4.0
- * @see https://vkcom.github.io/VKUI/#/VisuallyHidden
+ * @see https://vkui.io/components/visually-hidden
  */
 export const VisuallyHidden = <T,>({
   Component = 'span',

package/src/components/WriteBar/WriteBar.tsx CHANGED Viewed

@@ -53,7 +53,7 @@ const WriteBarTypography = (props: TypographyProps) => {
 };
 /**
- * @see https://vkcom.github.io/VKUI/#/WriteBar
+ * @see https://vkui.io/components/write-bar
  */
 export const WriteBar = ({
   className,

package/src/components/WriteBarIcon/WriteBarIcon.tsx CHANGED Viewed

@@ -52,7 +52,7 @@ export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButton
 const warn = warnOnce('WriteBarIcon');
 /**
- * @see https://vkcom.github.io/VKUI/#/WriteBarIcon
+ * @see https://vkui.io/components/write-bar#write-bar-icon
  */
 export const WriteBarIcon = ({
   mode,

package/src/hooks/useAdaptivity.ts CHANGED Viewed

@@ -7,7 +7,7 @@ import {
 export type { AdaptivityProps };
 /**
- * Возвращает сырые данные из AdaptivityProvider.
+ * Хук из контекста возвращает свойства, переданные в `AdaptivityProvider`.
  */
 export const useAdaptivity = (): AdaptivityProps => {
   return React.useContext(AdaptivityContext);

package/src/index.ts CHANGED Viewed

@@ -283,7 +283,7 @@ export type { CustomPaginationPageButtonProps } from './components/Pagination/Pa
 export type { CustomPaginationNavigationButton } from './components/Pagination/PaginationNavigationButton/PaginationNavigationButton';
 export { Accordion } from './components/Accordion/Accordion';
 export type { AccordionProps } from './components/Accordion/Accordion';
-export { AccordionContext } from './components/Accordion/AccordionContext';
+export { AccordionContext, useAccordionContext } from './components/Accordion/AccordionContext';
 export type { AccordionSummaryProps } from './components/Accordion/AccordionSummary';
 export type { AccordionContentProps } from './components/Accordion/AccordionContent';

package/src/lib/SSR.tsx CHANGED Viewed

@@ -14,7 +14,7 @@ export interface SSRWrapperProps {
 }
 /**
- * @see https://vkcom.github.io/VKUI/#/SSR
+ * @see https://vkui.io/overview/ssr
  */
 export const SSRWrapper: React.FC<SSRWrapperProps> = ({
   userAgent,

package/src/lib/accessibility.ts CHANGED Viewed

@@ -166,8 +166,8 @@ export function hasAccessibleName({
  * @private
  */
 export const getHorizontalFocusGoTo = (
-  keys: Extract<KeysValues, 'ArrowUp' | 'ArrowLeft' | 'ArrowDown' | 'ArrowRight'>,
-): 'prev' | 'next' => {
+  keys: Extract<KeysValues, 'ArrowUp' | 'ArrowLeft' | 'ArrowDown' | 'ArrowRight' | 'Home' | 'End'>,
+): 'prev' | 'next' | 'first' | 'last' => {
   switch (keys) {
     case Keys.ARROW_UP:
     case Keys.ARROW_LEFT:
@@ -175,5 +175,9 @@ export const getHorizontalFocusGoTo = (
     case Keys.ARROW_DOWN:
     case Keys.ARROW_RIGHT:
       return 'next';
+    case Keys.HOME:
+      return 'first';
+    case Keys.END:
+      return 'last';
   }
 };