qbs-react-grid 1.0.50 → 1.0.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/es/qbsTable/QbsTable.js +2 -1
  2. package/es/qbsTable/Toolbar.js +3 -2
  3. package/es/qbsTable/commontypes.d.ts +1 -0
  4. package/lib/qbsTable/QbsTable.js +2 -1
  5. package/lib/qbsTable/Toolbar.js +3 -2
  6. package/lib/qbsTable/commontypes.d.ts +1 -0
  7. package/package.json +1 -1
  8. package/src/qbsTable/QbsTable.tsx +2 -1
  9. package/src/qbsTable/Toolbar.tsx +3 -2
  10. package/src/qbsTable/commontypes.ts +1 -0
package/es/qbsTable/QbsTable.js CHANGED
@@ -186,7 +186,8 @@ var QbsTable = function QbsTable(_ref) {
186
186
  tableHeaderActions: tableHeaderActions,
187
187
  selectedRowActions: selectedRowActions,
188
188
  onSelect: handleClear,
189
- handleColumnToggle: handleColumnToggle
189
+ handleColumnToggle: handleColumnToggle,
190
+ dataLength: data === null || data === void 0 ? void 0 : data.length
190
191
  };
191
192
  var themeToggle = useMemo(function () {
192
193
  return document.getElementById('themeToggle');
package/es/qbsTable/Toolbar.js CHANGED
@@ -18,7 +18,8 @@ var ToolBar = function ToolBar(_ref) {
18
18
  tableHeaderActions = _ref.tableHeaderActions,
19
19
  selectedRowActions = _ref.selectedRowActions,
20
20
  checkedKeys = _ref.checkedKeys,
21
- onSelect = _ref.onSelect;
21
+ onSelect = _ref.onSelect,
22
+ dataLength = _ref.dataLength;
22
23
  var debouncedOnSearch = useCallback(debounce(onSearch != null ? onSearch : function () {}, 1000), [onSearch]);
23
24
  var handleSearch = useCallback(function (e) {
24
25
  if (debouncedOnSearch) {
@@ -84,7 +85,7 @@ var ToolBar = function ToolBar(_ref) {
84
85
  return actions === null || actions === void 0 ? void 0 : actions.action(checkedKeys);
85
86
  }
86
87
  }, actions.actionTitle));
87
- }))) : /*#__PURE__*/React.createElement("div", null, pagination && paginationProps && /*#__PURE__*/React.createElement("div", {
88
+ }))) : /*#__PURE__*/React.createElement("div", null, pagination && paginationProps && dataLength > 0 && /*#__PURE__*/React.createElement("div", {
88
89
  className: "rows-count"
89
90
  }, getRowDisplayRange((_paginationProps$tota = paginationProps.total) != null ? _paginationProps$tota : 0, (_paginationProps$rows = paginationProps.rowsPerPage) != null ? _paginationProps$rows : 0, (_paginationProps$curr = paginationProps.currentPage) != null ? _paginationProps$curr : 0)))));
90
91
  };
