@carbon/ibm-products 2.32.0 → 2.33.0

package/es/components/ActionBar/ActionBar.js

@@ -25,13 +25,19 @@ var _excluded = ["actions", "className", "maxVisible", "menuOptionsClass", "onWi
 var blockClass = "".concat(pkg.prefix, "--action-bar");
 var componentName = 'ActionBar';
 
+// Default values for props
+var defaults = {
+  actions: Object.freeze([])
+};
+
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
 /**
  * The ActionBar is used internally by the PageHeader to wrap ActionBarItems.
  */
 var ActionBar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var actions = _ref.actions,
+  var _ref$actions = _ref.actions,
+    actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
     className = _ref.className,
     maxVisible = _ref.maxVisible,
     menuOptionsClass = _ref.menuOptionsClass,
@@ -188,6 +194,7 @@ var ActionBar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     className: cx(["".concat(blockClass, "__displayed-items"), _defineProperty({}, "".concat(blockClass, "__displayed-items--right"), rightAlign)])
   }, displayedItems));
 });
+ActionBar = pkg.checkComponentEnabled(ActionBar, componentName);
 ActionBar.displayName = componentName;
 ActionBar.propTypes = {
   /**

package/es/components/CreateTearsheet/CreateTearsheetDivider.d.ts

@@ -1,2 +1,13 @@
-export let CreateTearsheetDivider: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+/**
+ * Copyright IBM Corp. 2021, 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 React from 'react';
+interface CreateTearsheetDividerProps {
+    /** Specifies an optional className to be added to the tearsheet divider */
+    className?: string;
+}
+export declare let CreateTearsheetDivider: React.FC<CreateTearsheetDividerProps>;
+export {};

package/es/components/CreateTearsheet/CreateTearsheetDivider.js

