@comet/cms-admin 8.20.2 → 9.0.0-beta.1

package/lib/blocks/table/RowActionsCell.js

@@ -1,20 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RowActionsCell = void 0;
-var _admin = require("@comet/admin");
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _reactIntl = require("react-intl");
-var _uuid = require("uuid");
-var _useBlockContext = require("../context/useBlockContext");
-var _FailedToPasteSnackbar = require("./FailedToPasteSnackbar");
-var _TableBlockContext = require("./TableBlockContext");
-var _getClipboardValueForSchema = require("./utils/getClipboardValueForSchema");
-var _row = require("./utils/row");
-var _jsxRuntime = require("react/jsx-runtime");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
 function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
@@ -25,18 +8,29 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var RowActionsCell = exports.RowActionsCell = function RowActionsCell(_ref) {
+import { Alert, RowActionsItem, RowActionsMenu, useSnackbarApi, writeClipboardText } from "@comet/admin";
+import { Add, ArrowDown, ArrowUp, Copy, Delete, Duplicate, Paste, Remove } from "@comet/admin-icons";
+import { Divider, Snackbar } from "@mui/material";
+import { FormattedMessage, useIntl } from "react-intl";
+import { v4 as uuid } from "uuid";
+import { useBlockContext } from "../context/useBlockContext";
+import { FailedToPasteSnackbar } from "./FailedToPasteSnackbar";
+import { useTableBlockContext } from "./TableBlockContext";
+import { getClipboardValueForSchema } from "./utils/getClipboardValueForSchema";
+import { deleteRowById, getDuplicatedRowInsertData, getInsertDataFromRowById, insertRowDataAtIndex, rowInsertSchema } from "./utils/row";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var RowActionsCell = function RowActionsCell(_ref) {
   var row = _ref.row,
     updateState = _ref.updateState,
     state = _ref.state,
     addToRecentlyPastedIds = _ref.addToRecentlyPastedIds;
-  var snackbarApi = (0, _admin.useSnackbarApi)();
-  var blockContext = (0, _useBlockContext.useBlockContext)();
+  var snackbarApi = useSnackbarApi();
+  var blockContext = useBlockContext();
   var stateRow = state.rows.find(function (rowInState) {
     return rowInState.id === row.id;
   });
-  var intl = (0, _reactIntl.useIntl)();
-  var _useTableBlockContext = (0, _TableBlockContext.useTableBlockContext)(),
+  var intl = useIntl();
+  var _useTableBlockContext = useTableBlockContext(),
     RichTextBlock = _useTableBlockContext.RichTextBlock;
   var handleInsertNewRow = function handleInsertNewRow(where) {
     updateState(function (state) {
@@ -51,12 +45,12 @@ var RowActionsCell = exports.RowActionsCell = function RowActionsCell(_ref) {
           return RichTextBlock.defaultValues();
         })
       };
-      return (0, _row.insertRowDataAtIndex)(state, insertData, newRowIndex, RichTextBlock);
+      return insertRowDataAtIndex(state, insertData, newRowIndex, RichTextBlock);
     });
   };
   var handleDeleteRow = function handleDeleteRow() {
     updateState(function (state) {
-      return (0, _row.deleteRowById)(state, row.id);
+      return deleteRowById(state, row.id);
     });
   };
   var toggleRowHighlight = function toggleRowHighlight() {
@@ -74,17 +68,17 @@ var RowActionsCell = exports.RowActionsCell = function RowActionsCell(_ref) {
     });
   };
   var handleDuplicateRow = function handleDuplicateRow() {
-    var duplicatedRowInsertData = (0, _row.getDuplicatedRowInsertData)(state, row.id, RichTextBlock);
+    var duplicatedRowInsertData = getDuplicatedRowInsertData(state, row.id, RichTextBlock);
     var currentRowIndex = state.rows.findIndex(function (_ref3) {
       var id = _ref3.id;
       return id === row.id;
     });
     if (!duplicatedRowInsertData) {
-      snackbarApi.showSnackbar(/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Snackbar, {
+      snackbarApi.showSnackbar(/*#__PURE__*/_jsx(Snackbar, {
         autoHideDuration: 5000,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Alert, {
+        children: /*#__PURE__*/_jsx(Alert, {
           severity: "error",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+          children: /*#__PURE__*/_jsx(FormattedMessage, {
             id: "comet.tableBlock.failedToDuplicateRow",
             defaultMessage: "Failed to duplicate row"
           })
@@ -93,19 +87,19 @@ var RowActionsCell = exports.RowActionsCell = function RowActionsCell(_ref) {
       return;
     }
     updateState(function (state) {
-      var newRowId = (0, _uuid.v4)();
+      var newRowId = uuid();
       addToRecentlyPastedIds(newRowId);
-      return (0, _row.insertRowDataAtIndex)(state, duplicatedRowInsertData, currentRowIndex + 1, RichTextBlock, newRowId);
+      return insertRowDataAtIndex(state, duplicatedRowInsertData, currentRowIndex + 1, RichTextBlock, newRowId);
     });
   };
   var handleCopyRowToClipboard = function handleCopyRowToClipboard() {
-    var rowInsertData = (0, _row.getInsertDataFromRowById)(state, row.id, RichTextBlock);
+    var rowInsertData = getInsertDataFromRowById(state, row.id, RichTextBlock);
     if (!rowInsertData) {
-      snackbarApi.showSnackbar(/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Snackbar, {
+      snackbarApi.showSnackbar(/*#__PURE__*/_jsx(Snackbar, {
         autoHideDuration: 5000,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Alert, {
+        children: /*#__PURE__*/_jsx(Alert, {
           severity: "error",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+          children: /*#__PURE__*/_jsx(FormattedMessage, {
             id: "comet.tableBlock.failedToCopyRow",
             defaultMessage: "Failed to copy row"
           })
@@ -113,7 +107,7 @@ var RowActionsCell = exports.RowActionsCell = function RowActionsCell(_ref) {
       }));
       return;
     }
-    (0, _admin.writeClipboardText)(JSON.stringify(rowInsertData));
+    writeClipboardText(JSON.stringify(rowInsertData));
   };
   var pasteRowFromClipboard = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
@@ -122,14 +116,14 @@ var RowActionsCell = exports.RowActionsCell = function RowActionsCell(_ref) {
         while (1) switch (_context.p = _context.n) {
           case 0:
             _context.n = 1;
-            return (0, _getClipboardValueForSchema.getClipboardValueForSchema)(_row.rowInsertSchema);
+            return getClipboardValueForSchema(rowInsertSchema);
           case 1:
             clipboardData = _context.v;
             if (clipboardData) {
               _context.n = 2;
               break;
             }
-            snackbarApi.showSnackbar(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FailedToPasteSnackbar.FailedToPasteSnackbar, {}));
+            snackbarApi.showSnackbar(/*#__PURE__*/_jsx(FailedToPasteSnackbar, {}));
             return _context.a(2);
           case 2:
             cellValuesToInsert = [];
@@ -146,16 +140,16 @@ var RowActionsCell = exports.RowActionsCell = function RowActionsCell(_ref) {
             _context.p = 5;
             _t = _context.v;
             console.error(_t);
-            snackbarApi.showSnackbar(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FailedToPasteSnackbar.FailedToPasteSnackbar, {}));
+            snackbarApi.showSnackbar(/*#__PURE__*/_jsx(FailedToPasteSnackbar, {}));
           case 6:
             updateState(function (state) {
-              var newRowId = (0, _uuid.v4)();
+              var newRowId = uuid();
               addToRecentlyPastedIds(newRowId);
               var currentRowIndex = state.rows.findIndex(function (_ref5) {
                 var id = _ref5.id;
                 return id === row.id;
               });
-              return (0, _row.insertRowDataAtIndex)(state, _objectSpread(_objectSpread({}, clipboardData), {}, {
+              return insertRowDataAtIndex(state, _objectSpread(_objectSpread({}, clipboardData), {}, {
                 cellValues: cellValuesToInsert
               }), currentRowIndex + 1, RichTextBlock, newRowId);
             });
@@ -168,8 +162,8 @@ var RowActionsCell = exports.RowActionsCell = function RowActionsCell(_ref) {
       return _ref4.apply(this, arguments);
     };
   }();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.RowActionsMenu, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_admin.RowActionsMenu, {
+  return /*#__PURE__*/_jsx(RowActionsMenu, {
+    children: /*#__PURE__*/_jsxs(RowActionsMenu, {
       componentsProps: {
         rowActionsIconItem: {
           componentsProps: {
@@ -182,61 +176,61 @@ var RowActionsCell = exports.RowActionsCell = function RowActionsCell(_ref) {
           }
         }
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.RowActionsItem, {
-        icon: stateRow !== null && stateRow !== void 0 && stateRow.highlighted ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Remove, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Add, {}),
+      children: [/*#__PURE__*/_jsx(RowActionsItem, {
+        icon: stateRow !== null && stateRow !== void 0 && stateRow.highlighted ? /*#__PURE__*/_jsx(Remove, {}) : /*#__PURE__*/_jsx(Add, {}),
         onClick: function onClick() {
           toggleRowHighlight();
         },
-        children: stateRow !== null && stateRow !== void 0 && stateRow.highlighted ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        children: stateRow !== null && stateRow !== void 0 && stateRow.highlighted ? /*#__PURE__*/_jsx(FormattedMessage, {
           id: "comet.tableBlock.removeHighlighting",
           defaultMessage: "Remove highlighting"
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        }) : /*#__PURE__*/_jsx(FormattedMessage, {
           id: "comet.tableBlock.highlightRow",
           defaultMessage: "Highlight row"
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.RowActionsItem, {
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.ArrowUp, {}),
+      }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(RowActionsItem, {
+        icon: /*#__PURE__*/_jsx(ArrowUp, {}),
         onClick: function onClick() {
           handleInsertNewRow("above");
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        children: /*#__PURE__*/_jsx(FormattedMessage, {
           id: "comet.tableBlock.addRowAbove",
           defaultMessage: "Add row above"
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.RowActionsItem, {
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.ArrowDown, {}),
+      }), /*#__PURE__*/_jsx(RowActionsItem, {
+        icon: /*#__PURE__*/_jsx(ArrowDown, {}),
         onClick: function onClick() {
           handleInsertNewRow("below");
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        children: /*#__PURE__*/_jsx(FormattedMessage, {
           id: "comet.tableBlock.addRowBelow",
           defaultMessage: "Add row below"
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.RowActionsItem, {
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Copy, {}),
+      }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(RowActionsItem, {
+        icon: /*#__PURE__*/_jsx(Copy, {}),
         onClick: handleCopyRowToClipboard,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        children: /*#__PURE__*/_jsx(FormattedMessage, {
           id: "comet.tableBlock.copyRow",
           defaultMessage: "Copy"
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.RowActionsItem, {
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Paste, {}),
+      }), /*#__PURE__*/_jsx(RowActionsItem, {
+        icon: /*#__PURE__*/_jsx(Paste, {}),
         onClick: pasteRowFromClipboard,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        children: /*#__PURE__*/_jsx(FormattedMessage, {
           id: "comet.tableBlock.pasteRow",
           defaultMessage: "Paste"
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.RowActionsItem, {
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Duplicate, {}),
+      }), /*#__PURE__*/_jsx(RowActionsItem, {
+        icon: /*#__PURE__*/_jsx(Duplicate, {}),
         onClick: handleDuplicateRow,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        children: /*#__PURE__*/_jsx(FormattedMessage, {
           id: "comet.tableBlock.duplicateRow",
           defaultMessage: "Duplicate"
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.RowActionsItem, {
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Delete, {}),
+      }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(RowActionsItem, {
+        icon: /*#__PURE__*/_jsx(Delete, {}),
         onClick: handleDeleteRow,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        children: /*#__PURE__*/_jsx(FormattedMessage, {
           id: "comet.tableBlock.deleteRow",
           defaultMessage: "Delete"
         })

package/lib/blocks/table/TableBlockContext.js

@@ -1,24 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTableBlockContext = exports.TableBlockContextProvider = void 0;
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-var TableBlockContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-var TableBlockContextProvider = exports.TableBlockContextProvider = function TableBlockContextProvider(_ref) {
+import { createContext, useContext } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+var TableBlockContext = /*#__PURE__*/createContext(undefined);
+export var TableBlockContextProvider = function TableBlockContextProvider(_ref) {
   var RichTextBlock = _ref.RichTextBlock,
     children = _ref.children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableBlockContext.Provider, {
+  return /*#__PURE__*/_jsx(TableBlockContext.Provider, {
     value: {
       RichTextBlock: RichTextBlock
     },
     children: children
   });
 };
-var useTableBlockContext = exports.useTableBlockContext = function useTableBlockContext() {
-  var context = (0, _react.useContext)(TableBlockContext);
+export var useTableBlockContext = function useTableBlockContext() {
+  var context = useContext(TableBlockContext);
   if (!context) throw new Error("useTableBlockContext must be used within a TableBlockContextProvider");
   return context;
 };

package/lib/blocks/table/TableBlockGrid.js

@@ -1,21 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableBlockGrid = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _xDataGridPro = require("@mui/x-data-grid-pro");
-var _react = require("react");
-var _CellValue = require("./CellValue");
-var _ColumnHeader = require("./ColumnHeader");
-var _dataGridStyles = require("./dataGridStyles");
-var _EditCell = require("./EditCell");
-var _RowActionsCell = require("./RowActionsCell");
-var _TableBlockContext = require("./TableBlockContext");
-var _ensureMinimumTableState = require("./utils/ensureMinimumTableState");
-var _useRecentlyPastedIds3 = require("./utils/useRecentlyPastedIds");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["id"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
@@ -34,7 +16,21 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // eslint-disable-next-line no-restricted-imports
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { DragIndicator } from "@comet/admin-icons";
+// eslint-disable-next-line no-restricted-imports
+
+import { DataGridPro, GRID_REORDER_COL_DEF, useGridApiRef } from "@mui/x-data-grid-pro";
+import { useEffect } from "react";
+import { CellValue } from "./CellValue";
+import { ColumnHeader } from "./ColumnHeader";
+import { dataGridStyles } from "./dataGridStyles";
+import { EditCell } from "./EditCell";
+import { RowActionsCell } from "./RowActionsCell";
+import { useTableBlockContext } from "./TableBlockContext";
+import { ensureMinimumTableState } from "./utils/ensureMinimumTableState";
+import { useRecentlyPastedIds } from "./utils/useRecentlyPastedIds";
+import { jsx as _jsx } from "react/jsx-runtime";
 var widthForColumnSize = {
   extraSmall: 100,
   small: 200,
@@ -49,22 +45,22 @@ var flexForColumnSize = {
   large: 4,
   extraLarge: 5
 };
-var TableBlockGrid = exports.TableBlockGrid = function TableBlockGrid(_ref) {
+export var TableBlockGrid = function TableBlockGrid(_ref) {
   var state = _ref.state,
     updateState = _ref.updateState;
-  var _useTableBlockContext = (0, _TableBlockContext.useTableBlockContext)(),
+  var _useTableBlockContext = useTableBlockContext(),
     RichTextBlock = _useTableBlockContext.RichTextBlock;
-  var apiRef = (0, _xDataGridPro.useGridApiRef)();
-  var _useRecentlyPastedIds = (0, _useRecentlyPastedIds3.useRecentlyPastedIds)(),
+  var apiRef = useGridApiRef();
+  var _useRecentlyPastedIds = useRecentlyPastedIds(),
     recentlyPastedRowIds = _useRecentlyPastedIds.recentlyPastedIds,
     addToRecentlyPastedRowIds = _useRecentlyPastedIds.addToRecentlyPastedIds;
-  var _useRecentlyPastedIds2 = (0, _useRecentlyPastedIds3.useRecentlyPastedIds)(),
+  var _useRecentlyPastedIds2 = useRecentlyPastedIds(),
     recentlyPastedColumnIds = _useRecentlyPastedIds2.recentlyPastedIds,
     addToRecentlyPastedColumnIds = _useRecentlyPastedIds2.addToRecentlyPastedIds;
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (state.columns.length === 0 || state.rows.length === 0) {
       updateState(function (prevState) {
-        return (0, _ensureMinimumTableState.ensureMinimumTableState)(prevState, RichTextBlock);
+        return ensureMinimumTableState(prevState, RichTextBlock);
       });
     }
   }, [state.columns.length, state.rows.length, updateState, RichTextBlock]);
@@ -114,7 +110,7 @@ var TableBlockGrid = exports.TableBlockGrid = function TableBlockGrid(_ref) {
       });
     });
   };
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var handleMoveColumn = function handleMoveColumn(_ref4) {
       var columnId = _ref4.field;
       var targetIndex = apiRef.current.getColumnIndex(columnId) - 1;
@@ -135,7 +131,7 @@ var TableBlockGrid = exports.TableBlockGrid = function TableBlockGrid(_ref) {
     };
     return apiRef.current.subscribeEvent("columnHeaderDragEnd", handleMoveColumn);
   }, [apiRef, updateState]);
-  var dataGridColumns = [_objectSpread(_objectSpread({}, _xDataGridPro.GRID_REORDER_COL_DEF), {}, {
+  var dataGridColumns = [_objectSpread(_objectSpread({}, GRID_REORDER_COL_DEF), {}, {
     minWidth: 36,
     maxWidth: 36
   })].concat(_toConsumableArray(state.columns.map(function (_ref5, index) {
@@ -149,7 +145,7 @@ var TableBlockGrid = exports.TableBlockGrid = function TableBlockGrid(_ref) {
       flex: flexForColumnSize[size],
       minWidth: widthForColumnSize[size],
       renderHeader: function renderHeader(params) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColumnHeader.ColumnHeader, _objectSpread(_objectSpread({}, params), {}, {
+        return /*#__PURE__*/_jsx(ColumnHeader, _objectSpread(_objectSpread({}, params), {}, {
           state: state,
           columnSize: size,
           highlighted: highlighted,
@@ -167,14 +163,14 @@ var TableBlockGrid = exports.TableBlockGrid = function TableBlockGrid(_ref) {
         });
         var rowWasRecentlyPasted = recentlyPastedRowIds.includes(row.id);
         var columnWasRecentlyPasted = recentlyPastedColumnIds.includes(columnId);
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CellValue.CellValue, {
+        return /*#__PURE__*/_jsx(CellValue, {
           value: value,
           highlighted: (rowFromState === null || rowFromState === void 0 ? void 0 : rowFromState.highlighted) || highlighted,
           recentlyPasted: rowWasRecentlyPasted || columnWasRecentlyPasted
         });
       },
       renderEditCell: function renderEditCell(params) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditCell.EditCell, _objectSpread({}, params));
+        return /*#__PURE__*/_jsx(EditCell, _objectSpread({}, params));
       }
     };
   })), [{
@@ -186,7 +182,7 @@ var TableBlockGrid = exports.TableBlockGrid = function TableBlockGrid(_ref) {
     disableReorder: true,
     renderCell: function renderCell(_ref7) {
       var row = _ref7.row;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowActionsCell.RowActionsCell, {
+      return /*#__PURE__*/_jsx(RowActionsCell, {
         row: row,
         updateState: updateState,
         state: state,
@@ -207,7 +203,7 @@ var TableBlockGrid = exports.TableBlockGrid = function TableBlockGrid(_ref) {
     });
     return dataGridRow;
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGridPro.DataGridPro, {
+  return /*#__PURE__*/_jsx(DataGridPro, {
     columns: dataGridColumns,
     apiRef: apiRef,
     rows: rowsInDataGridFormat,
@@ -222,9 +218,9 @@ var TableBlockGrid = exports.TableBlockGrid = function TableBlockGrid(_ref) {
       right: ["actions"]
     },
     slots: {
-      rowReorderIcon: _adminIcons.DragIndicator
+      rowReorderIcon: DragIndicator
     },
-    sx: _dataGridStyles.dataGridStyles,
+    sx: dataGridStyles,
     onRowOrderChange: function onRowOrderChange(_ref0) {
       var targetIndex = _ref0.targetIndex,
         row = _ref0.row;

package/lib/blocks/table/__mocks__/TableBlockData.mocks.js

@@ -1,37 +1,31 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mockStates = exports.getPlainTextFromState = exports.createRteState = exports.createRteInput = exports.columnInsertDataWithFiveValues = exports.MockRichTextBlock = void 0;
-var _uuid = require("uuid");
-var _createRichTextBlock = require("../../createRichTextBlock");
-var _createBlockSkeleton = require("../../helpers/createBlockSkeleton");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var MockLinkBlock = _objectSpread(_objectSpread({}, (0, _createBlockSkeleton.createBlockSkeleton)()), {}, {
+import { v4 as uuid } from "uuid";
+import { createRichTextBlock } from "../../createRichTextBlock";
+import { createBlockSkeleton } from "../../helpers/createBlockSkeleton";
+var MockLinkBlock = _objectSpread(_objectSpread({}, createBlockSkeleton()), {}, {
   name: "Link",
   defaultValues: function defaultValues() {
     return {};
   }
 });
-var MockRichTextBlock = exports.MockRichTextBlock = (0, _createRichTextBlock.createRichTextBlock)({
+export var MockRichTextBlock = createRichTextBlock({
   link: MockLinkBlock,
   rte: {
     supports: []
   }
 });
-var createRteState = exports.createRteState = function createRteState(text) {
+export var createRteState = function createRteState(text) {
   return MockRichTextBlock.input2State(createRteInput(text));
 };
-var getPlainTextFromState = exports.getPlainTextFromState = function getPlainTextFromState(state) {
+export var getPlainTextFromState = function getPlainTextFromState(state) {
   return state.editorState.getCurrentContent().getPlainText();
 };
-var createRteInput = exports.createRteInput = function createRteInput(text) {
+export var createRteInput = function createRteInput(text) {
   return {
     draftContent: {
       blocks: [{
@@ -47,34 +41,34 @@ var createRteInput = exports.createRteInput = function createRteInput(text) {
     }
   };
 };
-var columnInsertDataWithFiveValues = exports.columnInsertDataWithFiveValues = {
+export var columnInsertDataWithFiveValues = {
   size: "standard",
   highlighted: false,
   cellValues: [createRteState("Created date"), createRteState("2025-11-27"), createRteState("2025-05-12"), createRteState("2024-09-18"), createRteState("2025-02-20")]
 };
 var getDefaultState = function getDefaultState() {
   var smallHighlightedColumn = {
-    id: (0, _uuid.v4)(),
+    id: uuid(),
     size: "small",
     highlighted: true
   };
   var firstStandardColumn = {
-    id: (0, _uuid.v4)(),
+    id: uuid(),
     size: "standard",
     highlighted: false
   };
   var secondStandardColumn = {
-    id: (0, _uuid.v4)(),
+    id: uuid(),
     size: "standard",
     highlighted: false
   };
   var extraLargeColumn = {
-    id: (0, _uuid.v4)(),
+    id: uuid(),
     highlighted: false,
     size: "extraLarge"
   };
   var headerRow = {
-    id: (0, _uuid.v4)(),
+    id: uuid(),
     highlighted: true,
     cellValues: [{
       columnId: smallHighlightedColumn.id,
@@ -91,7 +85,7 @@ var getDefaultState = function getDefaultState() {
     }]
   };
   var dataRowOne = {
-    id: (0, _uuid.v4)(),
+    id: uuid(),
     highlighted: false,
     cellValues: [{
       columnId: smallHighlightedColumn.id,
@@ -108,7 +102,7 @@ var getDefaultState = function getDefaultState() {
     }]
   };
   var dataRowTwo = {
-    id: (0, _uuid.v4)(),
+    id: uuid(),
     highlighted: false,
     cellValues: [{
       columnId: smallHighlightedColumn.id,
@@ -125,7 +119,7 @@ var getDefaultState = function getDefaultState() {
     }]
   };
   var dataRowThree = {
-    id: (0, _uuid.v4)(),
+    id: uuid(),
     highlighted: false,
     cellValues: [{
       columnId: smallHighlightedColumn.id,
@@ -142,7 +136,7 @@ var getDefaultState = function getDefaultState() {
     }]
   };
   var dataRowFour = {
-    id: (0, _uuid.v4)(),
+    id: uuid(),
     highlighted: false,
     cellValues: [{
       columnId: smallHighlightedColumn.id,
@@ -164,8 +158,8 @@ var getDefaultState = function getDefaultState() {
   };
 };
 var getStateWithTwoColumnsAndTwoRows = function getStateWithTwoColumnsAndTwoRows() {
-  var columnIdOne = (0, _uuid.v4)();
-  var columnIdTwo = (0, _uuid.v4)();
+  var columnIdOne = uuid();
+  var columnIdTwo = uuid();
   return {
     columns: [{
       id: columnIdOne,
@@ -177,7 +171,7 @@ var getStateWithTwoColumnsAndTwoRows = function getStateWithTwoColumnsAndTwoRows
       highlighted: false
     }],
     rows: [{
-      id: (0, _uuid.v4)(),
+      id: uuid(),
       highlighted: false,
       cellValues: [{
         columnId: columnIdOne,
@@ -187,7 +181,7 @@ var getStateWithTwoColumnsAndTwoRows = function getStateWithTwoColumnsAndTwoRows
         value: createRteState("Row 1 / Column 2")
       }]
     }, {
-      id: (0, _uuid.v4)(),
+      id: uuid(),
       highlighted: false,
       cellValues: [{
         columnId: columnIdOne,
@@ -199,7 +193,7 @@ var getStateWithTwoColumnsAndTwoRows = function getStateWithTwoColumnsAndTwoRows
     }]
   };
 };
-var mockStates = exports.mockStates = {
+export var mockStates = {
   "default": getDefaultState(),
   twoColumnsAndTwoRows: getStateWithTwoColumnsAndTwoRows(),
   empty: {

package/lib/blocks/table/dataGridStyles.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.dataGridStyles = void 0;
-var dataGridStyles = exports.dataGridStyles = function dataGridStyles(theme) {
+export var dataGridStyles = function dataGridStyles(theme) {
   return {
     "--DataGrid-rowBorderColor": theme.palette.grey[100],
     borderLeft: 0,