@carbon/ibm-products 1.50.0 → 1.51.0

package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js

@@ -12,9 +12,21 @@ var _constants = require("./constants");
  * LICENSE file in the root directory of this source tree.
  */
 
+var applyInitialFilters = function applyInitialFilters(filterState, initialFilters) {
+  Object.keys(filterState).forEach(function (key) {
+    var hasInitialFilter = initialFilters.find(function (filter) {
+      return filter.id === key;
+    });
+    if (hasInitialFilter) {
+      filterState[key].value = hasInitialFilter.value;
+    }
+  });
+};
+
 // This functions takes the filters passed in and makes an object to track it's state
 var getInitialStateFromFilters = function getInitialStateFromFilters(filters) {
   var variation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.FLYOUT;
+  var initialFilters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   var initialFilterState = {};
   var setInitialState = function setInitialState(_ref) {
     var type = _ref.type,
@@ -71,6 +83,9 @@ var getInitialStateFromFilters = function getInitialStateFromFilters(filters) {
   } else {
     console.error('No variation passed into useInitialStateFromFilters');
   }
+  if (initialFilters.length > 0) {
+    applyInitialFilters(initialFilterState, initialFilters);
+  }
   return initialFilterState;
 };
 exports.getInitialStateFromFilters = getInitialStateFromFilters;

package/lib/components/Datagrid/useFiltering.js

@@ -64,11 +64,13 @@ var useFiltering = function useFiltering(hooks) {
       setAllFilters = instance.setAllFilters,
       setFilter = instance.setFilter,
       headers = instance.headers,
-      data = instance.data;
+      data = instance.data,
+      state = instance.state;
     var defaultProps = {
       variation: 'flyout',
       updateMethod: _constants.BATCH,
-      panelIconDescription: 'Open filter panel'
+      panelIconDescription: 'Open filter panel',
+      initialFilters: state.filters
     };
     var getFilterFlyoutProps = function getFilterFlyoutProps() {
       return _objectSpread(_objectSpread(_objectSpread({}, defaultProps), filterProps), {}, {

package/lib/components/Datagrid/useOnRowClick.js

@@ -30,9 +30,17 @@ var useOnRowClick = function useOnRowClick(hooks) {
           toggleRowSelected(id, true);
         }
       };
+      var onKeyDown = function onKeyDown(event) {
+        var key = event.key;
+        if (key === 'Enter') {
+          onClick();
+        }
+      };
       return [props, {
-        onClick: onClick
+        onClick: onClick,
+        onKeyDown: onKeyDown
       }, {
+        tabIndex: 0,
         style: {
           cursor: 'pointer'
         }

package/lib/components/Datagrid/useSelectRows.js

@@ -73,6 +73,7 @@ var SelectRow = function SelectRow(datagridState) {
     radio = datagridState.radio,
     toggleAllRowsSelected = datagridState.toggleAllRowsSelected,
     onRadioSelect = datagridState.onRadioSelect,
+    onRowSelect = datagridState.onRowSelect,
     columns = datagridState.columns,
     withStickyColumn = datagridState.withStickyColumn;
   var _useState = (0, _react.useState)(window.innerWidth),
@@ -105,6 +106,7 @@ var SelectRow = function SelectRow(datagridState) {
         }
       }
       onChange(e);
+      onRowSelect === null || onRowSelect === void 0 ? void 0 : onRowSelect(row, e);
     },
     id: "".concat(tableId, "-").concat(row.index),
     name: "".concat(tableId, "-").concat(row.index, "-name"),

package/lib/components/EditInPlace/EditInPlace.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditInPlace = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _settings = require("../../settings");
+var _InlineEditV = require("../InlineEditV1");
+var _InlineEditV2 = require("../InlineEditV2");
+var _excluded = ["v2"];
+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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+/**
+ * this is a wrapper component that will allow us to support the rename of InlineEdit to EditInPlace
+ *
+ * if the user passes in the v2 feature flag the v2 version of the component will be rendered
+ * since this is a temporary solution the named export should just remain InlineEdit unlike how
+ * Card works as a base layer for Productive and Expressive cards.
+ */
+
+var componentName = 'EditInPlace';
+var EditInPlace = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var v2 = _ref.v2,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var props = _objectSpread(_objectSpread({}, rest), {}, {
+    ref: ref
+  });
+  if (v2 === true) {
+    return /*#__PURE__*/_react.default.createElement(_InlineEditV2.InlineEditV2, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_InlineEditV.InlineEditV1, props);
+});
+exports.EditInPlace = EditInPlace;
+exports.EditInPlace = EditInPlace = _settings.pkg.checkComponentEnabled(EditInPlace, componentName);
+EditInPlace.displayName = componentName;
+EditInPlace.propTypes = {
+  v2: _propTypes.default.bool
+};

package/lib/components/EditInPlace/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EditInPlace", {
+  enumerable: true,
+  get: function get() {
+    return _EditInPlace.EditInPlace;
+  }
+});
+var _EditInPlace = require("./EditInPlace");

package/lib/components/InlineEdit/InlineEdit.js

@@ -38,8 +38,12 @@ var InlineEdit = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   return /*#__PURE__*/_react.default.createElement(_InlineEditV.InlineEditV1, props);
 });
 exports.InlineEdit = InlineEdit;
