@carbon/ibm-products 2.0.0-rc.24 → 2.0.0-rc.26

package/lib/components/Datagrid/useSortableColumns.js

@@ -36,6 +36,8 @@ var ordering = {
 
 var useSortableColumns = function useSortableColumns(hooks) {
   var sortableVisibleColumns = function sortableVisibleColumns(visibleColumns, _ref) {
+    var _instance$customizeCo;
+
     var instance = _ref.instance;
     var onSort = instance.onSort;
 
@@ -56,28 +58,36 @@ var useSortableColumns = function useSortableColumns(hooks) {
 
     var sortableColumns = visibleColumns.map(function (column) {
       var icon = function icon(col, props) {
-        if (col.isSorted) {
+        if (col !== null && col !== void 0 && col.isSorted) {
           switch (col.isSortedDesc) {
             case false:
               return /*#__PURE__*/_react.default.createElement(_icons.ArrowUp, (0, _extends2.default)({
                 size: 16
-              }, props));
+              }, props, {
+                className: "".concat(blockClass, "__sortable-icon ").concat(_settings.carbon.prefix, "--btn__icon")
+              }));
 
             case true:
               return /*#__PURE__*/_react.default.createElement(_icons.ArrowDown, (0, _extends2.default)({
                 size: 16
-              }, props));
+              }, props, {
+                className: "".concat(blockClass, "__sortable-icon ").concat(_settings.carbon.prefix, "--btn__icon")
+              }));
 
             default:
               return /*#__PURE__*/_react.default.createElement(_icons.ArrowsVertical, (0, _extends2.default)({
                 size: 16
-              }, props));
+              }, props, {
+                className: "".concat(blockClass, "__sortable-icon ").concat(_settings.carbon.prefix, "--btn__icon")
+              }));
           }
         }
 
         return /*#__PURE__*/_react.default.createElement(_icons.ArrowsVertical, (0, _extends2.default)({
           size: 16
-        }, props));
+        }, props, {
+          className: "".concat(blockClass, "__sortable-icon ").concat(_settings.carbon.prefix, "--btn__icon")
+        }));
       };
 
       var Header = function Header(headerProp) {
@@ -85,13 +95,13 @@ var useSortableColumns = function useSortableColumns(hooks) {
 
         return column.disableSortBy === true ? column.Header : /*#__PURE__*/_react.default.createElement(_react2.Button, {
           onClick: function onClick() {
-            return onSortClick(headerProp.column);
+            return onSortClick(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column);
           },
           kind: "ghost",
           renderIcon: function renderIcon(props) {
-            return icon(headerProp.column, props);
+            return icon(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column, props);
           },
-          className: (0, _classnames.default)("".concat(_settings.carbon.prefix, "--table-sort ").concat(blockClass, "--table-sort"), (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "--table-sort--desc"), headerProp.column.isSortedDesc), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "--table-sort--asc"), headerProp.column.isSortedDesc === false), _cx))
+          className: (0, _classnames.default)("".concat(_settings.carbon.prefix, "--table-sort ").concat(blockClass, "--table-sort"), (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "--table-sort--desc"), headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "--table-sort--asc"), (headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc) === false), _cx))
         }, column.Header);
       };
 
@@ -100,7 +110,7 @@ var useSortableColumns = function useSortableColumns(hooks) {
         minWidth: column.disableSortBy === true ? 0 : 90
       });
     });
