@insticc/react-datagrid-2 1.1.8 → 1.1.10

package/build/wrapper/ActionButton.js

@@ -12,6 +12,7 @@ var _material = require("@mui/material");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -20,7 +21,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var ActionButton = function ActionButton(_ref) {
   var table = _ref.table,
-    name = _ref.name,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? '' : _ref$name,
     tooltip = _ref.tooltip,
     onClick = _ref.onClick,
     _ref$color = _ref.color,
@@ -126,13 +128,15 @@ var ActionButton = function ActionButton(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
     title: tooltip || name,
     arrow: true
-  }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
+  }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, _extends({
     disabled: disabled || shouldDisableActionButton(table),
     onClick: function onClick() {
       return hasConfirmMessage ? setEnableConfirmMessage(true) : handleConfirm();
     },
-    icon: renderIcon(),
-    content: name,
+    icon: renderIcon()
+  }, name ? {
+    content: name
+  } : {}, {
     basic: true,
     color: color,
     style: {
@@ -141,7 +145,7 @@ var ActionButton = function ActionButton(_ref) {
       alignItems: 'center',
       justifyContent: 'center'
     }
-  }))), /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Confirm, {
+  })))), /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Confirm, {
     style: {
       height: 'fit-content',
       textAlign: 'center',
@@ -177,7 +181,7 @@ var ActionButton = function ActionButton(_ref) {
 ActionButton.propTypes = {
   table: _propTypes["default"].object.isRequired,
   // the data grid table
-  name: _propTypes["default"].string.isRequired,
+  name: _propTypes["default"].string,
   // the name of the action button
   tooltip: _propTypes["default"].string,
   // the tooltip for the action button

package/build/wrapper/index.js

@@ -36,6 +36,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var DataGrid = function DataGrid(_ref) {
   var columns = _ref.columns,
+    columnVisibilityState = _ref.columnVisibilityState,
+    columnOrder = _ref.columnOrder,
     createRows = _ref.createRows,
     actions = _ref.actions,
     _ref$hasExcelExport = _ref.hasExcelExport,
@@ -270,14 +272,16 @@ var DataGrid = function DataGrid(_ref) {
       sorting: sorting,
       showColumnFilters: true,
       showGlobalFilter: enableGlobalFilter,
-      rowSelection: rowSelection
+      rowSelection: rowSelection,
+      columnVisibility: columnVisibilityState || {} // Add column visibility state
     },
     initialState: {
       // showColumnFilters: true,
       pagination: {
         pageSize: pageSize,
         pageIndex: 0
-      }
+      },
+      columnOrder: columnOrder || [] // Add column order to initial state
     },
     columnResizeMode: 'onEnd',
     enableColumnFilterModes: enableColumnFilterModes,
@@ -597,10 +601,14 @@ var DataGrid = function DataGrid(_ref) {
 DataGrid.propTypes = {
   columns: _propTypes["default"].array.isRequired,
   // array of the data grid columns
+  columnVisibilityState: _propTypes["default"].object,
+  // object for column visibility state
+  columnOrder: _propTypes["default"].array,
+  // array for column order
   createRows: _propTypes["default"].array.isRequired,
   // array of the data grid data
   actions: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    name: _propTypes["default"].string.isRequired,
+    name: _propTypes["default"].string,
     "function": _propTypes["default"].func.isRequired,
     tooltip: _propTypes["default"].string,
     color: _propTypes["default"].oneOf(['blue', 'red', 'green', 'yellow', 'orange', 'black', 'grey', 'teal', 'brown', 'violet', 'purple', 'olive', 'pink']),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@insticc/react-datagrid-2",
-  "version": "1.1.8",
+  "version": "1.1.10",
   "description": "",
   "main": "build/index.js",
   "scripts": {