@vkontakte/vkui 7.3.6 → 7.3.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "type": "module",
-  "version": "7.3.6",
+  "version": "7.3.8",
   "name": "@vkontakte/vkui",
   "description": "VKUI library",
   "module": "./dist/index.js",

package/src/components/ChipsInputBase/Chip/Chip.tsx

@@ -84,6 +84,7 @@ export const Chip = ({
       {!readOnly && removable && (
         <div className={styles.removable}>
           <button
+            type="button"
             tabIndex={-1} // [reason]: чтобы можно было выставлять состояние фокуса только программно через `*.focus()`
             disabled={disabled}
             className={styles.remove}

package/src/components/Clickable/Clickable.tsx

@@ -112,6 +112,7 @@ export const Clickable = <T,>(props: ClickableProps<T>): React.ReactNode => {
   const {
     baseClassName,
     disabled, // Игнорируем disabled из пропсов, т.к. он обрабатывается в commonProps
+    Component: ignore,
     ...restProps
   } = props;
 

package/src/components/PanelHeader/PanelHeader.tsx

@@ -42,8 +42,6 @@ export interface PanelHeaderProps
     HasRef<HTMLDivElement> {
   /**
    * Добавляет элемент слева.
-   *
-   * При передаче нескольких элементов, расставляет отступы между ними.
    */
   before?: React.ReactNode;
   /**

package/src/components/UsersStack/UsersStack.tsx

@@ -54,7 +54,7 @@ export interface UsersStackProps extends HTMLAttributesWithRootRef<HTMLDivElemen
   size?: 's' | 'm' | 'l';
   /**
    * Количество аватарок, которые будут показаны.
-   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов.
+   * Если в массиве `photos` больше элементов и не используется размер `s`, то будет показано количество остальных элементов.
    */
   visibleCount?: number;
   /**

package/src/index.ts

@@ -201,6 +201,8 @@ export { SimpleCell } from './components/SimpleCell/SimpleCell';
 export type { SimpleCellProps } from './components/SimpleCell/SimpleCell';
 export { CellButton } from './components/CellButton/CellButton';
 export type { CellButtonProps } from './components/CellButton/CellButton';
+export { CellButtonGroup } from './components/CellButtonGroup/CellButtonGroup';
+export type { CellButtonGroupProps } from './components/CellButtonGroup/CellButtonGroup';
 export { HorizontalCell } from './components/HorizontalCell/HorizontalCell';
 export type { HorizontalCellProps } from './components/HorizontalCell/HorizontalCell';
 export { HorizontalCellShowMore } from './components/HorizontalScroll/HorizontalCellShowMore/HorizontalCellShowMore';

package/src/lib/layouts/gaps.ts

@@ -37,7 +37,7 @@ export type GapsProp = GapProp | [GapProp, GapProp];
 export function calculateGap(
   gap: GapsProp | undefined,
 ): [GapProp, GapProp] | [undefined, undefined] {
-  if (!gap) {
+  if (gap === undefined) {
     return [undefined, undefined];
   }
   if (typeof gap === 'number' || typeof gap === 'string') {

package/src/lib/object.ts

@@ -12,3 +12,22 @@ export function mapObject<T extends Object, R extends Record<keyof T, any>>(
     {} as R,
   );
 }
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+export function filterObject<T extends Object, R extends Record<keyof T, any>>(
+  object: T,
+  filter: (value: T[keyof T], key: keyof T) => boolean,
+): R {
+  return Object.entries(object).reduce(
+    (acc, [key, value]) => {
+      if (filter(value, key as keyof T)) {
+        Object.assign(acc, {
+          [key]: value,
+        });
+      }
+      return acc;
+    },
+    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions, @typescript-eslint/prefer-reduce-type-parameter
+    {} as R,
+  );
+}