-    return (0, _toConsumableArray2.default)(sortableColumns);
+    return (_instance$customizeCo = instance.customizeColumnsProps) !== null && _instance$customizeCo !== void 0 && _instance$customizeCo.isTearsheetOpen ? visibleColumns : (0, _toConsumableArray2.default)(sortableColumns);
   };
 
   var sortInstanceProps = function sortInstanceProps(instance) {

package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAutoSizedColumnWidth = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+/**
+ * Copyright IBM Corp. 2023, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Calculates the auto sized width of a column
+ * @param {Array<object>} rows - The datagrid rows
+ * @param {string} accessor - The accessor for the column
+ * @param {string} headerText - The header text for the column
+ */
+var getAutoSizedColumnWidth = function getAutoSizedColumnWidth(rows, accessor, headerText) {
+  var maxWidth = 400;
+  var minWidth = 58;
+  var letterSpacing = 10;
+  var cellLength = Math.max.apply(Math, (0, _toConsumableArray2.default)(rows.map(function (row) {
+    return ("".concat(row[accessor]) || '').length;
+  })).concat([headerText.length]));
+
+  if (cellLength <= 3) {
+    return minWidth;
+  }
+
+  return Math.min(maxWidth, cellLength * letterSpacing + 16);
+};
+
+exports.getAutoSizedColumnWidth = getAutoSizedColumnWidth;

package/lib/components/ExampleComponent/ExampleComponent.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,9 +13,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -23,7 +27,13 @@ var _settings = require("../../settings");
 
 var _react2 = require("@carbon/react");
 
-var _excluded = ["borderColor", "boxedBorder", "className", "disabled", "onPrimaryClick", "onSecondaryClick", "primaryButtonLabel", "primaryKind", "secondaryButtonLabel", "secondaryKind", "size", "style"];
+var _useExample3 = _interopRequireDefault(require("./useExample"));
+
+var _excluded = ["borderColor", "boxedBorder", "className", "disabled", "usesExampleHook", "onPrimaryClick", "onSecondaryClick", "primaryButtonLabel", "primaryKind", "secondaryButtonLabel", "secondaryKind", "secondaryIcon", "size", "style"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -37,6 +47,7 @@ var componentName = 'ExampleComponent'; // NOTE: the component SCSS is not impor
 var defaults = {
   primaryKind: 'primary',
   secondaryKind: 'secondary',
+  secondaryIcon: null,
   size: 'lg'
 };
 /**
@@ -48,6 +59,7 @@ var ExampleComponent = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
       boxedBorder = _ref.boxedBorder,
       className = _ref.className,
       disabled = _ref.disabled,
+      usesExampleHook = _ref.usesExampleHook,
       onPrimaryClick = _ref.onPrimaryClick,
       onSecondaryClick = _ref.onSecondaryClick,
       primaryButtonLabel = _ref.primaryButtonLabel,
@@ -56,10 +68,22 @@ var ExampleComponent = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
       secondaryButtonLabel = _ref.secondaryButtonLabel,
       _ref$secondaryKind = _ref.secondaryKind,
       secondaryKind = _ref$secondaryKind === void 0 ? defaults.secondaryKind : _ref$secondaryKind,
+      _ref$secondaryIcon = _ref.secondaryIcon,
+      secondaryIcon = _ref$secondaryIcon === void 0 ? defaults.secondaryIcon : _ref$secondaryIcon,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? defaults.size : _ref$size,
       style = _ref.style,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(primaryButtonLabel),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      thePrimaryButtonLabel = _useState2[0],
+      setThePrimaryButtonLabel = _useState2[1];
+
+  var _useExample = (0, _useExample3.default)(usesExampleHook),
+      _useExample2 = (0, _slicedToArray2.default)(_useExample, 1),
+      exampleUse = _useExample2[0];
+
   var modeClass = boxedBorder ? "".concat(blockClass, "--boxed-set") : "".concat(blockClass, "--shadow-set");
 
   var handlePrimaryClick = function handlePrimaryClick(e) {
@@ -74,6 +98,14 @@ var ExampleComponent = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
     }
   };
 
+  var theSecondaryIcon = (0, _react.useRef)(secondaryIcon && _settings.pkg.checkReportFeatureEnabled('ExampleComponent.secondaryIcon') ? secondaryIcon : null);
+  (0, _react.useEffect)(function () {
+    if (usesExampleHook !== undefined && _settings.pkg.checkReportFeatureEnabled('ExampleComponent.useExample')) {
+      setThePrimaryButtonLabel("".concat(primaryButtonLabel, " ").concat(exampleUse.toFixed(1), "s"));
+    } else {
+      setThePrimaryButtonLabel(primaryButtonLabel);
+    }
+  }, [primaryButtonLabel, usesExampleHook, exampleUse]);
   return /*#__PURE__*/_react.default.createElement(_react2.ButtonSet, (0, _extends2.default)({}, rest, {
     className: (0, _classnames.default)(blockClass, // Apply the block class to the main HTML element
     className, // Apply any supplied class names to the main HTML element.
@@ -85,6 +117,7 @@ var ExampleComponent = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
     className: "".concat(blockClass, "__secondary-button"),
     kind: secondaryKind,
     onClick: handleSecondaryClick,
+    renderIcon: theSecondaryIcon.current,
     disabled: disabled,
     size: size
   }, secondaryButtonLabel), /*#__PURE__*/_react.default.createElement(_react2.Button, {
@@ -93,7 +126,7 @@ var ExampleComponent = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
     onClick: handlePrimaryClick,
     disabled: disabled,
     size: size
-  }, primaryButtonLabel));
+  }, thePrimaryButtonLabel));
 }); // Return a placeholder if not released and not enabled by feature flag.
 
 
