@insticc/react-datagrid-2 1.1.2 → 1.1.4

package/build/wrapper/index.js

@@ -46,8 +46,6 @@ var DataGrid = function DataGrid(_ref) {
     pdfOption = _ref$pdfOption === void 0 ? 'selectedRows' : _ref$pdfOption,
     _ref$rowHeight = _ref.rowHeight,
     rowHeight = _ref$rowHeight === void 0 ? 75 : _ref$rowHeight,
-    _ref$hasGlobalFilter = _ref.hasGlobalFilter,
-    hasGlobalFilter = _ref$hasGlobalFilter === void 0 ? true : _ref$hasGlobalFilter,
     _ref$globalFilterFn = _ref.globalFilterFn,
     globalFilterFn = _ref$globalFilterFn === void 0 ? 'contains' : _ref$globalFilterFn,
     _ref$disableSelect = _ref.disableSelect,
@@ -85,7 +83,11 @@ var DataGrid = function DataGrid(_ref) {
     _ref$gridHelper = _ref.gridHelper,
     gridHelper = _ref$gridHelper === void 0 ? null : _ref$gridHelper,
     _ref$disableRows = _ref.disableRows,
-    disableRows = _ref$disableRows === void 0 ? [] : _ref$disableRows;
+    disableRows = _ref$disableRows === void 0 ? [] : _ref$disableRows,
+    _ref$selectAllMode = _ref.selectAllMode,
+    selectAllMode = _ref$selectAllMode === void 0 ? 'page' : _ref$selectAllMode,
+    _ref$hasClearFiltersB = _ref.hasClearFiltersBtn,
+    hasClearFiltersBtn = _ref$hasClearFiltersB === void 0 ? true : _ref$hasClearFiltersB;
   var _useState = (0, _react.useState)(selectedIds.reduce(function (a, v) {
       return _objectSpread(_objectSpread({}, a), {}, _defineProperty({}, v, true));
     }, {})),
@@ -247,7 +249,7 @@ var DataGrid = function DataGrid(_ref) {
     positionToolbarAlertBanner: "none",
     enableColumnPinning: true,
     enableColumnResizing: true,
-    selectAllMode: 'all',
+    selectAllMode: selectAllMode,
     autoResetPageIndex: false,
     enableColumnVirtualization: enableVirtualization,
     enableRowVirtualization: enableVirtualization,
@@ -265,12 +267,11 @@ var DataGrid = function DataGrid(_ref) {
       isLoading: isLoading,
       sorting: sorting,
       showColumnFilters: true,
-      showGlobalFilter: hasGlobalFilter,
+      showGlobalFilter: enableGlobalFilter,
       rowSelection: rowSelection
     },
     initialState: {
       // showColumnFilters: true,
-      // showGlobalFilter: hasGlobalFilter,
       pagination: {
         pageSize: pageSize,
         pageIndex: 0
@@ -391,7 +392,7 @@ var DataGrid = function DataGrid(_ref) {
         primary: true,
         basic: true
         // style={{ display: 'flex', height: '40px', alignItems: 'center', justifyContent: 'center' }}
-      }))), /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
+      }))), hasClearFiltersBtn && /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
         title: "Clear Filters",
         arrow: true
       }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
@@ -563,6 +564,9 @@ var DataGrid = function DataGrid(_ref) {
           });
         }
       };
+    },
+    muiTableHeadProps: {
+      className: 'grid-sticky-header'
     }
     // renderToolbarAlertBannerContent: (e) => {
     //   console.log(e);
@@ -592,7 +596,7 @@ DataGrid.propTypes = {
     name: _propTypes["default"].string.isRequired,
     "function": _propTypes["default"].func.isRequired,
     tooltip: _propTypes["default"].string,
-    color: _propTypes["default"].oneOf(['blue', 'red', 'green', 'yellow', 'orange', 'black', 'grey', 'purple', 'teal', 'brown', 'violet', 'purple', 'olive', 'pink']),
+    color: _propTypes["default"].oneOf(['blue', 'red', 'green', 'yellow', 'orange', 'black', 'grey', 'teal', 'brown', 'violet', 'purple', 'olive', 'pink']),
     icon: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].string]).isRequired,
     selectionMode: _propTypes["default"].oneOf(['single', 'multi', 'always']),
     confirmMessage: _propTypes["default"].string,
@@ -609,8 +613,6 @@ DataGrid.propTypes = {
   // defines the export pdf option
   rowHeight: _propTypes["default"].number,
   // defines the row height
-  hasGlobalFilter: _propTypes["default"].bool,
-  // defines whether the data grid has a global filter
   globalFilterFn: _propTypes["default"].oneOf(['contains', 'fuzzy', 'between', 'equals', 'greaterThan', 'lessThan', 'notEquals', 'lessThanOrEqualTo', 'greaterThanOrEqualTo', 'empty', 'notEmpty', 'startsWith', 'endsWith', 'endsWith', 'betweenInclusive']),
   // defines the global filter option
   disableSelect: _propTypes["default"].bool,
@@ -640,14 +642,15 @@ DataGrid.propTypes = {
     content: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]).isRequired // content is required if gridHelper exists
   }), _propTypes["default"].oneOf([null]) // Allow null as a valid value
   ]),
-  disableRows: _propTypes["default"].array
+  disableRows: _propTypes["default"].array,
+  selectAllMode: _propTypes["default"].string,
+  hasClearFiltersBtn: _propTypes["default"].bool
 };
 var _default = exports["default"] = DataGrid; // DataGrid.defaultProps = {
 //   hasExcelExport: false,
 //   hasPdfExport: false,
 //   excelOption: 'allRows',
 //   pdfOption: 'allRows',
-//   hasGlobalFilter: true,
 //   globalFilterFn: 'contains',
 //   enableColumnFilterModes: true,
 //   disableSelect: false,

package/package.json

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