@cloud-ru/uikit-product-mobile-toolbar 0.4.3 → 0.4.5

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.4.5 (2025-11-13)
+
+### Only dependencies have been changed
+* [@cloud-ru/uikit-product-icons@15.1.3](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/icons/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-chips@0.8.38](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-chips/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-dropdown@0.9.23](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-dropdown/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-tooltip@0.4.67](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-tooltip/CHANGELOG.md)
+* [@cloud-ru/uikit-product-utils@7.0.2](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/utils/CHANGELOG.md)
+
+
+
+
+
+## 0.4.4 (2025-11-12)
+
+
+### Bug Fixes
+
+* **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
+
+
+
+
+
 ## 0.4.3 (2025-11-12)
 
 ### Only dependencies have been changed

package/dist/cjs/components/AdaptiveToolbar/AdaptiveToolbar.d.ts

@@ -0,0 +1,6 @@
+import { FiltersState } from '@sbercloud/uikit-product-mobile-chips';
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { ToolbarProps } from '@snack-uikit/toolbar';
+export type AdaptiveToolbarProps<TState extends FiltersState = Record<string, unknown>> = WithLayoutType<ToolbarProps<TState>>;
+export declare function AdaptiveToolbar<TState extends FiltersState = Record<string, unknown>>({ layoutType, ...props }: AdaptiveToolbarProps<TState>): import("react/jsx-runtime").JSX.Element;
+export type { ToolbarProps };

package/dist/cjs/components/AdaptiveToolbar/AdaptiveToolbar.js

@@ -0,0 +1,22 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptiveToolbar = AdaptiveToolbar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const toolbar_1 = require("@snack-uikit/toolbar");
+const MobileToolbar_1 = require("../MobileToolbar");
+function AdaptiveToolbar(_a) {
+    var { layoutType } = _a, props = __rest(_a, ["layoutType"]);
+    const isMobile = layoutType === 'mobile';
+    return isMobile ? (0, jsx_runtime_1.jsx)(MobileToolbar_1.MobileToolbar, Object.assign({}, props)) : (0, jsx_runtime_1.jsx)(toolbar_1.Toolbar, Object.assign({}, props));
+}

package/dist/cjs/components/AdaptiveToolbar/index.d.ts

@@ -0,0 +1 @@
+export * from './AdaptiveToolbar';

package/dist/cjs/components/AdaptiveToolbar/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AdaptiveToolbar"), exports);

package/dist/cjs/components/MobileToolbar/MobileToolbar.d.ts

