carbon-addons-iot-react 5.5.2 → 5.6.3

package/es/components/CardEditor/CardEditForm/CardEditFormItems/DataSeriesFormItemModal.js

@@ -7,6 +7,7 @@ import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.array.find.js';
 import 'core-js/modules/es.array.find-index.js';
+import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.array.slice.js';
 import 'core-js/modules/es.array.sort.js';
 import 'core-js/modules/es.number.constructor.js';
@@ -312,9 +313,20 @@ var DataSeriesFormItemModal = function DataSeriesFormItemModal(_ref) {
   });
   var initialAggregation = matchedDataItem === null || matchedDataItem === void 0 ? void 0 : matchedDataItem.aggregationMethod;
   var initialGrain = matchedDataItem === null || matchedDataItem === void 0 ? void 0 : matchedDataItem.grain;
-  var selectedDimensionFilter = editDataItem.dataFilter ? Object.keys(editDataItem.dataFilter)[0] : '';
+  var selectedDimensionFilter = useMemo(function () {
+    return editDataItem.dataFilter ? Object.keys(editDataItem.dataFilter)[0] : '';
+  }, [editDataItem.dataFilter]);
+  var availableDimensionsItems = useMemo(function () {
+    var _availableDimensions$;
+    return selectedDimensionFilter && ((_availableDimensions$ = availableDimensions[selectedDimensionFilter]) === null || _availableDimensions$ === void 0 ? void 0 : _availableDimensions$.sort().map(function (item) {
+      return {
+        id: item,
+        text: item.toString()
+      };
+    })) || [];
+  }, [availableDimensions, selectedDimensionFilter]);
   var DataEditorContent = useMemo(function () {
-    var _editDataItem$aggrega, _editDataItem$aggrega2, _editDataItem$precisi, _availableDimensions$;
+    var _editDataItem$aggrega, _editDataItem$aggrega2, _editDataItem$precisi;
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, hasAggregationsDropDown && hasAggregationsDropDown(editDataItem) && /*#__PURE__*/React__default.createElement("div", {
       className: "".concat(baseClassName, "--input-group")
     }, !initialAggregation || !isSummaryDashboard ?
@@ -494,19 +506,22 @@ var DataSeriesFormItemModal = function DataSeriesFormItemModal(_ref) {
       autoAlign: true
     })), /*#__PURE__*/React__default.createElement("div", {
       className: "".concat(baseClassName, "--input-group--item")
-    }, !isEmpty(editDataItem.dataFilter) && availableDimensions[selectedDimensionFilter] && /*#__PURE__*/React__default.createElement(Dropdown, {
+    }, !isEmpty(editDataItem.dataFilter) && (availableDimensionsItems === null || availableDimensionsItems === void 0 ? void 0 : availableDimensionsItems.length) > 0 && /*#__PURE__*/React__default.createElement(Dropdown, {
       id: "".concat(id, "_data-filter-value"),
       label: "",
       direction: "bottom",
-      items: (_availableDimensions$ = availableDimensions[selectedDimensionFilter]) === null || _availableDimensions$ === void 0 ? void 0 : _availableDimensions$.sort(),
+      items: availableDimensionsItems,
       light: true,
       itemToString: function itemToString(item) {
-        return item === null || item === void 0 ? void 0 : item.toString();
+        return item ? item.text : '';
       },
-      selectedItem: editDataItem.dataFilter ? editDataItem.dataFilter[selectedDimensionFilter] : undefined,
+      selectedItem: availableDimensionsItems.find(function (item) {
+        var _editDataItem$dataFil;
+        return item.id === ((_editDataItem$dataFil = editDataItem.dataFilter) === null || _editDataItem$dataFil === void 0 ? void 0 : _editDataItem$dataFil[selectedDimensionFilter]);
+      }),
       onChange: function onChange(_ref9) {
         var selectedItem = _ref9.selectedItem;
-        var dataFilter = _defineProperty({}, selectedDimensionFilter, selectedItem);
+        var dataFilter = _defineProperty({}, selectedDimensionFilter, selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id);
         setEditDataItem(_objectSpread(_objectSpread({}, editDataItem), {}, {
           dataFilter: dataFilter
         }));
@@ -536,7 +551,7 @@ var DataSeriesFormItemModal = function DataSeriesFormItemModal(_ref) {
       },
       columnType: editDataItem.columnType || editDataItem.type
     }));
-  }, [availableDimensions, availableGrains, baseClassName, cardConfig, editDataItem, handleTranslation, hasAggregationsDropDown, hasColorDropdown, hasDataFilterDropdown, hasDecimalPlacesDropdown, hasGrainsDropDown, hasThresholds, hasTooltip, hasUnit, id, initialAggregation, initialGrain, isSummaryDashboard, isTimeBasedCard$1, mergedI18n, selectedDimensionFilter, setEditDataItem, type]);
+  }, [availableDimensions, availableDimensionsItems, availableGrains, baseClassName, cardConfig, editDataItem, handleTranslation, hasAggregationsDropDown, hasColorDropdown, hasDataFilterDropdown, hasDecimalPlacesDropdown, hasGrainsDropDown, hasThresholds, hasTooltip, hasUnit, id, initialAggregation, initialGrain, isSummaryDashboard, isTimeBasedCard$1, mergedI18n, selectedDimensionFilter, setEditDataItem, type]);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, showEditor && /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(baseClassName, "--modal-wrapper")
   }, /*#__PURE__*/React__default.createElement(ComposedModal, {

package/es/components/SidePanel/SidePanel.js

@@ -62,7 +62,11 @@ var propTypes = {
   /** Toggle side panel busy state */
   isBusy: PropTypes.bool,
   /** should the footer primary button be disabled */
-  isPrimaryButtonDisabled: PropTypes.bool
+  isPrimaryButtonDisabled: PropTypes.bool,
+  /** Custom width in pixels for the side panel (e.g., 400, '400px', or '25rem') */
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /** Custom background color for the side panel (e.g., '#f4f4f4', 'gray', or any valid CSS color) */
+  backgroundColor: PropTypes.string
 };
 var defaultProps = {
   isOpen: false,
@@ -84,7 +88,9 @@ var defaultProps = {
   onPrimaryButtonClick: undefined,
   onSecondaryButtonClick: undefined,
   isBusy: false,
-  isPrimaryButtonDisabled: false
+  isPrimaryButtonDisabled: false,
+  width: undefined,
+  backgroundColor: undefined
 };
 var baseClass = "".concat(iotPrefix, "--sidepanel");
 var SidePanel = function SidePanel(_ref) {
@@ -104,7 +110,9 @@ var SidePanel = function SidePanel(_ref) {
     children = _ref.children,
     style = _ref.style,
     isBusy = _ref.isBusy,
-    isPrimaryButtonDisabled = _ref.isPrimaryButtonDisabled;
+    isPrimaryButtonDisabled = _ref.isPrimaryButtonDisabled,
+    width = _ref.width,
+    backgroundColor = _ref.backgroundColor;
   var titleRef = useRef();
   var subtitleRef = useRef();
   var contentRef = useRef();
@@ -192,11 +200,24 @@ var SidePanel = function SidePanel(_ref) {
     }
     return "".concat(str.substring(0, length), "...");
   };
+  var panelWidth = useMemo(function () {
+    if (width !== undefined) {
+      return typeof width === 'number' ? "".concat(width, "px") : width;
+    }
+    return undefined;
+  }, [width]);
+  var panelStyle = useMemo(function () {
+    return _objectSpread(_objectSpread(_objectSpread({}, style), panelWidth && {
+      width: panelWidth
+    }), backgroundColor && {
+      backgroundColor: backgroundColor
+    });
+  }, [style, panelWidth, backgroundColor]);
   return /*#__PURE__*/React__default.createElement("div", {
     key: "sidePanel--".concat(subtitle),
     "data-testid": testId,
     className: classnames("".concat(baseClass), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(baseClass, "--closed"), !isOpen), "".concat(baseClass, "--full-width"), isFullWidth), "".concat(baseClass, "--start"), direction === 'left'), "".concat(baseClass, "--inline"), type === 'inline'), "".concat(baseClass, "--slide-over"), type === 'over'), "".concat(baseClass, "--condensed"), isCondensed || isScrolled)),
