carbon-addons-iot-react 2.70.0 → 2.72.0

package/lib/src/components/TableCard/TableCard.jsx

@@ -27,8 +27,8 @@ require('core-js/modules/es.string.includes');
 require('core-js/modules/web.dom-collections.iterator');
 var moment = _interopDefault(require('moment'));
 var isNil = _interopDefault(require('lodash/isNil'));
-var __chunk_26 = require('../../constants/LayoutConstants.js');
-var __chunk_28 = require('../../utils/componentUtilityFunctions.js');
+var __chunk_13 = require('../../constants/LayoutConstants.js');
+var __chunk_15 = require('../../utils/componentUtilityFunctions.js');
 var _taggedTemplateLiteral = _interopDefault(require('@babel/runtime/helpers/taggedTemplateLiteral'));
 var styled = _interopDefault(require('styled-components'));
 require('core-js/modules/es.array.find');
@@ -36,18 +36,18 @@ require('core-js/modules/es.array.splice');
 require('core-js/modules/es.array.find-index');
 var cloneDeep = _interopDefault(require('lodash/cloneDeep'));
 var find = _interopDefault(require('lodash/find'));
-var __chunk_74 = require('../Table/StatefulTable.jsx');
+var __chunk_61 = require('../Table/StatefulTable.jsx');
 var uniqBy = _interopDefault(require('lodash/uniqBy'));
-var __chunk_98 = require('../../constants/CardPropTypes.js');
-var __chunk_99 = require('../../utils/cardUtilityFunctions.js');
-var __chunk_102 = require('../Card/CardToolbar.jsx');
-var __chunk_103 = require('../Card/Card.jsx');
+var __chunk_85 = require('../../constants/CardPropTypes.js');
+var __chunk_86 = require('../../utils/cardUtilityFunctions.js');
+var __chunk_89 = require('../Card/CardToolbar.jsx');
+var __chunk_90 = require('../Card/Card.jsx');
 require('core-js/modules/es.number.is-integer');
 require('core-js/modules/es.number.to-fixed');
 var capitalize = _interopDefault(require('lodash/capitalize'));
-var __chunk_174 = require('../../../node_modules/@carbon/icons-react/es/overflow-menu--vertical/20.js');
-var __chunk_175 = require('../TimeSeriesCard/timeSeriesUtils.js');
-var __chunk_176 = require('./ThresholdIcon.jsx');
+var __chunk_165 = require('../../../node_modules/@carbon/icons-react/es/overflow-menu--vertical/20.js');
+var __chunk_166 = require('../TimeSeriesCard/timeSeriesUtils.js');
+var __chunk_167 = require('./ThresholdIcon.jsx');
 
 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; }
 