@@ -27,7 +27,7 @@ var CreateTearsheetDivider = /*#__PURE__*/forwardRef(function (_ref, ref) {
 CreateTearsheetDivider = pkg.checkComponentEnabled(CreateTearsheetDivider, componentName);
 CreateTearsheetDivider.propTypes = {
   /**
-   * Sets an optional className to be added to the tearsheet step
+   * Sets an optional className to be added to the tearsheet divider
    */
   className: PropTypes.string
 };

package/es/components/DataSpreadsheet/DataSpreadsheet.js

@@ -119,20 +119,24 @@ var DataSpreadsheet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     _useState18 = _slicedToArray(_useState17, 2),
     headerCellHoldActive = _useState18[0],
     setHeaderCellHoldActive = _useState18[1];
-  var _useState19 = useState(false),
+  var _useState19 = useState(null),
     _useState20 = _slicedToArray(_useState19, 2),
-    activeCellInsideSelectionArea = _useState20[0],
-    setActiveCellInsideSelectionArea = _useState20[1];
+    isActiveHeaderCellChanged = _useState20[0],
+    setIsActiveHeaderCellChanged = _useState20[1];
+  var _useState21 = useState(false),
+    _useState22 = _slicedToArray(_useState21, 2),
+    activeCellInsideSelectionArea = _useState22[0],
+    setActiveCellInsideSelectionArea = _useState22[1];
   var previousState = usePreviousValue({
     activeCellCoordinates: activeCellCoordinates,
     isEditing: isEditing
   });
   var cellSizeValue = getCellSize(cellSize);
   var cellEditorRef = useRef();
-  var _useState21 = useState(),
-    _useState22 = _slicedToArray(_useState21, 2),
-    activeCellContent = _useState22[0],
-    setActiveCellContent = _useState22[1];
+  var _useState23 = useState(),
+    _useState24 = _slicedToArray(_useState23, 2),
+    activeCellContent = _useState24[0],
+    setActiveCellContent = _useState24[1];
   var activeCellRef = useRef();
   var cellEditorRulerRef = useRef();
   var defaultColumn = useMemo(function () {
@@ -206,6 +210,9 @@ var DataSpreadsheet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
       }
       if (activeCellCoordinates && (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header') {
         setActiveCellContent(null);
+        setIsActiveHeaderCellChanged(function (prev) {
+          return !prev;
+        });
       }
     }
   }, [activeCellCoordinates, previousState === null || previousState === void 0 ? void 0 : previousState.activeCellCoordinates, updateData, rows, isEditing, removeCellEditor, activeCellContent]);
@@ -216,23 +223,19 @@ var DataSpreadsheet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
       addToHeader = _ref2$addToHeader === void 0 ? false : _ref2$addToHeader;
     var activeCellFullData = typeof (coords === null || coords === void 0 ? void 0 : coords.column) === 'number' && typeof (coords === null || coords === void 0 ? void 0 : coords.row) === 'number' ? rows[coords === null || coords === void 0 ? void 0 : coords.row].cells[coords === null || coords === void 0 ? void 0 : coords.column] : null;
     var activeCellValue = activeCellFullData ? Object.values(activeCellFullData.row.values)[coords === null || coords === void 0 ? void 0 : coords.column] : null;
-    var prevCoords = previousState === null || previousState === void 0 ? void 0 : previousState.activeCellCoordinates;
-    // Only create an active cell if the activeCellCoordinates have changed
-    if ((prevCoords === null || prevCoords === void 0 ? void 0 : prevCoords.row) !== (coords === null || coords === void 0 ? void 0 : coords.row) || (prevCoords === null || prevCoords === void 0 ? void 0 : prevCoords.column) !== (coords === null || coords === void 0 ? void 0 : coords.column)) {
-      createActiveCellFn({
-        placementElement: placementElement,
-        coords: coords,
-        addToHeader: addToHeader,
-        contextRef: spreadsheetRef,
-        blockClass: blockClass,
-        onActiveCellChange: onActiveCellChange,
-        activeCellValue: activeCellValue,
-        activeCellRef: activeCellRef,
-        cellEditorRef: cellEditorRef,
-        defaultColumn: defaultColumn
-      });
-    }
-  }, [spreadsheetRef, rows, onActiveCellChange, previousState === null || previousState === void 0 ? void 0 : previousState.activeCellCoordinates, defaultColumn]);
+    createActiveCellFn({
+      placementElement: placementElement,
+      coords: coords,
+      addToHeader: addToHeader,
+      contextRef: spreadsheetRef,
+      blockClass: blockClass,
+      onActiveCellChange: onActiveCellChange,
+      activeCellValue: activeCellValue,
+      activeCellRef: activeCellRef,
+      cellEditorRef: cellEditorRef,
+      defaultColumn: defaultColumn
+    });
+  }, [spreadsheetRef, rows, onActiveCellChange, defaultColumn]);
   useResetSpreadsheetFocus({
     focusedElement: focusedElement,
     removeActiveCell: removeActiveCell,
@@ -251,7 +254,9 @@ var DataSpreadsheet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     spreadsheetRef: spreadsheetRef,
     activeCellCoordinates: activeCellCoordinates,
     containerHasFocus: containerHasFocus,
-    createActiveCell: createActiveCell
+    createActiveCell: createActiveCell,
+    activeCellContent: activeCellContent,
+    isActiveHeaderCellChanged: isActiveHeaderCellChanged
   });
   var handleInitialArrowPress = useCallback(function () {
     // If activeCellCoordinates is null then we need to set an initial value
@@ -299,10 +304,10 @@ var DataSpreadsheet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
       spreadsheetRef: spreadsheetRef
     });
   }, [activeCellCoordinates, updateActiveCellCoordinates, spreadsheetRef, columns.length]);