-exports.InlineEdit = InlineEdit = _settings.pkg.checkComponentEnabled(InlineEdit, componentName);
+InlineEdit.deprecated = {
+  details: "The InlineEdit component is being renamed to EditInPlace in the next major version of @carbon/ibm-products. You can prepare by updating your usage of InlineEdit to EditInPlace.",
+  level: 'warn'
+};
 InlineEdit.displayName = componentName;
+exports.InlineEdit = InlineEdit = _settings.pkg.checkComponentEnabled(InlineEdit, componentName);
 InlineEdit.propTypes = {
   v2: _propTypes.default.bool
 };

package/lib/components/InlineEditV1/InlineEditV1.js

@@ -15,7 +15,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _devtools = require("../../global/js/utils/devtools");
-var _pconsole = _interopRequireDefault(require("../../global/js/utils/pconsole"));
 var _settings = require("../../settings");
 var _carbonComponentsReact = require("carbon-components-react");
 var _iconsReact = require("@carbon/icons-react");
@@ -79,7 +78,6 @@ var InlineEditV1 = /*#__PURE__*/_react.default.forwardRef(function (_ref, refIn)
   var showValidation = invalid; // || warn;
   var validationText = invalidText; // || warnText;
   var validationIcon = showValidation ? /*#__PURE__*/_react.default.createElement(_iconsReact.WarningFilled16, null) : null;
-  _pconsole.default.warn("".concat(componentName, ": the v1 version of this component is being deprecated. please switch to the v2 component as soon as possible."));
 
   // sanitize the tooltip values
   var alignIsObject = (0, _typeof2.default)(buttonTooltipAlignment) === 'object';
@@ -301,6 +299,11 @@ var InlineEditV1 = /*#__PURE__*/_react.default.forwardRef(function (_ref, refIn)
 // is used in preference to relying on function.name.
 exports.InlineEditV1 = InlineEditV1;
 InlineEditV1.displayName = componentName;
+InlineEditV1.deprecated = {
+  level: 'warn',
+  details: "The v1 version of this component is being deprecated. please switch to the v2 component as soon as possible."
+};
+_settings.pkg.logDeprecated(InlineEditV1, componentName);
 
 // The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).

package/lib/components/InlineEditV2/InlineEditV2.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InlineEditV2 = void 0;
+exports.deprecatedProps = exports.InlineEditV2 = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -17,22 +17,32 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _iconsReact = require("@carbon/icons-react");
 var _settings = require("../../settings");
 var _devtools = require("../../global/js/utils/devtools");
-var _excluded = ["cancelLabel", "editLabel", "id", "invalid", "invalidLabel", "labelText", "onCancel", "onChange", "onSave", "saveLabel", "value"];
+var _excluded = ["cancelLabel", "editAlwaysVisible", "editLabel", "id", "inheritTypography", "invalid", "invalidLabel", "invalidText", "labelText", "onCancel", "onChange", "onSave", "size", "saveLabel", "value"];
 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var componentName = 'InlineEditV2';
 var blockClass = "".concat(_settings.pkg.prefix, "--inline-edit-v2");
+var defaults = {
+  size: 'sm'
+};
 var InlineEditV2 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _cx;
   var cancelLabel = _ref.cancelLabel,
+    editAlwaysVisible = _ref.editAlwaysVisible,
     editLabel = _ref.editLabel,
     id = _ref.id,
+    inheritTypography = _ref.inheritTypography,
     invalid = _ref.invalid,
-    invalidLabel = _ref.invalidLabel,
+    deprecated_invalidLabel = _ref.invalidLabel,
+    invalidText = _ref.invalidText,
     labelText = _ref.labelText,
     onCancel = _ref.onCancel,
     onChange = _ref.onChange,
     onSave = _ref.onSave,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? defaults.size : _ref$size,
     saveLabel = _ref.saveLabel,
     value = _ref.value,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -130,7 +140,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, (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "--focused"), focused), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "--invalid"), invalid), _cx)),
