carbon-addons-iot-react 4.0.21 → 4.0.22

package/es/components/Card/Card.js

@@ -402,7 +402,8 @@ var Card = function Card(props) {
     ,
     testId: "".concat(testID || testId, "-toolbar"),
     dateTimeMask: dateTimeMask,
-    extraActions: extraActions
+    extraActions: extraActions,
+    id: id
   }) : null;
   var isSupportedType = type === CARD_TYPES.METER_CHART || type === CARD_TYPES.SPARKLINE_CHART || type === CARD_TYPES.STACKED_AREA_CHART;
 

package/es/components/Card/CardToolbar.js

@@ -83,7 +83,8 @@ var propTypes = _objectSpread(_objectSpread({
   locale: PropTypes.string,
   dateTimeMask: PropTypes.string,
   /** If set to true it will render outside of the current DOM in a portal, otherwise render as a child */
-  renderDateDropdownInPortal: PropTypes.bool
+  renderDateDropdownInPortal: PropTypes.bool,
+  id: PropTypes.string
 });
 var defaultProps = {
   isEditable: false,
@@ -113,7 +114,8 @@ var defaultProps = {
   },
   testId: 'card-toolbar',
   dateTimeMask: DAYJS_INPUT_FORMATS.RANGE,
-  renderDateDropdownInPortal: true
+  renderDateDropdownInPortal: true,
+  id: null
 };
 var CardToolbar = function CardToolbar(_ref) {
   var i18n = _ref.i18n,
@@ -130,7 +132,8 @@ var CardToolbar = function CardToolbar(_ref) {
     locale = _ref.locale,
     dateTimeMask = _ref.dateTimeMask,
     extraActions = _ref.extraActions,
-    renderDateDropdownInPortal = _ref.renderDateDropdownInPortal;
+    renderDateDropdownInPortal = _ref.renderDateDropdownInPortal,
+    id = _ref.id;
   var mergedI18n = _objectSpread(_objectSpread({}, defaultProps.i18n), i18n);
   var langDir = useLangDirection();
   var overflowMenuPosition = React__default.useMemo(function () {
@@ -231,6 +234,7 @@ var CardToolbar = function CardToolbar(_ref) {
     enableV12DynamicFloatingStyles: true
   }, /*#__PURE__*/React__default.createElement(DateTimePickerOld, {
     testId: testId,
+    id: id,
     i18n: mergedI18n,
     dateTimeMask: dateTimeMask,
     locale: locale,
@@ -486,6 +490,17 @@ CardToolbar.__docgenInfo = {
       },
       "required": false
     },
+    "id": {
+      "defaultValue": {
+        "value": "null",
+        "computed": false
+      },
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "availableActions": {
       "description": "set of available actions for the card",
       "type": {

package/es/components/TableCard/TableCard.js

@@ -476,7 +476,8 @@ var TableCard = function TableCard(_ref) {
     timeRange: timeRange,
     timeRangeOptions: timeRangeOptions,
     renderDateDropdownInPortal: renderDateDropdownInPortal,
-    locale: locale
+    locale: locale,
+    id: id
   });
   var resizeHandles = isResizable ? getResizeHandles(children) : [];
   return /*#__PURE__*/React__default.createElement(Card, _extends({

package/lib/components/Card/Card.js

@@ -417,7 +417,8 @@ var Card = function Card(props) {
     ,
     testId: "".concat(testID || testId, "-toolbar"),
     dateTimeMask: dateTimeMask,
-    extraActions: extraActions
+    extraActions: extraActions,
+    id: id
   }) : null;
   var isSupportedType = type === LayoutConstants.CARD_TYPES.METER_CHART || type === LayoutConstants.CARD_TYPES.SPARKLINE_CHART || type === LayoutConstants.CARD_TYPES.STACKED_AREA_CHART;
 

package/lib/components/Card/CardToolbar.js

@@ -96,7 +96,8 @@ var propTypes = _objectSpread(_objectSpread({
   locale: PropTypes__default.default.string,
   dateTimeMask: PropTypes__default.default.string,
   /** If set to true it will render outside of the current DOM in a portal, otherwise render as a child */
-  renderDateDropdownInPortal: PropTypes__default.default.bool
+  renderDateDropdownInPortal: PropTypes__default.default.bool,
+  id: PropTypes__default.default.string
 });
 var defaultProps = {
   isEditable: false,
@@ -126,7 +127,8 @@ var defaultProps = {
   },
   testId: 'card-toolbar',
   dateTimeMask: dayjs.DAYJS_INPUT_FORMATS.RANGE,
-  renderDateDropdownInPortal: true
+  renderDateDropdownInPortal: true,
+  id: null
 };
 var CardToolbar = function CardToolbar(_ref) {
   var i18n = _ref.i18n,
@@ -143,7 +145,8 @@ var CardToolbar = function CardToolbar(_ref) {
     locale = _ref.locale,
     dateTimeMask = _ref.dateTimeMask,
     extraActions = _ref.extraActions,
-    renderDateDropdownInPortal = _ref.renderDateDropdownInPortal;
+    renderDateDropdownInPortal = _ref.renderDateDropdownInPortal,
+    id = _ref.id;
   var mergedI18n = _objectSpread(_objectSpread({}, defaultProps.i18n), i18n);
   var langDir = useLangDirection.useLangDirection();
   var overflowMenuPosition = React__default.default.useMemo(function () {
@@ -244,6 +247,7 @@ var CardToolbar = function CardToolbar(_ref) {
     enableV12DynamicFloatingStyles: true
   }, /*#__PURE__*/React__default.default.createElement(DateTimePickerV2WithoutTimeSpinner.default, {
     testId: testId,
+    id: id,
     i18n: mergedI18n,
     dateTimeMask: dateTimeMask,
     locale: locale,
@@ -499,6 +503,17 @@ CardToolbar.__docgenInfo = {
       },
       "required": false
     },
+    "id": {
+      "defaultValue": {
+        "value": "null",
+        "computed": false
+      },
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "availableActions": {
       "description": "set of available actions for the card",
       "type": {

package/lib/components/TableCard/TableCard.js

@@ -488,7 +488,8 @@ var TableCard = function TableCard(_ref) {
     timeRange: timeRange,
     timeRangeOptions: timeRangeOptions,
     renderDateDropdownInPortal: renderDateDropdownInPortal,
-    locale: locale
+    locale: locale,
+    id: id
   });
   var resizeHandles = isResizable ? cardUtilityFunctions.getResizeHandles(children) : [];
   return /*#__PURE__*/React__default.default.createElement(Card.default, _extends__default.default({

package/package.json

@@ -345,11 +345,11 @@
     "whatwg-fetch": "^3.0.0"
   },
   "sideEffects": false,
-  "version": "4.0.21",
+  "version": "4.0.22",
   "resolutions": {
     "chokidar": "3.3.1",
     "react-grid-layout": "1.2.2",
     "got": "11.8.5"
   },
-  "gitHead": "4ecbccc4a07411eb62f83174a3ec1ccbfee35910"
+  "gitHead": "db3719a475685f5e7d492e9a22332fc8c1048d68"
 }

package/umd/carbon-addons-iot-react.js

@@ -264508,7 +264508,8 @@ React keys must be passed directly to JSX without using spread:
     locale: PropTypes.string,
     dateTimeMask: PropTypes.string,
     /** If set to true it will render outside of the current DOM in a portal, otherwise render as a child */
-    renderDateDropdownInPortal: PropTypes.bool
+    renderDateDropdownInPortal: PropTypes.bool,
+    id: PropTypes.string
   });
   var defaultProps$1I = {
     isEditable: false,
@@ -264538,7 +264539,8 @@ React keys must be passed directly to JSX without using spread:
     },
     testId: 'card-toolbar',
     dateTimeMask: DAYJS_INPUT_FORMATS.RANGE,
-    renderDateDropdownInPortal: true
+    renderDateDropdownInPortal: true,
+    id: null
   };
   var CardToolbar = function CardToolbar(_ref) {
     var i18n = _ref.i18n,
@@ -264555,7 +264557,8 @@ React keys must be passed directly to JSX without using spread:
       locale = _ref.locale,
       dateTimeMask = _ref.dateTimeMask,
       extraActions = _ref.extraActions,
-      renderDateDropdownInPortal = _ref.renderDateDropdownInPortal;
+      renderDateDropdownInPortal = _ref.renderDateDropdownInPortal,
+      id = _ref.id;
     var mergedI18n = _objectSpread$1n(_objectSpread$1n({}, defaultProps$1I.i18n), i18n);
     var langDir = useLangDirection_2();
     var overflowMenuPosition = React$1.useMemo(function () {
@@ -264656,6 +264659,7 @@ React keys must be passed directly to JSX without using spread:
       enableV12DynamicFloatingStyles: true
     }, /*#__PURE__*/React$1.createElement(DateTimePickerOld, {
       testId: testId,
+      id: id,
       i18n: mergedI18n,
       dateTimeMask: dateTimeMask,
       locale: locale,
@@ -264911,6 +264915,17 @@ React keys must be passed directly to JSX without using spread:
         },
         "required": false
       },
+      "id": {
+        "defaultValue": {
+          "value": "null",
+          "computed": false
+        },
+        "description": "",
+        "type": {
+          "name": "string"
+        },
+        "required": false
+      },
       "availableActions": {
         "description": "set of available actions for the card",
         "type": {
@@ -265524,7 +265539,8 @@ React keys must be passed directly to JSX without using spread:
       ,
       testId: "".concat(testID || testId, "-toolbar"),
       dateTimeMask: dateTimeMask,
-      extraActions: extraActions
+      extraActions: extraActions,
+      id: id
     }) : null;
     var isSupportedType = type === CARD_TYPES.METER_CHART || type === CARD_TYPES.SPARKLINE_CHART || type === CARD_TYPES.STACKED_AREA_CHART;
 
@@ -301394,7 +301410,8 @@ React keys must be passed directly to JSX without using spread:
       timeRange: timeRange,
       timeRangeOptions: timeRangeOptions,
       renderDateDropdownInPortal: renderDateDropdownInPortal,
-      locale: locale
+      locale: locale,
+      id: id
     });
     var resizeHandles = isResizable ? getResizeHandles(children) : [];
     return /*#__PURE__*/React$1.createElement(Card$1, _extends$4({