carbon-addons-iot-react 5.0.4 → 5.1.1

package/es/components/Card/DataStateRenderer.js

@@ -86,7 +86,7 @@ var DataStateRenderer = function DataStateRenderer(_ref2) {
     className: classnames("".concat(dsPrefix, "-dashes"))
   }, "--"), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(dsPrefix, "-grid")
-  }, size === CARD_SIZES.SMALL || size === CARD_SIZES.SMALLWIDE || size === CARD_SIZES.MEDIUMTHIN ? renderDataStateGridIcon() : renderDataStateGridItems()));
+  }, size === CARD_SIZES.XSMALL || size === CARD_SIZES.SMALL || size === CARD_SIZES.SMALLWIDE || size === CARD_SIZES.MEDIUMTHIN ? renderDataStateGridIcon() : renderDataStateGridItems()));
 };
 DataStateRenderer.propTypes = {
   size: CardPropTypes.size,

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

@@ -346,7 +346,8 @@ var DataSeriesFormItemModal = function DataSeriesFormItemModal(_ref) {
         }, isTimeBasedCard$1 && selectedItem.id !== 'none' && !editDataItem.grain ? {
           grain: (_availableGrains$ = availableGrains[0]) === null || _availableGrains$ === void 0 ? void 0 : _availableGrains$.id
         } : {})].concat(_toConsumableArray(selectedItem.id === 'none' ? ['grain'] : []))));
-      }
+      },
+      autoAlign: true
     })) : /*#__PURE__*/React__default.createElement("div", {
       className: "".concat(baseClassName, "--input-group--item-half")
     }, /*#__PURE__*/React__default.createElement(FormLabel, {
@@ -376,7 +377,8 @@ var DataSeriesFormItemModal = function DataSeriesFormItemModal(_ref) {
         setEditDataItem(_objectSpread(_objectSpread({}, editDataItem), {}, {
           grain: selectedItem.id
         }));
-      }
+      },
+      autoAlign: true
     })) : /*#__PURE__*/React__default.createElement("div", {
       className: "".concat(baseClassName, "--input-group--item-half")
     })), /*#__PURE__*/React__default.createElement("div", {
@@ -460,7 +462,8 @@ var DataSeriesFormItemModal = function DataSeriesFormItemModal(_ref) {
         } else {
           setEditDataItem(_omit(editDataItem, 'precision'));
         }
-      }
+      },
+      autoAlign: true
     }))), hasDataFilterDropdown && hasDataFilterDropdown(cardConfig) &&
     /*#__PURE__*/
     // only show data filter in summary dashboards or instance dashboard for DEVICE_TYPE
@@ -487,7 +490,8 @@ var DataSeriesFormItemModal = function DataSeriesFormItemModal(_ref) {
           setEditDataItem(_objectSpread({}, _omit(editDataItem, 'dataFilter')));
         }
       },