@@ -0,0 +1,7 @@
+import { FiltersState } from '@sbercloud/uikit-product-mobile-chips';
+import { WithSupportProps } from '@snack-uikit/utils';
+import { CheckedToolbarProps, DefaultToolbarProps, FilterRow } from './types';
+export type MobileToolbarProps<TState extends FiltersState = Record<string, unknown>> = WithSupportProps<DefaultToolbarProps | CheckedToolbarProps> & {
+    filterRow?: FilterRow<TState>;
+};
+export declare function MobileToolbar<TState extends FiltersState = Record<string, unknown>>({ className, after, outline, moreActions, onRefresh, search, filterRow: filterRowProps, ...rest }: MobileToolbarProps<TState>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/MobileToolbar/MobileToolbar.js

@@ -0,0 +1,51 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileToolbar = MobileToolbar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const uikit_product_mobile_chips_1 = require("@sbercloud/uikit-product-mobile-chips");
+const button_1 = require("@snack-uikit/button");
+const search_private_1 = require("@snack-uikit/search-private");
+const utils_1 = require("@snack-uikit/utils");
+const constants_1 = require("../../constants");
+const helperComponents_1 = require("../../helperComponents");
+const BulkActionsCheckbox_1 = require("../../helperComponents/BulkActionsCheckbox");
+const helpers_1 = require("./helpers");
+const hooks_1 = require("./hooks");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function MobileToolbar(_a) {
+    var _b, _c;
+    var { className, after, outline, moreActions, onRefresh, search, filterRow: filterRowProps } = _a, rest = __rest(_a, ["className", "after", "outline", "moreActions", "onRefresh", "search", "filterRow"]);
+    const needsBulkActions = (0, helpers_1.isBulkActionsProps)(rest);
+    const hasVisibleRefresh = onRefresh && !(moreActions === null || moreActions === void 0 ? void 0 : moreActions.length);
+    const hasLeftSideElements = Boolean(needsBulkActions || hasVisibleRefresh);
+    const resizingContainerRef = (0, react_1.useRef)(null);
+    const { t } = (0, uikit_product_locale_1.useLocale)('MobileToolbar');
+    const moreActionsProps = (0, react_1.useMemo)(() => onRefresh
+        ? {
+            pinTop: [{ content: { option: t('refresh') }, icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.UpdateSVG, {}), onClick: onRefresh }],
+            items: moreActions,
+        }
+        : { items: moreActions }, [moreActions, onRefresh, t]);
+    const hasMoreActions = Boolean((_b = moreActionsProps.items) === null || _b === void 0 ? void 0 : _b.length);
+    const { filterButton, filterRow } = (0, hooks_1.useFilters)({ filterRow: filterRowProps });
+    const hasBulkActionsOpened = Boolean((rest.checked || rest.indeterminate) && rest.selectionMode === 'multiple' && ((_c = rest.bulkActions) === null || _c === void 0 ? void 0 : _c.length));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: styles_module_scss_1.default.containerWrapper }, (0, utils_1.extractSupportProps)(rest), { children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.panel, "data-bulk-actions-opened": hasBulkActionsOpened !== null && hasBulkActionsOpened !== void 0 ? hasBulkActionsOpened : undefined, "data-outline": outline || undefined, children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.topRow, className), ref: resizingContainerRef, children: [hasLeftSideElements && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.beforeSearch, children: [needsBulkActions && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(BulkActionsCheckbox_1.BulkActionsCheckbox, { onCheck: rest.onCheck, checked: rest.checked, indeterminate: rest.indeterminate }), (0, jsx_runtime_1.jsx)(helperComponents_1.Separator, {})] })), hasVisibleRefresh && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.UpdateSVG, {}), size: 'm', className: styles_module_scss_1.default.updateButton, onClick: onRefresh, "data-test-id": constants_1.TEST_IDS.refreshButton }), (0, jsx_runtime_1.jsx)(helperComponents_1.Separator, {})] }))] })), search && (0, jsx_runtime_1.jsx)(search_private_1.SearchPrivate, Object.assign({}, search, { className: styles_module_scss_1.default.search, size: 'm', "data-test-id": constants_1.TEST_IDS.search })), (hasMoreActions || after || filterButton) && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.flexRow, "data-align-right": (!search && !hasLeftSideElements) || undefined, children: [after && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(search || hasLeftSideElements) && (0, jsx_runtime_1.jsx)(helperComponents_1.Separator, {}), (0, jsx_runtime_1.jsx)("div", { "data-test-id": constants_1.TEST_IDS.after, className: styles_module_scss_1.default.actions, children: after })] })), (hasMoreActions || filterButton) && (0, jsx_runtime_1.jsx)(helperComponents_1.Separator, {}), filterButton && (0, jsx_runtime_1.jsx)(helperComponents_1.FilterButton, Object.assign({}, filterButton)), hasMoreActions && (0, jsx_runtime_1.jsx)(helperComponents_1.MoreActions, Object.assign({}, moreActionsProps))] }))] }), hasBulkActionsOpened && ((0, jsx_runtime_1.jsx)(helperComponents_1.BulkActions, { actions: rest.bulkActions, onCheck: rest.onCheck, checked: rest.checked, indeterminate: rest.indeterminate, selectionMode: rest.selectionMode, selectedCount: rest.selectedCount, outline: outline }))] }), filterRow && (0, jsx_runtime_1.jsx)(uikit_product_mobile_chips_1.MobileChipChoiceRow, Object.assign({}, filterRow, { size: 's', "data-test-id": constants_1.TEST_IDS.filterRow }))] })));
+}

