@mailstep/design-system 0.7.53-beta.6 → 0.7.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.7.53-beta.6",
+  "version": "0.7.53",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",
@@ -109,6 +109,9 @@
     "webpack": "^5.82.1"
   },
   "peerDependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
     "@fortawesome/fontawesome-svg-core": "^6.3.0",
     "@fortawesome/free-brands-svg-icons": "^6.1.1",
     "@fortawesome/pro-duotone-svg-icons": "^6.0.0",
@@ -145,10 +148,5 @@
   },
   "resolutions": {
     "jackspeak": "2.1.1"
-  },
-  "dependencies": {
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/modifiers": "^9.0.0",
-    "@dnd-kit/sortable": "^10.0.0"
   }
 }

package/ui/Blocks/CommonGrid/components/ManageColumnForm/components/ManageColumnRow.js

@@ -37,5 +37,5 @@ export var ManageColumnRow = function (_a) {
         disabled: !!searchedValue || !!column.sticky,
         animateLayoutChanges: function () { return false; }
     }), attributes = _d.attributes, listeners = _d.listeners, setNodeRef = _d.setNodeRef, transform = _d.transform, transition = _d.transition;
-    return (_jsx(RowLayout, { "$isVisible": isVisible, transition: transition, transform: CSS.Transform.toString(transform), ref: setNodeRef, children: _jsxs(x.div, { display: "flex", alignItems: "center", w: "100%", children: [_jsx(x.div, { w: "28px", children: _jsx(Toggle, { name: "", variant: "grid", onChange: handleToggleChange, spaceAround: false, checked: isSelected }) }), _jsxs(H6, __assign({ variant: "medium", ml: "8px", m: "0", w: "100%", p: "8px" }, attributes, listeners, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [translatedValue, _jsx(Group, {})] }))] }) }));
+    return (_jsx(RowLayout, { "$isVisible": isVisible, transition: transition, transform: CSS.Transform.toString(transform), ref: setNodeRef, children: _jsxs(x.div, { display: "flex", alignItems: "center", w: "100%", children: [_jsx(x.div, { w: "28px", children: _jsx(Toggle, { name: "", variant: "grid", onChange: handleToggleChange, spaceAround: false, checked: isSelected }) }), _jsxs(H6, __assign({ variant: "medium", ml: "8px", m: "0", w: "100%", p: "8px", cursor: "grab" }, attributes, listeners, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [translatedValue, _jsx(Group, {})] }))] }) }));
 };

package/ui/Blocks/CommonGrid/hooks/useManageColumn.js

@@ -25,7 +25,6 @@ var useManageColumn = function (_a) {
     var resetGrid = gridActions.resetGrid, setColumnConfig = gridActions.setColumnConfig, setColumnsOrder = gridActions.setColumnsOrder;
     var columnConfig = gridSelectors.columnConfig, columnsOrder = gridSelectors.columnsOrder;
     var initialColumnsOrder = useMemo(function () { return columns === null || columns === void 0 ? void 0 : columns.map(function (col) { return col.name; }); }, [columns]);
-    console.log('columnsOrder', columnsOrder);
     // the length of columnsOrder is changed after using the setColumnsOrder
     var columnsOrderValue = (columnsOrder === null || columnsOrder === void 0 ? void 0 : columnsOrder.length) ? columnsOrder : initialColumnsOrder;
     // columnsConfigOptions contains switch changes from the manageColumnForm (isHidden || {})
@@ -75,24 +74,19 @@ var useManageColumn = function (_a) {
         return sortedList;
     }, [columnConfig, columnsConfigOptions, columns]);
     var displayColumnsDefinitions = useMemo(function () { return getSortedColumns(columnsOrderValue, false); }, [columnsOrderValue, columns, columnsConfigOptions, getSortedColumns]);
-    // @TODO wtf
     var manageColumnsFormDefinitions = useMemo(function () { return getSortedColumns(updatedColumnsOrder, true); }, [updatedColumnsOrder]);
     var handleDragEnd = useCallback(function (isManageModal) {
         if (isManageModal === void 0) { isManageModal = false; }
         return function (event) {
-            var _a = event, active = _a.active, over = _a.over;
+            var active = event.active, over = event.over;
             if (!over || active.id === over.id) {
                 return;
             }
-            console.log('updatedColumnsOrder', updatedColumnsOrder);
             var newOrderColumns = __spreadArray([], updatedColumnsOrder, true);
             var fromIndex = updatedColumnsOrder.findIndex(function (column) { return column === active.id; });
             var toIndex = updatedColumnsOrder.findIndex(function (column) { return column === over.id; });
             newOrderColumns.splice(fromIndex, 1);
             newOrderColumns.splice(toIndex === -1 ? 0 : toIndex, 0, active.id);
-            console.log('newOrderColumns', newOrderColumns);
-            console.log('fromIndex', fromIndex);
-            console.log('toIndex', toIndex);
             if (!isManageModal) {
                 setColumnsOrder === null || setColumnsOrder === void 0 ? void 0 : setColumnsOrder(newOrderColumns);
             }

package/ui/Blocks/CommonGrid/store/index.js

@@ -26,7 +26,7 @@ export var initialState = {
     columnConfig: {},
     filter: {},
     columnsWidth: {},
-    columnsOrder: ['actions-cell-cg', 'hiddenColumn', 'textColumn', 'enumColumn', 'numberColumn', 'dateColumn', 'boolColumn', 'advancedColumn', 'complexColumn', 'stickyColumn'],
+    columnsOrder: [],
     defaultSorting: []
 };
 export var actionPrefix = '@store/CommonGrid';