-      titleText: mergedI18n.dataItemEditorDataItemFilter
+      titleText: mergedI18n.dataItemEditorDataItemFilter,
+      autoAlign: true
     })), /*#__PURE__*/React__default.createElement("div", {
       className: "".concat(baseClassName, "--input-group--item")
     }, !isEmpty(editDataItem.dataFilter) && availableDimensions[selectedDimensionFilter] && /*#__PURE__*/React__default.createElement(Dropdown, {
@@ -506,7 +510,8 @@ var DataSeriesFormItemModal = function DataSeriesFormItemModal(_ref) {
         setEditDataItem(_objectSpread(_objectSpread({}, editDataItem), {}, {
           dataFilter: dataFilter
         }));
-      }
+      },
+      autoAlign: true
     }))), hasThresholds && /*#__PURE__*/React__default.createElement(ThresholdsFormItem, {
       id: "".concat(id, "_thresholds"),
       i18n: mergedI18n,

package/es/components/CardEditor/CardEditForm/CardEditFormItems/DataSeriesFormItems/DataSeriesFormContent.js

@@ -421,7 +421,8 @@ var DataSeriesFormItem = function DataSeriesFormItem(_ref2) {
       hasDecimalPlacesDropdown: type === CARD_TYPES.VALUE,
       hasThresholds: type === CARD_TYPES.VALUE,
       hasTooltip: type === CARD_TYPES.VALUE
-    }
+    },
+    isLarge: true
   }), /*#__PURE__*/React__default.createElement(ContentFormItemTitle, {
     title: mergedI18n.dataItemEditorSectionTitle
     // Specific to each card type

package/es/components/CardEditor/CardEditForm/CardEditFormItems/TableCardFormItems/TableCardFormContent.js

@@ -390,7 +390,8 @@ var TableCardFormContent = function TableCardFormContent(_ref) {
       hasDecimalPlacesDropdown: false,
       hasThresholds: true,
       hasTooltip: true
-    }
+    },
+    isLarge: true
   }), /*#__PURE__*/React__default.createElement(ContentFormItemTitle, {
     title: mergedI18n.tableColumnEditorSectionTitle,
     tooltip: _objectSpread({

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

@@ -241,7 +241,8 @@ var ThresholdsFormItem = function ThresholdsFormItem(_ref) {
           return _omit(item, 'id');
         }));
         setThresholds(updatedThresholds);
-      }
+      },
+      autoAlign: true
     })), /*#__PURE__*/React__default.createElement("div", {
       className: "".concat(baseClassName, "--threshold-input-group--item-end")
     }, threshold.comparison === '=' && (!columnType || columnType === 'LITERAL' || columnType === 'TIMESTAMP') ? /*#__PURE__*/React__default.createElement(TextInput, {

package/es/components/ColorDropdown/ColorDropdown.js

@@ -149,7 +149,8 @@ var ColorDropdown = function ColorDropdown(_ref) {
     titleText: titleText,
     type: "default",
     "data-testid": testID || testId,
-    disabled: disabled
+    disabled: disabled,
+    autoAlign: true
   });
 };
 ColorDropdown.propTypes = propTypes;

package/es/components/SimpleIconDropdown/SimpleIconDropdown.js

@@ -91,7 +91,8 @@ var SimpleIconDropdown = function SimpleIconDropdown(_ref) {
     type: "default"
     // TODO: remove deprecated 'testID' in v3
     ,
-    "data-testid": testID || testId
+    "data-testid": testID || testId,
+    autoAlign: true
   });
 };
 SimpleIconDropdown.propTypes = propTypes;

package/es/constants/LayoutConstants.js

@@ -10,6 +10,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 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; }
 var CARD_SIZES = {
+  XSMALL: 'XSMALL',
   SMALL: 'SMALL',
   SMALLWIDE: 'SMALLWIDE',
   SMALLFULL: 'SMALLFULL',

package/lib/components/Card/DataStateRenderer.js

@@ -95,7 +95,7 @@ var DataStateRenderer = function DataStateRenderer(_ref2) {
     className: classnames__default.default("".concat(dsPrefix, "-dashes"))
   }, "--"), /*#__PURE__*/React__default.default.createElement("div", {
     className: "".concat(dsPrefix, "-grid")
-  }, size === LayoutConstants.CARD_SIZES.SMALL || size === LayoutConstants.CARD_SIZES.SMALLWIDE || size === LayoutConstants.CARD_SIZES.MEDIUMTHIN ? renderDataStateGridIcon() : renderDataStateGridItems()));
+  }, size === LayoutConstants.CARD_SIZES.XSMALL || size === LayoutConstants.CARD_SIZES.SMALL || size === LayoutConstants.CARD_SIZES.SMALLWIDE || size === LayoutConstants.CARD_SIZES.MEDIUMTHIN ? renderDataStateGridIcon() : renderDataStateGridItems()));
 };
 DataStateRenderer.propTypes = {
   size: CardPropTypes.CardPropTypes.size,

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

@@ -355,7 +355,8 @@ var DataSeriesFormItemModal = function DataSeriesFormItemModal(_ref) {
         }, isTimeBasedCard && selectedItem.id !== 'none' && !editDataItem.grain ? {
           grain: (_availableGrains$ = availableGrains[0]) === null || _availableGrains$ === void 0 ? void 0 : _availableGrains$.id
         } : {})].concat(_toConsumableArray__default.default(selectedItem.id === 'none' ? ['grain'] : []))));
