@carbon/ibm-products 2.65.0 → 2.66.0

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

@@ -7,10 +7,6 @@
 
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_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
@@ -24,66 +20,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 = _rollupPluginBabelHelpers.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 _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.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(_rollupPluginBabelHelpers.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;
     }
@@ -99,24 +109,19 @@ 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;
   }
@@ -124,5 +129,5 @@ var getFilteredItems = function getFilteredItems(useNormalizedItems, normalizedI
 
 exports.getFilteredItems = getFilteredItems;
 exports.getGlobalFilterValues = getGlobalFilterValues;
-exports.normalize = _normalize;
+exports.normalize = normalize;
 exports.sortItems = sortItems;

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

@@ -9,18 +9,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('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 = React.useState(''),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    currentFocus = _useState2[0],
-    setCurrentFocus = _useState2[1];
-  var handleKeyDown = React.useCallback(function (e) {
-    var focus = currentFocus === '' ? 0 : currentFocus;
+  const [currentFocus, setCurrentFocus] = React.useState('');
+  const handleKeyDown = React.useCallback(e => {
+    const focus = currentFocus === '' ? 0 : currentFocus;
     if (e.keyCode === 40) {
       // Down arrow
       e.preventDefault();
@@ -31,10 +27,10 @@ var useFocus = function useFocus(size) {
       setCurrentFocus(focus === 0 ? size - 1 : focus - 1);
     }
   }, [size, currentFocus, setCurrentFocus]);
-  React.useEffect(function () {
-    var el = document.querySelector('#add-select-focus');
+  React.useEffect(() => {
+    const el = document.querySelector('#add-select-focus');
     el.addEventListener('keydown', handleKeyDown, false);
-    return function () {
+    return () => {
       el.removeEventListener('keydown', handleKeyDown, false);
     };
   }, [handleKeyDown]);

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

@@ -7,23 +7,22 @@
 
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 
-var useItemSort = function useItemSort() {
-  var _useState = React.useState(''),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    sortDirection = _useState2[0],
-    setSortDirection = _useState2[1];
-  var _useState3 = React.useState(''),
-    _useState4 = _rollupPluginBabelHelpers.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] = React.useState('');
+  const [sortAttribute, setSortAttribute] = React.useState('');
   return {
-    sortDirection: sortDirection,
-    setSortDirection: setSortDirection,
-    sortAttribute: sortAttribute,
-    setSortAttribute: setSortAttribute
+    sortDirection,
+    setSortDirection,
+    sortAttribute,
+    setSortAttribute
   };
 };
 

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

@@ -9,17 +9,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 
-var useParentSelect = function useParentSelect() {
-  var _useState = React.useState(null),
-    _useState2 = _rollupPluginBabelHelpers.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] = React.useState(null);
   return {
-    parentSelected: parentSelected,
-    setParentSelected: setParentSelected
+    parentSelected,
+    setParentSelected
   };
 };
 

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

@@ -9,65 +9,62 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 
-var usePath = function usePath() {
-  var itemsLabel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var _useState = React.useState([{
-      id: 'base_of_path',
-      title: itemsLabel
-    }]),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    path = _useState2[0],
-    setPath = _useState2[1];
-  React.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] = React.useState([{
+    id: 'base_of_path',
+    title: itemsLabel
+  }]);
+  React.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 = _rollupPluginBabelHelpers.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 = _rollupPluginBabelHelpers.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(_rollupPluginBabelHelpers.toConsumableArray(pathCopy), [pathEntry]));
+      setPath([...pathCopy, pathEntry]);
     } else {
-      setPath([].concat(_rollupPluginBabelHelpers.toConsumableArray(path), [pathEntry]));
+      setPath([...path, pathEntry]);
     }
   };
-  var pathClickHandler = function pathClickHandler(idx) {
-    var pathCopy = _rollupPluginBabelHelpers.toConsumableArray(path);
+  const pathClickHandler = idx => {
+    const pathCopy = [...path];
     pathCopy.length = idx + 1;
-    setPath(_rollupPluginBabelHelpers.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/lib/components/BigNumbers/BigNumbers.js

@@ -21,9 +21,8 @@ var constants = require('./constants.js');
 var TooltipTrigger = require('../TooltipTrigger/TooltipTrigger.js');
 
 var _Information;
-var _excluded = ["className", "forceShowTotal", "fractionDigits", "iconButton", "loading", "label", "locale", "percentage", "size", "tooltipDescription", "total", "trending", "truncate", "value"];
-var blockClass = "".concat(settings.pkg.prefix, "--big-numbers");
-var componentName = 'BigNumbers';
+const blockClass = `${settings.pkg.prefix}--big-numbers`;
+const componentName = 'BigNumbers';
 
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
@@ -36,36 +35,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.
  */
-exports.BigNumbers = /*#__PURE__*/React.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 ? constants.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var bigNumbersClasses = cx(className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--lg"), size === 'lg'), "".concat(blockClass, "--xl"), size === 'xl'));
-  var supportedLocale = getSupportedLocale.getSupportedLocale(locale, constants.DefaultLocale);
-  var truncatedValue = (_formatValue = constants.formatValue(supportedLocale, value, fractionDigits, truncate)) !== null && _formatValue !== void 0 ? _formatValue : constants.Characters.Dash;
-  var truncatedTotal = (_formatValue2 = constants.formatValue(supportedLocale, total, fractionDigits, truncate)) !== null && _formatValue2 !== void 0 ? _formatValue2 : 'Unknown';
-  var shouldDisplayDenominator = forceShowTotal || !percentage && total && value && total > value && truncatedValue !== truncatedTotal;
+exports.BigNumbers = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    // The component props, in alphabetical order (for consistency).
+    className,
+    forceShowTotal = false,
+    fractionDigits = 1,
+    iconButton,
+    loading = false,
+    label,
+    locale = constants.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.getSupportedLocale(locale, constants.DefaultLocale);
+  const truncatedValue = constants.formatValue(supportedLocale, value, fractionDigits, truncate) ?? constants.Characters.Dash;
+  const truncatedTotal = constants.formatValue(supportedLocale, total, fractionDigits, truncate) ?? 'Unknown';
+  const shouldDisplayDenominator = forceShowTotal || !percentage && total && value && total > value && truncatedValue !== truncatedTotal;
   if (loading) {
     return /*#__PURE__*/React.createElement(BigNumbersSkeleton.BigNumbersSkeleton, _rollupPluginBabelHelpers.extends({}, rest, {
       ref: ref,
@@ -77,33 +74,33 @@ exports.BigNumbers = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: cx(blockClass, bigNumbersClasses, className),
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(blockClass, "__row")
+    className: `${blockClass}__row`
   }, /*#__PURE__*/React.createElement("h4", {
-    className: "".concat(blockClass, "__label")
+    className: `${blockClass}__label`
   }, label), tooltipDescription && /*#__PURE__*/React.createElement(react.Tooltip, {
     description: tooltipDescription,
     align: "right",
-    className: "".concat(blockClass, "__info")
+    className: `${blockClass}__info`
   }, /*#__PURE__*/React.createElement(TooltipTrigger.TooltipTrigger, {
-    className: "".concat(blockClass, "__tooltip-trigger")
+    className: `${blockClass}__tooltip-trigger`
   }, _Information || (_Information = /*#__PURE__*/React.createElement(icons.Information, {
     size: 16
   }))))), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(blockClass, "__row"),
+    className: `${blockClass}__row`,
     role: "math"
   }, trending && /*#__PURE__*/React.createElement(icons.ArrowUp, {
-    className: "".concat(blockClass, "__trend"),
+    className: `${blockClass}__trend`,
     size: constants.getIconSize(size)
   }), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(blockClass, "__value")
+    className: `${blockClass}__value`
   }, percentage ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__percentage")
+    className: `${blockClass}__percentage`
   }, truncatedValue, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(blockClass, "__percentage-mark")
+    className: `${blockClass}__percentage-mark`
   }, "%")) : truncatedValue), shouldDisplayDenominator && /*#__PURE__*/React.createElement("span", {
-    className: "".concat(blockClass, "__total")
-  }, /*#__PURE__*/React.createElement("span", null, "".concat(constants.Characters.Slash).concat(truncatedTotal))), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(blockClass, "__icon-button")
+    className: `${blockClass}__total`
+  }, /*#__PURE__*/React.createElement("span", null, `${constants.Characters.Slash}${truncatedTotal}`)), /*#__PURE__*/React.createElement("span", {
+    className: `${blockClass}__icon-button`
   }, iconButton)));
 });
 