+    className: (0, _classnames.default)(blockClass, "".concat(blockClass, "--").concat(size), (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "--focused"), focused), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "--invalid"), invalid), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "--inherit-type"), inheritTypography), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "--overflows"), inputRef.current && inputRef.current.scrollWidth > inputRef.current.offsetWidth), _cx)),
     onFocus: onFocusHandler,
     onBlur: onBlurHandler
   }, /*#__PURE__*/_react.default.createElement("label", {
@@ -138,7 +148,7 @@ var InlineEditV2 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     htmlFor: id
   }, labelText), /*#__PURE__*/_react.default.createElement("input", {
     id: id,
-    className: (0, _classnames.default)("".concat(blockClass, "__text-input"), "".concat(_settings.carbon.prefix, "--text-input"), "".concat(_settings.carbon.prefix, "--text-input--sm")),
+    className: (0, _classnames.default)("".concat(blockClass, "__text-input"), "".concat(_settings.carbon.prefix, "--text-input"), "".concat(_settings.carbon.prefix, "--text-input--").concat(size)),
     type: "text",
     value: value,
     onChange: onChangeHandler,
@@ -147,13 +157,16 @@ var InlineEditV2 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     ,
     onKeyDown: onKeyHandler
   }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(blockClass, "__ellipsis"),
+    "aria-hidden": !focused
+  }, "\u2026"), /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(blockClass, "__toolbar")
-  }, focused ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, invalid && /*#__PURE__*/_react.default.createElement(_iconsReact.WarningFilled16, {
+  }, invalid && /*#__PURE__*/_react.default.createElement(_iconsReact.WarningFilled16, {
     className: "".concat(blockClass, "__warning-icon")
-  }), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, {
+  }), focused ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, {
     hasIconOnly: true,
     renderIcon: _iconsReact.Close24,
-    size: "sm",
+    size: size,
     iconDescription: cancelLabel,
     onClick: onCancelHandler,
     kind: "ghost",
@@ -163,7 +176,7 @@ var InlineEditV2 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   }), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, {
     hasIconOnly: true,
     renderIcon: _iconsReact.Checkmark24,
-    size: "sm",
+    size: size,
     iconDescription: saveLabel,
     onClick: onSaveHandler,
     kind: "ghost",
@@ -172,12 +185,12 @@ var InlineEditV2 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     className: "".concat(blockClass, "__btn ").concat(blockClass, "__btn-save"),
     disabled: !canSave
   })) : /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, {
-    className: "".concat(blockClass, "__btn ").concat(blockClass, "__btn-edit"),
+    className: (0, _classnames.default)("".concat(blockClass, "__btn"), "".concat(blockClass, "__btn-edit"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__btn-edit--always-visible"), editAlwaysVisible)),
     hasIconOnly: true
     // renderIcon={readOnly ? EditOff24 : Edit24}
     ,
     renderIcon: _iconsReact.Edit24,
-    size: "sm"
+    size: size
     // iconDescription={readOnly ? readOnlyLabel : editLabel}
     ,
     iconDescription: editLabel,
@@ -185,17 +198,29 @@ var InlineEditV2 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     kind: "ghost",
     tabIndex: 0,
     key: "edit"
-  }))), focused && invalid && /*#__PURE__*/_react.default.createElement("p", {
+  }))), invalid && /*#__PURE__*/_react.default.createElement("p", {
     className: "".concat(blockClass, "__warning-text")
-  }, invalidLabel));
+  }, invalidText !== null && invalidText !== void 0 ? invalidText : deprecated_invalidLabel));
 });
 exports.InlineEditV2 = InlineEditV2;
 InlineEditV2.displayName = componentName;
