@mailstep/design-system 0.7.47-beta.11 → 0.7.47-beta.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.7.47-beta.11",
+  "version": "0.7.47-beta.12",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/CommonGrid/components/Filters/ActionsFilter/ActionsFilter.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Checkbox from '../../../../../Forms/Checkbox';
 import { useToggleAllCheckbox } from '../../../hooks/useToggleAllCheckbox';
 import { x } from '@xstyled/styled-components';
@@ -9,6 +9,6 @@ var ActionFilter = function (_a) {
     var displayRowNumberLabel = actionColumn === null || actionColumn === void 0 ? void 0 : actionColumn.addRowNumbers;
     var rowsNumberLabel = (_b = actionColumn === null || actionColumn === void 0 ? void 0 : actionColumn.addRowNumbersLabel) !== null && _b !== void 0 ? _b : '#';
     var displayCheckbox = ((_c = actionColumn === null || actionColumn === void 0 ? void 0 : actionColumn.actionOptions) === null || _c === void 0 ? void 0 : _c.length) || (actionColumn === null || actionColumn === void 0 ? void 0 : actionColumn.forceCheckboxes);
-    return (_jsxs(_Fragment, { children: [displayCheckbox && (_jsx(x.div, { pl: "8px", children: _jsx(Checkbox, { checked: allChecked, onChange: toggleCheckbox, label: "" }, "check-all") })), displayRowNumberLabel && _jsx("div", { children: rowsNumberLabel })] }));
+    return (_jsxs(x.div, { display: "flex", alignItems: "center", justifyContent: "space-between", gap: "16px", children: [displayCheckbox && (_jsx(x.div, { pl: "8px", children: _jsx(Checkbox, { checked: allChecked, onChange: toggleCheckbox, label: "" }, "check-all") })), displayRowNumberLabel && _jsx(x.div, { pr: "8px", children: rowsNumberLabel })] }));
 };
 export default ActionFilter;

package/ui/Blocks/CommonGrid/components/gridCells/RowActionsCell.js

@@ -53,5 +53,5 @@ export var RowActionsCell = function (_a) {
             onClick();
         }
     }, [onClick]);
-    return (_jsxs(x.div, { w: "100%", display: "flex", gap: "16px", pl: "8px", pr: "8px", children: [withCheckboxes && (_jsx(x.div, { w: "100%", children: _jsx(Checkbox, { checked: isChecked, onChange: onCheckboxChange, label: "" }) })), addRowNumbers && _jsx(x.div, { children: rowIndex }), canEdit && _jsx(IconButtonInCell, { icon: "pen", onClick: handleOnClick, linkTo: linkTo }, "edit"), !canEdit && canRead && _jsx(IconButtonInCell, { icon: "chevronRight", onClick: handleOnClick, linkTo: linkTo }, "read")] }));
+    return (_jsxs(x.div, { w: "100%", display: "flex", gap: "16px", pl: "8px", pr: "8px", children: [withCheckboxes && (_jsx(x.div, { w: "100%", children: _jsx(Checkbox, { checked: isChecked, onChange: onCheckboxChange, label: "" }) })), addRowNumbers && (_jsx(x.div, { display: "flex", alignItems: "center", children: rowIndex })), canEdit && _jsx(IconButtonInCell, { icon: "pen", onClick: handleOnClick, linkTo: linkTo }, "edit"), !canEdit && canRead && _jsx(IconButtonInCell, { icon: "chevronRight", onClick: handleOnClick, linkTo: linkTo }, "read")] }));
 };

package/ui/Blocks/CommonGrid/storybook/stories/complexWithPaginationAndRedux.stories.js

@@ -9,11 +9,11 @@ import { columnDefinitions, enumColumn } from '../utils/columnDefinition';
 import { ReduxGrid, createRandomData, enumValues, gridDummyActions } from '../utils/utils';
 import withRedux from '../utils/withRedux';
 var ActionColumnButtons = {
-    flexBasis: 85,
-    forceCheckboxes: false,
-    addRowNumbers: false,
-    canRowEdit: true,
-    canRowRead: true
+    flexBasis: 80,
+    forceCheckboxes: true,
+    addRowNumbers: true,
+    canRowEdit: false,
+    canRowRead: false
 };
 var FilterSetter = function (_a) {
     var gridActions = _a.gridActions;