-    style: style
+    style: panelStyle
   }, onToggle && (isOpen || type === 'inline') ? /*#__PURE__*/React__default.createElement(Button, {
     testId: "".concat(testId, "-toggle-button"),
     hasIconOnly: true,
@@ -490,6 +511,33 @@ SidePanel.__docgenInfo = {
         "name": "bool"
       },
       "required": false
+    },
+    "width": {
+      "defaultValue": {
+        "value": "undefined",
+        "computed": true
+      },
+      "description": "Custom width in pixels for the side panel (e.g., 400, '400px', or '25rem')",
+      "type": {
+        "name": "union",
+        "value": [{
+          "name": "number"
+        }, {
+          "name": "string"
+        }]
+      },
+      "required": false
+    },
+    "backgroundColor": {
+      "defaultValue": {
+        "value": "undefined",
+        "computed": true
+      },
+      "description": "Custom background color for the side panel (e.g., '#f4f4f4', 'gray', or any valid CSS color)",
+      "type": {
+        "name": "string"
+      },
+      "required": false
     }
   }
 };

package/es/components/Table/Table.js

@@ -58,7 +58,7 @@ import ErrorTable from './ErrorTable/ErrorTable.js';
 import { PIN_COLUMN } from './tableUtilities.js';
 import { FilterEdit } from '@carbon/icons-react';
 
