qbs-react-grid 1.3.10 → 1.3.11

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 +3 -2
  2. package/es/qbsTable/commontypes.d.ts +1 -0
  3. package/lib/qbsTable/QbsTable.js +3 -2
  4. package/lib/qbsTable/commontypes.d.ts +1 -0
  5. package/package.json +1 -1
  6. package/src/qbsTable/QbsTable.tsx +9 -4
  7. package/src/qbsTable/commontypes.ts +1 -0
package/es/qbsTable/QbsTable.js CHANGED
@@ -104,7 +104,8 @@ var QbsTable = function QbsTable(_ref) {
104
104
  childDetailHeading = _ref$childDetailHeadi === void 0 ? '' : _ref$childDetailHeadi,
105
105
  _ref$isCustomTableCar = _ref.isCustomTableCardView,
106
106
  isCustomTableCardView = _ref$isCustomTableCar === void 0 ? false : _ref$isCustomTableCar,
107
- handleTableCardView = _ref.handleTableCardView;
107
+ handleTableCardView = _ref.handleTableCardView,
108
+ handleCustomCardLoader = _ref.handleCustomCardLoader;
108
109
  var _useState = useState(false),
109
110
  loading = _useState[0],
110
111
  setLoading = _useState[1];
@@ -588,7 +589,7 @@ var QbsTable = function QbsTable(_ref) {
588
589
  }, /*#__PURE__*/React.createElement(NoData, {
589
590
  title: emptyTitle != null ? emptyTitle : 'No Data Found',
590
591
  subtitle: emptySubTitle
591
- })), isLoading ? /*#__PURE__*/React.createElement("div", {
592
+ })), isLoading ? handleCustomCardLoader ? /*#__PURE__*/React.createElement(React.Fragment, null, handleCustomCardLoader()) : /*#__PURE__*/React.createElement("div", {
592
593
  className: "flex flex-col gap-2 p-2"
593
594
  }, /*#__PURE__*/React.createElement(CardLoader, null)) : data.map(function (items) {
594
595
  var _handleTableCardView;
package/es/qbsTable/commontypes.d.ts CHANGED
@@ -126,6 +126,7 @@ export interface QbsTableProps {
126
126
  childDetailHeading?: string;
127
127
  handleTableCardView?: (data: any) => React.ReactNode;
128
128
  isCustomTableCardView?: boolean;
129
+ handleCustomCardLoader?: () => React.ReactNode;
129
130
  }
130
131
  export interface QbsTableToolbarProps {
131
132
  title?: string;
package/lib/qbsTable/QbsTable.js CHANGED
@@ -110,7 +110,8 @@ var QbsTable = function QbsTable(_ref) {
110
110
  childDetailHeading = _ref$childDetailHeadi === void 0 ? '' : _ref$childDetailHeadi,
111
111
  _ref$isCustomTableCar = _ref.isCustomTableCardView,
112
112
  isCustomTableCardView = _ref$isCustomTableCar === void 0 ? false : _ref$isCustomTableCar,
113
- handleTableCardView = _ref.handleTableCardView;
113
+ handleTableCardView = _ref.handleTableCardView,
114
+ handleCustomCardLoader = _ref.handleCustomCardLoader;
114
115
  var _useState = (0, _react.useState)(false),
115
116
  loading = _useState[0],
116
117
  setLoading = _useState[1];
@@ -594,7 +595,7 @@ var QbsTable = function QbsTable(_ref) {
594
595
  }, /*#__PURE__*/_react["default"].createElement(_empty["default"], {
595
596
  title: emptyTitle != null ? emptyTitle : 'No Data Found',
596
597
  subtitle: emptySubTitle
597
- })), isLoading ? /*#__PURE__*/_react["default"].createElement("div", {
598
+ })), isLoading ? handleCustomCardLoader ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, handleCustomCardLoader()) : /*#__PURE__*/_react["default"].createElement("div", {
598
599
  className: "flex flex-col gap-2 p-2"
599
600
  }, /*#__PURE__*/_react["default"].createElement(_CardLoader["default"], null)) : data.map(function (items) {
600
601
  var _handleTableCardView;
package/lib/qbsTable/commontypes.d.ts CHANGED
@@ -126,6 +126,7 @@ export interface QbsTableProps {
126
126
  childDetailHeading?: string;
127
127
  handleTableCardView?: (data: any) => React.ReactNode;
128
128
  isCustomTableCardView?: boolean;
129
+ handleCustomCardLoader?: () => React.ReactNode;
129
130
  }
130
131
  export interface QbsTableToolbarProps {
131
132
  title?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qbs-react-grid",
3
- "version": "1.3.10",
3
+ "version": "1.3.11",
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
@@ -89,7 +89,8 @@ const QbsTable: React.FC<QbsTableProps> = ({
89
89
  cardColumLimit = 5,
90
90
  childDetailHeading = '',
91
91
  isCustomTableCardView = false,
92
- handleTableCardView
92
+ handleTableCardView,
93
+ handleCustomCardLoader
93
94
  }) => {
94
95
  const [loading, setLoading] = useState(false);
95
96
  const [columns, setColumns] = useState(propColumn);
@@ -648,9 +649,13 @@ const QbsTable: React.FC<QbsTableProps> = ({
648
649
  </div>
649
650
  )}
650
651
  {isLoading ? (
651
- <div className="flex flex-col gap-2 p-2">
652
- <CardLoader />
653
- </div>
652
+ handleCustomCardLoader ? (
653
+ <>{handleCustomCardLoader()}</>
654
+ ) : (
655
+ <div className="flex flex-col gap-2 p-2">
656
+ <CardLoader />
657
+ </div>
658
+ )
654
659
  ) : (
655
660
  data.map((items: any) => (
656
661
  <div
package/src/qbsTable/commontypes.ts CHANGED
@@ -129,6 +129,7 @@ export interface QbsTableProps {
129
129
  childDetailHeading?: string;
130
130
  handleTableCardView?: (data: any) => React.ReactNode;
131
131
  isCustomTableCardView?: boolean;
132
+ handleCustomCardLoader?: () => React.ReactNode;
132
133
  }
133
134
 
134
135
  export interface QbsTableToolbarProps {