@@ -151,6 +184,11 @@ ExampleComponent.propTypes = {
    */
   secondaryButtonLabel: _propTypes.default.string.isRequired,
 
+  /**
+   * The icon to use for the secondary button.
+   */
+  secondaryIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+
   /**
    * The kind of button for the secondary button ('secondary' or 'tertiary').
    */
@@ -164,5 +202,10 @@ ExampleComponent.propTypes = {
   /**
    * Optional style settings for the containing node.
    */
-  style: _propTypes.default.object
+  style: _propTypes.default.object,
+
+  /**
+   * Hook example timeout (in seconds) or undefined
+   */
+  usesExampleHook: _propTypes.default.number
 };

package/lib/components/ExampleComponent/useExample.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var _settings = require("../../settings");
+
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var useExample = function useExample(initialTime) {
+  // NOTE: hooks cannot be called conditionally.
+  //
+  // ** If the hook uses other hooks then they must be called,
+  // ** this could lead to unexpected behavior.
+  // ** As some hooks may still be called even if the condition is false.
+  var _useState = (0, _react.useState)( // Disable hook in a safe way if possible, else use despite feature disabled.
+  // Either a console error or warning will be logged.
+  initialTime),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      time = _useState2[0],
+      setTime = _useState2[1]; // Use of the feature flag to
+
+
+  var feature = 'ExampleComponent.useExample';
+  var tryFeature = initialTime !== undefined;
+
+  var featureEnabled = tryFeature && _settings.pkg.checkReportFeatureEnabled(feature);
+
+  if (tryFeature && !featureEnabled) {
+    // Output a useful message if the feature is disabled.
+    console.warn("Disabled feature \"".concat(feature, "\" does not change the initialTime."));
+  } // Actual hook is code is below
+
+
+  (0, _react.useEffect)(function () {
+    if (!featureEnabled) {
+      return;
+    } // turn off all or part of the feature
+
+
+    if (time > 0) {
+      setTimeout(function () {
+        setTime(Math.max(0, time - 0.1));
+      }, 100);
+    }
+  }, [featureEnabled, time]);
+  return [time];
+};
+
+var _default = useExample;
+exports.default = _default;

package/lib/components/InlineEditV1/InlineEditV1.js

@@ -300,35 +300,30 @@ var InlineEditV1 = /*#__PURE__*/_react.default.forwardRef(function (_ref, refIn)
       className: (0, _classnames.default)("".concat(blockClass, "__toolbar"), (_cx3 = {}, (0, _defineProperty2.default)(_cx3, "".concat(blockClass, "__toolbar--animation"), toolbarAnimation), (0, _defineProperty2.default)(_cx3, "".concat(blockClass, "__toolbar--saveable"), refInput.current && value !== internalValue), _cx3))
     }, showValidation && /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(blockClass, "__validation-icon")
-    }, validationIcon), editing ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react2.Button, (0, _extends2.default)({
+    }, validationIcon), editing ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react2.IconButton, (0, _extends2.default)({
       className: "".concat(blockClass, "__cancel"),
       kind: "ghost",
-      hasIconOnly: true,
-      iconDescription: cancelDescription,
+      label: cancelDescription,
       onClick: handleCancel,
-      renderIcon: function renderIcon(props) {
-        return /*#__PURE__*/_react.default.createElement(_icons.Close, (0, _extends2.default)({
-          size: 16
-        }, props));
-      }
-    }, tipPositions.cancel)), /*#__PURE__*/_react.default.createElement(_react2.Button, (0, _extends2.default)({
+      size: size
+    }, tipPositions.cancel), /*#__PURE__*/_react.default.createElement(_icons.Close, {
+      size: 16
+    })), /*#__PURE__*/_react.default.createElement(_react2.IconButton, (0, _extends2.default)({
       className: "".concat(blockClass, "__save"),
       kind: "ghost",
-      hasIconOnly: true,
-      iconDescription: saveDescription,
+      label: saveDescription,
       onClick: handleSave,
-      renderIcon: function renderIcon(props) {
-        return /*#__PURE__*/_react.default.createElement(_icons.Checkmark, (0, _extends2.default)({
-          size: 16
-        }, props));
-      },
-      disabled: value === internalValue
-    }, tipPositions.save))) : /*#__PURE__*/_react.default.createElement(_react2.IconButton, (0, _extends2.default)({
+      disabled: value === internalValue,
+      size: size
+    }, tipPositions.save), /*#__PURE__*/_react.default.createElement(_icons.Checkmark, {
+      size: 16
+    }))) : /*#__PURE__*/_react.default.createElement(_react2.IconButton, (0, _extends2.default)({
       className: (0, _classnames.default)("".concat(blockClass, "__edit"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__edit--always-visible"), editAlwaysVisible)),
       kind: "ghost",
       label: editDescription,
       onClick: handleEdit,
-      disabled: disabled
+      disabled: disabled,
+      size: size
     }, tipPositions.edit), disabled ? /*#__PURE__*/_react.default.createElement(_icons.EditOff, {
       size: 16
     }) : /*#__PURE__*/_react.default.createElement(_icons.Edit, {

package/lib/components/InlineEditV2/InlineEditV2.js

@@ -40,6 +40,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var componentName = 'InlineEditV2';
 var blockClass = "".concat(_settings.pkg.prefix, "--inline-edit-v2");
 var InlineEditV2 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _cx;
+
   var cancelLabel = _ref.cancelLabel,
       editLabel = _ref.editLabel,
       id = _ref.id,
@@ -166,7 +168,7 @@ var InlineEditV2 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
     ref: ref
   }, (0, _devtools.getDevtoolsProps)(componentName)), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(blockClass, (0, _defineProperty2.default)({}, "".concat(blockClass, "-focused"), focused)),
+    className: (0, _classnames.default)(blockClass, (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "--focused"), focused), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "--invalid"), invalid), _cx)),
     onFocus: onFocusHandler,
     onBlur: onBlurHandler
   }, /*#__PURE__*/_react.default.createElement("label", {
@@ -181,55 +183,43 @@ var InlineEditV2 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     ref: inputRef // readOnly={readOnly}
     ,
     onKeyDown: onKeyHandler
-  }), focused ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, invalid && /*#__PURE__*/_react.default.createElement(_icons.WarningFilled, {
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(blockClass, "__toolbar")
+  }, focused ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, invalid && /*#__PURE__*/_react.default.createElement(_icons.WarningFilled, {
     size: 16,
     className: "".concat(blockClass, "__warning-icon")
-  }), /*#__PURE__*/_react.default.createElement(_react2.Button, {
-    hasIconOnly: true,
-    renderIcon: function renderIcon() {
-      return /*#__PURE__*/_react.default.createElement(_icons.Close, {
-        size: 24
-      });
-    },
+  }), /*#__PURE__*/_react.default.createElement(_react2.IconButton, {
     size: "sm",
-    iconDescription: cancelLabel,
+    label: cancelLabel,
     onClick: onCancelHandler,
     kind: "ghost",
     tabIndex: 0,
     key: "cancel",
     className: "".concat(blockClass, "__btn ").concat(blockClass, "__btn-cancel")
-  }), /*#__PURE__*/_react.default.createElement(_react2.Button, {
-    hasIconOnly: true,
-    renderIcon: function renderIcon() {
-      return /*#__PURE__*/_react.default.createElement(_icons.Checkmark, {
-        size: 24
-      });
-    },
+  }, /*#__PURE__*/_react.default.createElement(_icons.Close, {
+    size: 16
+  })), /*#__PURE__*/_react.default.createElement(_react2.IconButton, {
     size: "sm",
-    iconDescription: saveLabel,
+    label: saveLabel,
     onClick: onSaveHandler,
     kind: "ghost",
     tabIndex: 0,
     key: "save",
     className: "".concat(blockClass, "__btn ").concat(blockClass, "__btn-save"),
     disabled: !canSave
-  })) : /*#__PURE__*/_react.default.createElement(_react2.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_icons.Checkmark, {
+    size: 16
+  }))) : /*#__PURE__*/_react.default.createElement(_react2.IconButton, {
     className: "".concat(blockClass, "__btn ").concat(blockClass, "__btn-edit"),
-    hasIconOnly: true // renderIcon={readOnly ? EditOff24 : Edit24}
-    ,
-    renderIcon: function renderIcon() {
-      return /*#__PURE__*/_react.default.createElement(_icons.Edit, {
-        size: 24
-      });
-    },
-    size: "sm" // iconDescription={readOnly ? readOnlyLabel : editLabel}
-    ,
-    iconDescription: editLabel,
+    size: "sm",
+    label: editLabel,
     onClick: onFocusHandler,
     kind: "ghost",
     tabIndex: 0,
     key: "edit"
-  })), focused && invalid && /*#__PURE__*/_react.default.createElement("p", {
+  }, /*#__PURE__*/_react.default.createElement(_icons.Edit, {
+    size: 16
+  })))), focused && invalid && /*#__PURE__*/_react.default.createElement("p", {
     className: "".concat(blockClass, "__warning-text")
   }, invalidLabel));
 });