-      }
+      },
+      autoAlign: true
     })) : /*#__PURE__*/React__default.default.createElement("div", {
       className: "".concat(baseClassName, "--input-group--item-half")
     }, /*#__PURE__*/React__default.default.createElement(react.FormLabel, {
@@ -385,7 +386,8 @@ var DataSeriesFormItemModal = function DataSeriesFormItemModal(_ref) {
         setEditDataItem(_objectSpread(_objectSpread({}, editDataItem), {}, {
           grain: selectedItem.id
         }));
-      }
+      },
+      autoAlign: true
     })) : /*#__PURE__*/React__default.default.createElement("div", {
       className: "".concat(baseClassName, "--input-group--item-half")
     })), /*#__PURE__*/React__default.default.createElement("div", {
@@ -469,7 +471,8 @@ var DataSeriesFormItemModal = function DataSeriesFormItemModal(_ref) {
         } else {
           setEditDataItem(omit(editDataItem, 'precision'));
         }
-      }
+      },
+      autoAlign: true
     }))), hasDataFilterDropdown && hasDataFilterDropdown(cardConfig) &&
     /*#__PURE__*/
     // only show data filter in summary dashboards or instance dashboard for DEVICE_TYPE
@@ -496,7 +499,8 @@ var DataSeriesFormItemModal = function DataSeriesFormItemModal(_ref) {
           setEditDataItem(_objectSpread({}, omit(editDataItem, 'dataFilter')));
         }
       },
-      titleText: mergedI18n.dataItemEditorDataItemFilter
+      titleText: mergedI18n.dataItemEditorDataItemFilter,
+      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, {
@@ -515,7 +519,8 @@ var DataSeriesFormItemModal = function DataSeriesFormItemModal(_ref) {
         setEditDataItem(_objectSpread(_objectSpread({}, editDataItem), {}, {
           dataFilter: dataFilter
         }));
-      }
+      },
+      autoAlign: true
     }))), hasThresholds && /*#__PURE__*/React__default.default.createElement(ThresholdsFormItem, {
       id: "".concat(id, "_thresholds"),
       i18n: mergedI18n,

package/lib/components/CardEditor/CardEditForm/CardEditFormItems/DataSeriesFormItems/DataSeriesFormContent.js

@@ -436,7 +436,8 @@ var DataSeriesFormItem = function DataSeriesFormItem(_ref2) {
       hasDecimalPlacesDropdown: type === LayoutConstants.CARD_TYPES.VALUE,
       hasThresholds: type === LayoutConstants.CARD_TYPES.VALUE,
       hasTooltip: type === LayoutConstants.CARD_TYPES.VALUE
-    }
+    },
+    isLarge: true
   }), /*#__PURE__*/React__default.default.createElement(ContentFormItemTitle, {
     title: mergedI18n.dataItemEditorSectionTitle
     // Specific to each card type

package/lib/components/CardEditor/CardEditForm/CardEditFormItems/TableCardFormItems/TableCardFormContent.js

@@ -404,7 +404,8 @@ var TableCardFormContent = function TableCardFormContent(_ref) {
       hasDecimalPlacesDropdown: false,
       hasThresholds: true,
       hasTooltip: true
-    }
+    },
+    isLarge: true
   }), /*#__PURE__*/React__default.default.createElement(ContentFormItemTitle, {
     title: mergedI18n.tableColumnEditorSectionTitle,
     tooltip: _objectSpread({

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

@@ -251,7 +251,8 @@ var ThresholdsFormItem = function ThresholdsFormItem(_ref) {
           return omit(item, 'id');
         }));
         setThresholds(updatedThresholds);
-      }
+      },
+      autoAlign: true
     })), /*#__PURE__*/React__default.default.createElement("div", {
       className: "".concat(baseClassName, "--threshold-input-group--item-end")
     }, threshold.comparison === '=' && (!columnType || columnType === 'LITERAL' || columnType === 'TIMESTAMP') ? /*#__PURE__*/React__default.default.createElement(react.TextInput, {

package/lib/components/ColorDropdown/ColorDropdown.js

@@ -158,7 +158,8 @@ var ColorDropdown = function ColorDropdown(_ref) {
     titleText: titleText,
     type: "default",
     "data-testid": testID || testId,
-    disabled: disabled
+    disabled: disabled,
+    autoAlign: true
   });
 };
 ColorDropdown.propTypes = propTypes;

package/lib/components/SimpleIconDropdown/SimpleIconDropdown.js

@@ -99,7 +99,8 @@ var SimpleIconDropdown = function SimpleIconDropdown(_ref) {
     type: "default"
     // TODO: remove deprecated 'testID' in v3
     ,
-    "data-testid": testID || testId
+    "data-testid": testID || testId,
+    autoAlign: true
   });
 };
 SimpleIconDropdown.propTypes = propTypes;

