qbs-react-grid 1.2.6 → 1.2.7

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.
@@ -422,12 +422,7 @@ var QbsTable = function QbsTable(_ref) {
422
422
  className: "qbs-table " + classes.tableContainerClass,
423
423
  "data-theme": dataTheme
424
424
  }, toolbar && /*#__PURE__*/React.createElement(ToolBar, toolbarProps), /*#__PURE__*/React.createElement("div", {
425
- className: "qbs-table-border-wrap",
426
- style: {
427
- overflow: !tableViewToggle ? 'auto' : '',
428
- maxHeight: !tableViewToggle ? height : '',
429
- minHeight: !tableViewToggle ? height : ''
430
- }
425
+ className: "qbs-table-border-wrap"
431
426
  }, tableViewToggle ? /*#__PURE__*/React.createElement(Table, {
432
427
  height: autoHeight ? undefined : height,
433
428
  key: tableKey,
@@ -578,7 +573,12 @@ var QbsTable = function QbsTable(_ref) {
578
573
  handleMenuActions: handleMenuActions,
579
574
  dataTheme: dataTheme
580
575
  }))) : /*#__PURE__*/React.createElement("div", {
581
- className: " p-2"
576
+ className: " p-2",
577
+ style: {
578
+ overflow: !tableViewToggle ? 'auto' : '',
579
+ maxHeight: !tableViewToggle ? height : '',
580
+ minHeight: !tableViewToggle ? height : ''
581
+ }
582
582
  }, data.map(function (items) {
583
583
  return /*#__PURE__*/React.createElement("div", {
584
584
  className: "flex flex-col gap-3 p-2",
@@ -428,12 +428,7 @@ var QbsTable = function QbsTable(_ref) {
428
428
  className: "qbs-table " + classes.tableContainerClass,
429
429
  "data-theme": dataTheme
430
430
  }, toolbar && /*#__PURE__*/_react["default"].createElement(_Toolbar["default"], toolbarProps), /*#__PURE__*/_react["default"].createElement("div", {
431
- className: "qbs-table-border-wrap",
432
- style: {
433
- overflow: !tableViewToggle ? 'auto' : '',
434
- maxHeight: !tableViewToggle ? height : '',
435
- minHeight: !tableViewToggle ? height : ''
436
- }
431
+ className: "qbs-table-border-wrap"
437
432
  }, tableViewToggle ? /*#__PURE__*/_react["default"].createElement(_Table["default"], {
438
433
  height: autoHeight ? undefined : height,
439
434
  key: tableKey,
@@ -584,7 +579,12 @@ var QbsTable = function QbsTable(_ref) {
584
579
  handleMenuActions: handleMenuActions,
585
580
  dataTheme: dataTheme
586
581
  }))) : /*#__PURE__*/_react["default"].createElement("div", {
587
- className: " p-2"
582
+ className: " p-2",
583
+ style: {
584
+ overflow: !tableViewToggle ? 'auto' : '',
585
+ maxHeight: !tableViewToggle ? height : '',
586
+ minHeight: !tableViewToggle ? height : ''
587
+ }
588
588
  }, data.map(function (items) {
589
589
  return /*#__PURE__*/_react["default"].createElement("div", {
590
590
  className: "flex flex-col gap-3 p-2",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qbs-react-grid",
3
- "version": "1.2.6",
3
+ "version": "1.2.7",
4
4
  "description": "A React table component",
5
5
  "main": "lib/index.js",
6
6
  "typings": "lib/index.d.ts",
@@ -449,14 +449,7 @@ const QbsTable: React.FC<QbsTableProps> = ({
449
449
  return (
450
450
  <div className={`qbs-table ${classes.tableContainerClass}`} data-theme={dataTheme}>
451
451
  {toolbar && <ToolBar {...toolbarProps} />}
452
- <div
453
- className="qbs-table-border-wrap"
454
- style={{
455
- overflow: !tableViewToggle ? 'auto' : '',
456
- maxHeight: !tableViewToggle ? height : '',
457
- minHeight: !tableViewToggle ? height : ''
458
- }}
459
- >
452
+ <div className="qbs-table-border-wrap">
460
453
  {tableViewToggle ? (
461
454
  <Table
462
455
  height={autoHeight ? undefined : height}
@@ -638,7 +631,14 @@ const QbsTable: React.FC<QbsTableProps> = ({
638
631
  )}
639
632
  </Table>
640
633
  ) : (
641
- <div className=" p-2">
634
+ <div
635
+ className=" p-2"
636
+ style={{
637
+ overflow: !tableViewToggle ? 'auto' : '',
638
+ maxHeight: !tableViewToggle ? height : '',
639
+ minHeight: !tableViewToggle ? height : ''
640
+ }}
641
+ >
642
642
  {data.map((items: any) => (
643
643
  <div className="flex flex-col gap-3 p-2" key={items?.id}>
644
644
  <CardComponent