package/lib/components/SidePanel/SidePanel.js

@@ -454,8 +454,6 @@ var SidePanel = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     }, subtitle), actionToolbarButtons && actionToolbarButtons.length && /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("".concat(blockClass, "__action-toolbar"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__action-toolbar-no-animation"), !animateTitle))
     }, actionToolbarButtons.map(function (_ref5) {
-      var _ref6;
-
       var label = _ref5.label,
           kind = _ref5.kind,
           icon = _ref5.icon,
@@ -473,10 +471,10 @@ var SidePanel = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
         renderIcon: icon,
         iconDescription: label,
         tooltipPosition: tooltipPosition || 'bottom',
-        tooltipAlignment: tooltipAlignment || 'center',
+        tooltipAlignment: tooltipAlignment || 'start',
         hasIconOnly: !leading,
         disabled: disabled,
-        className: (0, _classnames.default)(["".concat(blockClass, "__action-toolbar-button"), className, (_ref6 = {}, (0, _defineProperty2.default)(_ref6, "".concat(blockClass, "__action-toolbar-icon-only-button"), icon && !leading), (0, _defineProperty2.default)(_ref6, "".concat(blockClass, "__action-toolbar-leading-button"), leading), _ref6)]),
+        className: (0, _classnames.default)(["".concat(blockClass, "__action-toolbar-button"), className, (0, _defineProperty2.default)({}, "".concat(blockClass, "__action-toolbar-leading-button"), leading)]),
         onClick: onClick
       }), leading && label);
     })));