package/lib/constants/LayoutConstants.js

@@ -16,6 +16,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
 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__default.default(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; }
 var CARD_SIZES = {
+  XSMALL: 'XSMALL',
   SMALL: 'SMALL',
   SMALLWIDE: 'SMALLWIDE',
   SMALLFULL: 'SMALLFULL',

package/package.json

@@ -345,11 +345,11 @@
     "whatwg-fetch": "^3.0.0"
   },
   "sideEffects": false,
-  "version": "5.0.4",
+  "version": "5.1.1",
   "resolutions": {
     "chokidar": "3.3.1",
     "react-grid-layout": "1.2.2",
     "got": "11.8.5"
   },
-  "gitHead": "59404983da5bfca1d800bb74a0cc08cfeb3cb5c5"
+  "gitHead": "c773c18a985605d09cca6020951eb1d65765ab91"
 }

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

@@ -12905,6 +12905,7 @@
   function ownKeys$2a(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$26(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2a(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var CARD_SIZES = {
+    XSMALL: 'XSMALL',
     SMALL: 'SMALL',
     SMALLWIDE: 'SMALLWIDE',
     SMALLFULL: 'SMALLFULL',
@@ -290419,7 +290420,7 @@ ${formatRule(Codicon.menuSubmenu)}
       className: classnames("".concat(dsPrefix, "-dashes"))
     }, "--"), /*#__PURE__*/React$1.createElement("div", {
       className: "".concat(dsPrefix, "-grid")
-    }, size === CARD_SIZES.SMALL || size === CARD_SIZES.SMALLWIDE || size === CARD_SIZES.MEDIUMTHIN ? renderDataStateGridIcon() : renderDataStateGridItems()));
+    }, size === CARD_SIZES.XSMALL || size === CARD_SIZES.SMALL || size === CARD_SIZES.SMALLWIDE || size === CARD_SIZES.MEDIUMTHIN ? renderDataStateGridIcon() : renderDataStateGridItems()));
   };
   DataStateRenderer.propTypes = {
     size: CardPropTypes.size,
@@ -305218,7 +305219,8 @@ ${formatRule(Codicon.menuSubmenu)}
       titleText: titleText,
       type: "default",
       "data-testid": testID || testId,
-      disabled: disabled
+      disabled: disabled,
+      autoAlign: true
     });
   };
   ColorDropdown.propTypes = propTypes$U;
@@ -305441,7 +305443,8 @@ ${formatRule(Codicon.menuSubmenu)}
       type: "default"
       // TODO: remove deprecated 'testID' in v3
       ,
-      "data-testid": testID || testId
+      "data-testid": testID || testId,
+      autoAlign: true
     });
   };
   SimpleIconDropdown.propTypes = propTypes$T;
@@ -305758,7 +305761,8 @@ ${formatRule(Codicon.menuSubmenu)}
             return _omit(item, 'id');
           }));
           setThresholds(updatedThresholds);
