carbon-addons-iot-react 2.70.0 → 2.72.0

package/es/src/components/TimePickerSpinner/TimePickerSpinner.jsx

@@ -1,13 +1,13 @@
 import { TimePicker } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { settings } from '../../constants/Settings.js';
-import { CaretUpGlyph, CaretDownGlyph } from '@carbon/icons-react';
 import _extends from '@babel/runtime/helpers/extends';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { CaretUpGlyph, CaretDownGlyph } from '@carbon/icons-react';
 import 'core-js/modules/es.array.join';
 import 'core-js/modules/es.number.constructor';
 import 'core-js/modules/es.object.to-string';
@@ -242,7 +242,7 @@ var TimePickerSpinner = function TimePickerSpinner(_ref) {
 
   var timeGroupForLabel = currentTimeGroup === 0 ? 'hours' : 'minutes';
   return /*#__PURE__*/React.createElement("div", {
-    className: cx("".concat(iotPrefix, "--time-picker__wrapper"), (_classnames = {}, _defineProperty(_classnames, "".concat(iotPrefix, "--time-picker__wrapper--with-spinner"), spinner), _defineProperty(_classnames, "".concat(iotPrefix, "--time-picker__wrapper--updown"), keyUpOrDownPosition > -1), _defineProperty(_classnames, "".concat(iotPrefix, "--time-picker__wrapper--show-underline"), isInteractingWithSpinner), _defineProperty(_classnames, "".concat(iotPrefix, "--time-picker__wrapper--show-underline-minutes"), currentTimeGroup === 1), _classnames))
+    className: classnames("".concat(iotPrefix, "--time-picker__wrapper"), (_classnames = {}, _defineProperty(_classnames, "".concat(iotPrefix, "--time-picker__wrapper--with-spinner"), spinner), _defineProperty(_classnames, "".concat(iotPrefix, "--time-picker__wrapper--updown"), keyUpOrDownPosition > -1), _defineProperty(_classnames, "".concat(iotPrefix, "--time-picker__wrapper--show-underline"), isInteractingWithSpinner), _defineProperty(_classnames, "".concat(iotPrefix, "--time-picker__wrapper--show-underline-minutes"), currentTimeGroup === 1), _classnames))
   }, /*#__PURE__*/React.createElement(TimePicker, _extends({
     ref: timePickerRef,
     onClick: onInputClick,

package/es/src/components/ValueCard/Attribute.jsx

@@ -2,7 +2,7 @@ import sizeMe from 'react-sizeme';
 import { Icon } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import 'core-js/modules/es.array.filter';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { settings } from '../../constants/Settings.js';
@@ -176,7 +176,7 @@ var Attribute = function Attribute(_ref) {
     var _classNames;
 
     return /*#__PURE__*/React.createElement("div", {
-      className: cx("".concat(bemBase, "-threshold-icon-container"), (_classNames = {}, _defineProperty(_classNames, "".concat(bemBase, "-threshold-icon-container--mini"), isMini), _defineProperty(_classNames, "".concat(bemBase, "-threshold-icon-container--wrappable"), allowedToWrap), _classNames))
+      className: classnames("".concat(bemBase, "-threshold-icon-container"), (_classNames = {}, _defineProperty(_classNames, "".concat(bemBase, "-threshold-icon-container--mini"), isMini), _defineProperty(_classNames, "".concat(bemBase, "-threshold-icon-container--wrappable"), allowedToWrap), _classNames))
     }, /*#__PURE__*/React.createElement(ThresholdIcon, _extends({}, matchingThreshold, {
       width: 16,
       height: 16,
@@ -195,7 +195,7 @@ var Attribute = function Attribute(_ref) {
       isVertical: isVertical,
       isMini: isMini,
       label: label,
-      className: cx(_defineProperty({}, "".concat(bemBase, "--wrappable"), allowWrap))
+      className: classnames(_defineProperty({}, "".concat(bemBase, "--wrappable"), allowWrap))
     }, /*#__PURE__*/React.createElement(ValueRenderer, {
       value: value,
       unit: unit,
@@ -228,7 +228,7 @@ var Attribute = function Attribute(_ref) {
       icon: icons.caretDown,
       description: "trending down"
     }) : null, !isMini && secondaryValue.value) : null, matchingThreshold && matchingThreshold.icon ? /*#__PURE__*/React.createElement("div", {
-      className: cx("".concat(bemBase, "-icon-container"), _defineProperty({}, "".concat(bemBase, "-icon-container--wrappable"), allowWrap))
+      className: classnames("".concat(bemBase, "-icon-container"), _defineProperty({}, "".concat(bemBase, "-icon-container--wrappable"), allowWrap))
     }, renderThresholdIcon(allowWrap)) : null);
   });
 };

package/es/src/components/ValueCard/UnitRenderer.jsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { settings } from '../../constants/Settings.js';
 import { CARD_LAYOUTS } from '../../constants/LayoutConstants.js';
@@ -39,7 +39,7 @@ var UnitRenderer = function UnitRenderer(_ref) {
     style: {
       '--default-font-size': layout === CARD_LAYOUTS.HORIZONTAL ? '1.25rem' : '1.5rem'
     },
-    className: cx(bemBase, (_classNames = {}, _defineProperty(_classNames, "".concat(bemBase, "--wrappable"), allowedToWrap), _defineProperty(_classNames, "".concat(bemBase, "--not-wrappable"), notAllowedToWrap), _defineProperty(_classNames, "".concat(bemBase, "--wrappable-compact"), wrapCompact), _defineProperty(_classNames, "".concat(bemBase, "--mini"), isMini), _classNames))
+    className: classnames(bemBase, (_classNames = {}, _defineProperty(_classNames, "".concat(bemBase, "--wrappable"), allowedToWrap), _defineProperty(_classNames, "".concat(bemBase, "--not-wrappable"), notAllowedToWrap), _defineProperty(_classNames, "".concat(bemBase, "--wrappable-compact"), wrapCompact), _defineProperty(_classNames, "".concat(bemBase, "--mini"), isMini), _classNames))
   }, unit);
   return isMini ? /*#__PURE__*/React.createElement("div", null, unitElement) : unitElement;
 };

package/es/src/components/ValueCard/ValueRenderer.jsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { settings } from '../../constants/Settings.js';
 import 'core-js/modules/es.array.concat';
@@ -186,7 +186,7 @@ var ValueRenderer = function ValueRenderer(_ref2) {
     color: color,
     isVertical: isVertical,
     allowedToWrap: allowedToWrap,
-    className: cx((_classNames = {}, _defineProperty(_classNames, "".concat(iotPrefix, "--value-card__attribute-value--wrappable"), allowedToWrap), _defineProperty(_classNames, "".concat(iotPrefix, "--value-card__attribute-value--wrappable-compact"), wrapCompact), _classNames))
+    className: classnames((_classNames = {}, _defineProperty(_classNames, "".concat(iotPrefix, "--value-card__attribute-value--wrappable"), allowedToWrap), _defineProperty(_classNames, "".concat(iotPrefix, "--value-card__attribute-value--wrappable-compact"), wrapCompact), _classNames))
   }, /*#__PURE__*/React.createElement(AttributeValue, {
     size: newSize,
     title: "".concat(value, " ").concat(unit || ''),

package/es/src/components/WizardInline/StatefulWizardInline.jsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import _extends from '@babel/runtime/helpers/extends';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import 'core-js/modules/es.array.find-index';
 import WizardInline, { propTypes, defaultProps } from './WizardInline.jsx';
 

package/es/src/components/WizardInline/WizardHeader/WizardHeader.jsx

@@ -2,10 +2,10 @@ import PropTypes from 'prop-types';
 import React, { Fragment, Component } from 'react';
 import 'core-js/modules/es.symbol';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { Close20 } from '@carbon/icons-react';
 import Button from '../../Button/Button.jsx';
 import 'core-js/modules/es.array.concat';
 import 'core-js/modules/es.array.map';
+import { Close20 } from '@carbon/icons-react';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
 import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';

package/es/src/components/WizardModal/WizardModal.jsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { settings } from '../../constants/Settings.js';
 import _extends from '@babel/runtime/helpers/extends';
@@ -145,7 +145,7 @@ var WizardModal = /*#__PURE__*/function (_Component) {
       });
       var stepIndex = this.state.step;
       return /*#__PURE__*/React.createElement(ComposedModal, _extends({}, other, {
-        className: cx("".concat(iotPrefix, "--wizard-modal"), className),
+        className: classnames("".concat(iotPrefix, "--wizard-modal"), className),
         footer: this.renderFooter()
       }), /*#__PURE__*/React.createElement(ProgressIndicator, {
         items: items,

package/es/src/index.js

@@ -1,8 +1,6 @@
 import sizeMe from 'react-sizeme';
-export { BreadcrumbItem, BreadcrumbSkeleton, Accordion, Checkbox, CodeSnippet, ComboBox, ModalHeader, ModalBody, ModalFooter, ContentSwitcher, Copy, CopyButton, DangerButton, DataTable, DatePicker, DatePickerInput, Dropdown, Filename, FileUploader, FileUploaderButton, FileUploaderDropContainer, FileUploaderItem, Form, FormGroup, FormItem, FormLabel, Icon, InlineLoading, Link, ListItem, Loading, Modal, ModalWrapper, MultiSelect, ToastNotification, InlineNotification, NotificationActionButton, NotificationButton, NotificationTextDetails, NumberInput, OrderedList, OverflowMenu, OverflowMenuItem, Pagination, PrimaryButton, ProgressStep, RadioButton, RadioButtonGroup, Search, SearchFilterButton, SearchLayoutButton, SecondaryButton, Select, SelectItem, SelectItemGroup, Switch, Slider, StructuredListWrapper, StructuredListHead, StructuredListBody, StructuredListRow, StructuredListInput, StructuredListCell, Tab, TabContent, Tabs, Tag, TextArea, TextInput, Tile, ClickableTile, SelectableTile, ExpandableTile, TileAboveTheFoldContent, TileBelowTheFoldContent, RadioTile, TileGroup, TimePicker, TimePickerSelect, Toggle, ToggleSmall, Toolbar, ToolbarItem, ToolbarTitle, ToolbarOption, ToolbarDivider, ToolbarSearch, Tooltip, TooltipDefinition, TooltipIcon, UnorderedList, SkeletonText, SkeletonPlaceholder, DataTableSkeleton, AccordionSkeleton, ButtonSkeleton, CheckboxSkeleton, CodeSnippetSkeleton, DropdownSkeleton, FileUploaderSkeleton, NumberInputSkeleton, ProgressIndicatorSkeleton, RadioButtonSkeleton, SearchSkeleton, SelectSkeleton, SliderSkeleton, StructuredListSkeleton, TabsSkeleton, TagSkeleton, TextAreaSkeleton, TextInputSkeleton, ToggleSkeleton, ToggleSmallSkeleton, IconSkeleton, DatePickerSkeleton, Content, HeaderContainer, HeaderGlobalAction, HeaderGlobalBar, HeaderMenu, HeaderMenuButton, HeaderMenuItem, HeaderName, HeaderNavigation, HeaderPanel, HeaderSideNavItems, Switcher, SwitcherItem, SwitcherDivider, SkipToContent, SideNavDetails, SideNavFooter, SideNavHeader, SideNavIcon, SideNavItem, SideNavItems, SideNavLink, SideNavLinkText, SideNavMenu, SideNavMenuItem, SideNavSwitcher } from 'carbon-components-react';
+export { BreadcrumbItem, BreadcrumbSkeleton, Accordion, AccordionItem, Checkbox, CodeSnippet, ComboBox, ModalHeader, ModalBody, ModalFooter, ContentSwitcher, Copy, CopyButton, DangerButton, DataTable, DatePicker, DatePickerInput, Dropdown, Filename, FileUploader, FileUploaderButton, FileUploaderDropContainer, FileUploaderItem, Form, FormGroup, FormItem, FormLabel, Icon, InlineLoading, Link, ListItem, Loading, Modal, ModalWrapper, MultiSelect, ToastNotification, InlineNotification, NotificationActionButton, NotificationButton, NotificationTextDetails, NumberInput, OrderedList, OverflowMenu, OverflowMenuItem, Pagination, PrimaryButton, ProgressStep, RadioButton, RadioButtonGroup, Search, SearchFilterButton, SearchLayoutButton, SecondaryButton, Select, SelectItem, SelectItemGroup, Switch, Slider, StructuredListWrapper, StructuredListHead, StructuredListBody, StructuredListRow, StructuredListInput, StructuredListCell, Tab, TabContent, Tabs, Tag, TextArea, TextInput, Tile, ClickableTile, SelectableTile, ExpandableTile, TileAboveTheFoldContent, TileBelowTheFoldContent, RadioTile, TileGroup, TimePicker, TimePickerSelect, Toggle, ToggleSmall, Toolbar, ToolbarItem, ToolbarTitle, ToolbarOption, ToolbarDivider, ToolbarSearch, Tooltip, TooltipDefinition, TooltipIcon, UnorderedList, SkeletonText, SkeletonPlaceholder, DataTableSkeleton, AccordionSkeleton, ButtonSkeleton, CheckboxSkeleton, CodeSnippetSkeleton, DropdownSkeleton, FileUploaderSkeleton, NumberInputSkeleton, ProgressIndicatorSkeleton, RadioButtonSkeleton, SearchSkeleton, SelectSkeleton, SliderSkeleton, StructuredListSkeleton, TabsSkeleton, TagSkeleton, TextAreaSkeleton, TextInputSkeleton, ToggleSkeleton, ToggleSmallSkeleton, IconSkeleton, DatePickerSkeleton, Content, HeaderContainer, HeaderGlobalAction, HeaderGlobalBar, HeaderMenu, HeaderMenuButton, HeaderMenuItem, HeaderName, HeaderNavigation, HeaderPanel, HeaderSideNavItems, Switcher, SwitcherItem, SwitcherDivider, SkipToContent, SideNavDetails, SideNavFooter, SideNavHeader, SideNavIcon, SideNavItem, SideNavItems, SideNavLink, SideNavLinkText, SideNavMenu, SideNavMenuItem, SideNavSwitcher } from 'carbon-components-react';
 export { default as AddCard } from './components/AddCard/AddCard.jsx';
-import '../node_modules/carbon-components-react/es/components/Accordion/Accordion.Skeleton.js';
-export { default as AccordionItem } from './components/Accordion/AccordionItem.jsx';
 export { default as Button } from './components/Button/Button.jsx';
 export { CARD_TYPES, CARD_SIZES, CARD_ACTIONS, DASHBOARD_BREAKPOINTS, DASHBOARD_SIZES, TIME_SERIES_TYPES } from './constants/LayoutConstants.js';
 export { csvDownloadHandler } from './utils/componentUtilityFunctions.js';
@@ -20,8 +18,8 @@ export { default as WizardModal } from './components/WizardModal/WizardModal.jsx
 export { default as PageTitleBar } from './components/PageTitleBar/PageTitleBar.jsx';
 export { default as WizardInline } from './components/WizardInline/WizardInline.jsx';
 export { default as StatefulWizardInline } from './components/WizardInline/StatefulWizardInline.jsx';
-import * as __chunk_71 from './components/Table/tableActionCreators.js';
-export { __chunk_71 as tableActions };
+import * as __chunk_58 from './components/Table/tableActionCreators.js';
+export { __chunk_58 as tableActions };
 export { baseTableReducer } from './components/Table/baseTableReducer.js';
 export { tableReducer } from './components/Table/tableReducer.js';
 export { default as StatefulTable } from './components/Table/StatefulTable.jsx';
@@ -70,6 +68,7 @@ export { default as TileGallerySearch } from './components/TileGallery/TileGalle
 export { default as StatefulTileGallery } from './components/TileGallery/StatefulTileGallery.jsx';
 export { default as SimpleList } from './components/List/SimpleList/SimpleList.jsx';
 export { default as IconSwitch, ICON_SWITCH_SIZES } from './components/IconSwitch/IconSwitch.jsx';
+export { default as AccordionItemDefer } from './components/Accordion/AccordionItemDefer.jsx';
 
 // Needed so that any component that uses sizeme can be jest tested
 sizeMe.noPlaceholders = true; // Components

package/es/src/internal/deprecate.js

@@ -6,8 +6,8 @@ import 'core-js/modules/es.object.get-own-property-descriptors';
 import 'core-js/modules/es.object.keys';
 import 'core-js/modules/web.dom-collections.for-each';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import warning from 'warning';
 import 'core-js/modules/es.array.concat';
+import warning from 'warning';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 

package/es/src/utils/cardUtilityFunctions.js

@@ -1,5 +1,5 @@
-import warning from 'warning';
 import 'core-js/modules/es.array.concat';
+import warning from 'warning';
 import 'core-js/modules/es.array.includes';
 import 'core-js/modules/es.string.includes';
 import { CARD_SIZES } from '../constants/LayoutConstants.js';

package/lib/css/carbon-addons-iot-react.css

@@ -5350,6 +5350,9 @@ svg {
   .bx--text-input--invalid .bx--text-input--password__visibility__toggle {
     right: 2.5rem; }
 
+.bx--text-input--xxl {
+  height: 3.5rem; }
+
 .bx--text-area {
   font-size: 0.875rem;
   font-weight: 400;
@@ -16263,11 +16266,24 @@ div.bx--toolbar-action.bx--toolbar-search-container-expandable > div.bx--search.
   z-index: 0;
   display: flex;
   flex-shrink: 0;
-  align-items: center; }
-
-.bx--data-table tbody tr:hover .iot--row-actions-container__background {
+  align-items: center;
+  opacity: 0;
   background: linear-gradient(90deg, rgba(229, 229, 229, 0) 0, #e5e5e5 16px); }
 
+.bx--data-table tbody tr:hover .iot--row-actions-container__background,
+.iot--row-actions-container__background--overflow-menu-open {
+  opacity: 1;
+  transition: opacity 110ms cubic-bezier(0, 0, 0.38, 0.9); }
+
+.bx--data-table tbody tr:not(:hover) .iot--row-actions-container__background--overflow-menu-open {
+  background: linear-gradient(90deg, rgba(229, 229, 229, 0) 0, #ffffff 16px); }
+
+.bx--data-table tbody tr.bx--data-table--selected:hover .iot--row-actions-container__background {
+  background: linear-gradient(90deg, rgba(229, 229, 229, 0) 0, #cacaca 16px); }
+
+.bx--data-table tbody tr.bx--data-table--selected:not(:hover) .iot--row-actions-container__background--overflow-menu-open {
+  background: linear-gradient(90deg, rgba(229, 229, 229, 0) 0, #e0e0e0 16px); }
+
 .iot--column-resize-handle {
   top: 0;
   cursor: col-resize;
@@ -16445,7 +16461,7 @@ html[dir='rtl'] .iot--btn {
   font-size: inherit;
   height: var(--gauge-size);
   min-width: var(--gauge-size);
-  stroke-width: 5px;
+  stroke-width: 8px;
   width: var(--gauge-size); }
   .iot--gauge text {
     fill: #393939; }
@@ -16457,18 +16473,35 @@ html[dir='rtl'] .iot--btn {
 .iot--gauge-fg {
   paint-order: stroke;
   stroke: var(--gauge-colors);
-  stroke-dasharray: 0 188.1910858154297;
+  stroke-dasharray: 0 var(--stroke-dash-array);
   -webkit-transform: rotate(-90deg);
           transform: rotate(-90deg);
   -webkit-transform-origin: center;
           transform-origin: center;
   transition: all 0.2s ease-in; }
   .iot--gauge__loaded .iot--gauge-fg {
-    stroke-dasharray: var(--stroke-dash) 188.19109; }
+    stroke-dasharray: var(--stroke-dash) var(--stroke-dash-array); }
+
+.iot--gauge-value-sm.iot--gauge-value__centered {
+  -webkit-transform: translateY(0.75rem);
+          transform: translateY(0.75rem); }
+
+.iot--gauge-value-sm tspan:first-of-type {
+  font-size: 1rem; }
 
-.iot--gauge-value__centered {
-  -webkit-transform: translateY(6px);
-          transform: translateY(6px); }
+.iot--gauge-value-md.iot--gauge-value__centered {
+  -webkit-transform: translateY(0.75rem);
+          transform: translateY(0.75rem); }
+
+.iot--gauge-value-md tspan:first-of-type {
+  font-size: 1.25rem; }
+
+.iot--gauge-value-lg.iot--gauge-value__centered {
+  -webkit-transform: translateY(1rem);
+          transform: translateY(1rem); }
+
+.iot--gauge-value-lg tspan:first-of-type {
+  font-size: 1.75rem; }
 
 .iot--meter__centered::after {
   display: none; }
@@ -16500,7 +16533,7 @@ html[dir='rtl'] .iot--btn {
       border-top: 0.3rem solid; }
   .iot--gauge-trend p {
     color: var(--gauge-trend-color);
-    font-size: inherit;
+    font-size: 0.875rem;
     position: relative; }
 
 .iot--gauge-card .iot--card--title {