-  var checkforReturnConditon = useCallback(function (key) {
+  var checkForReturnCondition = useCallback(function (key) {
     return isEditing || key === 'Meta' || key === 'Control';
   }, [isEditing]);
-  var handleArrowkeyPress = useCallback(function (arrowKey) {
+  var handleArrowKeyPress = useCallback(function (arrowKey) {
     event.preventDefault();
     handleInitialArrowPress();
     var coordinatesClone = _objectSpread2({}, activeCellCoordinates);
@@ -403,7 +408,7 @@ var DataSpreadsheet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     var key = event.key;
     // Command keys need to be returned as there is default browser behavior with these keys
     // Needs to be returned in editing mode
-    if (checkforReturnConditon(key)) {
+    if (checkForReturnCondition(key)) {
       return;
     }
 
@@ -506,11 +511,11 @@ var DataSpreadsheet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
         case 'ArrowRight':
         case 'ArrowDown':
           {
-            handleArrowkeyPress(key);
+            handleArrowKeyPress(key);
           }
       }
     }
-  }, [activeCellInsideSelectionArea, updateActiveCellCoordinates, activeCellCoordinates, removeActiveCell, columns, rows, spreadsheetRef, currentMatcher, removeCellEditor, selectionAreas, handleHomeEndKey, keysPressedList, usingMac, updateData, checkforReturnConditon, handleArrowkeyPress]);
+  }, [activeCellInsideSelectionArea, updateActiveCellCoordinates, activeCellCoordinates, removeActiveCell, columns, rows, spreadsheetRef, currentMatcher, removeCellEditor, selectionAreas, handleHomeEndKey, keysPressedList, usingMac, updateData, checkForReturnCondition, handleArrowKeyPress]);
   var startEditMode = function startEditMode() {
     setIsEditing(true);
     setClickAndHoldActive(false);
@@ -709,6 +714,7 @@ var DataSpreadsheet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     visibleColumns: visibleColumns,
     selectAllAriaLabel: selectAllAriaLabel
   }), /*#__PURE__*/React__default.createElement(DataSpreadsheetBody, {
+    activeCellRef: activeCellRef,
     activeCellCoordinates: activeCellCoordinates,
     ref: spreadsheetRef,
     clickAndHoldActive: clickAndHoldActive,

package/es/components/DataSpreadsheet/DataSpreadsheetBody.js

@@ -27,7 +27,8 @@ import { useSpreadsheetMouseUp } from './hooks/useSpreadsheetMouseUp.js';
 var _div;
 var blockClass = "".concat(pkg.prefix, "--data-spreadsheet");
 var DataSpreadsheetBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var columns = _ref.columns,
+  var activeCellRef = _ref.activeCellRef,
+    columns = _ref.columns,
     activeCellCoordinates = _ref.activeCellCoordinates,
     defaultColumn = _ref.defaultColumn,
     defaultEmptyRowCount = _ref.defaultEmptyRowCount,
@@ -196,6 +197,47 @@ var DataSpreadsheetBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }
     }
   }, [defaultColumn, ref, activeCellCoordinates, previousState === null || previousState === void 0 ? void 0 : previousState.rowHeight, selectionAreas, setActiveCellInsideSelectionArea, setSelectionAreas, visibleColumns]);
+  //selectionAreas will be set when ever a selection area is made.
+  useEffect(function () {
+    removeDuplicateSelections();
+  }, [selectionAreas, removeDuplicateSelections]);
+
+  //this method will check for any duplicate selection area and remove.
+  //same selections are those have the same height, width, top, left styles. These inline styles are being set in createCellSelection util.
+  var removeDuplicateSelections = useCallback(function () {
+    var uniqueAttrArray = [],
+      removedSelectionAreaMatcherArr = [];
+    ref.current.querySelectorAll(".".concat(blockClass, "__selection-area--element")).forEach(function (selectorEl) {
+      var _selectorEl$style = selectorEl.style,
+        top = _selectorEl$style.top,
+        left = _selectorEl$style.left,
+        height = _selectorEl$style.height,
+        width = _selectorEl$style.width;
+      var uniqueAttrStr = "".concat(top).concat(left).concat(height).concat(width); // eg: 20px30px70px90px
+      if (uniqueAttrArray.indexOf(uniqueAttrStr) == -1) {
+        uniqueAttrArray.push(uniqueAttrStr);
+      } else {
+        selectorEl.remove(); // this is identified as duplicate selection and hence removing.
+        removedSelectionAreaMatcherArr.push(selectorEl.getAttribute('data-matcher-id'));
+      }
+    });
+
+    //clean the duplicate selectionAreaData and selectionArea
+    if (removedSelectionAreaMatcherArr.length) {
+      setSelectionAreas(function (prev) {
+        var prevValues = deepCloneObject(prev);
+        return prevValues.filter(function (item) {
+          return !removedSelectionAreaMatcherArr.includes(item.matcher);
+        });
+      });
+      setSelectionAreaData(function (prev) {
+        var prevValues = deepCloneObject(prev);
+        return prevValues.filter(function (item) {
+          return !removedSelectionAreaMatcherArr.includes(item.selectionId);
+        });
+      });
+    }
+  }, [ref, setSelectionAreas, setSelectionAreaData]);
 
   // onClick fn for each cell in the data spreadsheet body,
   // adds the active cell highlight
@@ -250,6 +292,7 @@ var DataSpreadsheetBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
           setSelectionAreas(selectionAreaClone);
         }
       } else {
+        activeCellRef.current.style.display = 'none';
         setActiveCellInsideSelectionArea(false);
         setActiveCellCoordinates(activeCoordinates);
         // remove all previous cell selections
@@ -264,7 +307,7 @@ var DataSpreadsheetBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
         setSelectionAreaData([]);
       }
     };