package/lib/components/BigNumbers/BigNumbersSkeleton.js

@@ -16,11 +16,9 @@ var settings = require('../../settings.js');
 var react = require('@carbon/react');
 var constants = require('./constants.js');
 
-var _excluded = ["className", "size"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(settings.pkg.prefix, "--big-numbers-skeleton");
-var componentName = 'BigNumbersSkeleton';
+const blockClass = `${settings.pkg.prefix}--big-numbers-skeleton`;
+const componentName = 'BigNumbersSkeleton';
 
 /**
  * SkeletonBigNumbers is used to display a skeleton version while
@@ -31,19 +29,24 @@ var componentName = 'BigNumbersSkeleton';
 
 // Use the same properties and values as parent BigNumbersProps
 
-var BigNumbersSkeleton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    size = _ref.size,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var bigNumbersSkeletonClasses = cx(className, blockClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--lg"), size === constants.BigNumbersSize.Large), "".concat(blockClass, "--xl"), size === constants.BigNumbersSize.XLarge));
+const BigNumbersSkeleton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    className,
+    size,
+    ...rest
+  } = _ref;
+  const bigNumbersSkeletonClasses = cx(className, blockClass, {
+    [`${blockClass}--lg`]: size === constants.BigNumbersSize.Large,
+    [`${blockClass}--xl`]: size === constants.BigNumbersSize.XLarge
+  });
   return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     className: bigNumbersSkeletonClasses,
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(react.SkeletonText, {
-    className: "".concat(blockClass, "__label")
+    className: `${blockClass}__label`
   }), /*#__PURE__*/React.createElement(react.SkeletonText, {
     heading: true,
-    className: "".concat(blockClass, "__value"),
+    className: `${blockClass}__value`,
     width: "80%"
   }));
 });