-InlineEditV2.propTypes = {
+var deprecatedProps = {
+  /**
+   * **Deprecated**
+   * invalidLabel was misnamed, using invalidText to match Carbon
+   */
+  invalidText: _propTypes.default.string
+};
+exports.deprecatedProps = deprecatedProps;
+InlineEditV2.propTypes = _objectSpread({
   /**
    * label for cancel button
    */
   cancelLabel: _propTypes.default.string.isRequired,
+  /**
+   * By default the edit icon is shown on hover only.
+   */
+  editAlwaysVisible: _propTypes.default.bool,
   /**
    * label for edit button
    */
@@ -204,6 +229,14 @@ InlineEditV2.propTypes = {
    * Specify a custom id for the input
    */
   id: _propTypes.default.string.isRequired,
+  /**
+   * inheritTypography - causes the text entry field to inherit typography settings
+   * assigned to the container. This is useful when editing titles for instance.
+   *
+   * NOTE: The size property limits the vertical size of the input element.
+   * Inherited font's should be selected to fit within the size selected.
+   */
+  inheritTypography: _propTypes.default.bool,
   /**
    * determines if the input is invalid
    */
@@ -211,7 +244,7 @@ InlineEditV2.propTypes = {
   /**
    * text that is displayed if the input is invalid
    */
-  invalidLabel: _propTypes.default.string,
+  invalidText: _propTypes.default.string,
   /**
    * Provide the text that will be read by a screen reader when visiting this control
    */
@@ -240,11 +273,15 @@ InlineEditV2.propTypes = {
    * label for save button
    */
   saveLabel: _propTypes.default.string.isRequired,
+  /**
+   * vertical size of control
+   */
+  size: _propTypes.default.oneOf(['sm', 'md', 'lg']),
   /**
    * current value of the input
    */
   value: _propTypes.default.string.isRequired
-};
+}, deprecatedProps);
 InlineEditV2.defaultProps = {
   invalid: false,
   invalidLabel: ''

package/lib/components/index.js

@@ -99,6 +99,12 @@ Object.defineProperty(exports, "EditFullPage", {
     return _EditFullPage.EditFullPage;
   }
 });
+Object.defineProperty(exports, "EditInPlace", {
+  enumerable: true,
+  get: function get() {
+    return _EditInPlace.EditInPlace;
+  }
+});
 Object.defineProperty(exports, "EditSidePanel", {
   enumerable: true,
   get: function get() {
@@ -497,4 +503,5 @@ var _EditTearsheetNarrow = require("./EditTearsheetNarrow");
 var _EditFullPage = require("./EditFullPage");
 var _EditUpdateCards = require("./EditUpdateCards");
 var _InlineEdit = require("./InlineEdit");
+var _EditInPlace = require("./EditInPlace");
 var _NonLinearReading = require("./NonLinearReading");

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

@@ -25,6 +25,7 @@ var defaults = {
     CreateTearsheet: true,
     CreateTearsheetStep: true,
     CreateTearsheetDivider: true,
+    EditInPlace: true,
     EmptyState: true,
     ErrorEmptyState: true,
     ExportModal: true,

package/lib/settings.js

@@ -10,6 +10,7 @@ var _packageSettings = _interopRequireDefault(require("./global/js/package-setti
 var _carbonComponents = require("carbon-components");
 var _react = _interopRequireDefault(require("react"));
 var _themes = require("@carbon/themes");
+var _pconsole = _interopRequireDefault(require("./global/js/utils/pconsole"));
 var carbon = {
   get prefix() {
     return _carbonComponents.settings.prefix;
@@ -21,14 +22,28 @@ var carbon = {
     return _themes.themes;
   }
 };
+exports.carbon = carbon;
+var componentDeprecatedWarning = function componentDeprecatedWarning(name, details) {
+  return "Carbon for IBM Products (WARNING): Component \"".concat(name, "\" is deprecated. ").concat(details);
+};
+_packageSettings.default.logDeprecated = function (component, name) {
+  if (component !== null && component !== void 0 && component.deprecated) {
+    var _pconsole$level;
+    var _component$deprecated = component.deprecated,
+      level = _component$deprecated.level,
+      details = _component$deprecated.details;
+    var logUsing = (_pconsole$level = _pconsole.default === null || _pconsole.default === void 0 ? void 0 : _pconsole.default[level]) !== null && _pconsole$level !== void 0 ? _pconsole$level : _pconsole.default.error;
+    logUsing(componentDeprecatedWarning(name || component.displayName, details));
+  }
+};
 
 // Check that a component is enabled. This function returns a stub which checks
 // the component status on first use and then renders as the component or as
 // a Canary placeholder initialized with the name of the replaced component.
 // Note that the returned stub carries any other properties which had already
 // been assigned (eg propTypes, displayName, etc).
-exports.carbon = carbon;
 _packageSettings.default.checkComponentEnabled = function (component, name) {
+  _packageSettings.default.logDeprecated(component, name);
   if (component.render) {
     // The component is a forward-ref, so make a stub forward-ref.
     var forward = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "1.50.0",
+  "version": "1.51.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -95,5 +95,5 @@
     "react": "^16.8.6 || ^17.0.1",
     "react-dom": "^16.8.6 || ^17.0.1"
   },
-  "gitHead": "e43b934e57b218780d73621961ec30056d0cf122"
+  "gitHead": "fb3bdbfbe2b40dc57f5c9657e83c9ef48ccd2520"
 }

package/scss/components/Datagrid/styles/_useSelectAllToggle.scss

@@ -1,10 +1,9 @@
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2021
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
+//
+// Copyright IBM Corp. 2021, 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.
+//
 
 @import './variables';
 
@@ -29,3 +28,7 @@ th.#{$block-class}__select-all-toggle-on {
 th.#{$block-class}__select-all-toggle-on.button {
   margin-left: $spacing-01;
 }
+
+.#{$block-class}__select-all-toggle-overflow.#{$carbon-prefix}--overflow-menu-options--sm.#{$carbon-prefix}--overflow-menu-options[data-floating-menu-direction='bottom']::after {
+  width: $spacing-13;
+}

package/scss/components/InlineEditV2/_inline-edit-v2.scss

@@ -15,6 +15,8 @@
   $carbon-input: #{$carbon-prefix}--text-input;
 
   .#{$block-class} {
+    --#{$block-class}--size: #{$spacing-07};
+
     display: flex;
     align-items: center;
     background: transparent;
@@ -24,11 +26,24 @@
       cursor: not-allowed;
     }
 
+    &--sm {
+      --#{$block-class}--size: #{$spacing-07};
+    }
+
+    &--md {
+      --#{$block-class}--size: #{$spacing-08};
+    }
+
+    &--lg {
+      --#{$block-class}--size: #{$spacing-09};
+    }
+
     &:hover {
       background: $field-01;
     }
 
-    &:hover .#{$block-class}__btn-edit {
+    &:hover .#{$block-class}__btn-edit,
+    .#{$block-class}__btn-edit.#{$block-class}__btn-edit--always-visible {
       visibility: visible;
     }
 
@@ -36,6 +51,10 @@
       visibility: hidden;
     }
 
+    &--invalid {
+      outline: 2px solid $support-01;
+    }
+
     &--focused {
       background: $field-01;
       outline: 2px solid $focus;
@@ -45,12 +64,31 @@
       flex: 1;
     }
 
+    &--inherit-type .#{$block-class}__text-input {
+      /* match font of container */
+      font-size: inherit;
+      font-weight: inherit;
+      letter-spacing: inherit;
+      line-height: inherit;
+    }
+
+    &__ellipsis {
+      position: relative;
+      margin-left: calc(-1 * $spacing-05);
+      opacity: 0;
+    }
+
+    &--overflows:not(.#{$block-class}--focused) .#{$block-class}__ellipsis {
+      opacity: 1;
+    }
+
     &__text-input-label {
       display: none;
     }
 
     &__warning-icon {
-      margin: $spacing-03;
+      width: $spacing-05;
+      margin: auto $spacing-03 auto auto;
       color: $support-01;
     }
 
@@ -70,11 +108,11 @@
     outline: none;
   }
 
-  .#{$block-class}-readonly .#{$block-class}__text-input.#{$carbon-input},
-  .#{$block-class}-readonly
-    .#{$carbon-prefix}--btn.#{$carbon-prefix}--btn--icon-only.#{$carbon-prefix}--tooltip__trigger {
-    cursor: not-allowed;
-  }
+  // .#{$block-class}--readonly .#{$block-class}__text-input.#{$carbon-input},
+  // .#{$block-class}--readonly
+  //   .#{$carbon-prefix}--btn.#{$carbon-prefix}--btn--icon-only.#{$carbon-prefix}--tooltip__trigger {
+  //   cursor: not-allowed;
+  // }
 
   .#{$block-class}__text-input.#{$carbon-input}:focus,
   .#{$block-class}__text-input.#{$carbon-input}:active {
@@ -82,8 +120,8 @@
   }
 
   .#{$block-class}__toolbar {
-    --toolbar-width: #{$spacing-07};
-    --toolbar-width-focussed: #{$spacing-10};
+    --toolbar-width: var(--#{$block-class}--size);
+    --toolbar-width-focussed: calc(2 * var(--#{$block-class}--size));
 
     // animation div
     display: inline-flex;
@@ -92,8 +130,11 @@
   }
 
   .#{$block-class}--invalid .#{$block-class}__toolbar {
-    --toolbar-width: #{$spacing-07};
-    --toolbar-width-focussed: #{$spacing-12};
+    // width of invalid icon is always $spacing-07 ($spacing-05 + 2 * $spacing-03 margin)
+    --toolbar-width: calc(var(--#{$block-class}--size) + #{$spacing-07});
+    --toolbar-width-focussed: calc(
+      2 * var(--#{$block-class}--size) + #{$spacing-07}
+    );
   }
 
   @keyframes slide-in {

package/scss/components/InlineEditV2/_storybook-styles.scss

@@ -4,6 +4,13 @@
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
 //
-.inline-edit-v2-example {
-  width: 15rem;
+
+@import '../../global/styles/display-box';
+
+$block-class: 'inline-edit-v2-example';
+
+.#{$block-class}__viewport {
+  // width: 300px; // larger than standard size needed by text input at standard font size (html input attribute size)
+  // stylelint-disable-next-line carbon/layout-token-use
+  margin: 100px;
 }