@@ -110,7 +110,7 @@ var StyledStatefulTable = styled(function (_ref) {
       data = _ref.data,
       rest = _objectWithoutProperties(_ref, ["showHeader", "isExpanded", "data"]);
 
-  return /*#__PURE__*/React__default.createElement(__chunk_74.default, _extends({}, rest, {
+  return /*#__PURE__*/React__default.createElement(__chunk_61.default, _extends({}, rest, {
     data: data
   }));
 })(_templateObject3(), function (props) {
@@ -133,7 +133,7 @@ var StyledStatefulTable = styled(function (_ref) {
 var StyledExpandedRowContent = styled.div(_templateObject4());
 var StyledExpandedDiv = styled.div(_templateObject5());
 var defaultProps = {
-  size: __chunk_26.CARD_SIZES.LARGE,
+  size: __chunk_13.CARD_SIZES.LARGE,
   values: [],
   i18n: {
     criticalLabel: 'Critical',
@@ -257,7 +257,7 @@ var TableCard = function TableCard(_ref2) {
       others = _objectWithoutProperties(_ref2, ["id", "title", "isExpanded", "content", "size", "onCardAction", "values", "isEditable", "i18n", "tooltip"]);
 
   // Checks size property against new size naming convention and reassigns to closest supported size if necessary.
-  var newSize = __chunk_99.getUpdatedCardSize(size);
+  var newSize = __chunk_86.getUpdatedCardSize(size);
   /** adds the id to the card action */
 
   var cachedOnCardAction = React.useCallback(function () {
@@ -284,7 +284,7 @@ var TableCard = function TableCard(_ref2) {
     }) : actionList && actionList.length > 1 ? /*#__PURE__*/React__default.createElement(StyledOverflowMenu, {
       floatingMenu: true,
       renderIcon: function renderIcon() {
-        return /*#__PURE__*/React__default.createElement(__chunk_174.default, {
+        return /*#__PURE__*/React__default.createElement(__chunk_165.default, {
           fill: "#5a6872",
           description: i18n.overflowMenuIconDescription
         });
@@ -309,7 +309,7 @@ var TableCard = function TableCard(_ref2) {
 
   var renderThresholdIcon = function renderThresholdIcon(cellItem) {
     var matchingThresholdValue = findMatchingThresholds(thresholds, cellItem.row, cellItem.columnId)[0];
-    return matchingThresholdValue ? /*#__PURE__*/React__default.createElement(__chunk_176.default, _extends({
+    return matchingThresholdValue ? /*#__PURE__*/React__default.createElement(__chunk_167.default, _extends({
       title: "".concat(matchingThresholdValue.dataSourceId, ": ").concat(matchingThresholdValue.currentValue, " ").concat(matchingThresholdValue.comparison, " ").concat(matchingThresholdValue.value)
     }, matchingThresholdValue, {
       strings: strings,
@@ -415,7 +415,7 @@ var TableCard = function TableCard(_ref2) {
         name: i.label ? i.label : i.dataSourceId || '',
         // don't force label to be required
         isSortable: true,
-        width: i.width ? "".concat(i.width, "px") : newSize === __chunk_26.CARD_SIZES.LARGETHIN ? '150px' : '',
+        width: i.width ? "".concat(i.width, "px") : newSize === __chunk_13.CARD_SIZES.LARGETHIN ? '150px' : '',
         // force the text wrap
         filter: i.filter ? i.filter : {
           placeholderText: strings.defaultFilterStringPlaceholdText
@@ -426,13 +426,13 @@ var TableCard = function TableCard(_ref2) {
       var columnPriority = column.priority || 1; // default to 1 if not provided
 
       switch (newSize) {
-        case __chunk_26.CARD_SIZES.LARGETHIN:
+        case __chunk_13.CARD_SIZES.LARGETHIN:
           return columnPriority === 1 ? column : null;
 
-        case __chunk_26.CARD_SIZES.LARGE:
+        case __chunk_13.CARD_SIZES.LARGE:
           return columnPriority === 1 || columnPriority === 2 ? column : null;
 
-        case __chunk_26.CARD_SIZES.LARGEWIDE:
+        case __chunk_13.CARD_SIZES.LARGEWIDE:
           return column;
 
         default:
@@ -461,7 +461,7 @@ var TableCard = function TableCard(_ref2) {
   }, [columns]); // if we're in editable mode, generate fake data
 
   var tableDataWithTimestamp = React.useMemo(function () {
-    return isEditable ? __chunk_175.generateTableSampleValues(id, columns) : hasActionColumn || filteredTimestampColumns.length || filteredPrecisionColumns.length || thresholds ? tableData.map(function (i) {
+    return isEditable ? __chunk_166.generateTableSampleValues(id, columns) : hasActionColumn || filteredTimestampColumns.length || filteredPrecisionColumns.length || thresholds ? tableData.map(function (i) {
       // if has custom action
       var action = hasActionColumn ? {
         actionColumn: JSON.stringify(i.actions || [])
@@ -531,7 +531,7 @@ var TableCard = function TableCard(_ref2) {
   var isExpandable = columns.length !== columnsToRender.filter(function (item) {
     return item.id !== 'actionColumn' && !item.id.includes('iconColumn');
   }).length;
-  var hasFilter = newSize !== __chunk_26.CARD_SIZES.LARGETHIN;
+  var hasFilter = newSize !== __chunk_13.CARD_SIZES.LARGETHIN;
   var hasRowExpansion = !!(expandedRows && expandedRows.length); // Defined the first column to be sorted, if column has defined sort
 
   var columnStartSortDefined = columnsToRender.find(function (item) {
@@ -541,7 +541,7 @@ var TableCard = function TableCard(_ref2) {
   var columnStartSort = !columnStartSortDefined ? columnsToRender.find(function (item) {
     return item.priority === 1;
   }) : columnStartSortDefined;
-  var cardToolbar = /*#__PURE__*/React__default.createElement(__chunk_102.default, _extends({
+  var cardToolbar = /*#__PURE__*/React__default.createElement(__chunk_89.default, _extends({
     availableActions: {
       expand: isExpandable,
       range: true
@@ -551,7 +551,7 @@ var TableCard = function TableCard(_ref2) {
     isExpanded: isExpanded,
     onCardAction: cachedOnCardAction
   }, others));
-  return /*#__PURE__*/React__default.createElement(__chunk_103.default, _extends({
+  return /*#__PURE__*/React__default.createElement(__chunk_90.default, _extends({
     id: id,
     size: newSize,
     onCardAction: onCardAction,
@@ -593,7 +593,7 @@ var TableCard = function TableCard(_ref2) {
           onClearAllFilters: function onClearAllFilters() {},
           onToggleFilter: function onToggleFilter() {},
           onDownloadCSV: function onDownloadCSV() {
-            return __chunk_28.csvDownloadHandler(tableDataWithTimestamp, title);
+            return __chunk_15.csvDownloadHandler(tableDataWithTimestamp, title);
           }
         }
       },
@@ -627,10 +627,10 @@ var TableCard = function TableCard(_ref2) {
   });
 };
 
-TableCard.propTypes = _objectSpread({}, __chunk_98.CardPropTypes, {}, __chunk_98.TableCardPropTypes);
+TableCard.propTypes = _objectSpread({}, __chunk_85.CardPropTypes, {}, __chunk_85.TableCardPropTypes);
 TableCard.displayName = 'TableCard';
 TableCard.defaultProps = defaultProps;
-TableCard.defaultProps.i18n = _objectSpread({}, defaultProps.i18n, {}, __chunk_103.defaultProps.i18n);
+TableCard.defaultProps.i18n = _objectSpread({}, defaultProps.i18n, {}, __chunk_90.defaultProps.i18n);
 TableCard.__docgenInfo = {
   "description": "",
   "methods": [],

package/lib/src/components/TableCard/ThresholdIcon.jsx

@@ -6,7 +6,7 @@ var PropTypes = _interopDefault(require('prop-types'));
 var React = require('react');
 var React__default = _interopDefault(React);
 var __chunk_4 = require('../../constants/Settings.js');
-var __chunk_163 = require('../ImageCard/CardIcon.jsx');
+var __chunk_154 = require('../ImageCard/CardIcon.jsx');
 
 var iotPrefix = __chunk_4.settings.iotPrefix;
 var propTypes = {
@@ -59,7 +59,7 @@ var ThresholdIcon = function ThresholdIcon(_ref) {
       renderIconByName = _ref.renderIconByName;
   var iconToRender;
   var stringToRender = '';
-  var customIcon = icon ? /*#__PURE__*/React__default.createElement(__chunk_163.default, {
+  var customIcon = icon ? /*#__PURE__*/React__default.createElement(__chunk_154.default, {
     icon: icon,
     title: title,
     color: color || '#DA1E28',

package/lib/src/components/TileCatalog/StatefulTileCatalog.jsx

@@ -14,17 +14,17 @@ require('core-js/modules/es.object.keys');
 require('core-js/modules/web.dom-collections.for-each');
 var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
 var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
-var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
 require('core-js/modules/es.array.concat');
 require('core-js/modules/es.array.map');
 require('core-js/modules/es.array.slice');
+var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 require('core-js/modules/es.regexp.exec');
 require('core-js/modules/es.string.search');
 var useDeepCompareEffect = _interopDefault(require('use-deep-compare-effect'));
-var __chunk_79 = require('./TileCatalog.jsx');
+var __chunk_66 = require('./TileCatalog.jsx');
 var omit = _interopDefault(require('lodash/omit'));
-var __chunk_80 = require('./tileCatalogReducer.js');
+var __chunk_67 = require('./tileCatalogReducer.js');
 
 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; }
 
@@ -42,7 +42,7 @@ var StatefulTileCatalog = function StatefulTileCatalog(_ref) {
       tilesProp = _ref.tiles,
       props = _objectWithoutProperties(_ref, ["isSelectedByDefault", "onSelection", "pagination", "search", "selectedTileId", "tiles"]);
 
-  var initialState = __chunk_80.determineInitialState(_objectSpread({}, props, {
+  var initialState = __chunk_67.determineInitialState(_objectSpread({}, props, {
     selectedTileId: selectedTileIdProp,
     isSelectedByDefault: isSelectedByDefault,
     tiles: tilesProp,
@@ -52,7 +52,7 @@ var StatefulTileCatalog = function StatefulTileCatalog(_ref) {
   var onPage = pagination && pagination.onPage;
   var onSearch = search && search.onSearch;
 
-  var _useReducer = React.useReducer(__chunk_80.tileCatalogReducer, initialState),
+  var _useReducer = React.useReducer(__chunk_67.tileCatalogReducer, initialState),
       _useReducer2 = _slicedToArray(_useReducer, 2),
       state = _useReducer2[0],
       dispatch = _useReducer2[1];
@@ -60,7 +60,7 @@ var StatefulTileCatalog = function StatefulTileCatalog(_ref) {
   useDeepCompareEffect(function () {
     // If we get passed a new set of tiles reset!
     dispatch({
-      type: __chunk_80.TILE_ACTIONS.RESET,
+      type: __chunk_67.TILE_ACTIONS.RESET,
       payload: _objectSpread({}, props, {
         selectedTileId: selectedTileIdProp,
         isSelectedByDefault: isSelectedByDefault,
@@ -79,7 +79,7 @@ var StatefulTileCatalog = function StatefulTileCatalog(_ref) {
   React.useEffect(function () {
     if (selectedTileIdProp) {
       dispatch({
-        type: __chunk_80.TILE_ACTIONS.SELECT,
+        type: __chunk_67.TILE_ACTIONS.SELECT,
         payload: selectedTileIdProp
       });
     }
@@ -98,7 +98,7 @@ var StatefulTileCatalog = function StatefulTileCatalog(_ref) {
     }
 
     dispatch({
-      type: __chunk_80.TILE_ACTIONS.PAGE_CHANGE,
+      type: __chunk_67.TILE_ACTIONS.PAGE_CHANGE,
       payload: args && args[0]
     });
 
@@ -109,7 +109,7 @@ var StatefulTileCatalog = function StatefulTileCatalog(_ref) {
 
   var handleSelection = function handleSelection(newSelectedTile) {
     dispatch({
-      type: __chunk_80.TILE_ACTIONS.SELECT,
+      type: __chunk_67.TILE_ACTIONS.SELECT,
       payload: newSelectedTile
     });
 
@@ -121,7 +121,7 @@ var StatefulTileCatalog = function StatefulTileCatalog(_ref) {
   var handleSearch = function handleSearch(event) {
     var newSearch = event.target.value || '';
     dispatch({
-      type: __chunk_80.TILE_ACTIONS.SEARCH,
+      type: __chunk_67.TILE_ACTIONS.SEARCH,
       payload: newSearch
     });
 
@@ -135,7 +135,7 @@ var StatefulTileCatalog = function StatefulTileCatalog(_ref) {
   };
 
   var isFiltered = searchState !== '';
-  return /*#__PURE__*/React__default.createElement(__chunk_79.default, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(__chunk_66.default, _extends({}, props, {
     selectedTileId: selectedTileId // slice doesn't include the last index!
     ,
     tiles: isFiltered // if the tiles aren't filtered just show the raw prop so that there's no repaint
@@ -156,7 +156,7 @@ var StatefulTileCatalog = function StatefulTileCatalog(_ref) {
 StatefulTileCatalog.defaultProps = {
   isSelectedByDefault: true
 };
-StatefulTileCatalog.propTypes = _objectSpread({}, __chunk_79.propTypes, {
+StatefulTileCatalog.propTypes = _objectSpread({}, __chunk_66.propTypes, {
   /** Will always select the first entry if set true */
   isSelectedByDefault: PropTypes.bool
 });

package/lib/src/components/TileCatalog/TileCatalog.jsx

@@ -6,7 +6,7 @@ var carbonComponentsReact = require('carbon-components-react');
 var PropTypes = _interopDefault(require('prop-types'));
 var React = require('react');
 var React__default = _interopDefault(React);
-var cx = _interopDefault(require('classnames'));
+var classnames = _interopDefault(require('classnames'));
 var __chunk_4 = require('../../constants/Settings.js');
 var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
 require('core-js/modules/es.array.map');
@@ -15,10 +15,10 @@ require('core-js/modules/es.array.iterator');
 require('core-js/modules/es.object.to-string');
 require('core-js/modules/es.regexp.exec');
 require('core-js/modules/web.dom-collections.iterator');
-var __chunk_34 = require('../../../node_modules/@carbon/icons-react/es/bee/32.js');
+var __chunk_21 = require('../../../node_modules/@carbon/icons-react/es/bee/32.js');
 require('core-js/modules/es.string.search');
-var __chunk_77 = require('../SimplePagination/SimplePagination.jsx');
-var __chunk_78 = require('./TileGroup.jsx');
+var __chunk_64 = require('../SimplePagination/SimplePagination.jsx');
+var __chunk_65 = require('./TileGroup.jsx');
 
 var iotPrefix = __chunk_4.settings.iotPrefix;
 var TableToolbarSearch = carbonComponentsReact.DataTable.TableToolbarSearch;
@@ -106,7 +106,7 @@ var TileCatalog = function TileCatalog(_ref) {
   var pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;
   var totalTiles = pagination && pagination.totalItems ? pagination.totalItems : 10;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: cx(className, "".concat(iotPrefix, "--tile-catalog"))
+    className: classnames(className, "".concat(iotPrefix, "--tile-catalog"))
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(iotPrefix, "--tile-catalog--header")
   }, search && search.placeHolderText ? /*#__PURE__*/React__default.createElement(TableToolbarSearch, {
@@ -119,7 +119,7 @@ var TileCatalog = function TileCatalog(_ref) {
   }) : null), isLoading ?
   /*#__PURE__*/
   // generate empty tiles for first page
-  React__default.createElement(__chunk_78.default, {
+  React__default.createElement(__chunk_65.default, {
     tiles: _toConsumableArray(Array(pageSize)).map(function (val, index) {
       return /*#__PURE__*/React__default.createElement(carbonComponentsReact.Tile, {
         className: "".concat(iotPrefix, "--tile-catalog--empty-tile"),
@@ -127,7 +127,7 @@ var TileCatalog = function TileCatalog(_ref) {
       }, /*#__PURE__*/React__default.createElement(carbonComponentsReact.SkeletonText, null));
     }),
     totalTiles: totalTiles
-  }) : tiles.length > 0 ? /*#__PURE__*/React__default.createElement(__chunk_78.default, {
+  }) : tiles.length > 0 ? /*#__PURE__*/React__default.createElement(__chunk_65.default, {
     tiles: tiles.map(function (tile) {
       return /*#__PURE__*/React__default.createElement(carbonComponentsReact.RadioTile, {
         className: tile.className,
@@ -144,7 +144,7 @@ var TileCatalog = function TileCatalog(_ref) {
     })
   }) : /*#__PURE__*/React__default.createElement(carbonComponentsReact.Tile, {
     className: "".concat(iotPrefix, "--tile-catalog--empty-tile")
-  }, error || /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(__chunk_34.default, null), /*#__PURE__*/React__default.createElement("p", null, search && search.noMatchesFoundText || 'No matches found'))), !isLoading && tiles.length > 0 && !error && pagination ? /*#__PURE__*/React__default.createElement(__chunk_77.default, _extends({}, pagination, {
+  }, error || /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(__chunk_21.default, null), /*#__PURE__*/React__default.createElement("p", null, search && search.noMatchesFoundText || 'No matches found'))), !isLoading && tiles.length > 0 && !error && pagination ? /*#__PURE__*/React__default.createElement(__chunk_64.default, _extends({}, pagination, {
     maxPage: Math.ceil(totalTiles / pageSize)
   })) : null);
 };

package/lib/src/components/TileCatalog/TileGroup.jsx

@@ -6,7 +6,7 @@ var carbonComponentsReact = require('carbon-components-react');
 var PropTypes = _interopDefault(require('prop-types'));
 var React = require('react');
 var React__default = _interopDefault(React);
-var cx = _interopDefault(require('classnames'));
+var classnames = _interopDefault(require('classnames'));
 var __chunk_4 = require('../../constants/Settings.js');
 
 var iotPrefix = __chunk_4.settings.iotPrefix;
@@ -22,7 +22,7 @@ var TileGroup = function TileGroup(_ref) {
   var tiles = _ref.tiles,
       className = _ref.className;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: cx(className, "".concat(iotPrefix, "--tile-group"))
+    className: classnames(className, "".concat(iotPrefix, "--tile-group"))
   }, tiles, /*#__PURE__*/React__default.createElement(carbonComponentsReact.Tile, {
     className: "".concat(iotPrefix, "--greedy-tile")
   }));

package/lib/src/components/TileCatalog/tileCatalogReducer.js

@@ -13,7 +13,7 @@ var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProp
 require('core-js/modules/es.regexp.exec');
 require('core-js/modules/es.string.search');
 require('core-js/modules/es.array.find-index');
-var __chunk_73 = require('../Table/tableReducer.js');
+var __chunk_60 = require('../Table/tableReducer.js');
 
 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; }
 
@@ -41,7 +41,7 @@ var determineInitialState = function determineInitialState(_ref) {
       tiles = _ref.tiles;
   var page = pagination && pagination.page ? pagination.page : 1;
   var pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;
-  var filteredTiles = search ? __chunk_73.searchData(tiles, search.value) : tiles;
+  var filteredTiles = search ? __chunk_60.searchData(tiles, search.value) : tiles;
   var startingIndex = pagination ? (page - 1) * pageSize : 0;
   var selectedTileIdState = selectedTileId || (isSelectedByDefault && filteredTiles && filteredTiles[startingIndex] ? filteredTiles[startingIndex].id : null);
   var selectedPage;
@@ -106,7 +106,7 @@ var tileCatalogReducer = function tileCatalogReducer() {
       {
         var searchState = action.payload;
         var _pageSize = state.pageSize;
-        var filteredTiles = __chunk_73.searchData(state.tiles, searchState);
+        var filteredTiles = __chunk_60.searchData(state.tiles, searchState);
         return _objectSpread({}, state, {
           searchState: searchState,
           filteredTiles: filteredTiles,

package/lib/src/components/TileCatalogNew/TileCatalogNew.jsx

@@ -8,10 +8,10 @@ var PropTypes = _interopDefault(require('prop-types'));
 var React = require('react');
 var React__default = _interopDefault(React);
 var __chunk_4 = require('../../constants/Settings.js');
-var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 require('core-js/modules/es.array.map');
+var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 require('core-js/modules/es.array.fill');
-var __chunk_105 = require('./TilePagination/TilePagination.jsx');
+var __chunk_92 = require('./TilePagination/TilePagination.jsx');
 
 var TableToolbarSearch = carbonComponentsReact.DataTable.TableToolbarSearch;
 var iotPrefix = __chunk_4.settings.iotPrefix;
@@ -161,7 +161,7 @@ var TileCatalogNew = function TileCatalogNew(_ref) {
     className: "".concat(iotPrefix, "--tile-catalog--tile-canvas--content")
   }, renderGrid()), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(iotPrefix, "--tile-catalog--tile-canvas--bottom")
-  }, /*#__PURE__*/React__default.createElement(__chunk_105.default, {
+  }, /*#__PURE__*/React__default.createElement(__chunk_92.default, {
     page: currentPage,
     numPages: Math.ceil(tiles.length / (numRows * numColumns)),
     onChange: function onChange(newPage) {

package/lib/src/components/TileCatalogNew/TilePagination/TilePagination.jsx

@@ -5,11 +5,11 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var PropTypes = _interopDefault(require('prop-types'));
 var React = require('react');
 var React__default = _interopDefault(React);
-var cx = _interopDefault(require('classnames'));
+var classnames = _interopDefault(require('classnames'));
 var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
 var __chunk_4 = require('../../../constants/Settings.js');
-var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 require('core-js/modules/es.array.concat');
+var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 require('core-js/modules/es.number.constructor');
 require('core-js/modules/es.string.iterator');
 require('core-js/modules/es.array.from');
@@ -54,7 +54,7 @@ var TilePagination = function TilePagination(_ref) {
     onClick: function onClick() {
       return page > 1 && _onChange(page - 1);
     },
-    className: cx("".concat(prefix, "--pagination-nav__page"), "".concat(prefix, "--pagination-nav__page--direction"), _defineProperty({}, "".concat(prefix, "--pagination-nav__page--disabled"), page === 1)),
+    className: classnames("".concat(prefix, "--pagination-nav__page"), "".concat(prefix, "--pagination-nav__page--direction"), _defineProperty({}, "".concat(prefix, "--pagination-nav__page--disabled"), page === 1)),
     ariaDisabled: "true"
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "".concat(prefix, "--pagination-nav__accessibility-label")
@@ -78,7 +78,7 @@ var TilePagination = function TilePagination(_ref) {
     onClick: function onClick() {
       return page < numPages && _onChange(page + 1);
     },
-    className: cx("".concat(prefix, "--pagination-nav__page"), "".concat(prefix, "--pagination-nav__page--direction"), _defineProperty({}, "".concat(prefix, "--pagination-nav__page--disabled"), page === numPages))
+    className: classnames("".concat(prefix, "--pagination-nav__page"), "".concat(prefix, "--pagination-nav__page--direction"), _defineProperty({}, "".concat(prefix, "--pagination-nav__page--disabled"), page === numPages))
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "".concat(prefix, "--pagination-nav__accessibility-label")
   }, i18n.ariaLabelNextPage), /*#__PURE__*/React__default.createElement("svg", {
@@ -105,7 +105,7 @@ var TilePagination = function TilePagination(_ref) {
       onClick: function onClick() {
         return _onChange(pageNumber);
       },
-      className: cx("".concat(prefix, "--pagination-nav__page"), (_classnames3 = {}, _defineProperty(_classnames3, "".concat(prefix, "--pagination-nav__page--active"), page === pageNumber), _defineProperty(_classnames3, "".concat(prefix, "--pagination-nav__page--disabled"), page === pageNumber), _classnames3)),
+      className: classnames("".concat(prefix, "--pagination-nav__page"), (_classnames3 = {}, _defineProperty(_classnames3, "".concat(prefix, "--pagination-nav__page--active"), page === pageNumber), _defineProperty(_classnames3, "".concat(prefix, "--pagination-nav__page--disabled"), page === pageNumber), _classnames3)),
       ariaCurrent: i18n.ariaLabelPage,
       ariaDisabled: page === pageNumber
     }, /*#__PURE__*/React__default.createElement("span", {

package/lib/src/components/TileGallery/StatefulTileGallery.jsx

@@ -7,22 +7,22 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('core-js/modules/es.symbol');
 require('core-js/modules/es.array.filter');
-var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
-var __chunk_20 = require('../../../node_modules/carbon-components-react/es/prop-types/types.js');
-var __chunk_21 = require('../Button/Button.jsx');
+var __chunk_7 = require('../../../node_modules/carbon-components-react/es/prop-types/types.js');
+var __chunk_8 = require('../Button/Button.jsx');
 require('core-js/modules/es.array.concat');
 require('core-js/modules/es.array.map');
+var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 require('core-js/modules/es.regexp.constructor');
 require('core-js/modules/es.regexp.exec');
 require('core-js/modules/es.regexp.to-string');
 require('core-js/modules/es.symbol.description');
-var __chunk_64 = require('../PageTitleBar/PageTitleBar.jsx');
+var __chunk_51 = require('../PageTitleBar/PageTitleBar.jsx');
 var get = _interopDefault(require('lodash/get'));
-var __chunk_191 = require('./TileGallerySection.jsx');
-var __chunk_192 = require('./TileGallery.jsx');
-var __chunk_193 = require('./TileGalleryItem.jsx');
-var __chunk_194 = require('./TileGalleryViewSwitcher.jsx');
-var __chunk_195 = require('./TileGallerySearch.jsx');
+var __chunk_182 = require('./TileGallerySection.jsx');
+var __chunk_183 = require('./TileGallery.jsx');
+var __chunk_184 = require('./TileGalleryItem.jsx');
+var __chunk_185 = require('./TileGalleryViewSwitcher.jsx');
+var __chunk_186 = require('./TileGallerySearch.jsx');
 var escapeRegExp = _interopDefault(require('lodash/escapeRegExp'));
 
 var propTypes = {
@@ -84,7 +84,7 @@ var propTypes = {
   buttonClassName: PropTypes.string,
 
   /** Button kind */
-  buttonKind: PropTypes.oneOf(__chunk_20.ButtonKinds),
+  buttonKind: PropTypes.oneOf(__chunk_7.ButtonKinds),
 
   /** Button content */
   buttonText: PropTypes.string
@@ -140,13 +140,13 @@ var StatefulTileGallery = function StatefulTileGallery(_ref) {
       thumbnails = _useState4[0],
       setThumbnails = _useState4[1];
 
-  return /*#__PURE__*/React__default.createElement(__chunk_64.default, {
+  return /*#__PURE__*/React__default.createElement(__chunk_51.default, {
     title: title,
     description: description,
     className: className,
     extraContent: /*#__PURE__*/React__default.createElement("div", {
       className: "extra-content"
-    }, hasSearch ? /*#__PURE__*/React__default.createElement(__chunk_195.default, {
+    }, hasSearch ? /*#__PURE__*/React__default.createElement(__chunk_186.default, {
       searchValue: search,
       onChange: function onChange(event) {
         return setSearch(get(event, 'currentTarget.value'));
@@ -157,27 +157,27 @@ var StatefulTileGallery = function StatefulTileGallery(_ref) {
         placeHolderText: i18n.searchPlaceHolderText,
         closeButtonText: i18n.searchBloseButtonText
       }
-    }) : null, hasSwitcher ? /*#__PURE__*/React__default.createElement(__chunk_194.default, {
+    }) : null, hasSwitcher ? /*#__PURE__*/React__default.createElement(__chunk_185.default, {
       onChange: function onChange(event) {
         return setThumbnails(get(event, 'name') !== 'list');
       },
       selectedIndex: thumbnails ? 1 : 0,
       i18n: i18n
-    }) : null, hasButton ? /*#__PURE__*/React__default.createElement(__chunk_21.default, {
+    }) : null, hasButton ? /*#__PURE__*/React__default.createElement(__chunk_8.default, {
       disabled: isButtonDisabled,
       className: buttonClassName,
       kind: buttonKind
     }, buttonText) : null),
-    content: /*#__PURE__*/React__default.createElement(__chunk_192.default, null, galleryData.map(function (item) {
+    content: /*#__PURE__*/React__default.createElement(__chunk_183.default, null, galleryData.map(function (item) {
       var items = item.galleryItems.filter(function (galleryItem) {
         return doesGalleryItemMatch(galleryItem, search);
       });
-      return /*#__PURE__*/React__default.createElement(__chunk_191.default, {
+      return /*#__PURE__*/React__default.createElement(__chunk_182.default, {
         key: item.id,
         title: item.sectionTitle,
         i18n: i18n
       }, items.map(function (galleryItem) {
-        return /*#__PURE__*/React__default.createElement(__chunk_193.default, {
+        return /*#__PURE__*/React__default.createElement(__chunk_184.default, {
           key: "item-".concat(galleryItem.title, "-").concat(Math.random()),
           className: classNameGalleryItem,
           mode: thumbnails ? 'grid' : 'list',

package/lib/src/components/TileGallery/TileGallery.jsx

@@ -5,12 +5,12 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var PropTypes = _interopDefault(require('prop-types'));
 var React = require('react');
 var React__default = _interopDefault(React);
-var __chunk_191 = require('./TileGallerySection.jsx');
+var __chunk_182 = require('./TileGallerySection.jsx');
 
 var propTypes = {
   /** Component children's to be rendered */
   children: PropTypes.arrayOf(PropTypes.shape({
-    type: PropTypes.oneOf([__chunk_191.default])
+    type: PropTypes.oneOf([__chunk_182.default])
   })).isRequired
 };
 var defaultProps = {};

package/lib/src/components/TimePickerSpinner/TimePickerSpinner.jsx

@@ -6,20 +6,20 @@ var carbonComponentsReact = require('carbon-components-react');
 var PropTypes = _interopDefault(require('prop-types'));
 var React = require('react');
 var React__default = _interopDefault(React);
-var cx = _interopDefault(require('classnames'));
+var classnames = _interopDefault(require('classnames'));
 var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
 var __chunk_4 = require('../../constants/Settings.js');
-var iconsReact = require('@carbon/icons-react');
 var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
-var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
+var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
+var iconsReact = require('@carbon/icons-react');
 require('core-js/modules/es.array.join');
 require('core-js/modules/es.number.constructor');
 require('core-js/modules/es.object.to-string');
 require('core-js/modules/es.regexp.exec');
 require('core-js/modules/es.regexp.to-string');
 require('core-js/modules/es.string.search');
-var __chunk_48 = require('../../constants/KeyCodeConstants.js');
+var __chunk_35 = require('../../constants/KeyCodeConstants.js');
 require('core-js/modules/es.string.pad-start');
 require('core-js/modules/es.string.replace');
 require('core-js/modules/es.string.split');
@@ -167,8 +167,8 @@ var TimePickerSpinner = function TimePickerSpinner(_ref) {
     setFocusTarget(target);
 
     switch (e.keyCode) {
-      case __chunk_48.keyCodes.UP:
-      case __chunk_48.keyCodes.DOWN:
+      case __chunk_35.keyCodes.UP:
+      case __chunk_35.keyCodes.DOWN:
         setKeyUpOrDownPosition(target.selectionStart);
         break;
 
@@ -190,13 +190,13 @@ var TimePickerSpinner = function TimePickerSpinner(_ref) {
 
   var onInputKeyUp = function onInputKeyUp(e) {
     switch (e.keyCode) {
-      case __chunk_48.keyCodes.LEFT:
-      case __chunk_48.keyCodes.RIGHT:
+      case __chunk_35.keyCodes.LEFT:
+      case __chunk_35.keyCodes.RIGHT:
         setCurrentTimeGroup(e.currentTarget.selectionStart <= 2 ? 0 : 1); // this is to fix the event hijacking from sibling components, ie. DatePicker
         // in this case we need to set the proper cursor position artificially
 
         if (e.currentTarget.selectionStart === lastSelectionStart) {
-          if (e.keyCode === __chunk_48.keyCodes.LEFT) {
+          if (e.keyCode === __chunk_35.keyCodes.LEFT) {
             e.currentTarget.selectionStart -= 1;
           } else {
             e.currentTarget.selectionStart += 1;
@@ -208,11 +208,11 @@ var TimePickerSpinner = function TimePickerSpinner(_ref) {
         lastSelectionStart = e.currentTarget.selectionStart;
         break;
 
-      case __chunk_48.keyCodes.UP:
+      case __chunk_35.keyCodes.UP:
         handleArrowClick('up');
         break;
 
-      case __chunk_48.keyCodes.DOWN:
+      case __chunk_35.keyCodes.DOWN:
         handleArrowClick('down');
         break;
 
@@ -247,7 +247,7 @@ var TimePickerSpinner = function TimePickerSpinner(_ref) {
 
   var timeGroupForLabel = currentTimeGroup === 0 ? 'hours' : 'minutes';
   return /*#__PURE__*/React__default.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__default.createElement(carbonComponentsReact.TimePicker, _extends({
     ref: timePickerRef,
     onClick: onInputClick,