package/lib/components/BigNumbers/constants.js

@@ -7,7 +7,7 @@
 
 'use strict';
 
-var BigNumbersSize = /*#__PURE__*/function (BigNumbersSize) {
+let BigNumbersSize = /*#__PURE__*/function (BigNumbersSize) {
   BigNumbersSize["Default"] = "default";
   BigNumbersSize["Large"] = "lg";
   BigNumbersSize["XLarge"] = "xl";
@@ -16,13 +16,13 @@ var BigNumbersSize = /*#__PURE__*/function (BigNumbersSize) {
 
 // = 'default' | 'lg' | 'xl'
 
-var Characters = /*#__PURE__*/function (Characters) {
+let Characters = /*#__PURE__*/function (Characters) {
   Characters["Dash"] = "\u2013";
   Characters["Slash"] = "/";
   return Characters;
 }({});
-var DefaultLocale = 'en-US';
-var formatValue = function formatValue(locale, value, fractionDigits, truncate) {
+const DefaultLocale = 'en-US';
+const formatValue = (locale, value, fractionDigits, truncate) => {
   if (value === null || value === undefined || typeof value !== 'number') {
     return null;
   }
@@ -32,7 +32,7 @@ var formatValue = function formatValue(locale, value, fractionDigits, truncate)
     maximumFractionDigits: Math.round(fractionDigits)
   }).format(value) : Intl.NumberFormat(locale).format(value);
 };
-var getIconSize = function getIconSize(size) {
+const getIconSize = size => {
   switch (size) {
     case 'lg':
       return 20;