package/dist/cjs/components/MobileToolbar/helpers.d.ts

@@ -0,0 +1,4 @@
+import { FiltersState } from '@sbercloud/uikit-product-mobile-chips';
+import { MobileToolbarProps } from './MobileToolbar';
+import { ToolbarBulkActionProps } from './types';
+export declare function isBulkActionsProps<TState extends FiltersState>(props: Partial<MobileToolbarProps<TState>>): props is ToolbarBulkActionProps;

package/dist/cjs/components/MobileToolbar/helpers.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isBulkActionsProps = isBulkActionsProps;
+function isBulkActionsProps(props) {
+    return 'selectionMode' in props && props.selectionMode === 'multiple';
+}

package/dist/cjs/components/MobileToolbar/hooks.d.ts

@@ -0,0 +1,12 @@
+import { FiltersState } from '@sbercloud/uikit-product-mobile-chips';
+import { FilterButtonProps } from '../../helperComponents';
+import { FilterRow } from './types';
+type UseFiltersProps<TState extends FiltersState> = {
+    filterRow?: FilterRow<TState>;
+};
+type UseFiltersReturnType<TState extends FiltersState> = {
+    filterButton?: FilterButtonProps;
+    filterRow?: FilterRow<TState>;
+};
+export declare function useFilters<TState extends FiltersState>({ filterRow, }: UseFiltersProps<TState>): UseFiltersReturnType<TState>;
+export {};