-  }, [currentMatcher, activeCellCoordinates, selectionAreas, setActiveCellCoordinates, setSelectionAreas, setContainerHasFocus, setClickAndHoldActive, setCurrentMatcher, ref, setSelectionAreaData, setActiveCellInsideSelectionArea]);
+  }, [currentMatcher, activeCellCoordinates, selectionAreas, setActiveCellCoordinates, setSelectionAreas, setContainerHasFocus, setClickAndHoldActive, setCurrentMatcher, ref, setSelectionAreaData, setActiveCellInsideSelectionArea, activeCellRef]);
   var handleBodyScroll = function handleBodyScroll() {
     var headerRowElement = ref.current.querySelector("\n        .".concat(blockClass, "__header--container .").concat(blockClass, "__tr"));
     headerRowElement.scrollLeft = contentScrollRef.current.scrollLeft;
@@ -428,6 +471,10 @@ DataSpreadsheetBody.propTypes = {
     row: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     column: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
   }),
+  /**
+   *This is the ref of the button input, which is the active cell element
+   */
+  activeCellRef: PropTypes.object,
   /**
    * Is the user clicking and holding in the data spreadsheet body
    */

package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.d.ts

@@ -1,6 +1,8 @@
-export function useMoveActiveCell({ spreadsheetRef, activeCellCoordinates, containerHasFocus, createActiveCell, }: {
+export function useMoveActiveCell({ spreadsheetRef, activeCellCoordinates, containerHasFocus, createActiveCell, activeCellContent, isActiveHeaderCellChanged, }: {
     spreadsheetRef: any;
     activeCellCoordinates: any;
     containerHasFocus: any;
     createActiveCell: any;
+    activeCellContent: any;
+    isActiveHeaderCellChanged: any;
 }): void;

package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.js

@@ -5,15 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { useEffect } from 'react';
+import { useEffect, useCallback } from 'react';
 
 // Moves the placement of the active cell
 var useMoveActiveCell = function useMoveActiveCell(_ref) {
   var spreadsheetRef = _ref.spreadsheetRef,
     activeCellCoordinates = _ref.activeCellCoordinates,
     containerHasFocus = _ref.containerHasFocus,
-    createActiveCell = _ref.createActiveCell;
+    createActiveCell = _ref.createActiveCell,
+    activeCellContent = _ref.activeCellContent,
+    isActiveHeaderCellChanged = _ref.isActiveHeaderCellChanged;
+  //new active cell is created when the activeCellContent changes or navigate through headers
+  // Otherwise new active cell will display the old value in a glance
   useEffect(function () {
+    performCreateActiveCell();
+  }, [activeCellContent, performCreateActiveCell, isActiveHeaderCellChanged]);
+  var performCreateActiveCell = useCallback(function () {
     var activeCellPlacementElement = spreadsheetRef === null || spreadsheetRef === void 0 ? void 0 : spreadsheetRef.current.querySelector("[data-row-index=\"".concat(activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row, "\"][data-column-index=\"").concat(activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column, "\"]"));
     var shouldPlaceActiveCellInHeader = (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' && true;
     var selectAllElement = spreadsheetRef === null || spreadsheetRef === void 0 ? void 0 : spreadsheetRef.current.querySelector("[data-row-index=\"header\"][data-column-index=\"header\"]");
@@ -24,7 +31,7 @@ var useMoveActiveCell = function useMoveActiveCell(_ref) {
         addToHeader: shouldPlaceActiveCellInHeader
       });
     }
-  }, [activeCellCoordinates, spreadsheetRef, createActiveCell, containerHasFocus]);
+  }, [spreadsheetRef, activeCellCoordinates, containerHasFocus, createActiveCell]);
 };
 
 export { useMoveActiveCell };

package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js

@@ -15,7 +15,6 @@ var blockClass = "".concat(pkg.prefix, "--datagrid__row-size");
 var RowSizeRadioGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var rowSizes = _ref.rowSizes,
     selectedOption = _ref.selectedOption,
-    datagridName = _ref.datagridName,
     onChange = _ref.onChange,
     legendText = _ref.legendText,
     _ref$rowSizeLabels = _ref.rowSizeLabels,
@@ -25,7 +24,8 @@ var RowSizeRadioGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
       md: 'Medium',
       sm: 'Small',
       xs: 'Extra small'