package/lib/components/index.js

@@ -333,6 +333,12 @@ Object.defineProperty(exports, "WebTerminalProvider", {
     return _WebTerminal.WebTerminalProvider;
   }
 });
+Object.defineProperty(exports, "getAutoSizedColumnWidth", {
+  enumerable: true,
+  get: function get() {
+    return _Datagrid.getAutoSizedColumnWidth;
+  }
+});
 Object.defineProperty(exports, "useActionsColumn", {
   enumerable: true,
   get: function get() {

package/lib/global/js/package-settings.js

@@ -83,7 +83,8 @@ var defaults = {
   // feature level flags
   feature: {
     'a-new-feature': false,
-    'default-portal-target-body': true
+    'default-portal-target-body': true,
+    'Datagrid.useInfiniteScroll': false
   }
 };
 
@@ -95,6 +96,10 @@ var warningMessageFeature = function warningMessageFeature(property) {
   return "Carbon for IBM Products (WARNING): Feature \"".concat(property, "\" enabled via feature flags.");
 };
 
+var errorMessageFeature = function errorMessageFeature(property) {
+  return "Carbon for IBM Products (Error): Feature \"".concat(property, "\" not enabled. To enable see the notes on feature flags in the README.");
+};
+
 var warningMessageAllComponents = 'Carbon for IBM Products (WARNING): All components enabled through use of setAllComponents. This includes components that have not yet completed their review process.';
 var warningMessageAllFeatures = 'Carbon for IBM Products (WARNING): All features enabled through use of setAllFeatures'; // Values to represent overrides for component or feature settings.
 // Each value maps the initial value to the value that should be returned.
@@ -115,7 +120,11 @@ var allFeatures = all.INITIAL;
 var silent = false;
 var component = new Proxy(_objectSpread({}, defaults.component), {
   set: function set(target, property, value) {
-    value && !silent && console.warn(warningMessageComponent(property));
+    if (target[property] !== true && !silent && value) {
+      // not already true, not silent, and now true
+      console.warn(warningMessageComponent(property));
+    }
+
     target[property] = value;
     return true; // value set
   },
@@ -127,7 +136,11 @@ var component = new Proxy(_objectSpread({}, defaults.component), {
 });
 var feature = new Proxy(_objectSpread({}, defaults.feature), {
   set: function set(target, property, value) {
-    value && !silent && console.warn(warningMessageFeature(property));
+    if (target[property] !== true && !silent && value) {
+      // not already true, not silent, and now true
+      console.warn(warningMessageFeature(property));
+    }
+
     target[property] = value;
     return true; // value set
   },
@@ -157,6 +170,14 @@ var _default = {
     var byDefault = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return byDefault ? defaults.feature[featureName] : feature[featureName];
   },
+  checkReportFeatureEnabled: function checkReportFeatureEnabled(featureName) {
+    if (feature[featureName]) {
+      // NOTE: Warning emitted if feature flag is enabled (see Proxy above)
+      return true;
+    } else {
+      console.error(errorMessageFeature(featureName));
+    }
+  },
   isFeaturePublic: function isFeaturePublic(featureName) {
     var byDefault = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return Object.prototype.hasOwnProperty.call(byDefault ? defaults.feature : feature, featureName);

package/lib/global/js/utils/story-helper.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.prepareStory = exports.getStoryTitle = exports.getStoryId = exports.CodesandboxLink = void 0;
+exports.prepareStory = exports.getStoryTitle = exports.getStoryId = exports.getSelectedCarbonTheme = exports.CodesandboxLink = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -101,4 +101,15 @@ CodesandboxLink.propTypes = {
    * directory withing examples codesandbox will be found
    */
   exampleDirectory: _propTypes.default.string
-};
+};
+/**
+ * A helper function that finds the designated theme on the Storybook canvas.
+ * @returns "dark" or "light"
+ */
+
+var getSelectedCarbonTheme = function getSelectedCarbonTheme() {
+  var themeId = document.querySelector('html').getAttribute('storybook-carbon-theme');
+  return themeId === 'g90' || themeId === 'g100' ? 'dark' : 'light';
+};
+
+exports.getSelectedCarbonTheme = getSelectedCarbonTheme;

package/lib/global/js/utils/test-helper.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.scssCompile = exports.scssCheck = exports.required = exports.mockHTMLElement = exports.invalid = exports.expectWarnAsync = exports.expectWarn = exports.expectMultipleWarn = exports.expectMultipleError = exports.expectError = exports.deprecatedUsage = exports.deprecated = void 0;
+exports.scssCompile = exports.scssCheck = exports.required = exports.mockHTMLElement = exports.invalid = exports.expectWarnAsync = exports.expectWarn = exports.expectMultipleWarn = exports.expectMultipleError = exports.expectLogging = exports.expectError = exports.deprecatedUsage = exports.deprecated = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -224,6 +224,45 @@ var expectMultipleWarn = function expectMultipleWarn(messages, test) {
   warn.mockRestore();
   return result;
 };
+
+exports.expectMultipleWarn = expectMultipleWarn;
+
+var checkLogging = function checkLogging(mock, message) {
+  if (message) {
+    var _expect4;
+
+    expect(mock).toBeCalled();
+
+    (_expect4 = expect(mock)).toHaveBeenCalledWith.apply(_expect4, (0, _toConsumableArray2.default)(makeMatcherArray(message)));
+  }
+};
+/**
+ * A helper function to enable a test to expect a single call to
+ * console.error, for example when intentionally omitting a required prop
+ * or supplying an invalid prop type or value for the purposes of the test.
+ * @param {errors: {string|regex|function|[]}, warnings: {string|regex|function|[]}} messages the expected parameters for the call to
+ * console.error or console.warn, which must be called exactly once. A single string or regex or an
+ * expect matcher can be used to match a single-argument call to console.error (most common),
+ * while an array of strings and/or regex and/or expect matchers can be used to match a
+ * multiple-argument call. Strings can be full or substring matches to the corresponding
+ * argument.
+ * @param {Function} test the test function to call, during which the call to
+ * console.error will be expected.
+ */
+
+
+var expectLogging = function expectLogging(_ref2, test) {
+  var errors = _ref2.errors,
+      warnings = _ref2.warnings;
+  var error = jest.spyOn(console, 'error').mockImplementation(jest.fn());
+  var warn = jest.spyOn(console, 'warn').mockImplementation(jest.fn());
+  var result = test();
+  checkLogging(error, errors);
+  checkLogging(warn, warnings);
+  error.mockRestore();
+  warn.mockRestore();
+  return result;
+};
 /**
  * A helper function to enable a test to expect a single call to
  * console.error, for example when intentionally omitting a required prop
@@ -239,17 +278,12 @@ var expectMultipleWarn = function expectMultipleWarn(messages, test) {
  */
 
 
-exports.expectMultipleWarn = expectMultipleWarn;
+exports.expectLogging = expectLogging;
 
 var expectError = function expectError(message, test) {
-  var _expect4;
-
   var error = jest.spyOn(console, 'error').mockImplementation(jest.fn());
   var result = test();
-  expect(error).toBeCalledTimes(1);
-
-  (_expect4 = expect(error)).toHaveBeenCalledWith.apply(_expect4, (0, _toConsumableArray2.default)(makeMatcherArray(message)));
-
+  checkLogging(error, message);
   error.mockRestore();
   return result;
 };