package/dist/cjs/components/MobileToolbar/hooks.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFilters = useFilters;
+const react_1 = require("react");
+const uncontrollable_1 = require("uncontrollable");
+const uikit_product_mobile_chips_1 = require("@sbercloud/uikit-product-mobile-chips");
+function useFilters({ filterRow, }) {
+    var _a;
+    const [filtersOpen, setFiltersOpen] = (0, uncontrollable_1.useUncontrolledProp)(filterRow === null || filterRow === void 0 ? void 0 : filterRow.open, (filterRow === null || filterRow === void 0 ? void 0 : filterRow.initialOpen) || false, newValue => {
+        var _a;
+        const result = typeof newValue === 'function' ? newValue(filtersOpen) : newValue;
+        (_a = filterRow === null || filterRow === void 0 ? void 0 : filterRow.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(filterRow, result);
+    });
+    const [value, setValue] = (0, uncontrollable_1.useUncontrolledProp)(filterRow === null || filterRow === void 0 ? void 0 : filterRow.value, ((_a = filterRow === null || filterRow === void 0 ? void 0 : filterRow.defaultValue) !== null && _a !== void 0 ? _a : {}), newValue => {
+        var _a;
+        const result = typeof newValue === 'function' ? newValue(value) : newValue;
+        (_a = filterRow === null || filterRow === void 0 ? void 0 : filterRow.onChange) === null || _a === void 0 ? void 0 : _a.call(filterRow, result);
+    });
+    const [visibleFilters, setVisibleFilters] = (0, uncontrollable_1.useUncontrolledProp)(filterRow === null || filterRow === void 0 ? void 0 : filterRow.visibleFilters, Object.keys(value), newState => {
+        var _a;
+        const result = typeof newState === 'function' ? newState(visibleFilters) : newState;
+        (_a = filterRow === null || filterRow === void 0 ? void 0 : filterRow.onVisibleFiltersChange) === null || _a === void 0 ? void 0 : _a.call(filterRow, result);
+    });
+    const numberOfFilters = (0, react_1.useMemo)(() => Object.keys(value).reduce((result, filterKey) => result + Number((0, uikit_product_mobile_chips_1.hasFilterBeenApplied)(value[filterKey])), 0), [value]);
+    return {
+        filterButton: filterRow ? { open: filtersOpen, onOpenChange: setFiltersOpen, numberOfFilters } : undefined,
+        filterRow: filtersOpen && filterRow
+            ? Object.assign(Object.assign({}, filterRow), { open: undefined, onOpenChange: undefined, value, onChange: setValue, visibleFilters, onVisibleFiltersChange: setVisibleFilters }) : undefined,
+    };
+}

package/dist/cjs/components/MobileToolbar/index.d.ts

@@ -0,0 +1 @@
+export * from './MobileToolbar';

package/dist/cjs/components/MobileToolbar/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MobileToolbar"), exports);

package/dist/cjs/components/MobileToolbar/styles.module.css

@@ -0,0 +1,91 @@
+.toolbar{
+  box-sizing:border-box;
+}
+
+.containerWrapper{
+  gap:var(--space-toolbar-container-wrapper-gap, 8px);
+  display:flex;
+  flex-direction:column;
+}
+
+.panel{
+  border-radius:var(--radius-toolbar-container, 4px);
+  position:relative;
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+}
+.panel[data-outline]::before{
+  border-radius:var(--radius-toolbar-container, 4px);
+  border-width:var(--border-width-toolbar-outline, 1px);
+  pointer-events:none;
+  content:"";
+  position:absolute;
+  top:0;
+  left:0;
+  box-sizing:border-box;
+  width:100%;
+  height:100%;
+  border-color:var(--sys-neutral-decor-default, #dde0ea);
+  border-style:solid;
+}
+
+.topRow{
+  position:relative;
+  display:flex;
+  justify-content:space-between;
+  box-sizing:border-box;
+}
+[data-bulk-actions-opened=true] .topRow{
+  border-bottom:1px solid var(--sys-neutral-decor-default, #dde0ea);
+}
+
+.search{
+  height:var(--size-toolbar-checkbox, 40px);
+  padding-left:var(--space-toolbar-search-horizontal-padding, 8px);
+  padding-right:var(--space-toolbar-search-horizontal-padding, 8px);
+  border-radius:var(--radius-toolbar-search, 4px);
+  min-width:var(--size-toolbar-search-min-width, 80px);
+  flex-shrink:1;
+  flex-grow:1;
+  overflow:hidden;
+  min-width:0;
+}
+.search:focus-within{
+  outline-width:var(--border-state-focus-s-border-width, 2px);
+  outline-style:var(--border-state-focus-s-border-style, solid);
+  outline-color:var(--border-state-focus-s-border-color, );
+  position:relative;
+  outline-color:var(--sys-available-complementary, #1c1c24);
+}
+
+.updateButton{
+  flex-shrink:0;
+}
+.updateButton svg{
+  transform:rotate(360deg);
+  transition:transform 0.5s;
+}
+.updateButton:active svg{
+  transform:rotate(0deg);
+  transition-duration:0s;
+}
+
+.beforeSearch{
+  display:flex;
+  flex-shrink:0;
+  box-sizing:border-box;
+  min-width:0;
+}
+
+.flexRow{
+  display:flex;
+  flex-shrink:0;
+  box-sizing:border-box;
+}
+.flexRow[data-align-right]{
+  margin-left:auto;
+}
+
+.actions{
+  flex-shrink:0;
+  box-sizing:border-box;
+}

package/dist/cjs/components/MobileToolbar/types.d.ts

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+import { FiltersState, MobileChipChoiceRowProps } from '@sbercloud/uikit-product-mobile-chips';
+import { BulkActionsProps, MoreActionsProps } from '../../helperComponents';
+import { NeverOrUndefined, RequireAtLeastOne } from './typesUtils';
+type OptionalProps = {
+    /** Колбек обновления */
+    onRefresh?(): void;
+    /** Дополнительный слот в конце тулбара */
+    after?: ReactNode;
+    /** Элементы выпадающего списка кнопки с действиями */
+    moreActions?: MoreActionsProps['items'];
+};
+export type CommonToolbarProps = {
+    /** Параметры отвечают за строку поиска <br>
+     * <strong>value</strong>: Значение строки поиска <br>
+     * <strong>onChange</strong>: Колбэк смены значения <br>
+     * <strong>onSubmit</strong>: Колбэк на подтверждение поиска по строке
+     * <strong>placeholder</strong>: Плейсхолдер <br>
+     * <strong>loading</strong>: Состояние загрузки <br>
+     *  */
+    search?: {
+        value: string;
+        onChange(value: string): void;
+        onSubmit?(value: string): void;
+        placeholder?: string;
+        loading?: boolean;
+    };
+    /** Класснейм */
+    className?: string;
+    /** Внешний бордер */
+    outline?: boolean;
+};
+export type ToolbarBulkActionProps = Omit<BulkActionsProps, 'actions'> & {
+    /** Список массовых действий */
+    bulkActions?: BulkActionsProps['actions'];
+};
+export type CheckedToolbarProps = CommonToolbarProps & ToolbarBulkActionProps & OptionalProps;
+export type DefaultToolbarProps = CommonToolbarProps & NeverOrUndefined<ToolbarBulkActionProps> & RequireAtLeastOne<OptionalProps>;
+export type FilterRow<TState extends FiltersState> = Omit<MobileChipChoiceRowProps<TState>, 'size' | 'data-test-id'> & {
+    open?: boolean;
+    initialOpen?: boolean;
+    onOpenChange?(isOpen: boolean): void;
+};
+export {};

package/dist/cjs/components/MobileToolbar/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/MobileToolbar/typesUtils.d.ts

@@ -0,0 +1,12 @@
+export type IsEqual<A, B> = (<G>() => G extends A ? 1 : 2) extends <G>() => G extends B ? 1 : 2 ? true : false;
+type Filter<KeyType, ExcludeType> = IsEqual<KeyType, ExcludeType> extends true ? never : KeyType extends ExcludeType ? never : KeyType;
+type Except<ObjectType, KeysType extends keyof ObjectType> = {
+    [KeyType in keyof ObjectType as Filter<KeyType, KeysType>]: ObjectType[KeyType];
+};
+export type RequireAtLeastOne<ObjectType, KeysType extends keyof ObjectType = keyof ObjectType> = {
+    [Key in KeysType]-?: Required<Pick<ObjectType, Key>> & Partial<Pick<ObjectType, Exclude<KeysType, Key>>>;
+}[KeysType] & Except<ObjectType, KeysType>;
+export type NeverOrUndefined<T> = {
+    [P in keyof T]?: never;
+};
+export {};

package/dist/cjs/components/MobileToolbar/typesUtils.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AdaptiveToolbar';
+export * from './MobileToolbar';

package/dist/cjs/components/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AdaptiveToolbar"), exports);
+__exportStar(require("./MobileToolbar"), exports);

package/dist/cjs/constants.d.ts

@@ -0,0 +1,19 @@
+export declare const TEST_IDS: {
+    main: string;
+    checkbox: string;
+    confirmAction: string;
+    rejectAction: string;
+    deleteAction: string;
+    deactivateAction: string;
+    disabledAction: string;
+    bulkActions: string;
+    moreBulkActionsButton: string;
+    refreshButton: string;
+    search: string;
+    filterButton: string;
+    filterRow: string;
+    moreActionsButton: string;
+    droplist: string;
+    option: string;
+    after: string;
+};

package/dist/cjs/constants.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TEST_IDS = void 0;
+exports.TEST_IDS = {
+    main: 'toolbar',
+    checkbox: 'toolbar__checkbox',
+    confirmAction: 'toolbar__confirm-action',
+    rejectAction: 'toolbar__reject-action',
+    deleteAction: 'toolbar__delete-action',
+    deactivateAction: 'toolbar__deactivate-action',
+    disabledAction: 'toolbar__disabled-action',
+    bulkActions: 'toolbar__bulk-actions',
+    moreBulkActionsButton: 'toolbar__more-bulk-actions-button',
+    refreshButton: 'toolbar__refresh-button',
+    search: 'toolbar__search',
+    filterButton: 'toolbar__filter-button',
+    filterRow: 'toolbar__filter-row',
+    moreActionsButton: 'toolbar__more-actions-button',
+    droplist: 'toolbar__droplist',
+    option: 'toolbar__droplist-option',
+    after: 'toolbar__after',
+};

package/dist/cjs/helperComponents/BulkActions/BulkActions.d.ts

@@ -0,0 +1,4 @@
+import { BulkActionsProps } from './types';
+export declare function BulkActions({ actions, selectedCount, outline }: BulkActionsProps & {
+    outline?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/BulkActions/BulkActions.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BulkActions = BulkActions;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const uikit_product_mobile_dropdown_1 = require("@sbercloud/uikit-product-mobile-dropdown");
+const uikit_product_mobile_tooltip_1 = require("@sbercloud/uikit-product-mobile-tooltip");
+const button_1 = require("@snack-uikit/button");
+const counter_1 = require("@snack-uikit/counter");
+const utils_1 = require("@snack-uikit/utils");
+const constants_1 = require("../../constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function BulkActions({ actions = [], selectedCount, outline }) {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const parentContainerRef = (0, react_1.useRef)(null);
+    const { t } = (0, uikit_product_locale_1.useLocale)('MobileToolbar');
+    const { visibleItems, hiddenItems } = (0, utils_1.useDynamicList)({
+        items: actions,
+        parentContainerRef,
+        maxVisibleItems: 3,
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.bulkActionsContainer, "data-outline": outline, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.counter, children: selectedCount && (0, jsx_runtime_1.jsx)(counter_1.Counter, { value: selectedCount, appearance: 'primary', color: 'decor' }) }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.bulkActionsWrapper, "data-test-id": constants_1.TEST_IDS.bulkActions, ref: parentContainerRef, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.smallSeparator }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.bulkActions, children: visibleItems.map(({ label, icon: Icon, onClick, disabled, tooltip, 'data-test-id': testId }) => ((0, jsx_runtime_1.jsx)(uikit_product_mobile_tooltip_1.MobileTooltip, { tip: tooltip, open: tooltip ? undefined : false, placement: 'top', "data-test-id": `${testId}-tooltip`, children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { className: styles_module_scss_1.default.action, "data-test-id": testId, iconPosition: 'before', icon: (0, jsx_runtime_1.jsx)(Icon, {}), label: label, size: 'm', onClick: onClick, disabled: disabled }) }, label))) }), hiddenItems.length > 0 && ((0, jsx_runtime_1.jsx)(uikit_product_mobile_dropdown_1.MobileDroplist, { open: isOpen, onOpenChange: setIsOpen, items: hiddenItems.map(({ label, icon: Icon, onClick, disabled, tooltip, 'data-test-id': testId }) => ({
+                            id: label,
+                            content: { option: label },
+                            beforeContent: (0, jsx_runtime_1.jsx)(Icon, {}),
+                            onClick: () => {
+                                onClick === null || onClick === void 0 ? void 0 : onClick();
+                                setIsOpen(false);
+                            },
+                            disabled,
+                            itemWrapRender: item => ((0, jsx_runtime_1.jsx)(uikit_product_mobile_tooltip_1.MobileTooltip, { tip: tooltip, open: tooltip ? undefined : false, placement: 'right', "data-test-id": `${testId}-tooltip`, children: item })),
+                            'data-test-id': testId,
+                        })), children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { className: styles_module_scss_1.default.moreActionButton, size: 'm', appearance: 'primary', label: t('more'), "data-test-id": constants_1.TEST_IDS.moreBulkActionsButton }) }))] })] }));
+}