-    } : _ref$rowSizeLabels;
+    } : _ref$rowSizeLabels,
+    tableId = _ref.tableId;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "-dropdown"),
     role: "presentation",
@@ -48,7 +48,7 @@ var RowSizeRadioGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
       key: option.value,
       labelText: labelText,
       value: option.value,
-      id: "".concat(datagridName || 'datagrid', "--row-density--").concat(option.value)
+      id: "".concat(tableId || 'datagrid', "--row-density--").concat(option.value)
     });
   })));
 });
@@ -78,12 +78,12 @@ RowSizeRadioGroup.defaultProps = {
   selectedOption: 'lg'
 };
 RowSizeRadioGroup.propTypes = {
-  datagridName: PropTypes.string,
   legendText: PropTypes.string,
   onChange: PropTypes.func.isRequired,
   rowSizeLabels: PropTypes.object,
   rowSizes: PropTypes.array.isRequired,
-  selectedOption: PropTypes.string.isRequired
+  selectedOption: PropTypes.string.isRequired,
+  tableId: PropTypes.string.isRequired
 };
 var RowSizeRadioGroup$1 = RowSizeRadioGroup;
 

package/es/components/Datagrid/useRowSize.js

@@ -18,7 +18,8 @@ var useRowSize = function useRowSize(hooks) {
     var rowSizeProps = instance.rowSizeProps,
       rowSizes = instance.rowSizes,
       rowSize = instance.rowSize,
-      onRowSizeChange = instance.onRowSizeChange;
+      onRowSizeChange = instance.onRowSizeChange,
+      tableId = instance.tableId;
     var _ref = rowSizeProps || {},
       labels = _ref.labels;
     Object.assign(instance, {
@@ -32,7 +33,8 @@ var useRowSize = function useRowSize(hooks) {
           if (typeof onRowSizeChange === 'function') {
             onRowSizeChange(value);
           }
-        }
+        },
+        tableId: tableId
       }),
       RowSizeDropdown: RowSizeDropdown
     });

package/es/components/DescriptionList/DescriptionList.d.ts

