@snack-uikit/toolbar 0.12.3-preview-a879b9ed.0 → 0.12.3

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.12.3 (2025-03-05)
+
+### Only dependencies have been changed
+* [@snack-uikit/chips@0.26.0](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/chips/CHANGELOG.md)
+* [@snack-uikit/list@0.26.4](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/list/CHANGELOG.md)
+
+
+
+
+
 ## 0.12.2 (2025-03-04)
 
 ### Only dependencies have been changed

package/README.md

@@ -13,6 +13,18 @@ Toolbar
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
+| search | `{ value: string; onChange(value: string): void; onSubmit?(value: string): void; placeholder?: string; loading?: boolean; }` | - | Параметры отвечают за строку поиска <br> <strong>value</strong>: Значение строки поиска <br> <strong>onChange</strong>: Колбэк смены значения <br> <strong>onSubmit</strong>: Колбэк на подтверждение поиска по строке <strong>placeholder</strong>: Плейсхолдер <br> <strong>loading</strong>: Состояние загрузки <br> |
+| className | `string` | - | Класснейм |
+| outline | `boolean` | - | Внешний бордер |
+| onCheck | `() => void` | - | Колбек смены значения чекбокса |
+| checked | `boolean` | - | Значение чекбокса |
+| indeterminate | `boolean` | - | Состояние частичного выбора |
+| selectionMode | enum SelectionMode: `"single"`, `"multiple"` | 'multiple' | Режим выбора |
+| bulkActions | `BulkAction[]` | - | Список массовых действий |
+| onRefresh | `() => void` | - | Колбек обновления |
+| after | `ReactNode` | - | Дополнительный слот в конце тулбара |
+| moreActions | `Action[]` | - | Элементы выпадающего списка кнопки с действиями |
+| filterRow | `FilterRow<TState>` | - |  |
 
 
 [//]: DOCUMENTATION_SECTION_END

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

@@ -3,6 +3,5 @@ import { WithSupportProps } from '@snack-uikit/utils';
 import { CheckedToolbarProps, DefaultToolbarProps, FilterRow } from './types';
 export type ToolbarProps<TState extends FiltersState = Record<string, unknown>> = WithSupportProps<DefaultToolbarProps | CheckedToolbarProps> & {
     filterRow?: FilterRow<TState>;
-    filtersDefaultOpen?: boolean;
 };
-export declare function Toolbar<TState extends FiltersState = Record<string, unknown>>({ className, after, outline, moreActions, onRefresh, search, filterRow: filterRowProps, filtersDefaultOpen, ...rest }: ToolbarProps<TState>): import("react/jsx-runtime").JSX.Element;
+export declare function Toolbar<TState extends FiltersState = Record<string, unknown>>({ className, after, outline, moreActions, onRefresh, search, filterRow: filterRowProps, ...rest }: ToolbarProps<TState>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Toolbar/Toolbar.js

@@ -38,10 +38,9 @@ function Toolbar(_a) {
       moreActions,
       onRefresh,
       search,
-      filterRow: filterRowProps,
-      filtersDefaultOpen
+      filterRow: filterRowProps
     } = _a,
-    rest = __rest(_a, ["className", "after", "outline", "moreActions", "onRefresh", "search", "filterRow", "filtersDefaultOpen"]);
+    rest = __rest(_a, ["className", "after", "outline", "moreActions", "onRefresh", "search", "filterRow"]);
   const needsBulkActions = (0, helpers_1.isBulkActionsProps)(rest);
   const hasLeftSideElements = Boolean(needsBulkActions || onRefresh);
   const resizingContainerRef = (0, react_1.useRef)(null);
@@ -49,8 +48,7 @@ function Toolbar(_a) {
     filterButton,
     filterRow
   } = (0, hooks_1.useFilters)({
-    filterRow: filterRowProps,
-    defaultOpen: filtersDefaultOpen
+    filterRow: filterRowProps
   });
   return (0, jsx_runtime_1.jsxs)("div", Object.assign({
     className: styles_module_scss_1.default.containerWrapper

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

@@ -3,11 +3,10 @@ import { FilterButtonProps } from '../../helperComponents';
 import { FilterRow } from './types';
 type UseFiltersProps<TState extends FiltersState> = {
     filterRow?: FilterRow<TState>;
-    defaultOpen?: boolean;
 };
 type UseFiltersReturnType<TState extends FiltersState> = {
     filterButton?: FilterButtonProps;
     filterRow?: FilterRow<TState>;
 };
-export declare function useFilters<TState extends FiltersState>({ filterRow, defaultOpen, }: UseFiltersProps<TState>): UseFiltersReturnType<TState>;
+export declare function useFilters<TState extends FiltersState>({ filterRow, }: UseFiltersProps<TState>): UseFiltersReturnType<TState>;
 export {};

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

@@ -16,11 +16,10 @@ const chips_1 = require("@snack-uikit/chips");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function useFilters(_ref) {
   let {
-    filterRow,
-    defaultOpen = false
+    filterRow
   } = _ref;
   var _a;
-  const [filtersOpen, setFiltersOpen] = (0, uncontrollable_1.useUncontrolledProp)(filterRow === null || filterRow === void 0 ? void 0 : filterRow.open, defaultOpen, newValue => {
+  const [filtersOpen, setFiltersOpen] = (0, uncontrollable_1.useUncontrolledProp)(filterRow === null || filterRow === void 0 ? void 0 : filterRow.open, 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);

package/dist/esm/components/Toolbar/Toolbar.d.ts

@@ -3,6 +3,5 @@ import { WithSupportProps } from '@snack-uikit/utils';
 import { CheckedToolbarProps, DefaultToolbarProps, FilterRow } from './types';
 export type ToolbarProps<TState extends FiltersState = Record<string, unknown>> = WithSupportProps<DefaultToolbarProps | CheckedToolbarProps> & {
     filterRow?: FilterRow<TState>;
-    filtersDefaultOpen?: boolean;
 };
-export declare function Toolbar<TState extends FiltersState = Record<string, unknown>>({ className, after, outline, moreActions, onRefresh, search, filterRow: filterRowProps, filtersDefaultOpen, ...rest }: ToolbarProps<TState>): import("react/jsx-runtime").JSX.Element;
+export declare function Toolbar<TState extends FiltersState = Record<string, unknown>>({ className, after, outline, moreActions, onRefresh, search, filterRow: filterRowProps, ...rest }: ToolbarProps<TState>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/Toolbar/Toolbar.js

@@ -23,13 +23,10 @@ import { extractBulkActionsProps, isBulkActionsProps } from './helpers';
 import { useFilters } from './hooks';
 import styles from './styles.module.css';
 export function Toolbar(_a) {
-    var { className, after, outline, moreActions, onRefresh, search, filterRow: filterRowProps, filtersDefaultOpen } = _a, rest = __rest(_a, ["className", "after", "outline", "moreActions", "onRefresh", "search", "filterRow", "filtersDefaultOpen"]);
+    var { className, after, outline, moreActions, onRefresh, search, filterRow: filterRowProps } = _a, rest = __rest(_a, ["className", "after", "outline", "moreActions", "onRefresh", "search", "filterRow"]);
     const needsBulkActions = isBulkActionsProps(rest);
     const hasLeftSideElements = Boolean(needsBulkActions || onRefresh);
     const resizingContainerRef = useRef(null);
-    const { filterButton, filterRow } = useFilters({
-        filterRow: filterRowProps,
-        defaultOpen: filtersDefaultOpen,
-    });
+    const { filterButton, filterRow } = useFilters({ filterRow: filterRowProps });
     return (_jsxs("div", Object.assign({ className: styles.containerWrapper }, extractSupportProps(rest), { children: [_jsxs("div", { className: cn(styles.container, className), "data-outline": outline || undefined, ref: resizingContainerRef, children: [hasLeftSideElements && (_jsxs("div", { className: styles.beforeSearch, children: [needsBulkActions && (_jsxs(_Fragment, { children: [_jsx(BulkActions, Object.assign({}, extractBulkActionsProps(rest), { resizingContainerRef: resizingContainerRef })), _jsx(Separator, {})] })), onRefresh && (_jsxs(_Fragment, { children: [_jsx(ButtonFunction, { icon: _jsx(UpdateSVG, {}), size: 'm', className: styles.updateButton, onClick: onRefresh, "data-test-id": TEST_IDS.refreshButton }), _jsx(Separator, {})] }))] })), search && _jsx(SearchPrivate, Object.assign({}, search, { className: styles.search, size: 'm', "data-test-id": TEST_IDS.search })), (moreActions || after || filterButton) && (_jsxs("div", { className: styles.flexRow, "data-align-right": (!search && !hasLeftSideElements) || undefined, children: [after && (_jsxs(_Fragment, { children: [(search || hasLeftSideElements) && _jsx(Separator, {}), _jsx("div", { "data-test-id": TEST_IDS.after, className: styles.actions, children: after })] })), (moreActions || filterButton) && _jsx(Separator, {}), filterButton && _jsx(FilterButton, Object.assign({}, filterButton)), moreActions && _jsx(MoreActions, { moreActions: moreActions })] }))] }), filterRow && _jsx(ChipChoiceRow, Object.assign({}, filterRow, { size: 'xs', "data-test-id": TEST_IDS.filterRow }))] })));
 }

package/dist/esm/components/Toolbar/hooks.d.ts

@@ -3,11 +3,10 @@ import { FilterButtonProps } from '../../helperComponents';
 import { FilterRow } from './types';
 type UseFiltersProps<TState extends FiltersState> = {
     filterRow?: FilterRow<TState>;
-    defaultOpen?: boolean;
 };
 type UseFiltersReturnType<TState extends FiltersState> = {
     filterButton?: FilterButtonProps;
     filterRow?: FilterRow<TState>;
 };
-export declare function useFilters<TState extends FiltersState>({ filterRow, defaultOpen, }: UseFiltersProps<TState>): UseFiltersReturnType<TState>;
+export declare function useFilters<TState extends FiltersState>({ filterRow, }: UseFiltersProps<TState>): UseFiltersReturnType<TState>;
 export {};

package/dist/esm/components/Toolbar/hooks.js

@@ -3,9 +3,9 @@ import { useMemo } from 'react';
 import { useUncontrolledProp } from 'uncontrollable';
 import { hasFilterBeenApplied } from '@snack-uikit/chips';
 import styles from './styles.module.css';
-export function useFilters({ filterRow, defaultOpen = false, }) {
+export function useFilters({ filterRow, }) {
     var _a;
-    const [filtersOpen, setFiltersOpen] = useUncontrolledProp(filterRow === null || filterRow === void 0 ? void 0 : filterRow.open, defaultOpen, newValue => {
+    const [filtersOpen, setFiltersOpen] = useUncontrolledProp(filterRow === null || filterRow === void 0 ? void 0 : filterRow.open, 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);

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Toolbar",
-  "version": "0.12.3-preview-a879b9ed.0",
+  "version": "0.12.3",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -37,9 +37,9 @@
   "scripts": {},
   "dependencies": {
     "@snack-uikit/button": "0.19.8",
-    "@snack-uikit/chips": "0.25.7",
+    "@snack-uikit/chips": "0.26.0",
     "@snack-uikit/icons": "0.25.1",
-    "@snack-uikit/list": "0.26.3",
+    "@snack-uikit/list": "0.26.4",
     "@snack-uikit/search-private": "0.4.12",
     "@snack-uikit/tag": "0.12.7",
     "@snack-uikit/toggles": "0.13.8",
@@ -51,5 +51,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "fe6e582495064f88a840c966c0cbd3381c2482a3"
+  "gitHead": "245f761e18557fddf0d10e8277e6b2e2740a81a4"
 }

package/src/components/Toolbar/Toolbar.tsx

@@ -18,7 +18,6 @@ export type ToolbarProps<TState extends FiltersState = Record<string, unknown>>
   DefaultToolbarProps | CheckedToolbarProps
 > & {
   filterRow?: FilterRow<TState>;
-  filtersDefaultOpen?: boolean;
 };
 
 export function Toolbar<TState extends FiltersState = Record<string, unknown>>({
@@ -29,17 +28,13 @@ export function Toolbar<TState extends FiltersState = Record<string, unknown>>({
   onRefresh,
   search,
   filterRow: filterRowProps,
-  filtersDefaultOpen,
   ...rest
 }: ToolbarProps<TState>) {
   const needsBulkActions = isBulkActionsProps(rest);
   const hasLeftSideElements = Boolean(needsBulkActions || onRefresh);
   const resizingContainerRef = useRef<HTMLDivElement>(null);
 
-  const { filterButton, filterRow } = useFilters<TState>({
-    filterRow: filterRowProps,
-    defaultOpen: filtersDefaultOpen,
-  });
+  const { filterButton, filterRow } = useFilters<TState>({ filterRow: filterRowProps });
 
   return (
     <div className={styles.containerWrapper} {...extractSupportProps(rest)}>

package/src/components/Toolbar/hooks.ts

@@ -10,7 +10,6 @@ import { FilterRow } from './types';
 
 type UseFiltersProps<TState extends FiltersState> = {
   filterRow?: FilterRow<TState>;
-  defaultOpen?: boolean;
 };
 
 type UseFiltersReturnType<TState extends FiltersState> = {
@@ -20,9 +19,8 @@ type UseFiltersReturnType<TState extends FiltersState> = {
 
 export function useFilters<TState extends FiltersState>({
   filterRow,
-  defaultOpen = false,
 }: UseFiltersProps<TState>): UseFiltersReturnType<TState> {
-  const [filtersOpen, setFiltersOpen] = useUncontrolledProp<boolean>(filterRow?.open, defaultOpen, newValue => {
+  const [filtersOpen, setFiltersOpen] = useUncontrolledProp<boolean>(filterRow?.open, false, newValue => {
     const result = typeof newValue === 'function' ? newValue(filtersOpen) : newValue;
     filterRow?.onOpenChange?.(result);
   });