-        }
+        },
+        autoAlign: true
       })), /*#__PURE__*/React$1.createElement("div", {
         className: "".concat(baseClassName, "--threshold-input-group--item-end")
       }, threshold.comparison === '=' && (!columnType || columnType === 'LITERAL' || columnType === 'TIMESTAMP') ? /*#__PURE__*/React$1.createElement(react.TextInput, {
@@ -306499,7 +306503,8 @@ ${formatRule(Codicon.menuSubmenu)}
           }, isTimeBasedCard$1 && selectedItem.id !== 'none' && !editDataItem.grain ? {
             grain: (_availableGrains$ = availableGrains[0]) === null || _availableGrains$ === void 0 ? void 0 : _availableGrains$.id
           } : {})].concat(_toConsumableArray$2(selectedItem.id === 'none' ? ['grain'] : []))));
-        }
+        },
+        autoAlign: true
       })) : /*#__PURE__*/React$1.createElement("div", {
         className: "".concat(baseClassName, "--input-group--item-half")
       }, /*#__PURE__*/React$1.createElement(react.FormLabel, {
@@ -306529,7 +306534,8 @@ ${formatRule(Codicon.menuSubmenu)}
           setEditDataItem(_objectSpread$F(_objectSpread$F({}, editDataItem), {}, {
             grain: selectedItem.id
           }));
-        }
+        },
+        autoAlign: true
       })) : /*#__PURE__*/React$1.createElement("div", {
         className: "".concat(baseClassName, "--input-group--item-half")
       })), /*#__PURE__*/React$1.createElement("div", {
@@ -306613,7 +306619,8 @@ ${formatRule(Codicon.menuSubmenu)}
           } else {
             setEditDataItem(_omit(editDataItem, 'precision'));
           }
-        }
+        },
+        autoAlign: true
       }))), hasDataFilterDropdown && hasDataFilterDropdown(cardConfig) &&
       /*#__PURE__*/
       // only show data filter in summary dashboards or instance dashboard for DEVICE_TYPE
@@ -306640,7 +306647,8 @@ ${formatRule(Codicon.menuSubmenu)}
             setEditDataItem(_objectSpread$F({}, _omit(editDataItem, 'dataFilter')));
           }
         },
-        titleText: mergedI18n.dataItemEditorDataItemFilter
+        titleText: mergedI18n.dataItemEditorDataItemFilter,
+        autoAlign: true
       })), /*#__PURE__*/React$1.createElement("div", {
         className: "".concat(baseClassName, "--input-group--item")
       }, !isEmpty(editDataItem.dataFilter) && availableDimensions[selectedDimensionFilter] && /*#__PURE__*/React$1.createElement(react.Dropdown, {
@@ -306659,7 +306667,8 @@ ${formatRule(Codicon.menuSubmenu)}
           setEditDataItem(_objectSpread$F(_objectSpread$F({}, editDataItem), {}, {
             dataFilter: dataFilter
           }));
-        }
+        },
+        autoAlign: true
       }))), hasThresholds && /*#__PURE__*/React$1.createElement(ThresholdsFormItem$1, {
         id: "".concat(id, "_thresholds"),
         i18n: mergedI18n,
@@ -308030,7 +308039,8 @@ ${formatRule(Codicon.menuSubmenu)}
         hasDecimalPlacesDropdown: type === CARD_TYPES.VALUE,
         hasThresholds: type === CARD_TYPES.VALUE,
         hasTooltip: type === CARD_TYPES.VALUE
-      }
+      },
+      isLarge: true
     }), /*#__PURE__*/React$1.createElement(ContentFormItemTitle$1, {
       title: mergedI18n.dataItemEditorSectionTitle
       // Specific to each card type
@@ -313246,7 +313256,8 @@ ${formatRule(Codicon.menuSubmenu)}
         hasDecimalPlacesDropdown: false,
         hasThresholds: true,
         hasTooltip: true
-      }
+      },
+      isLarge: true
     }), /*#__PURE__*/React$1.createElement(ContentFormItemTitle$1, {
       title: mergedI18n.tableColumnEditorSectionTitle,
       tooltip: _objectSpread$x({