-var _excluded = ["id", "columns", "enablePercentageColumnWidth", "columnGroups", "data", "expandedData", "locale", "view", "actions", "actions", "options", "lightweight", "className", "style", "i18n", "secondaryTitle", "tooltip", "error", "testId", "size", "zIndex", "emptyStateIcon"],
+var _excluded = ["id", "columns", "enablePercentageColumnWidth", "columnGroups", "data", "expandedData", "locale", "view", "actions", "actions", "options", "lightweight", "className", "style", "i18n", "secondaryTitle", "tooltip", "error", "testId", "size", "zIndex", "emptyStateIcon", "deletedAttribute"],
   _excluded2 = ["renderIcon"],
   _excluded3 = ["error"],
   _excluded4 = ["maxPages"];
@@ -393,7 +393,9 @@ var propTypes = {
   /** Specify the error message that need to be displayed by default.
    * Incase we use view.table.errorState property then the error state will be displayed instead of error message */
   error: PropTypes.string,
-  testId: PropTypes.string
+  testId: PropTypes.string,
+  /** Attribute name to identify deleted rows */
+  deletedAttribute: PropTypes.string
 };
 var defaultProps = function defaultProps(baseProps) {
   return {
@@ -612,7 +614,8 @@ var defaultProps = function defaultProps(baseProps) {
     // previously used as testId.
     testId: null,
     enablePercentageColumnWidth: false,
-    emptyStateIcon: ''
+    emptyStateIcon: '',
+    deletedAttribute: undefined
   };
 };
 var Table = function Table(props) {
@@ -640,6 +643,7 @@ var Table = function Table(props) {
     size = _merge2.size,
     zIndex = _merge2.zIndex,
     emptyStateIcon = _merge2.emptyStateIcon,
+    deletedAttribute = _merge2.deletedAttribute,
     others = _objectWithoutProperties(_merge2, _excluded);
 
   // There is no way to access the current search value in the Table
@@ -1020,7 +1024,8 @@ var Table = function Table(props) {
     testId: "".concat(id || testId, "-table-body"),
     showExpanderColumn: showExpanderColumn,
     size: size,
-    pinColumn: options.pinColumn
+    pinColumn: options.pinColumn,
+    deletedAttribute: deletedAttribute
   })) : /*#__PURE__*/React__default.createElement(EmptyTable, {
     id: id,
     totalColumns: totalColumns,
@@ -2027,6 +2032,13 @@ Table.__docgenInfo = {
         "name": "string"
       },
       "required": false
+    },
+    "deletedAttribute": {
+      "description": "Attribute name to identify deleted rows",
+      "type": {
+        "name": "string"
+      },
+      "required": false
     }
   }
 };

package/es/components/Table/TableBody/TableBody.js

@@ -118,7 +118,9 @@ var propTypes = {
   /** Optional base z-index for the drag image. See details on Table component. */
   zIndex: PropTypes.number,
   /** column to pin in the table */
-  pinColumn: PinColumnPropTypes
+  pinColumn: PinColumnPropTypes,
+  /** Attribute name to identify deleted rows */
+  deletedAttribute: PropTypes.string
 };
 var defaultProps = {
   expandedIds: [],
@@ -157,7 +159,8 @@ var defaultProps = {
   hasBreadcrumbDrop: false,
   hideDragHandles: false,
   zIndex: 0,
-  pinColumn: PIN_COLUMN.NONE
+  pinColumn: PIN_COLUMN.NONE,
+  deletedAttribute: '_deleted'
 };
 var TableBody = function TableBody(_ref) {
   var tableId = _ref.tableId,
@@ -202,7 +205,8 @@ var TableBody = function TableBody(_ref) {
     hasBreadcrumbDrop = _ref.hasBreadcrumbDrop,
     hideDragHandles = _ref.hideDragHandles,
     zIndex = _ref.zIndex,
-    pinColumn = _ref.pinColumn;
+    pinColumn = _ref.pinColumn,
+    deletedAttribute = _ref.deletedAttribute;
   // Need to merge the ordering and the columns since the columns have the renderer function
   var orderingMap = useMemo(function () {
     return ordering.map(function (col) {
@@ -357,7 +361,8 @@ var TableBody = function TableBody(_ref) {
       onDragEnterRow: isDragging ? handleEnterRow : null,
       onDragLeaveRow: isDragging ? handleLeaveRow : null,
       dragRowIds: dragRowIds,
-      canDropRowIds: canDropRowIds
+      canDropRowIds: canDropRowIds,
+      deletedAttribute: deletedAttribute
     });
   })), dragPreview);
 };
@@ -834,6 +839,17 @@ TableBody.__docgenInfo = {
       },
       "required": false
     },