package/es/qbsTable/commontypes.d.ts CHANGED
@@ -114,6 +114,7 @@ export interface QbsTableToolbarProps {
114
114
  tableHeaderActions?: ReactElement | ReactNode;
115
115
  onSelect?: (keys: any[]) => void;
116
116
  handleColumnToggle?: (columns: QbsColumnProps[]) => void;
117
+ dataLength: number;
117
118
  selectedRowActions?: {
118
119
  actionTitle?: string;
119
120
  action: (checked: (number | string)[]) => void;
package/lib/qbsTable/QbsTable.js CHANGED
@@ -193,7 +193,8 @@ var QbsTable = function QbsTable(_ref) {
193
193
  tableHeaderActions: tableHeaderActions,
194
194
  selectedRowActions: selectedRowActions,
195
195
  onSelect: handleClear,
196
- handleColumnToggle: handleColumnToggle
196
+ handleColumnToggle: handleColumnToggle,
197
+ dataLength: data === null || data === void 0 ? void 0 : data.length
197
198
  };
198
199
  var themeToggle = (0, _react.useMemo)(function () {
199
200
  return document.getElementById('themeToggle');
package/lib/qbsTable/Toolbar.js CHANGED
@@ -25,7 +25,8 @@ var ToolBar = function ToolBar(_ref) {
25
25
  tableHeaderActions = _ref.tableHeaderActions,
26
26
  selectedRowActions = _ref.selectedRowActions,
27
27
  checkedKeys = _ref.checkedKeys,
28
- onSelect = _ref.onSelect;
28
+ onSelect = _ref.onSelect,
29
+ dataLength = _ref.dataLength;
29
30
  var debouncedOnSearch = (0, _react.useCallback)((0, _debounce["default"])(onSearch != null ? onSearch : function () {}, 1000), [onSearch]);
30
31
  var handleSearch = (0, _react.useCallback)(function (e) {
31
32
  if (debouncedOnSearch) {
@@ -91,7 +92,7 @@ var ToolBar = function ToolBar(_ref) {
91
92
  return actions === null || actions === void 0 ? void 0 : actions.action(checkedKeys);
92
93
  }
93
94
  }, actions.actionTitle));
94
- }))) : /*#__PURE__*/_react["default"].createElement("div", null, pagination && paginationProps && /*#__PURE__*/_react["default"].createElement("div", {
95
+ }))) : /*#__PURE__*/_react["default"].createElement("div", null, pagination && paginationProps && dataLength > 0 && /*#__PURE__*/_react["default"].createElement("div", {
95
96
  className: "rows-count"
96
97
  }, (0, _tablecalc.getRowDisplayRange)((_paginationProps$tota = paginationProps.total) != null ? _paginationProps$tota : 0, (_paginationProps$rows = paginationProps.rowsPerPage) != null ? _paginationProps$rows : 0, (_paginationProps$curr = paginationProps.currentPage) != null ? _paginationProps$curr : 0)))));
97
98
  };
package/lib/qbsTable/commontypes.d.ts CHANGED
@@ -114,6 +114,7 @@ export interface QbsTableToolbarProps {
114
114
  tableHeaderActions?: ReactElement | ReactNode;
115
115
  onSelect?: (keys: any[]) => void;
116
116
  handleColumnToggle?: (columns: QbsColumnProps[]) => void;
117
+ dataLength: number;
117
118
  selectedRowActions?: {
118
119
  actionTitle?: string;
119
120
  action: (checked: (number | string)[]) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qbs-react-grid",
3
- "version": "1.0.50",
3
+ "version": "1.0.51",
4
4
  "description": "A React table component",
5
5
  "main": "lib/index.js",
6
6
  "typings": "lib/index.d.ts",
package/src/qbsTable/QbsTable.tsx CHANGED
@@ -172,7 +172,8 @@ const QbsTable: React.FC<QbsTableProps> = ({
172
172
  tableHeaderActions: tableHeaderActions,
173
173
  selectedRowActions: selectedRowActions,
174
174
  onSelect: handleClear,
175
- handleColumnToggle: handleColumnToggle
175
+ handleColumnToggle: handleColumnToggle,
176
+ dataLength: data?.length
176
177
  };
177
178
  const themeToggle = useMemo(() => document.getElementById('themeToggle') as HTMLInputElement, []);
178
179
 
package/src/qbsTable/Toolbar.tsx CHANGED
@@ -19,7 +19,8 @@ const ToolBar: React.FC<QbsTableToolbarProps> = ({
19
19
  tableHeaderActions,
20
20
  selectedRowActions,
21
21
  checkedKeys,
22
- onSelect
22
+ onSelect,
23
+ dataLength
23
24
  }) => {
24
25
  const debouncedOnSearch = useCallback(debounce(onSearch ?? (() => {}), 1000), [onSearch]);
25
26
 
@@ -99,7 +100,7 @@ const ToolBar: React.FC<QbsTableToolbarProps> = ({
99
100
  </div>
100
101
  ) : (
101
102
  <div>
102
- {pagination && paginationProps && (
103
+ {pagination && paginationProps && dataLength > 0 && (
103
104
  <div className="rows-count">
104
105
  {getRowDisplayRange(
105
106
  paginationProps.total ?? 0,
package/src/qbsTable/commontypes.ts CHANGED
@@ -118,6 +118,7 @@ export interface QbsTableToolbarProps {
118
118
  tableHeaderActions?: ReactElement | ReactNode;
119
119
  onSelect?: (keys: any[]) => void;
120
120
  handleColumnToggle?: (columns: QbsColumnProps[]) => void;
121
+ dataLength: number;
121
122
  selectedRowActions?: {
122
123
  actionTitle?: string;
123
124
  action: (checked: (number | string)[]) => void;