@comet/admin 8.17.1 → 9.0.0-beta.0

package/lib/table/LocalChangesToolbar.js

@@ -1,18 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableLocalChangesToolbar = void 0;
-var _material = require("@mui/material");
-var _reactIntl = require("react-intl");
-var _SaveButton = require("../common/buttons/SaveButton");
-var _Loading = require("../common/Loading");
-var _jsxRuntime = require("react/jsx-runtime");
+import { Toolbar } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { SaveButton } from "../common/buttons/SaveButton";
+import { Loading } from "../common/Loading";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
  */
-var TableLocalChangesToolbar = exports.TableLocalChangesToolbar = function TableLocalChangesToolbar(_ref) {
+export var TableLocalChangesToolbar = function TableLocalChangesToolbar(_ref) {
   var tableLocalChangesApi = _ref.tableLocalChangesApi,
     localChangesCount = _ref.localChangesCount,
     updateMutation = _ref.updateMutation,
@@ -20,13 +14,13 @@ var TableLocalChangesToolbar = exports.TableLocalChangesToolbar = function Table
   var handleSaveClick = function handleSaveClick() {
     tableLocalChangesApi.submitLocalDataChanges();
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Toolbar, {
-    children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {
+  return /*#__PURE__*/_jsx(Toolbar, {
+    children: loading ? /*#__PURE__*/_jsx(Loading, {
       behavior: "fillParent"
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SaveButton.SaveButton, {
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(SaveButton, {
         onClick: handleSaveClick
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      }), /*#__PURE__*/_jsx(FormattedMessage, {
         values: {
           count: localChangesCount
         },

package/lib/table/Pagination.js

@@ -1,50 +1,43 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TablePagination = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
-var _reactIntl = require("react-intl");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+import { ChevronLeft, ChevronRight } from "@comet/admin-icons";
+import { Grid, IconButton, Toolbar, Typography } from "@mui/material";
+import TableCell from "@mui/material/TableCell";
+import { FormattedMessage, FormattedNumber } from "react-intl";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
  */
-var TablePagination = exports.TablePagination = function TablePagination(_ref) {
+export var TablePagination = function TablePagination(_ref) {
   var totalCount = _ref.totalCount,
     pagingInfo = _ref.pagingInfo,
     rowName = _ref.rowName;
   if (typeof rowName === "function") {
     rowName = rowName(totalCount);
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableCell["default"], {
+  return /*#__PURE__*/_jsx(TableCell, {
     colSpan: 1000,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Toolbar, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
+    children: /*#__PURE__*/_jsx(Toolbar, {
+      children: /*#__PURE__*/_jsxs(Grid, {
         container: true,
         justifyContent: "space-between",
         alignItems: "center",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Typography, {
+        children: [/*#__PURE__*/_jsx(Grid, {
+          children: /*#__PURE__*/_jsxs(Typography, {
             color: "textPrimary",
             variant: "body2",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedNumber, {
+            children: [/*#__PURE__*/_jsx(FormattedNumber, {
               value: totalCount
             }), " ", rowName]
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
+        }), /*#__PURE__*/_jsx(Grid, {
+          children: /*#__PURE__*/_jsxs(Grid, {
             container: true,
             alignItems: "center",
             spacing: 2,
-            children: [pagingInfo.totalPages && pagingInfo.currentPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+            children: [pagingInfo.totalPages && pagingInfo.currentPage && /*#__PURE__*/_jsx(Grid, {
+              children: /*#__PURE__*/_jsx(Typography, {
                 color: "textSecondary",
                 variant: "body2",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+                children: /*#__PURE__*/_jsx(FormattedMessage, {
                   id: "comet.table.pagination.pageInfo",
                   values: {
                     total: pagingInfo.totalPages,
@@ -54,21 +47,21 @@ var TablePagination = exports.TablePagination = function TablePagination(_ref) {
                   description: "Pagination-info"
                 })
               })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+            }), /*#__PURE__*/_jsxs(Grid, {
+              children: [/*#__PURE__*/_jsx(IconButton, {
                 disabled: !pagingInfo.fetchPreviousPage,
                 onClick: function onClick() {
                   return pagingInfo.fetchPreviousPage();
                 },
                 size: "large",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.ChevronLeft, {})
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+                children: /*#__PURE__*/_jsx(ChevronLeft, {})
+              }), /*#__PURE__*/_jsx(IconButton, {
                 disabled: !pagingInfo.fetchNextPage,
                 onClick: function onClick() {
                   return pagingInfo.fetchNextPage();
                 },
                 size: "large",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.ChevronRight, {})
+                children: /*#__PURE__*/_jsx(ChevronRight, {})
               })]
             })]
           })

package/lib/table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/table/Table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/table/Table.tsx"],"names":[],"mappings":"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"}

package/lib/table/Table.js

@@ -1,27 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Table = void 0;
-exports.TableColumns = TableColumns;
-exports.TableHeadColumns = TableHeadColumns;
-exports.VisibleType = void 0;
-var _Table2 = _interopRequireDefault(require("@mui/material/Table"));
-var _TableBody = _interopRequireDefault(require("@mui/material/TableBody"));
-var _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
-var _TableFooter = _interopRequireDefault(require("@mui/material/TableFooter"));
-var _TableHead = _interopRequireDefault(require("@mui/material/TableHead"));
-var _TableRow = _interopRequireDefault(require("@mui/material/TableRow"));
-var _TableSortLabel = _interopRequireDefault(require("@mui/material/TableSortLabel"));
-var _react = require("react");
-var _isVisible = require("./isVisible");
-var _Pagination = require("./Pagination");
-var _safeColumnGet = require("./safeColumnGet");
-var _TableBodyRow = require("./TableBodyRow");
-var _useTableQuerySort = require("./useTableQuerySort");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
@@ -37,14 +13,30 @@ 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); } /**
+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 MuiTable from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+import TableFooter from "@mui/material/TableFooter";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import TableSortLabel from "@mui/material/TableSortLabel";
+import { Component, createRef } from "react";
+import { isVisible } from "./isVisible";
+import { TablePagination } from "./Pagination";
+import { safeColumnGet } from "./safeColumnGet";
+import { TableBodyRow } from "./TableBodyRow";
+import { SortDirection } from "./useTableQuerySort";
+
+/**
  * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
  */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 function DefaultHeadTableRow(_ref) {
   var columns = _ref.columns,
     sortApi = _ref.sortApi;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableRow["default"], {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableHeadColumns, {
+  return /*#__PURE__*/_jsx(TableRow, {
+    children: /*#__PURE__*/_jsx(TableHeadColumns, {
       columns: columns,
       sortApi: sortApi
     })
@@ -59,23 +51,23 @@ function DefaultHeadTableRow(_ref) {
 /**
  * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
  */
-function TableHeadColumns(_ref2) {
+export function TableHeadColumns(_ref2) {
   var columns = _ref2.columns,
     sortApi = _ref2.sortApi;
   var handleSortClick = function handleSortClick(name, ev) {
     if (sortApi) sortApi.changeSort(name);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  return /*#__PURE__*/_jsx(_Fragment, {
     children: columns.map(function (column, colIndex) {
-      if (!(0, _isVisible.isVisible)(VisibleType.Browser, column.visible)) return null;
+      if (!isVisible(VisibleType.Browser, column.visible)) return null;
       var name = column.name,
         header = column.header,
         sortable = column.sortable,
         headerProps = column.headerProps;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableCell["default"], _objectSpread(_objectSpread({}, headerProps), {}, {
-        children: sortable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableSortLabel["default"], {
+      return /*#__PURE__*/_jsx(TableCell, _objectSpread(_objectSpread({}, headerProps), {}, {
+        children: sortable ? /*#__PURE__*/_jsx(TableSortLabel, {
           active: sortApi && sortApi.current.columnName === name,
-          direction: sortApi && sortApi.current.direction === _useTableQuerySort.SortDirection.DESC ? "desc" : "asc",
+          direction: sortApi && sortApi.current.direction === SortDirection.DESC ? "desc" : "asc",
           onClick: handleSortClick.bind(null, name),
           children: header
         }) : header
@@ -92,14 +84,14 @@ function TableHeadColumns(_ref2) {
 /**
  * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
  */
-function TableColumns(_ref3) {
+export function TableColumns(_ref3) {
   var row = _ref3.row,
     columns = _ref3.columns;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  return /*#__PURE__*/_jsx(_Fragment, {
     children: columns.map(function (column, colIndex) {
-      if (!(0, _isVisible.isVisible)(VisibleType.Browser, column.visible)) return null;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableCell["default"], _objectSpread(_objectSpread({}, column.cellProps), {}, {
-        children: column.render ? column.render(row) : (0, _safeColumnGet.safeColumnGet)(row, column.name)
+      if (!isVisible(VisibleType.Browser, column.visible)) return null;
+      return /*#__PURE__*/_jsx(TableCell, _objectSpread(_objectSpread({}, column.cellProps), {}, {
+        children: column.render ? column.render(row) : safeColumnGet(row, column.name)
       }), colIndex);
     })
   });
@@ -107,10 +99,11 @@ function TableColumns(_ref3) {
 /**
  * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
  */
+
 /**
  * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
  */
-var VisibleType = exports.VisibleType = /*#__PURE__*/function (VisibleType) {
+export var VisibleType = /*#__PURE__*/function (VisibleType) {
   VisibleType["Browser"] = "browser";
   VisibleType["Export"] = "export";
   return VisibleType;
@@ -118,21 +111,25 @@ var VisibleType = exports.VisibleType = /*#__PURE__*/function (VisibleType) {
 /**
  * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
  */
+
 /**
  * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
  */
+
 /**
  * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
  */
+
 /**
  * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
  */
+
 function DefaultTableRow(_ref4) {
   var columns = _ref4.columns,
     row = _ref4.row,
     rowProps = _ref4.rowProps;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableBodyRow.TableBodyRow, _objectSpread(_objectSpread({}, rowProps), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableColumns, {
+  return /*#__PURE__*/_jsx(TableBodyRow, _objectSpread(_objectSpread({}, rowProps), {}, {
+    children: /*#__PURE__*/_jsx(TableColumns, {
       columns: columns,
       row: row
     })
@@ -142,7 +139,7 @@ function DefaultTableRow(_ref4) {
 /**
  * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
  */
-var Table = exports.Table = /*#__PURE__*/function (_Component) {
+export var Table = /*#__PURE__*/function (_Component) {
   function Table(props) {
     var _this;
     _classCallCheck(this, Table);
@@ -169,7 +166,7 @@ var Table = exports.Table = /*#__PURE__*/function (_Component) {
         }
       }
     });
-    _this.domRef = /*#__PURE__*/(0, _react.createRef)();
+    _this.domRef = /*#__PURE__*/createRef();
     return _this;
   }
   _inherits(Table, _Component);
@@ -182,7 +179,7 @@ var Table = exports.Table = /*#__PURE__*/function (_Component) {
         _this$props$exportApi = _this$props.exportApis,
         exportApis = _this$props$exportApi === void 0 ? [] : _this$props$exportApi;
       var renderHeadTableRow = this.props.renderHeadTableRow || function (props) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultHeadTableRow, _objectSpread({}, props));
+        return /*#__PURE__*/_jsx(DefaultHeadTableRow, _objectSpread({}, props));
       };
       if (this.props.pagingInfo) {
         this.props.pagingInfo.attachTableRef(this.domRef);
@@ -193,12 +190,12 @@ var Table = exports.Table = /*#__PURE__*/function (_Component) {
       var paginationPosition = this.props.paginationPosition || "bottom";
       var shouldRenderTopPagination = paginationPosition === "top" || paginationPosition === "both";
       var shouldRenderBottomPagination = paginationPosition === "bottom" || paginationPosition === "both";
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Table2["default"], {
+      return /*#__PURE__*/_jsxs(MuiTable, {
         ref: this.domRef,
         className: this.props.className,
-        children: [!this.props.hideTableHead && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableHead["default"], {
-          children: [this.props.pagingInfo && shouldRenderTopPagination && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableRow["default"], {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pagination.TablePagination, {
+        children: [!this.props.hideTableHead && /*#__PURE__*/_jsxs(TableHead, {
+          children: [this.props.pagingInfo && shouldRenderTopPagination && /*#__PURE__*/_jsx(TableRow, {
+            children: /*#__PURE__*/_jsx(TablePagination, {
               totalCount: this.props.totalCount,
               pagingInfo: this.props.pagingInfo,
               rowName: this.props.rowName
@@ -207,11 +204,11 @@ var Table = exports.Table = /*#__PURE__*/function (_Component) {
             columns: this.props.columns,
             sortApi: this.props.sortApi
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableBody["default"], {
+        }), /*#__PURE__*/_jsx(TableBody, {
           children: data.map(function (row, index) {
             var isSelected = _this2.isSelected(row.id);
             var renderTableRow = _this2.props.renderTableRow || function (props) {
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultTableRow, _objectSpread({}, props));
+              return /*#__PURE__*/_jsx(DefaultTableRow, _objectSpread({}, props));
             };
             return renderTableRow({
               index: index,
@@ -230,9 +227,9 @@ var Table = exports.Table = /*#__PURE__*/function (_Component) {
               }
             });
           })
-        }), this.props.pagingInfo && shouldRenderBottomPagination && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableFooter["default"], {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableRow["default"], {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pagination.TablePagination, {
+        }), this.props.pagingInfo && shouldRenderBottomPagination && /*#__PURE__*/_jsx(TableFooter, {
+          children: /*#__PURE__*/_jsx(TableRow, {
+            children: /*#__PURE__*/_jsx(TablePagination, {
               totalCount: this.props.totalCount,
               pagingInfo: this.props.pagingInfo,
               rowName: this.props.rowName
@@ -247,4 +244,4 @@ var Table = exports.Table = /*#__PURE__*/function (_Component) {
       return String(this.props.selectedId) === String(id); //  as strings as selectedId might come from url
     }
   }]);
-}(_react.Component);
+}(Component);

package/lib/table/TableBodyRow.js

@@ -1,18 +1,5 @@
-"use strict";
-
 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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableBodyRow = TableBodyRow;
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var _createComponentSlot = require("../helpers/createComponentSlot");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["title", "children", "index", "hideTableHead", "slotProps"];
-/**
- * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
- */
 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; }
@@ -20,7 +7,15 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-var Root = (0, _createComponentSlot.createComponentSlot)(_material.TableRow)({
+import { TableRow } from "@mui/material";
+import { useThemeProps } from "@mui/material/styles";
+import { createComponentSlot } from "../helpers/createComponentSlot";
+
+/**
+ * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+var Root = createComponentSlot(TableRow)({
   componentName: "TableBodyRow",
   slotName: "root",
   classesResolver: function classesResolver(ownerState) {
@@ -35,8 +30,8 @@ var Root = (0, _createComponentSlot.createComponentSlot)(_material.TableRow)({
 /**
  * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
  */
-function TableBodyRow(inProps) {
-  var _useThemeProps = (0, _styles.useThemeProps)({
+export function TableBodyRow(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminTableBodyRow"
     }),
@@ -49,7 +44,7 @@ function TableBodyRow(inProps) {
   var ownerState = {
     isOdd: ((index || 0) + (hideTableHead ? 1 : 0)) % 2 === 1
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({
     ownerState: ownerState
   }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
     children: children

package/lib/table/TableDndOrder.js

@@ -1,23 +1,6 @@
-"use strict";
-
 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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableDndOrder = TableDndOrder;
-var _adminIcons = require("@comet/admin-icons");
-var _styles = require("@mui/material/styles");
-var _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
-var _TableRow = _interopRequireDefault(require("@mui/material/TableRow"));
-var _react = require("react");
-var _reactDnd = require("react-dnd");
-var _createComponentSlot = require("../helpers/createComponentSlot");
-var _Table = require("./Table");
-var _TableBodyRow = require("./TableBodyRow");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["moveRow", "onDragEnd", "dragHandleIcon", "slotProps"];
 var _templateObject, _templateObject2;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
@@ -32,14 +15,24 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { DragHandle } from "@comet/admin-icons";
+import { css, useThemeProps } from "@mui/material/styles";
+import TableCell from "@mui/material/TableCell";
+import TableRow from "@mui/material/TableRow";
+import { useCallback, useRef } from "react";
+import { useDrag, useDrop } from "react-dnd";
+import { createComponentSlot } from "../helpers/createComponentSlot";
+import { Table, TableColumns, TableHeadColumns } from "./Table";
+import { TableBodyRow } from "./TableBodyRow";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function DndOrderRow(props) {
   var columns = props.columns,
     row = props.row,
     rowProps = props.rowProps,
     slotProps = props.slotProps;
-  var refDragHandle = (0, _react.useRef)(null);
-  var refRow = (0, _react.useRef)(null);
-  var _useDrag = (0, _reactDnd.useDrag)({
+  var refDragHandle = useRef(null);
+  var refRow = useRef(null);
+  var _useDrag = useDrag({
       type: "row",
       // TODO: configurable? unique per table?
       item: function item() {
@@ -63,7 +56,7 @@ function DndOrderRow(props) {
     isDragging = _useDrag2[0].isDragging,
     drag = _useDrag2[1],
     dragPreview = _useDrag2[2];
-  var _useDrop = (0, _reactDnd.useDrop)({
+  var _useDrop = useDrop({
       accept: "row",
       hover: function hover(item, monitor) {
         var _refRow$current;
@@ -121,57 +114,57 @@ function DndOrderRow(props) {
   var opacity = isDragging ? 0 : 1;
   drag(refDragHandle);
   drop(dragPreview(refRow));
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableBodyRow.TableBodyRow, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(TableBodyRow, _objectSpread(_objectSpread({
     ref: refRow
   }, rowProps), {}, {
     style: {
       opacity: opacity
     },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DragCell, _objectSpread(_objectSpread({
+    children: [/*#__PURE__*/_jsx(DragCell, _objectSpread(_objectSpread({
       ref: refDragHandle
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.dragCell), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DragIconContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.dragIconContainer), {}, {
+      children: /*#__PURE__*/_jsx(DragIconContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.dragIconContainer), {}, {
         children: props.dragHandleIcon
       }))
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.TableColumns, {
+    })), /*#__PURE__*/_jsx(TableColumns, {
       columns: columns,
       row: row
     })]
   }));
 }
-var Root = (0, _createComponentSlot.createComponentSlot)(_Table.Table)({
+var Root = createComponentSlot(Table)({
   componentName: "TableDndOrder",
   slotName: "root"
 })();
-var DragCell = (0, _createComponentSlot.createComponentSlot)(_TableCell["default"])({
+var DragCell = createComponentSlot(TableCell)({
   componentName: "TableDndOrder",
   slotName: "dragCell"
-})((0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    cursor: grab;\n    width: 20px;\n    padding-right: 0;\n"]))));
-var DragIconContainer = (0, _createComponentSlot.createComponentSlot)("div")({
+})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    cursor: grab;\n    width: 20px;\n    padding-right: 0;\n"]))));
+var DragIconContainer = createComponentSlot("div")({
   componentName: "TableDndOrder",
   slotName: "dragIconContainer"
-})((0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    :after {\n        // Increase clickable area to include the padding-left of the next cell.\n        content: \"\";\n        position: absolute;\n        z-index: 1;\n        top: 0;\n        right: -20px;\n        bottom: 0;\n        left: 0;\n    }\n"]))));
+})(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    :after {\n        // Increase clickable area to include the padding-left of the next cell.\n        content: \"\";\n        position: absolute;\n        z-index: 1;\n        top: 0;\n        right: -20px;\n        bottom: 0;\n        left: 0;\n    }\n"]))));
 /**
  * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
  */
-function TableDndOrder(inProps) {
-  var _useThemeProps = (0, _styles.useThemeProps)({
+export function TableDndOrder(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminTableDndOrder"
     }),
     moveRow = _useThemeProps.moveRow,
     onDragEnd = _useThemeProps.onDragEnd,
     _useThemeProps$dragHa = _useThemeProps.dragHandleIcon,
-    dragHandleIcon = _useThemeProps$dragHa === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.DragHandle, {}) : _useThemeProps$dragHa,
+    dragHandleIcon = _useThemeProps$dragHa === void 0 ? /*#__PURE__*/_jsx(DragHandle, {}) : _useThemeProps$dragHa,
     slotProps = _useThemeProps.slotProps,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  var renderHeadTableRow = (0, _react.useCallback)(function (ownProps) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableRow["default"], {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableCell["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.TableHeadColumns, _objectSpread({}, ownProps))]
+  var renderHeadTableRow = useCallback(function (ownProps) {
+    return /*#__PURE__*/_jsxs(TableRow, {
+      children: [/*#__PURE__*/_jsx(TableCell, {}), /*#__PURE__*/_jsx(TableHeadColumns, _objectSpread({}, ownProps))]
     });
   }, []);
-  var renderTableRow = (0, _react.useCallback)(function (ownProps) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(DndOrderRow, _objectSpread({
+  var renderTableRow = useCallback(function (ownProps) {
+    return /*#__PURE__*/_jsx(DndOrderRow, _objectSpread({
       dragHandleIcon: dragHandleIcon,
       moveRow: moveRow,
       onDragEnd: onDragEnd
@@ -181,5 +174,5 @@ function TableDndOrder(inProps) {
     renderTableRow: renderTableRow,
     renderHeadTableRow: renderHeadTableRow
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), tableProps));
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), tableProps));
 }