@snack-uikit/toolbar 0.11.0 → 0.11.1

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.11.1 (2025-02-05)
+
+
+### Bug Fixes
+
+* **PDS-1081:** allow to show checkbox without bulk actions ([db193d9](https://github.com/cloud-ru-tech/snack-uikit/commit/db193d9fa9f8d679c1855db0f0d975d9f5704551))
+
+
+
+
+
 # 0.11.0 (2025-02-05)
 
 

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

@@ -22,5 +22,5 @@ function extractBulkActionsProps(_ref) {
   };
 }
 function isBulkActionsProps(props) {
-  return 'bulkActions' in props && Array.isArray(props.bulkActions) && props.bulkActions.length > 0 && 'selectionMode' in props && props.selectionMode === 'multiple';
+  return 'selectionMode' in props && props.selectionMode === 'multiple';
 }

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

@@ -22,7 +22,7 @@ const constants_2 = require("./constants");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function BulkActions(_ref) {
   let {
-    actions,
+    actions = [],
     checked,
     onCheck,
     indeterminate,
@@ -59,7 +59,7 @@ function BulkActions(_ref) {
         indeterminate: indeterminate,
         tabIndex: -1
       })
-    }), (checked || indeterminate) && (0, jsx_runtime_1.jsxs)("div", {
+    }), (checked || indeterminate) && actions.length > 0 && (0, jsx_runtime_1.jsxs)("div", {
       className: styles_module_scss_1.default.bulkActionsWrapper,
       "data-test-id": constants_1.TEST_IDS.bulkActions,
       ref: parentContainerRef,

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

@@ -14,7 +14,7 @@ export type BulkAction = WithSupportProps<{
 }>;
 export type BulkActionsProps = {
     /** Список массовых действий */
-    actions: BulkAction[];
+    actions?: BulkAction[];
     /** Колбек смены значения чекбокса */
     onCheck?(): void;
     /** Значение чекбокса */

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

@@ -2,9 +2,5 @@ export function extractBulkActionsProps({ onCheck, checked, indeterminate, bulkA
     return { onCheck, checked, indeterminate, actions: bulkActions, selectionMode };
 }
 export function isBulkActionsProps(props) {
-    return ('bulkActions' in props &&
-        Array.isArray(props.bulkActions) &&
-        props.bulkActions.length > 0 &&
-        'selectionMode' in props &&
-        props.selectionMode === 'multiple');
+    return 'selectionMode' in props && props.selectionMode === 'multiple';
 }

package/dist/esm/helperComponents/BulkActions/BulkActions.js

@@ -9,7 +9,7 @@ import { useDynamicList } from '@snack-uikit/utils';
 import { TEST_IDS } from '../../constants';
 import { SELECTION_MODE } from './constants';
 import styles from './styles.module.css';
-export function BulkActions({ actions, checked, onCheck, indeterminate, selectionMode = SELECTION_MODE.Multiple, resizingContainerRef, }) {
+export function BulkActions({ actions = [], checked, onCheck, indeterminate, selectionMode = SELECTION_MODE.Multiple, resizingContainerRef, }) {
     const handleKeyDown = useCallback((e) => {
         if (e.key === ' ' || e.key === 'Enter') {
             onCheck === null || onCheck === void 0 ? void 0 : onCheck();
@@ -22,7 +22,7 @@ export function BulkActions({ actions, checked, onCheck, indeterminate, selectio
         parentContainerRef,
         maxVisibleItems: 3,
     });
-    return (_jsxs(_Fragment, { children: [selectionMode === SELECTION_MODE.Multiple && (_jsx("div", { className: styles.checkboxWrapper, onClick: onCheck, tabIndex: 0, role: 'checkbox', "aria-checked": checked, onKeyDown: handleKeyDown, "data-test-id": TEST_IDS.checkbox, children: _jsx(Checkbox, { size: 's', checked: checked, indeterminate: indeterminate, tabIndex: -1 }) })), (checked || indeterminate) && (_jsxs("div", { className: styles.bulkActionsWrapper, "data-test-id": TEST_IDS.bulkActions, ref: parentContainerRef, children: [_jsx("div", { className: styles.bulkActions, children: visibleItems.map(({ label, icon: Icon, onClick, disabled, tooltip, 'data-test-id': testId }) => (_jsx(Tooltip, { tip: tooltip, open: tooltip ? undefined : false, placement: 'top', "data-test-id": `${testId}-tooltip`, children: _jsx(ButtonFunction, { className: styles.action, fullWidth: true, "data-test-id": testId, iconPosition: 'before', icon: _jsx(Icon, {}), label: label, size: 'm', onClick: onClick, disabled: disabled }) }, label))) }), hiddenItems.length > 0 && (_jsx(Droplist, { trigger: 'clickAndFocusVisible', closeDroplistOnItemClick: true, items: hiddenItems.map(({ label, icon: Icon, onClick, disabled, tooltip, 'data-test-id': testId }) => ({
+    return (_jsxs(_Fragment, { children: [selectionMode === SELECTION_MODE.Multiple && (_jsx("div", { className: styles.checkboxWrapper, onClick: onCheck, tabIndex: 0, role: 'checkbox', "aria-checked": checked, onKeyDown: handleKeyDown, "data-test-id": TEST_IDS.checkbox, children: _jsx(Checkbox, { size: 's', checked: checked, indeterminate: indeterminate, tabIndex: -1 }) })), (checked || indeterminate) && actions.length > 0 && (_jsxs("div", { className: styles.bulkActionsWrapper, "data-test-id": TEST_IDS.bulkActions, ref: parentContainerRef, children: [_jsx("div", { className: styles.bulkActions, children: visibleItems.map(({ label, icon: Icon, onClick, disabled, tooltip, 'data-test-id': testId }) => (_jsx(Tooltip, { tip: tooltip, open: tooltip ? undefined : false, placement: 'top', "data-test-id": `${testId}-tooltip`, children: _jsx(ButtonFunction, { className: styles.action, fullWidth: true, "data-test-id": testId, iconPosition: 'before', icon: _jsx(Icon, {}), label: label, size: 'm', onClick: onClick, disabled: disabled }) }, label))) }), hiddenItems.length > 0 && (_jsx(Droplist, { trigger: 'clickAndFocusVisible', closeDroplistOnItemClick: true, items: hiddenItems.map(({ label, icon: Icon, onClick, disabled, tooltip, 'data-test-id': testId }) => ({
                             id: label,
                             content: { option: label },
                             beforeContent: _jsx(Icon, {}),

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

@@ -14,7 +14,7 @@ export type BulkAction = WithSupportProps<{
 }>;
 export type BulkActionsProps = {
     /** Список массовых действий */
-    actions: BulkAction[];
+    actions?: BulkAction[];
     /** Колбек смены значения чекбокса */
     onCheck?(): void;
     /** Значение чекбокса */

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Toolbar",
-  "version": "0.11.0",
+  "version": "0.11.1",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -51,5 +51,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "70bed6c518009afe4292cb9d12baf08a16700781"
+  "gitHead": "0afa3cfced84e6a6f01575f0d21e03912ce9043c"
 }

package/src/components/Toolbar/helpers.ts

@@ -16,11 +16,5 @@ export function extractBulkActionsProps({
 export function isBulkActionsProps<TState extends FiltersState>(
   props: Partial<ToolbarProps<TState>>,
 ): props is ToolbarBulkActionProps {
-  return (
-    'bulkActions' in props &&
-    Array.isArray(props.bulkActions) &&
-    props.bulkActions.length > 0 &&
-    'selectionMode' in props &&
-    props.selectionMode === 'multiple'
-  );
+  return 'selectionMode' in props && props.selectionMode === 'multiple';
 }

package/src/helperComponents/BulkActions/BulkActions.tsx

@@ -13,7 +13,7 @@ import styles from './styles.module.scss';
 import { BulkActionsProps } from './types';
 
 export function BulkActions({
-  actions,
+  actions = [],
   checked,
   onCheck,
   indeterminate,
@@ -56,7 +56,7 @@ export function BulkActions({
         </div>
       )}
 
-      {(checked || indeterminate) && (
+      {(checked || indeterminate) && actions.length > 0 && (
         <div className={styles.bulkActionsWrapper} data-test-id={TEST_IDS.bulkActions} ref={parentContainerRef}>
           <div className={styles.bulkActions}>
             {visibleItems.map(({ label, icon: Icon, onClick, disabled, tooltip, 'data-test-id': testId }) => (

package/src/helperComponents/BulkActions/types.ts

@@ -17,7 +17,7 @@ export type BulkAction = WithSupportProps<{
 
 export type BulkActionsProps = {
   /** Список массовых действий */
-  actions: BulkAction[];
+  actions?: BulkAction[];
   /** Колбек смены значения чекбокса */
   onCheck?(): void;
   /** Значение чекбокса */