package/dist/cjs/helperComponents/BulkActions/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const SELECTION_MODE: {
+    readonly Single: "single";
+    readonly Multiple: "multiple";
+};

package/dist/cjs/helperComponents/BulkActions/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SELECTION_MODE = void 0;
+exports.SELECTION_MODE = {
+    Single: 'single',
+    Multiple: 'multiple',
+};

package/dist/cjs/helperComponents/BulkActions/index.d.ts

@@ -0,0 +1,3 @@
+export * from './BulkActions';
+export * from './constants';
+export * from './types';

package/dist/cjs/helperComponents/BulkActions/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./BulkActions"), exports);
+__exportStar(require("./constants"), exports);
+__exportStar(require("./types"), exports);

package/dist/cjs/helperComponents/BulkActions/styles.module.css

@@ -0,0 +1,60 @@
+.bulkActionsContainer{
+  position:relative;
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+}
+
+.counter{
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  flex-shrink:0;
+  flex-grow:0;
+  width:40px;
+  height:40px;
+}
+
+.bulkActionsWrapper{
+  padding-right:var(--space-toolbar-bulk-action-padding-right, 12px);
+  width:100%;
+  scrollbar-width:none;
+  display:flex;
+  flex-grow:1;
+  flex-shrink:1;
+  justify-content:start;
+  align-items:center;
+  min-width:0;
+  -ms-overflow-style:none;
+}
+.bulkActionsWrapper::-webkit-scrollbar{
+  display:none;
+}
+
+.bulkActions{
+  gap:var(--space-toolbar-bulk-action-gap, 8px);
+  display:flex;
+  flex-grow:1;
+  flex-shrink:1;
+  padding-left:8px;
+}
+
+.moreActionButton{
+  flex-shrink:0;
+  padding-left:4px;
+}
+
+.action{
+  white-space:nowrap;
+}
+.action[data-full-width]:not([data-variant=icon-only]){
+  flex-shrink:0;
+  width:auto;
+}
+
+.smallSeparator{
+  box-sizing:border-box;
+  width:var(--border-width-toolbar-separator, 1px);
+  height:16px;
+  background-color:var(--sys-neutral-decor-default, #dde0ea);
+}

package/dist/cjs/helperComponents/BulkActions/types.d.ts

@@ -0,0 +1,28 @@
+import { JSXElementConstructor } from 'react';
+import { MobileTooltipProps } from '@sbercloud/uikit-product-mobile-tooltip';
+import { ValueOf, WithSupportProps } from '@snack-uikit/utils';
+import { SELECTION_MODE } from './constants';
+export type SelectionMode = ValueOf<typeof SELECTION_MODE>;
+export type BulkAction = WithSupportProps<{
+    label: string;
+    icon: JSXElementConstructor<{
+        className?: string;
+    }>;
+    disabled?: boolean;
+    tooltip?: MobileTooltipProps['tip'];
+    onClick?(): void;
+}>;
+export type BulkActionsProps = {
+    /** Список массовых действий */
+    actions?: BulkAction[];
+    /** Колбек смены значения чекбокса */
+    onCheck?(): void;
+    /** Значение чекбокса */
+    checked?: boolean;
+    /** Состояние частичного выбора */
+    indeterminate?: boolean;
+    /** Режим выбора @default 'multiple'*/
+    selectionMode?: SelectionMode;
+    /** Количество выбранных элементов */
+    selectedCount?: number;
+};

package/dist/cjs/helperComponents/BulkActions/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/helperComponents/BulkActionsCheckbox/BulkActionsCheckbox.d.ts

@@ -0,0 +1,6 @@
+export type BulkActionsCheckboxProps = {
+    onCheck?: () => void;
+    checked?: boolean;
+    indeterminate?: boolean;
+};
+export declare function BulkActionsCheckbox({ onCheck, checked, indeterminate }: BulkActionsCheckboxProps): import("react/jsx-runtime").JSX.Element;