qbs-react-grid 1.3.14 → 1.3.16

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 (7) hide show
  1. package/es/qbsTable/QbsTable.js +5 -1
  2. package/es/qbsTable/Toolbar.js +1 -1
  3. package/lib/qbsTable/QbsTable.js +5 -1
  4. package/lib/qbsTable/Toolbar.js +1 -1
  5. package/package.json +1 -1
  6. package/src/qbsTable/QbsTable.tsx +5 -1
  7. package/src/qbsTable/Toolbar.tsx +1 -1
package/es/qbsTable/QbsTable.js CHANGED
@@ -336,7 +336,11 @@ var QbsTable = function QbsTable(_ref) {
336
336
  prevColumns.current = columns;
337
337
  }, [columns, handleColumnsResizable]);
338
338
  useEffect(function () {
339
- setTableViewToggle(!isMobile);
339
+ if (tableView) {
340
+ setTableViewToggle(!isMobile);
341
+ } else {
342
+ setTableViewToggle(false);
343
+ }
340
344
  }, [isMobile]);
341
345
  var findGrouped = function findGrouped() {
342
346
  return columns !== null && columns !== void 0 && columns.find(function (item) {
package/es/qbsTable/Toolbar.js CHANGED
@@ -121,7 +121,7 @@ var ToolBar = function ToolBar(_ref) {
121
121
  }, /*#__PURE__*/React.createElement(CardView, {
122
122
  className: "" + (!tableViewToggle ? 'active' : '')
123
123
  }))))))), isMobile && isOpen && /*#__PURE__*/React.createElement("div", {
124
- className: "qbs-table-primary-filter flex-col gap-3 "
124
+ className: "qbs-table-primary-filter flex flex-col gap-3 "
125
125
  }, primaryFilter), advancefilter && /*#__PURE__*/React.createElement("div", {
126
126
  className: "sub-qbs-table-toolbar"
127
127
  }, isMobile ? isOpen && advancefilter : advancefilter), (pagination && dataLength > 0 || checkedKeys && (checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.length) > 0) && /*#__PURE__*/React.createElement("div", {
package/lib/qbsTable/QbsTable.js CHANGED
@@ -342,7 +342,11 @@ var QbsTable = function QbsTable(_ref) {
342
342
  prevColumns.current = columns;
343
343
  }, [columns, handleColumnsResizable]);
344
344
  (0, _react.useEffect)(function () {
345
- setTableViewToggle(!isMobile);
345
+ if (tableView) {
346
+ setTableViewToggle(!isMobile);
347
+ } else {
348
+ setTableViewToggle(false);
349
+ }
346
350
  }, [isMobile]);
347
351
  var findGrouped = function findGrouped() {
348
352
  return columns !== null && columns !== void 0 && columns.find(function (item) {
package/lib/qbsTable/Toolbar.js CHANGED
@@ -128,7 +128,7 @@ var ToolBar = function ToolBar(_ref) {
128
128
  }, /*#__PURE__*/_react["default"].createElement(_icons.CardView, {
129
129
  className: "" + (!tableViewToggle ? 'active' : '')
130
130
  }))))))), isMobile && isOpen && /*#__PURE__*/_react["default"].createElement("div", {
131
- className: "qbs-table-primary-filter flex-col gap-3 "
131
+ className: "qbs-table-primary-filter flex flex-col gap-3 "
132
132
  }, primaryFilter), advancefilter && /*#__PURE__*/_react["default"].createElement("div", {
133
133
  className: "sub-qbs-table-toolbar"
134
134
  }, isMobile ? isOpen && advancefilter : advancefilter), (pagination && dataLength > 0 || checkedKeys && (checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.length) > 0) && /*#__PURE__*/_react["default"].createElement("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qbs-react-grid",
3
- "version": "1.3.14",
3
+ "version": "1.3.16",
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
@@ -328,7 +328,11 @@ const QbsTable: React.FC<QbsTableProps> = ({
328
328
  }, [columns, handleColumnsResizable]);
329
329
 
330
330
  useEffect(() => {
331
- setTableViewToggle(!isMobile);
331
+ if (tableView) {
332
+ setTableViewToggle(!isMobile);
333
+ } else {
334
+ setTableViewToggle(false);
335
+ }
332
336
  }, [isMobile]);
333
337
 
334
338
  const findGrouped = () => {
package/src/qbsTable/Toolbar.tsx CHANGED
@@ -125,7 +125,7 @@ const ToolBar: React.FC<QbsTableToolbarProps> = ({
125
125
  </div>
126
126
  </div>
127
127
  {isMobile && isOpen && (
128
- <div className="qbs-table-primary-filter flex-col gap-3 ">{primaryFilter}</div>
128
+ <div className="qbs-table-primary-filter flex flex-col gap-3 ">{primaryFilter}</div>
129
129
  )}
130
130
  {advancefilter && (
131
131
  <div className="sub-qbs-table-toolbar">