@carbon/ibm-products 2.37.0 → 2.38.0-alpha.5

package/es/components/Datagrid/Datagrid/DatagridContent.d.ts

@@ -14,6 +14,7 @@ export namespace DatagridContent {
             DatagridPagination: PropTypes.Requireable<NonNullable<PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>;
             CustomizeColumnsTearsheet: PropTypes.Requireable<NonNullable<PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>;
             isFetching: PropTypes.Requireable<boolean>;
+            skeletonRowCount: PropTypes.Requireable<number>;
             fullHeightDatagrid: PropTypes.Requireable<boolean>;
             filterProps: PropTypes.Requireable<object>;
             variableRowHeight: PropTypes.Requireable<boolean>;

package/es/components/Datagrid/Datagrid/DatagridContent.js

@@ -184,6 +184,7 @@ DatagridContent.propTypes = {
     DatagridPagination: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
     CustomizeColumnsTearsheet: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
     isFetching: PropTypes.bool,
+    skeletonRowCount: PropTypes.number,
     fullHeightDatagrid: PropTypes.bool,
     filterProps: PropTypes.object,
     variableRowHeight: PropTypes.bool,

package/es/components/Datagrid/useSkeletonRows.d.ts

@@ -1,6 +1,6 @@
 export default useSkeletons;
 /**
- * Copyright IBM Corp. 2020, 2023
+ * Copyright IBM Corp. 2020, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/Datagrid/useSkeletonRows.js

@@ -8,7 +8,7 @@
 import { toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 
 /**
- * Copyright IBM Corp. 2020, 2023
+ * Copyright IBM Corp. 2020, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -17,7 +17,11 @@ import { toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupP
 var useSkeletons = function useSkeletons(hooks) {
   var useInstance = function useInstance(instance) {
     var isFetching = instance.isFetching,
-      rows = instance.rows;
+      rows = instance.rows,
+      skeletonRowCount = instance.skeletonRowCount;
+    if (isFetching && skeletonRowCount === 0) {
+      throw new Error('skeletonRowCount cannot be set to 0, if isFetching is true');
+    }
     var skeletonRow = function skeletonRow(id) {
       return {
         isSkeleton: true,
@@ -25,7 +29,11 @@ var useSkeletons = function useSkeletons(hooks) {
         id: id
       };
     };
-    var rowsWithSkeletons = [].concat(_toConsumableArray(rows), [skeletonRow('skeleton-row-1'), skeletonRow('skeleton-row-2'), skeletonRow('skeleton-row-3')]);
+    var rowsWithSkeletons = [].concat(_toConsumableArray(rows), _toConsumableArray(Array.from({
+      length: skeletonRowCount || 3
+    }, function (_, index) {
+      return skeletonRow("skeleton-row-".concat(index + 1));
+    })));
     Object.assign(instance, {
       rows: isFetching ? rowsWithSkeletons : rows
     });

package/lib/components/Datagrid/Datagrid/DatagridContent.d.ts

@@ -14,6 +14,7 @@ export namespace DatagridContent {
             DatagridPagination: PropTypes.Requireable<NonNullable<PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>;
             CustomizeColumnsTearsheet: PropTypes.Requireable<NonNullable<PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>;
             isFetching: PropTypes.Requireable<boolean>;
+            skeletonRowCount: PropTypes.Requireable<number>;
             fullHeightDatagrid: PropTypes.Requireable<boolean>;
             filterProps: PropTypes.Requireable<object>;
             variableRowHeight: PropTypes.Requireable<boolean>;

package/lib/components/Datagrid/Datagrid/DatagridContent.js

@@ -193,6 +193,7 @@ DatagridContent.propTypes = {
     DatagridPagination: index["default"].oneOfType([index["default"].element, index["default"].func]),
     CustomizeColumnsTearsheet: index["default"].oneOfType([index["default"].element, index["default"].func]),
     isFetching: index["default"].bool,
+    skeletonRowCount: index["default"].number,
     fullHeightDatagrid: index["default"].bool,
     filterProps: index["default"].object,
     variableRowHeight: index["default"].bool,

package/lib/components/Datagrid/useSkeletonRows.d.ts

@@ -1,6 +1,6 @@
 export default useSkeletons;
 /**
- * Copyright IBM Corp. 2020, 2023
+ * Copyright IBM Corp. 2020, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/components/Datagrid/useSkeletonRows.js

@@ -12,7 +12,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 
 /**
- * Copyright IBM Corp. 2020, 2023
+ * Copyright IBM Corp. 2020, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -21,7 +21,11 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var useSkeletons = function useSkeletons(hooks) {
   var useInstance = function useInstance(instance) {
     var isFetching = instance.isFetching,
-      rows = instance.rows;
+      rows = instance.rows,
+      skeletonRowCount = instance.skeletonRowCount;
+    if (isFetching && skeletonRowCount === 0) {
+      throw new Error('skeletonRowCount cannot be set to 0, if isFetching is true');
+    }
     var skeletonRow = function skeletonRow(id) {
       return {
         isSkeleton: true,
@@ -29,7 +33,11 @@ var useSkeletons = function useSkeletons(hooks) {
         id: id
       };
     };
-    var rowsWithSkeletons = [].concat(_rollupPluginBabelHelpers.toConsumableArray(rows), [skeletonRow('skeleton-row-1'), skeletonRow('skeleton-row-2'), skeletonRow('skeleton-row-3')]);
+    var rowsWithSkeletons = [].concat(_rollupPluginBabelHelpers.toConsumableArray(rows), _rollupPluginBabelHelpers.toConsumableArray(Array.from({
+      length: skeletonRowCount || 3
+    }, function (_, index) {
+      return skeletonRow("skeleton-row-".concat(index + 1));
+    })));
     Object.assign(instance, {
       rows: isFetching ? rowsWithSkeletons : rows
     });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.37.0",
+  "version": "2.38.0-alpha.5+70e9c92e4",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -48,6 +48,7 @@
     "clean": "rimraf es lib css scss",
     "generate": "cross-env FORCE_COLOR=1 node scripts/generate",
     "postinstall": "ibmtelemetry --config=telemetry.yml",
+    "telemetry-config": "ibmtelemetry-config --id 495342db-5046-4ecf-85ea-9ffceb6f8cdf --endpoint https://collector-prod.1am6wm210aow.us-south.codeengine.appdomain.cloud/v1/metrics --files ./src/components/**/*.(tsx|js|jsx)",
     "test": "jest --colors",
     "//upgrade-dependencies": "# don't upgrade carbon (done globally), react/react-dom (explicit range peer dependency), chalk (issue #1596)",
     "upgrade-dependencies": "npm-check-updates -u --dep dev,peer,prod --color --reject '/(carbon|^react$|^react-dom$|^chalk$|^namor)/'"
@@ -62,6 +63,7 @@
     "@babel/preset-env": "^7.23.9",
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.21.5",
+    "@ibm/telemetry-js-config-generator": "^1.0.3",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
@@ -114,5 +116,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "c2a0c5dcbee48c0da2a211c09e2a505fd39e7203"
+  "gitHead": "70e9c92e41968c9840e77d15e721193d085d50a1"
 }