@carbon/ibm-products 2.43.1-canary.1 → 2.43.1-canary.3

package/es/components/Datagrid/types/index.d.ts

@@ -192,6 +192,7 @@ export interface DataGridState<T extends object = any> extends TableCommonProps,
     onVirtualScroll?: (evt?: boolean) => void;
     fetchMoreData?: () => void;
     loadMoreThreshold?: number;
+    expandedRowIds?: object;
     onRowClick?: (row: any, event: any) => void;
     onSort?: boolean;
 }

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

@@ -1,2 +1,9 @@
+/**
+ * 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.
+ */
+import { Hooks } from 'react-table';
+declare const useNestedRows: (hooks: Hooks) => void;
 export default useNestedRows;
-declare function useNestedRows(hooks: any): void;

package/es/components/Datagrid/useNestedRows.js

@@ -15,48 +15,33 @@ var blockClass = "".concat(pkg.prefix, "--datagrid");
 var useNestedRows = function useNestedRows(hooks) {
   useNestedRowExpander(hooks);
   var useInstance = function useInstance(instance) {
-    useEffect(function () {
-      var rows = instance.rows;
-      var defaultExpandedRows = rows.filter(function (row) {
-        var _row$original;
-        return row === null || row === void 0 || (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.defaultExpanded;
-      });
-      if (defaultExpandedRows !== null && defaultExpandedRows !== void 0 && defaultExpandedRows.length) {
-        defaultExpandedRows.map(function (defaultExpandedRow) {
-          if (!defaultExpandedRow.isExpanded && !defaultExpandedRow.hasExpanded) {
-            var _defaultExpandedRow$t;
-            defaultExpandedRow === null || defaultExpandedRow === void 0 || (_defaultExpandedRow$t = defaultExpandedRow.toggleRowExpanded) === null || _defaultExpandedRow$t === void 0 || _defaultExpandedRow$t.call(defaultExpandedRow);
-            defaultExpandedRow.hasExpanded = true;
-            return;
-          }
-        });
-      }
-    }, [instance, instance.rows]);
     // This useEffect will expand rows if they exist in the initialState obj
     useEffect(function () {
       var rows = instance.rows,
         initialState = instance.initialState;
-      var expandedRowIds = initialState.expandedRowIds;
+      var _ref = initialState,
+        expandedRowIds = _ref.expandedRowIds;
       if (expandedRowIds) {
         Object.keys(expandedRowIds).forEach(function (key) {
           var row = rows.filter(function (r) {
             return r.id.toString() === key.toString();
           });
-          if (row.length && key.toString() === row[0].id.toString()) {
-            row[0].toggleRowExpanded();
+          if (row !== null && row !== void 0 && row.length && key.toString() === row[0].id.toString()) {
+            var _row$;
+            (_row$ = row[0]) === null || _row$ === void 0 || _row$.toggleRowExpanded();
           }
         });
       }
     }, [instance]);
     var marginLeft = 24;
-    var getRowProps = function getRowProps(props, _ref) {
-      var row = _ref.row;
+    var getRowProps = function getRowProps(props, _ref2) {
+      var row = _ref2.row;
       return [props, {
         className: cx(_defineProperty(_defineProperty({}, "".concat(blockClass, "__carbon-nested-row"), row.depth > 0), "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded))
       }];
     };
-    var getRowStyles = function getRowStyles(props, _ref2) {
-      var row = _ref2.row;
+    var getRowStyles = function getRowStyles(props, _ref3) {
+      var row = _ref3.row;
       return [props, {
         style: {
           paddingLeft: "".concat(row.depth > 1 ? marginLeft * 2 + (row.depth - 1) * (marginLeft + marginLeft / 3) : row.depth === 1 ? marginLeft * 2 : 0, "px")
@@ -66,9 +51,9 @@ var useNestedRows = function useNestedRows(hooks) {
     var getIndentation = function getIndentation(depth) {
       return 32 * depth + 16;
     }; // row indentation padding
-    var getCellProps = function getCellProps(props, _ref3) {
-      var cell = _ref3.cell,
-        instance = _ref3.instance;
+    var getCellProps = function getCellProps(props, _ref4) {
+      var cell = _ref4.cell,
+        instance = _ref4.instance;
       // we add a dynamic -ve margin right only if the cell is resized below minimum width i.e 50px, else we set the width based on indentation at different levels
       var isFirstCell = instance.columns.findIndex(function (c) {
         return c.id === cell.column.id;

package/es/components/ScrollGradient/ScrollGradient.js

@@ -81,7 +81,8 @@ var ScrollGradient = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement("div", {
     onScroll: scrollHandler,
     ref: setRefs,
-    className: cx("".concat(blockClass, "__content"), scrollElementClassName)
+    className: cx("".concat(blockClass, "__content"), scrollElementClassName),
+    tabIndex: 0
   }, /*#__PURE__*/React__default.createElement("div", {
     ref: contentChildrenContainer,
     className: "".concat(blockClass, "__content-children")

package/lib/components/Datagrid/types/index.d.ts

@@ -192,6 +192,7 @@ export interface DataGridState<T extends object = any> extends TableCommonProps,
     onVirtualScroll?: (evt?: boolean) => void;
     fetchMoreData?: () => void;
     loadMoreThreshold?: number;
+    expandedRowIds?: object;
     onRowClick?: (row: any, event: any) => void;
     onSort?: boolean;
 }

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

@@ -1,2 +1,9 @@
+/**
+ * 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.
+ */
+import { Hooks } from 'react-table';
+declare const useNestedRows: (hooks: Hooks) => void;
 export default useNestedRows;
-declare function useNestedRows(hooks: any): void;

package/lib/components/Datagrid/useNestedRows.js

@@ -23,48 +23,33 @@ var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var useNestedRows = function useNestedRows(hooks) {
   useNestedRowExpander["default"](hooks);
   var useInstance = function useInstance(instance) {
-    React.useEffect(function () {
-      var rows = instance.rows;
-      var defaultExpandedRows = rows.filter(function (row) {
-        var _row$original;
-        return row === null || row === void 0 || (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.defaultExpanded;
-      });
-      if (defaultExpandedRows !== null && defaultExpandedRows !== void 0 && defaultExpandedRows.length) {
-        defaultExpandedRows.map(function (defaultExpandedRow) {
-          if (!defaultExpandedRow.isExpanded && !defaultExpandedRow.hasExpanded) {
-            var _defaultExpandedRow$t;
-            defaultExpandedRow === null || defaultExpandedRow === void 0 || (_defaultExpandedRow$t = defaultExpandedRow.toggleRowExpanded) === null || _defaultExpandedRow$t === void 0 || _defaultExpandedRow$t.call(defaultExpandedRow);
-            defaultExpandedRow.hasExpanded = true;
-            return;
-          }
-        });
-      }
-    }, [instance, instance.rows]);
     // This useEffect will expand rows if they exist in the initialState obj
     React.useEffect(function () {
       var rows = instance.rows,
         initialState = instance.initialState;
-      var expandedRowIds = initialState.expandedRowIds;
+      var _ref = initialState,
+        expandedRowIds = _ref.expandedRowIds;
       if (expandedRowIds) {
         Object.keys(expandedRowIds).forEach(function (key) {
           var row = rows.filter(function (r) {
             return r.id.toString() === key.toString();
           });
-          if (row.length && key.toString() === row[0].id.toString()) {
-            row[0].toggleRowExpanded();
+          if (row !== null && row !== void 0 && row.length && key.toString() === row[0].id.toString()) {
+            var _row$;
+            (_row$ = row[0]) === null || _row$ === void 0 || _row$.toggleRowExpanded();
           }
         });
       }
     }, [instance]);
     var marginLeft = 24;
-    var getRowProps = function getRowProps(props, _ref) {
-      var row = _ref.row;
+    var getRowProps = function getRowProps(props, _ref2) {
+      var row = _ref2.row;
       return [props, {
         className: cx__default["default"](_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__carbon-nested-row"), row.depth > 0), "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded))
       }];
     };
-    var getRowStyles = function getRowStyles(props, _ref2) {
-      var row = _ref2.row;
+    var getRowStyles = function getRowStyles(props, _ref3) {
+      var row = _ref3.row;
       return [props, {
         style: {
           paddingLeft: "".concat(row.depth > 1 ? marginLeft * 2 + (row.depth - 1) * (marginLeft + marginLeft / 3) : row.depth === 1 ? marginLeft * 2 : 0, "px")
@@ -74,9 +59,9 @@ var useNestedRows = function useNestedRows(hooks) {
     var getIndentation = function getIndentation(depth) {
       return 32 * depth + 16;
     }; // row indentation padding
-    var getCellProps = function getCellProps(props, _ref3) {
-      var cell = _ref3.cell,
-        instance = _ref3.instance;
+    var getCellProps = function getCellProps(props, _ref4) {
+      var cell = _ref4.cell,
+        instance = _ref4.instance;
       // we add a dynamic -ve margin right only if the cell is resized below minimum width i.e 50px, else we set the width based on indentation at different levels
       var isFirstCell = instance.columns.findIndex(function (c) {
         return c.id === cell.column.id;

package/lib/components/ScrollGradient/ScrollGradient.js

@@ -90,7 +90,8 @@ exports.ScrollGradient = /*#__PURE__*/React__default["default"].forwardRef(funct
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("div", {
     onScroll: scrollHandler,
     ref: setRefs,
-    className: cx__default["default"]("".concat(blockClass, "__content"), scrollElementClassName)
+    className: cx__default["default"]("".concat(blockClass, "__content"), scrollElementClassName),
+    tabIndex: 0
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     ref: contentChildrenContainer,
     className: "".concat(blockClass, "__content-children")

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.43.1-canary.1+2f1e993c3",
+  "version": "2.43.1-canary.3+8929392ba",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -121,5 +121,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "2f1e993c3f547c4e7ca0f2f79b4d94232b979f8b"
+  "gitHead": "8929392ba3157e6621cadf2add03b78913a55318"
 }