+    "deletedAttribute": {
+      "defaultValue": {
+        "value": "'_deleted'",
+        "computed": false
+      },
+      "description": "Attribute name to identify deleted rows",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "tableId": {
       "description": "The unique id of the table",
       "type": {

package/es/components/Table/TableBody/TableBodyRow/TableBodyRow.js

@@ -138,7 +138,9 @@ var propTypes = {
   /** If this row is being dragged. */
   isDragRow: PropTypes.bool,
   /** If all drag handles should be hidden. This happens when an undraggable row is in the selection. */
-  hideDragHandles: PropTypes.bool
+  hideDragHandles: PropTypes.bool,
+  /** Attribute name to identify deleted rows */
+  deletedAttribute: PropTypes.string
 };
 var defaultProps = {
   isSelected: false,
@@ -174,7 +176,8 @@ var defaultProps = {
   onDragEnterRow: null,
   onDragLeaveRow: null,
   isDraggable: false,
-  isDragRow: false
+  isDragRow: false,
+  deletedAttribute: '_deleted'
 };
 var TableBodyRow = function TableBodyRow(_ref) {
   var id = _ref.id,
@@ -231,7 +234,8 @@ var TableBodyRow = function TableBodyRow(_ref) {
     isDragRow = _ref.isDragRow,
     isDraggable = _ref.isDraggable,
     hasDragAndDrop = _ref.hasDragAndDrop,
-    hideDragHandles = _ref.hideDragHandles;
+    hideDragHandles = _ref.hideDragHandles,
+    deletedAttribute = _ref.deletedAttribute;
   var isEditMode = rowEditMode || singleRowEditMode;
   var singleSelectionIndicatorWidth = hasRowSelection === 'single' ? 0 : 5;
   var nestingLevelPixels = nestingLevel * 32;
@@ -374,7 +378,7 @@ var TableBodyRow = function TableBodyRow(_ref) {
     key: id
   }, /*#__PURE__*/React__default.createElement(TableExpandRow, _extends({
     expandHeaderId: "".concat(tableId, "-expand"),
-    className: classnames("".concat(iotPrefix, "--expandable-tablerow--expanded"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), "".concat(iotPrefix, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), "".concat(iotPrefix, "--table__row--dragging"), isDragRow), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted)),
+    className: classnames("".concat(iotPrefix, "--expandable-tablerow--expanded"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), "".concat(iotPrefix, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), "".concat(iotPrefix, "--table__row--dragging"), isDragRow), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values[deletedAttribute])),
     ariaLabel: clickToCollapseAria,
     expandIconDescription: clickToCollapseAria,
     isExpanded: true,
@@ -402,13 +406,13 @@ var TableBodyRow = function TableBodyRow(_ref) {
     rowId: id,
     langDir: langDir
   }, dragEnterLeaveHandlers), tableCells), !hasRowNesting && /*#__PURE__*/React__default.createElement(TableRow, _extends({
-    className: classnames("".concat(iotPrefix, "--expanded-tablerow"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--expanded-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--table__row--dragging"), isDragRow), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted))
+    className: classnames("".concat(iotPrefix, "--expanded-tablerow"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--expanded-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--table__row--dragging"), isDragRow), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values[deletedAttribute]))
   }, dragEnterLeaveHandlers), /*#__PURE__*/React__default.createElement(TableCell, {
     colSpan: totalColumns
   }, rowDetails))) : /*#__PURE__*/React__default.createElement(TableExpandRow, _extends({
     key: id,
     expandHeaderId: "".concat(tableId, "-expand"),
-    className: classnames("".concat(iotPrefix, "--expandable-tablerow"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--expandable-tablerow--parent"), hasRowNesting && (hasRowNesting === null || hasRowNesting === void 0 ? void 0 : hasRowNesting.hasSingleNestedHierarchy) && nestingChildCount > 0), "".concat(iotPrefix, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), "".concat(iotPrefix, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), "".concat(iotPrefix, "--expandable-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--expandable-tablerow--last-child"), isLastChild), "".concat(iotPrefix, "--table__row--dragging"), isDragRow), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted)),
+    className: classnames("".concat(iotPrefix, "--expandable-tablerow"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--expandable-tablerow--parent"), hasRowNesting && (hasRowNesting === null || hasRowNesting === void 0 ? void 0 : hasRowNesting.hasSingleNestedHierarchy) && nestingChildCount > 0), "".concat(iotPrefix, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), "".concat(iotPrefix, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), "".concat(iotPrefix, "--expandable-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--expandable-tablerow--last-child"), isLastChild), "".concat(iotPrefix, "--table__row--dragging"), isDragRow), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values[deletedAttribute])),
     "data-row-nesting": hasRowNesting,
     "data-child-count": nestingChildCount,
     "data-nesting-offset": nestingOffset,
@@ -437,7 +441,7 @@ var TableBodyRow = function TableBodyRow(_ref) {
     rowId: id,
     langDir: langDir
   }, dragEnterLeaveHandlers), tableCells) : hasRowSelection === 'single' && isSelected ? /*#__PURE__*/React__default.createElement(TableRow, _extends({
-    className: classnames("".concat(iotPrefix, "--table__row"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--table__row--singly-selected"), isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--table__row--background"), isSelected), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted)),
+    className: classnames("".concat(iotPrefix, "--table__row"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--table__row--singly-selected"), isSelected && !useRadioButtonSingleSelect), "".concat(iotPrefix, "--table__row--background"), isSelected), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values[deletedAttribute])),
     key: id,
     onClick: function onClick() {
       if (isSelectable !== false) {
@@ -448,7 +452,7 @@ var TableBodyRow = function TableBodyRow(_ref) {
       }
     }
   }, dragEnterLeaveHandlers), tableCells) : /*#__PURE__*/React__default.createElement(TableRow, _extends({
-    className: classnames("".concat(iotPrefix, "--table__row"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--table__row--unselectable"), isSelectable === false), "".concat(iotPrefix, "--table__row--selectable"), isSelectable !== false), "".concat(iotPrefix, "--table__row--editing"), isEditMode), "".concat(iotPrefix, "--table__row--selected"), isSelected), "".concat(iotPrefix, "--table__row--dragging"), isDragRow), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values._deleted)),
+    className: classnames("".concat(iotPrefix, "--table__row"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--table__row--unselectable"), isSelectable === false), "".concat(iotPrefix, "--table__row--selectable"), isSelectable !== false), "".concat(iotPrefix, "--table__row--editing"), isEditMode), "".concat(iotPrefix, "--table__row--selected"), isSelected), "".concat(iotPrefix, "--table__row--dragging"), isDragRow), "".concat(iotPrefix, "--table__row--softdeleted"), values === null || values === void 0 ? void 0 : values[deletedAttribute])),
     key: id,
     onClick: function onClick() {
       if (isSelectable !== false) {
@@ -933,6 +937,17 @@ TableBodyRow.__docgenInfo = {
       },
       "required": false
     },
+    "deletedAttribute": {
+      "defaultValue": {
+        "value": "'_deleted'",
+        "computed": false
+      },
+      "description": "Attribute name to identify deleted rows",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "ordering": {
       "description": "What column ordering is currently applied to the table",
       "type": {

package/es/components/Table/TableBody/TableBodyRowRenderer.js

@@ -127,7 +127,9 @@ var propTypes = {
   /** Callback for when a row is entered during a drag. This is null when there is not drag. */
   onDragEnterRow: PropTypes.func,
   /** Callback for when a row is left during a drag. This is null when there is not drag. */
-  onDragLeaveRow: PropTypes.func
+  onDragLeaveRow: PropTypes.func,
+  /** Attribute name to identify deleted rows */
+  deletedAttribute: PropTypes.string
 };
 var defaultProps = {
   actionFailedText: 'Action failed',
@@ -172,7 +174,8 @@ var defaultProps = {
   onDragEnterRow: null,
   onDragLeaveRow: null,
   dragRowIds: [],
-  canDropRowIds: []
+  canDropRowIds: [],
+  deletedAttribute: '_deleted'
 };
 function TableBodyRowRenderer(props) {
   var actionFailedText = props.actionFailedText,
@@ -222,7 +225,8 @@ function TableBodyRowRenderer(props) {
     onDragLeaveRow = props.onDragLeaveRow,
     onDragEnterRow = props.onDragEnterRow,
     canDropRowIds = props.canDropRowIds,
-    dragRowIds = props.dragRowIds;
+    dragRowIds = props.dragRowIds,
+    deletedAttribute = props.deletedAttribute;
   var isRowExpanded = expandedIds.includes(row.id);
   var shouldShowChildren = hasRowNesting && isRowExpanded && row.children && row.children.length > 0;
   var myRowActionState = rowActionsState.find(function (rowAction) {
@@ -307,7 +311,8 @@ function TableBodyRowRenderer(props) {
     isDraggable: row.isDraggable,
     showExpanderColumn: showExpanderColumn,
     size: size,
-    isLastChild: isLastChild
+    isLastChild: isLastChild,
+    deletedAttribute: deletedAttribute
   }) : /*#__PURE__*/React__default.createElement(TableBodyLoadMoreRow, {
     id: row.id,
     key: "".concat(row.id, "--load-more"),
@@ -899,6 +904,17 @@ TableBodyRowRenderer.__docgenInfo = {
       },
       "required": false
     },
+    "deletedAttribute": {
+      "defaultValue": {
+        "value": "'_deleted'",
+        "computed": false
+      },
+      "description": "Attribute name to identify deleted rows",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "tableId": {
       "description": "The unique id of the table",
       "type": {

package/es/components/TimeSeriesCard/TimeSeriesCard.js

@@ -50,6 +50,8 @@ var TimeSeriesDatasetPropTypes = PropTypes.shape({
   dataSourceId: PropTypes.string.isRequired,
   /** optional filter to apply to this particular line */
   dataFilter: PropTypes.objectOf(PropTypes.any),
+  /** optional param to disable DataFilter */
+  disableDataFilter: PropTypes.bool,
   /** optional param to set the colors */
   color: PropTypes.string
 });

package/es/components/TimeSeriesCard/timeSeriesUtils.js

@@ -218,10 +218,12 @@ var formatChartData = function formatChartData() {
     var dataSourceId = _ref2.dataSourceId,
       _ref2$dataFilter = _ref2.dataFilter,
       dataFilter = _ref2$dataFilter === void 0 ? {} : _ref2$dataFilter,
-      label = _ref2.label;
+      label = _ref2.label,
+      _ref2$disableDataFilt = _ref2.disableDataFilter,
+      disableDataFilter = _ref2$disableDataFilt === void 0 ? false : _ref2$disableDataFilt;
     timestamps.forEach(function (timestamp) {
       // First filter based on on the dataFilter
-      var filteredData = filter(values, dataFilter);
+      var filteredData = !disableDataFilter ? filter(values, dataFilter) : values;
       if (!isEmpty(filteredData)) {
         // have to filter out null values from the dataset, as it causes Carbon Charts to break
         filteredData.filter(function (dataItem) {

package/es/internal/deprecate.js

@@ -11,6 +11,9 @@ import warning from 'warning';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+// trigger lerna build
+
 var didWarnAboutDeprecation = {};
 function deprecate(propType, message) {
   function checker(props, propName, componentName) {

package/lib/components/CardEditor/CardEditForm/CardEditFormItems/DataSeriesFormItemModal.js

@@ -9,6 +9,7 @@ require('core-js/modules/es.array.concat.js');
 require('core-js/modules/es.array.filter.js');
 require('core-js/modules/es.array.find.js');
 require('core-js/modules/es.array.find-index.js');
+require('core-js/modules/es.array.map.js');
 require('core-js/modules/es.array.slice.js');
 require('core-js/modules/es.array.sort.js');
 require('core-js/modules/es.number.constructor.js');
@@ -321,9 +322,20 @@ var DataSeriesFormItemModal = function DataSeriesFormItemModal(_ref) {
   });
   var initialAggregation = matchedDataItem === null || matchedDataItem === void 0 ? void 0 : matchedDataItem.aggregationMethod;
   var initialGrain = matchedDataItem === null || matchedDataItem === void 0 ? void 0 : matchedDataItem.grain;
-  var selectedDimensionFilter = editDataItem.dataFilter ? Object.keys(editDataItem.dataFilter)[0] : '';
+  var selectedDimensionFilter = React.useMemo(function () {
+    return editDataItem.dataFilter ? Object.keys(editDataItem.dataFilter)[0] : '';
+  }, [editDataItem.dataFilter]);
+  var availableDimensionsItems = React.useMemo(function () {
+    var _availableDimensions$;
+    return selectedDimensionFilter && ((_availableDimensions$ = availableDimensions[selectedDimensionFilter]) === null || _availableDimensions$ === void 0 ? void 0 : _availableDimensions$.sort().map(function (item) {
+      return {
+        id: item,
+        text: item.toString()
+      };
+    })) || [];
+  }, [availableDimensions, selectedDimensionFilter]);
   var DataEditorContent = React.useMemo(function () {
-    var _editDataItem$aggrega, _editDataItem$aggrega2, _editDataItem$precisi, _availableDimensions$;
+    var _editDataItem$aggrega, _editDataItem$aggrega2, _editDataItem$precisi;
     return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, hasAggregationsDropDown && hasAggregationsDropDown(editDataItem) && /*#__PURE__*/React__default.default.createElement("div", {
       className: "".concat(baseClassName, "--input-group")
     }, !initialAggregation || !isSummaryDashboard ?
@@ -503,19 +515,22 @@ var DataSeriesFormItemModal = function DataSeriesFormItemModal(_ref) {
       autoAlign: true
     })), /*#__PURE__*/React__default.default.createElement("div", {
       className: "".concat(baseClassName, "--input-group--item")
-    }, !isEmpty(editDataItem.dataFilter) && availableDimensions[selectedDimensionFilter] && /*#__PURE__*/React__default.default.createElement(react.Dropdown, {
+    }, !isEmpty(editDataItem.dataFilter) && (availableDimensionsItems === null || availableDimensionsItems === void 0 ? void 0 : availableDimensionsItems.length) > 0 && /*#__PURE__*/React__default.default.createElement(react.Dropdown, {
       id: "".concat(id, "_data-filter-value"),
       label: "",
       direction: "bottom",
-      items: (_availableDimensions$ = availableDimensions[selectedDimensionFilter]) === null || _availableDimensions$ === void 0 ? void 0 : _availableDimensions$.sort(),
+      items: availableDimensionsItems,
       light: true,
       itemToString: function itemToString(item) {
-        return item === null || item === void 0 ? void 0 : item.toString();
+        return item ? item.text : '';
       },
-      selectedItem: editDataItem.dataFilter ? editDataItem.dataFilter[selectedDimensionFilter] : undefined,
+      selectedItem: availableDimensionsItems.find(function (item) {
+        var _editDataItem$dataFil;
+        return item.id === ((_editDataItem$dataFil = editDataItem.dataFilter) === null || _editDataItem$dataFil === void 0 ? void 0 : _editDataItem$dataFil[selectedDimensionFilter]);
+      }),
       onChange: function onChange(_ref9) {
         var selectedItem = _ref9.selectedItem;
-        var dataFilter = _defineProperty__default.default({}, selectedDimensionFilter, selectedItem);
+        var dataFilter = _defineProperty__default.default({}, selectedDimensionFilter, selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id);
         setEditDataItem(_objectSpread(_objectSpread({}, editDataItem), {}, {
           dataFilter: dataFilter
         }));
@@ -545,7 +560,7 @@ var DataSeriesFormItemModal = function DataSeriesFormItemModal(_ref) {
       },
       columnType: editDataItem.columnType || editDataItem.type
     }));
-  }, [availableDimensions, availableGrains, baseClassName, cardConfig, editDataItem, handleTranslation, hasAggregationsDropDown, hasColorDropdown, hasDataFilterDropdown, hasDecimalPlacesDropdown, hasGrainsDropDown, hasThresholds, hasTooltip, hasUnit, id, initialAggregation, initialGrain, isSummaryDashboard, isTimeBasedCard, mergedI18n, selectedDimensionFilter, setEditDataItem, type]);
+  }, [availableDimensions, availableDimensionsItems, availableGrains, baseClassName, cardConfig, editDataItem, handleTranslation, hasAggregationsDropDown, hasColorDropdown, hasDataFilterDropdown, hasDecimalPlacesDropdown, hasGrainsDropDown, hasThresholds, hasTooltip, hasUnit, id, initialAggregation, initialGrain, isSummaryDashboard, isTimeBasedCard, mergedI18n, selectedDimensionFilter, setEditDataItem, type]);
   return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, showEditor && /*#__PURE__*/React__default.default.createElement("div", {
     className: "".concat(baseClassName, "--modal-wrapper")
   }, /*#__PURE__*/React__default.default.createElement(ComposedModal.default, {

package/lib/components/SidePanel/SidePanel.js

@@ -73,7 +73,11 @@ var propTypes = {
   /** Toggle side panel busy state */
   isBusy: PropTypes__default.default.bool,
   /** should the footer primary button be disabled */
-  isPrimaryButtonDisabled: PropTypes__default.default.bool
+  isPrimaryButtonDisabled: PropTypes__default.default.bool,
+  /** Custom width in pixels for the side panel (e.g., 400, '400px', or '25rem') */
+  width: PropTypes__default.default.oneOfType([PropTypes__default.default.number, PropTypes__default.default.string]),
+  /** Custom background color for the side panel (e.g., '#f4f4f4', 'gray', or any valid CSS color) */
+  backgroundColor: PropTypes__default.default.string
 };
 var defaultProps = {
   isOpen: false,
@@ -95,7 +99,9 @@ var defaultProps = {
   onPrimaryButtonClick: undefined,
   onSecondaryButtonClick: undefined,
   isBusy: false,
-  isPrimaryButtonDisabled: false
+  isPrimaryButtonDisabled: false,
+  width: undefined,
+  backgroundColor: undefined
 };
 var baseClass = "".concat(iotPrefix, "--sidepanel");
 var SidePanel = function SidePanel(_ref) {
@@ -115,7 +121,9 @@ var SidePanel = function SidePanel(_ref) {
     children = _ref.children,
     style = _ref.style,
     isBusy = _ref.isBusy,
-    isPrimaryButtonDisabled = _ref.isPrimaryButtonDisabled;
+    isPrimaryButtonDisabled = _ref.isPrimaryButtonDisabled,
+    width = _ref.width,
+    backgroundColor = _ref.backgroundColor;
   var titleRef = React.useRef();
   var subtitleRef = React.useRef();
   var contentRef = React.useRef();
@@ -203,11 +211,24 @@ var SidePanel = function SidePanel(_ref) {
     }
     return "".concat(str.substring(0, length), "...");
   };
+  var panelWidth = React.useMemo(function () {
+    if (width !== undefined) {
+      return typeof width === 'number' ? "".concat(width, "px") : width;
+    }
+    return undefined;
+  }, [width]);
+  var panelStyle = React.useMemo(function () {
+    return _objectSpread(_objectSpread(_objectSpread({}, style), panelWidth && {
+      width: panelWidth
+    }), backgroundColor && {
+      backgroundColor: backgroundColor
+    });
+  }, [style, panelWidth, backgroundColor]);
   return /*#__PURE__*/React__default.default.createElement("div", {
     key: "sidePanel--".concat(subtitle),
     "data-testid": testId,
     className: classnames__default.default("".concat(baseClass), _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, "".concat(baseClass, "--closed"), !isOpen), "".concat(baseClass, "--full-width"), isFullWidth), "".concat(baseClass, "--start"), direction === 'left'), "".concat(baseClass, "--inline"), type === 'inline'), "".concat(baseClass, "--slide-over"), type === 'over'), "".concat(baseClass, "--condensed"), isCondensed || isScrolled)),
-    style: style
+    style: panelStyle
   }, onToggle && (isOpen || type === 'inline') ? /*#__PURE__*/React__default.default.createElement(Button, {
     testId: "".concat(testId, "-toggle-button"),
     hasIconOnly: true,
@@ -501,6 +522,33 @@ SidePanel.__docgenInfo = {
         "name": "bool"
       },
       "required": false
+    },
+    "width": {
+      "defaultValue": {
+        "value": "undefined",
+        "computed": true
+      },
+      "description": "Custom width in pixels for the side panel (e.g., 400, '400px', or '25rem')",
+      "type": {
+        "name": "union",
+        "value": [{
+          "name": "number"
+        }, {
+          "name": "string"
+        }]
+      },
+      "required": false
+    },
+    "backgroundColor": {
+      "defaultValue": {
+        "value": "undefined",
+        "computed": true
+      },
+      "description": "Custom background color for the side panel (e.g., '#f4f4f4', 'gray', or any valid CSS color)",
+      "type": {
+        "name": "string"
+      },
+      "required": false
     }
   }
 };