@@ -2,41 +2,4 @@
  * Type layouts provide an orderly layout of terms and definitions.
  */
 export let DescriptionList: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-export function DescriptionListBody({ children, className, ...rest }: {
-    [x: string]: any;
-    children: any;
-    className: any;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace DescriptionListBody {
-    export namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let className: PropTypes.Requireable<string>;
-    }
-    export { componentNameBody as displayName };
-}
-export function DescriptionListRow({ children, className, ...other }: {
-    [x: string]: any;
-    children: any;
-    className: any;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace DescriptionListRow {
-    export namespace propTypes_1 { }
-    export { propTypes_1 as propTypes };
-    export { componentNameRow as displayName };
-}
-export function DescriptionListCell({ children, className, ...rest }: {
-    [x: string]: any;
-    children: any;
-    className: any;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace DescriptionListCell {
-    export namespace propTypes_2 { }
-    export { propTypes_2 as propTypes };
-    export { componentNameCell as displayName };
-}
 import React from 'react';
-import PropTypes from 'prop-types';
-declare const componentNameBody: "DescriptionListBody";
-declare const componentNameRow: "DescriptionListRow";
-declare const componentNameCell: "DescriptionListCell";
-export {};

package/es/components/DescriptionList/DescriptionList.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import cx from 'classnames';
@@ -65,24 +65,19 @@ DescriptionList = pkg.checkComponentEnabled(DescriptionList, componentName);
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
 DescriptionList.displayName = componentName;
-var propTypes = {
-  /** Provide the contents of the node */
-  children: PropTypes.node,
-  /** Provide an optional class to be applied to the containing node */
-  className: PropTypes.string
-};
 
 // The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-DescriptionList.propTypes = _objectSpread2(_objectSpread2({}, propTypes), {}, {
+DescriptionList.propTypes = {
   /** Specify if the type layout has a border */
   border: PropTypes.bool,
+  /** Provide the contents of the node */
+  children: PropTypes.node,
+  /** Provide an optional class to be applied to the containing node */
+  className: PropTypes.string,
   /** Specify the size of the type layout, from a list of available sizes */
   size: PropTypes.oneOf(Object.values(DescriptionListSize))
-});
-_objectSpread2({}, propTypes);
-_objectSpread2({}, propTypes);
-_objectSpread2({}, propTypes);
+};
 
 export { DescriptionList };

package/es/components/DescriptionList/DescriptionListBody.d.ts

@@ -0,0 +1,2 @@
+export let DescriptionListBody: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/es/components/DescriptionList/DescriptionListBody.js

@@ -0,0 +1,39 @@
+/**
+ * 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 { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import cx from 'classnames';
+import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
+import { pkg } from '../../settings.js';
+import { StructuredListBody } from '@carbon/react';
+
+var _excluded = ["children", "className"];
+
+// The block part of our conventional BEM class names (blockClass__E--M).
+var blockClass = "".concat(pkg.prefix, "--description-list__body");
+var componentName = 'DescriptionListBody';
+var DescriptionListBody = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.createElement(StructuredListBody, _extends({
+    className: cx(blockClass, className),
+    ref: ref
+  }, getDevtoolsProps(componentName), rest), children);
+});
+DescriptionListBody.propTypes = {
+  /** Provide the contents of the node */
+  children: PropTypes.node,
+  /** Provide an optional class to be applied to the containing node */
+  className: PropTypes.string
+};
+DescriptionListBody = pkg.checkComponentEnabled(DescriptionListBody, componentName);
+DescriptionListBody.displayName = componentName;
+
+export { DescriptionListBody };

package/es/components/DescriptionList/DescriptionListCell.d.ts

@@ -0,0 +1,2 @@
+export let DescriptionListCell: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/es/components/DescriptionList/DescriptionListCell.js

@@ -0,0 +1,39 @@
+/**
+ * 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 { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import cx from 'classnames';
+import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
+import { pkg } from '../../settings.js';
+import { StructuredListCell } from '@carbon/react';
+
+var _excluded = ["children", "className"];
+
+// The block part of our conventional BEM class names (blockClass__E--M).
+var blockClass = "".concat(pkg.prefix, "--description-list__cell");
+var componentName = 'DescriptionListCell';
+var DescriptionListCell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.createElement(StructuredListCell, _extends({
+    className: cx(blockClass, className),
+    ref: ref
+  }, getDevtoolsProps(componentName), rest), children);
+});
+DescriptionListCell.propTypes = {
+  /** Provide the contents of the node */
+  children: PropTypes.node,
+  /** Provide an optional class to be applied to the containing node */
+  className: PropTypes.string
+};
+DescriptionListCell = pkg.checkComponentEnabled(DescriptionListCell, componentName);
+DescriptionListCell.displayName = componentName;
+
+export { DescriptionListCell };

package/es/components/DescriptionList/DescriptionListRow.d.ts

@@ -0,0 +1,2 @@
+export let DescriptionListRow: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/es/components/DescriptionList/DescriptionListRow.js

@@ -0,0 +1,41 @@
+/**
+ * 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 { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import cx from 'classnames';
+import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
+import { pkg } from '../../settings.js';
+import { StructuredListRow } from '@carbon/react';
+
+var _excluded = ["children", "className"];
+
+// The block part of our conventional BEM class names (blockClass__E--M).
+var blockClass = "".concat(pkg.prefix, "--description-list__row");
+var componentName = 'DescriptionListRow';
+var DescriptionListRow = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.createElement(StructuredListRow, _extends({
+    className: cx(blockClass, className)
+    // role="row"
+    ,
+    ref: ref
+  }, getDevtoolsProps(componentName), rest), children);
+});
+DescriptionListRow.propTypes = {
+  /** Provide the contents of the node */
+  children: PropTypes.node,
+  /** Provide an optional class to be applied to the containing node */
+  className: PropTypes.string
+};
+DescriptionListRow = pkg.checkComponentEnabled(DescriptionListRow, componentName);
+DescriptionListRow.displayName = componentName;
+
+export { DescriptionListRow };

package/es/components/DescriptionList/index.d.ts

@@ -1 +1,4 @@
-export { DescriptionList, DescriptionListBody, DescriptionListRow, DescriptionListCell } from "./DescriptionList";
+export { DescriptionList } from "./DescriptionList";
+export { DescriptionListBody } from "./DescriptionListBody";
+export { DescriptionListCell } from "./DescriptionListCell";
+export { DescriptionListRow } from "./DescriptionListRow";

package/es/components/FilterPanel/FilterPanel.d.ts

@@ -0,0 +1,5 @@
+/**
+ * The container for filter panel subcomponents.
+ */
+export let FilterPanel: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';