@carbon/ibm-products 2.65.0 → 2.66.0

package/es/components/AddSelect/AddSelectSort.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { toConsumableArray as _toConsumableArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../_virtual/index.js';
 import { OverflowMenu, OverflowMenuItem } from '@carbon/react';
@@ -13,59 +13,59 @@ import { ArrowUp, ArrowDown, ArrowsVertical } from '@carbon/react/icons';
 import { pkg } from '../../settings.js';
 
 var _ArrowUp, _ArrowDown;
-var blockClass = "".concat(pkg.prefix, "--add-select-sort");
-var componentName = 'AddSelectSort';
-var AddSelectSort = function AddSelectSort(_ref) {
-  var setSortAttribute = _ref.setSortAttribute,
-    setSortDirection = _ref.setSortDirection,
-    sortBy = _ref.sortBy,
-    sortByLabel = _ref.sortByLabel;
-  var sortByOpts = sortBy ? sortBy === null || sortBy === void 0 ? void 0 : sortBy.reduce(function (acc, cur) {
-    var opts = [{
-      id: "".concat(cur, "-asc"),
+const blockClass = `${pkg.prefix}--add-select-sort`;
+const componentName = 'AddSelectSort';
+const AddSelectSort = _ref => {
+  let {
+    setSortAttribute,
+    setSortDirection,
+    sortBy,
+    sortByLabel
+  } = _ref;
+  const sortByOpts = sortBy ? sortBy?.reduce((acc, cur) => {
+    const opts = [{
+      id: `${cur}-asc`,
       itemText: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, _ArrowUp || (_ArrowUp = /*#__PURE__*/React__default.createElement(ArrowUp, {
         size: 16
       })), cur),
       direction: 'asc',
       attribute: cur
     }, {
-      id: "".concat(cur, "-desc"),
+      id: `${cur}-desc`,
       itemText: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, _ArrowDown || (_ArrowDown = /*#__PURE__*/React__default.createElement(ArrowDown, {
         size: 16
       })), cur),
       direction: 'desc',
       attribute: cur
     }];
-    return [].concat(_toConsumableArray(acc), opts);
+    return [...acc, ...opts];
   }, []) : [];
 
   // handlers
-  var sortHandler = function sortHandler(_ref2) {
-    var direction = _ref2.direction,
-      attribute = _ref2.attribute;
-    setSortAttribute === null || setSortAttribute === void 0 || setSortAttribute(attribute);
-    setSortDirection === null || setSortDirection === void 0 || setSortDirection(direction);
+  const sortHandler = _ref2 => {
+    let {
+      direction,
+      attribute
+    } = _ref2;
+    setSortAttribute?.(attribute);
+    setSortDirection?.(direction);
   };
   return /*#__PURE__*/React__default.createElement("div", {
     className: blockClass
   }, sortByOpts.length > 0 && /*#__PURE__*/React__default.createElement(OverflowMenu, {
-    renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/React__default.createElement(ArrowsVertical, _extends({
-        size: 32
-      }, props));
-    },
-    className: "".concat(blockClass, "_overflow"),
+    renderIcon: props => /*#__PURE__*/React__default.createElement(ArrowsVertical, _extends({
+      size: 32
+    }, props)),
+    className: `${blockClass}_overflow`,
     flipped: true,
     "aria-label": sortByLabel,
     iconDescription: sortByLabel
-  }, sortByOpts.map(function (opt) {
+  }, sortByOpts.map(opt => {
     return /*#__PURE__*/React__default.createElement(OverflowMenuItem, {
-      className: "".concat(blockClass, "_overflow-item"),
-      key: opt === null || opt === void 0 ? void 0 : opt.id,
-      itemText: opt === null || opt === void 0 ? void 0 : opt.itemText,
-      onClick: function onClick() {
-        return sortHandler(opt);
-      }
+      className: `${blockClass}_overflow-item`,
+      key: opt?.id,
+      itemText: opt?.itemText,
+      onClick: () => sortHandler(opt)
     });
   })));
 };

package/es/components/AddSelect/add-select-utils.js

@@ -5,10 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
-
-var _excluded = ["children"];
-//
 // Copyright IBM Corp. 2022, 2022
 //
 // This source code is licensed under the Apache-2.0 license found in the
@@ -22,66 +18,80 @@ var _excluded = ["children"];
  * @param {object} data
  * @returns an object of normalized data
  */
-var _normalize = function normalize(data) {
-  var items = data.entries.reduce(function (prev, cur) {
-    var children = cur.children,
-      item = _objectWithoutProperties(cur, _excluded);
+const normalize = data => {
+  const items = data.entries.reduce((prev, cur) => {
+    const {
+      children,
+      ...item
+    } = cur;
     prev[item.id] = item;
     if (children) {
-      var childItems = _normalize(children);
-      return _objectSpread2(_objectSpread2({}, prev), childItems);
+      const childItems = normalize(children);
+      return {
+        ...prev,
+        ...childItems
+      };
     }
     return prev;
   }, {});
   return items;
 };
-var getGlobalFilterValues = function getGlobalFilterValues(globalFilters, items) {
-  var itemIds = Object.keys(items);
-  var results = globalFilters.reduce(function (prevFilter, curFilter) {
-    var filterId = curFilter.id;
-    var filterOpts = itemIds.reduce(function (prevId, curId) {
-      var curItem = items[curId];
-      var value = curItem[filterId];
+
+/**
+ * takes in a global filters array and a flat list of items
+ * it then searches through the items and finds any with the matching filter properties
+ * and adds those values to the array
+ * globalFilters looks like [{ id: someProperty }]
+ * the returned array would look like [{ id: someProperty, opts: [value, value]}]
+ * @param {Array} globalFilters - list of filter properties
+ * @param {Array} items - items to search through
+ * @returns an array of filter values
+ */
+const getGlobalFilterValues = (globalFilters, items) => {
+  const itemIds = Object.keys(items);
+  const results = globalFilters.reduce((prevFilter, curFilter) => {
+    const filterId = curFilter.id;
+    const filterOpts = itemIds.reduce((prevId, curId) => {
+      const curItem = items[curId];
+      const value = curItem[filterId];
       if (value && !prevId.includes(value)) {
         prevId.push(value);
       }
       return prevId;
     }, []);
-    prevFilter.push(_objectSpread2({
-      opts: filterOpts
-    }, curFilter));
+    prevFilter.push({
+      opts: filterOpts,
+      ...curFilter
+    });
     return prevFilter;
   }, []);
   return results;
 };
-var sortItems = function sortItems(attribute, direction) {
-  return function (a, b) {
-    var _a$attribute, _b$attribute;
-    var valueA = (_a$attribute = a[attribute]) === null || _a$attribute === void 0 ? void 0 : _a$attribute.split(' ').join('');
-    var valueB = (_b$attribute = b[attribute]) === null || _b$attribute === void 0 ? void 0 : _b$attribute.split(' ').join('');
+const sortItems = (attribute, direction) => {
+  return (a, b) => {
+    const valueA = a[attribute]?.split(' ').join('');
+    const valueB = b[attribute]?.split(' ').join('');
     if (direction === 'desc') {
       return valueA > valueB ? -1 : 1;
     }
     return valueA < valueB ? -1 : 1;
   };
 };
-var getFilteredItems = function getFilteredItems(useNormalizedItems, normalizedItems, searchTerm, globalFiltersApplied, globalFilterKeys, appliedGlobalFilters, sortFn, multi, items, path) {
+const getFilteredItems = (useNormalizedItems, normalizedItems, searchTerm, globalFiltersApplied, globalFilterKeys, appliedGlobalFilters, sortFn, multi, items, path) => {
   /**
    * useNormalizedItems just specifies if the data is hierarchical. the data structure
    * is an object and not an array.
    */
   if (useNormalizedItems) {
-    var itemIds = Object.keys(normalizedItems);
+    const itemIds = Object.keys(normalizedItems);
     if (searchTerm || globalFiltersApplied) {
-      var results = itemIds.reduce(function (prev, cur) {
+      const results = itemIds.reduce((prev, cur) => {
         if (normalizedItems[cur].title.toLowerCase().includes(searchTerm.toLowerCase())) {
           prev.push(normalizedItems[cur]);
         }
         return prev;
-      }, []).filter(function (item) {
-        return globalFilterKeys.every(function (filter) {
-          return item[filter] === appliedGlobalFilters[filter];
-        });
+      }, []).filter(item => {
+        return globalFilterKeys.every(filter => item[filter] === appliedGlobalFilters[filter]);
       }).sort(sortFn);
       return results;
     }
@@ -97,27 +107,22 @@ var getFilteredItems = function getFilteredItems(useNormalizedItems, normalizedI
      * structure has to be built around the path to maintain the folder structure
      */
     if (path.length > 1) {
-      return path.reduce(function (prev, cur, curIdx) {
-        var _prev$find;
+      return path.reduce((prev, cur, curIdx) => {
         // because the root of the path never changes we can skip it
         if (curIdx === 0) {
           return prev;
         }
-        var item = (_prev$find = prev.find(function (item) {
-          return item.id === cur.id;
-        })) === null || _prev$find === void 0 || (_prev$find = _prev$find.children) === null || _prev$find === void 0 ? void 0 : _prev$find.entries;
+        const item = prev.find(item => item.id === cur.id)?.children?.entries;
         return item;
       }, items.entries);
     }
     return items.entries;
   } else {
     if (searchTerm) {
-      return items.entries.filter(function (item) {
-        return item.title.toLowerCase().includes(searchTerm.toLowerCase());
-      });
+      return items.entries.filter(item => item.title.toLowerCase().includes(searchTerm.toLowerCase()));
     }
     return items.entries;
   }
 };
 
-export { getFilteredItems, getGlobalFilterValues, _normalize as normalize, sortItems };
+export { getFilteredItems, getGlobalFilterValues, normalize, sortItems };

package/es/components/AddSelect/hooks/useFocus.js

@@ -5,18 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useState, useCallback, useEffect } from 'react';
 
-var useFocus = function useFocus(size) {
+const useFocus = size => {
   // the state should represent the location of the item in the array
   // make it '' initially so that it doesn't automatically focus the first item
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentFocus = _useState2[0],
-    setCurrentFocus = _useState2[1];
-  var handleKeyDown = useCallback(function (e) {
-    var focus = currentFocus === '' ? 0 : currentFocus;
+  const [currentFocus, setCurrentFocus] = useState('');
+  const handleKeyDown = useCallback(e => {
+    const focus = currentFocus === '' ? 0 : currentFocus;
     if (e.keyCode === 40) {
       // Down arrow
       e.preventDefault();
@@ -27,10 +23,10 @@ var useFocus = function useFocus(size) {
       setCurrentFocus(focus === 0 ? size - 1 : focus - 1);
     }
   }, [size, currentFocus, setCurrentFocus]);
-  useEffect(function () {
-    var el = document.querySelector('#add-select-focus');
+  useEffect(() => {
+    const el = document.querySelector('#add-select-focus');
     el.addEventListener('keydown', handleKeyDown, false);
-    return function () {
+    return () => {
       el.removeEventListener('keydown', handleKeyDown, false);
     };
   }, [handleKeyDown]);

package/es/components/AddSelect/hooks/useItemSort.js

@@ -5,23 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useState } from 'react';
 
-var useItemSort = function useItemSort() {
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    sortDirection = _useState2[0],
-    setSortDirection = _useState2[1];
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    sortAttribute = _useState4[0],
-    setSortAttribute = _useState4[1];
+// Copyright IBM Corp. 2022, 2022
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+const useItemSort = () => {
+  const [sortDirection, setSortDirection] = useState('');
+  const [sortAttribute, setSortAttribute] = useState('');
   return {
-    sortDirection: sortDirection,
-    setSortDirection: setSortDirection,
-    sortAttribute: sortAttribute,
-    setSortAttribute: setSortAttribute
+    sortDirection,
+    setSortDirection,
+    sortAttribute,
+    setSortAttribute
   };
 };
 

package/es/components/AddSelect/hooks/useParentSelect.js

@@ -5,17 +5,19 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useState } from 'react';
 
-var useParentSelect = function useParentSelect() {
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    parentSelected = _useState2[0],
-    setParentSelected = _useState2[1];
+// Copyright IBM Corp. 2022, 2022
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+const useParentSelect = () => {
+  const [parentSelected, setParentSelected] = useState(null);
   return {
-    parentSelected: parentSelected,
-    setParentSelected: setParentSelected
+    parentSelected,
+    setParentSelected
   };
 };
 

package/es/components/AddSelect/hooks/usePath.js

@@ -5,65 +5,62 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useState, useEffect } from 'react';
 
-var usePath = function usePath() {
-  var itemsLabel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var _useState = useState([{
-      id: 'base_of_path',
-      title: itemsLabel
-    }]),
-    _useState2 = _slicedToArray(_useState, 2),
-    path = _useState2[0],
-    setPath = _useState2[1];
-  useEffect(function () {
+// Copyright IBM Corp. 2022, 2022
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+const usePath = function () {
+  let itemsLabel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  const [path, setPath] = useState([{
+    id: 'base_of_path',
+    title: itemsLabel
+  }]);
+  useEffect(() => {
     setPath([{
       id: 'base_of_path',
       title: itemsLabel
     }]);
   }, [itemsLabel]);
-  var handler = function handler(id, title, parentId) {
-    if (path.find(function (entry) {
-      return entry.id === id;
-    })) {
+  const handler = (id, title, parentId) => {
+    if (path.find(entry => entry.id === id)) {
       return;
     }
-    var pathEntry = _objectSpread2({
-      id: id,
-      title: title
-    }, parentId && {
-      parentId: parentId
-    });
-    if (path.find(function (entry) {
-      return entry.parentId === parentId;
-    })) {
-      var parentIdx = path.findIndex(function (entry) {
-        return entry.id === parentId;
-      });
-      var pathCopy = _toConsumableArray(path);
+    const pathEntry = {
+      id,
+      title,
+      ...(parentId && {
+        parentId
+      })
+    };
+    if (path.find(entry => entry.parentId === parentId)) {
+      const parentIdx = path.findIndex(entry => entry.id === parentId);
+      const pathCopy = [...path];
       pathCopy.length = parentIdx + 1;
-      setPath([].concat(_toConsumableArray(pathCopy), [pathEntry]));
+      setPath([...pathCopy, pathEntry]);
     } else {
-      setPath([].concat(_toConsumableArray(path), [pathEntry]));
+      setPath([...path, pathEntry]);
     }
   };
-  var pathClickHandler = function pathClickHandler(idx) {
-    var pathCopy = _toConsumableArray(path);
+  const pathClickHandler = idx => {
+    const pathCopy = [...path];
     pathCopy.length = idx + 1;
-    setPath(_toConsumableArray(pathCopy));
+    setPath([...pathCopy]);
   };
-  var resetPath = function resetPath() {
+  const resetPath = () => {
     setPath([{
       id: 'base_of_path',
       title: itemsLabel
     }]);
   };
   return {
-    path: path,
+    path,
     setPath: handler,
     pathOnclick: pathClickHandler,
-    resetPath: resetPath
+    resetPath
   };
 };
 

package/es/components/BigNumbers/BigNumbers.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
@@ -19,9 +19,8 @@ import { DefaultLocale, formatValue, Characters, getIconSize } from './constants
 import { TooltipTrigger } from '../TooltipTrigger/TooltipTrigger.js';
 
 var _Information;
-var _excluded = ["className", "forceShowTotal", "fractionDigits", "iconButton", "loading", "label", "locale", "percentage", "size", "tooltipDescription", "total", "trending", "truncate", "value"];
-var blockClass = "".concat(pkg.prefix, "--big-numbers");
-var componentName = 'BigNumbers';
+const blockClass = `${pkg.prefix}--big-numbers`;
+const componentName = 'BigNumbers';
 
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
@@ -34,36 +33,34 @@ var componentName = 'BigNumbers';
  * of a button as well as tool tip functionality.
  * The default locale is English (`en-US`) if one is not provided or if the provided one is not supported.
  */
-var BigNumbers = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _formatValue, _formatValue2;
-  var className = _ref.className,
-    _ref$forceShowTotal = _ref.forceShowTotal,
-    forceShowTotal = _ref$forceShowTotal === void 0 ? false : _ref$forceShowTotal,
-    _ref$fractionDigits = _ref.fractionDigits,
-    fractionDigits = _ref$fractionDigits === void 0 ? 1 : _ref$fractionDigits,
-    iconButton = _ref.iconButton,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading,
-    label = _ref.label,
-    _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? DefaultLocale : _ref$locale,
-    _ref$percentage = _ref.percentage,
-    percentage = _ref$percentage === void 0 ? false : _ref$percentage,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'default' : _ref$size,
-    tooltipDescription = _ref.tooltipDescription,
-    total = _ref.total,
-    _ref$trending = _ref.trending,
-    trending = _ref$trending === void 0 ? false : _ref$trending,
-    _ref$truncate = _ref.truncate,
-    truncate = _ref$truncate === void 0 ? true : _ref$truncate,
-    value = _ref.value,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var bigNumbersClasses = cx(className, _defineProperty(_defineProperty({}, "".concat(blockClass, "--lg"), size === 'lg'), "".concat(blockClass, "--xl"), size === 'xl'));
-  var supportedLocale = getSupportedLocale(locale, DefaultLocale);
-  var truncatedValue = (_formatValue = formatValue(supportedLocale, value, fractionDigits, truncate)) !== null && _formatValue !== void 0 ? _formatValue : Characters.Dash;
-  var truncatedTotal = (_formatValue2 = formatValue(supportedLocale, total, fractionDigits, truncate)) !== null && _formatValue2 !== void 0 ? _formatValue2 : 'Unknown';
-  var shouldDisplayDenominator = forceShowTotal || !percentage && total && value && total > value && truncatedValue !== truncatedTotal;
+let BigNumbers = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    // The component props, in alphabetical order (for consistency).
+    className,
+    forceShowTotal = false,
+    fractionDigits = 1,
+    iconButton,
+    loading = false,
+    label,
+    locale = DefaultLocale,
+    percentage = false,
+    size = 'default',
+    tooltipDescription,
+    total,
+    trending = false,
+    truncate = true,
+    value,
+    // Collect any other property values passed in.
+    ...rest
+  } = _ref;
+  const bigNumbersClasses = cx(className, {
+    [`${blockClass}--lg`]: size === 'lg',
+    [`${blockClass}--xl`]: size === 'xl'
+  });
+  const supportedLocale = getSupportedLocale(locale, DefaultLocale);
+  const truncatedValue = formatValue(supportedLocale, value, fractionDigits, truncate) ?? Characters.Dash;
+  const truncatedTotal = formatValue(supportedLocale, total, fractionDigits, truncate) ?? 'Unknown';
+  const shouldDisplayDenominator = forceShowTotal || !percentage && total && value && total > value && truncatedValue !== truncatedTotal;
   if (loading) {
     return /*#__PURE__*/React__default.createElement(BigNumbersSkeleton, _extends({}, rest, {
       ref: ref,
@@ -75,33 +72,33 @@ var BigNumbers = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className: cx(blockClass, bigNumbersClasses, className),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(blockClass, "__row")
+    className: `${blockClass}__row`
   }, /*#__PURE__*/React__default.createElement("h4", {
-    className: "".concat(blockClass, "__label")
+    className: `${blockClass}__label`
   }, label), tooltipDescription && /*#__PURE__*/React__default.createElement(Tooltip, {
     description: tooltipDescription,
     align: "right",
-    className: "".concat(blockClass, "__info")
+    className: `${blockClass}__info`
   }, /*#__PURE__*/React__default.createElement(TooltipTrigger, {
-    className: "".concat(blockClass, "__tooltip-trigger")
+    className: `${blockClass}__tooltip-trigger`
   }, _Information || (_Information = /*#__PURE__*/React__default.createElement(Information, {
     size: 16
   }))))), /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(blockClass, "__row"),
+    className: `${blockClass}__row`,
     role: "math"
   }, trending && /*#__PURE__*/React__default.createElement(ArrowUp, {
-    className: "".concat(blockClass, "__trend"),
+    className: `${blockClass}__trend`,
     size: getIconSize(size)
   }), /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(blockClass, "__value")
+    className: `${blockClass}__value`
   }, percentage ? /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__percentage")
+    className: `${blockClass}__percentage`
   }, truncatedValue, /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(blockClass, "__percentage-mark")
+    className: `${blockClass}__percentage-mark`
   }, "%")) : truncatedValue), shouldDisplayDenominator && /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(blockClass, "__total")
-  }, /*#__PURE__*/React__default.createElement("span", null, "".concat(Characters.Slash).concat(truncatedTotal))), /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(blockClass, "__icon-button")
+    className: `${blockClass}__total`
+  }, /*#__PURE__*/React__default.createElement("span", null, `${Characters.Slash}${truncatedTotal}`)), /*#__PURE__*/React__default.createElement("span", {
+    className: `${blockClass}__icon-button`
   }, iconButton)));
 });
 

package/es/components/BigNumbers/BigNumbersSkeleton.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
@@ -14,11 +14,9 @@ import { pkg } from '../../settings.js';
 import { SkeletonText } from '@carbon/react';
 import { BigNumbersSize } from './constants.js';
 
-var _excluded = ["className", "size"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--big-numbers-skeleton");
-var componentName = 'BigNumbersSkeleton';
+const blockClass = `${pkg.prefix}--big-numbers-skeleton`;
+const componentName = 'BigNumbersSkeleton';
 
 /**
  * SkeletonBigNumbers is used to display a skeleton version while
@@ -29,19 +27,24 @@ var componentName = 'BigNumbersSkeleton';
 
 // Use the same properties and values as parent BigNumbersProps
 
-var BigNumbersSkeleton = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    size = _ref.size,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var bigNumbersSkeletonClasses = cx(className, blockClass, _defineProperty(_defineProperty({}, "".concat(blockClass, "--lg"), size === BigNumbersSize.Large), "".concat(blockClass, "--xl"), size === BigNumbersSize.XLarge));
+const BigNumbersSkeleton = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    className,
+    size,
+    ...rest
+  } = _ref;
+  const bigNumbersSkeletonClasses = cx(className, blockClass, {
+    [`${blockClass}--lg`]: size === BigNumbersSize.Large,
+    [`${blockClass}--xl`]: size === BigNumbersSize.XLarge
+  });
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     className: bigNumbersSkeletonClasses,
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(SkeletonText, {
-    className: "".concat(blockClass, "__label")
+    className: `${blockClass}__label`
   }), /*#__PURE__*/React__default.createElement(SkeletonText, {
     heading: true,
-    className: "".concat(blockClass, "__value"),
+    className: `${blockClass}__value`,
     width: "80%"
   }));
 });