@carbon/ibm-products 1.39.0 → 1.40.0

package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js

@@ -222,7 +222,7 @@ var FilterFlyout = function FilterFlyout(_ref) {
           key: option.labelText
         }, option, {
           onChange: function onChange(isSelected) {
-            var _components$option$on, _components$option;
+            var _option$onChange;
             var checkboxCopy = filtersState[column];
             var foundCheckbox = checkboxCopy.find(function (checkbox) {
               return checkbox.value === option.value;
@@ -234,7 +234,7 @@ var FilterFlyout = function FilterFlyout(_ref) {
               value: _toConsumableArray(filtersState[column]),
               type: type
             });
-            (_components$option$on = (_components$option = components.option).onChange) === null || _components$option$on === void 0 ? void 0 : _components$option$on.call(_components$option, isSelected);
+            (_option$onChange = option.onChange) === null || _option$onChange === void 0 ? void 0 : _option$onChange.call(option, isSelected);
           },
           checked: option.selected
         }));
@@ -260,10 +260,11 @@ var FilterFlyout = function FilterFlyout(_ref) {
       })));
     } else if (type === DROPDOWN) {
       return /*#__PURE__*/React.createElement(Dropdown, _extends({}, components.Dropdown, {
+        selectedItem: filtersState[column],
         onChange: function onChange(_ref5) {
-          var _objectSpread6, _components$Dropdown$, _components$Dropdown;
+          var _components$Dropdown$, _components$Dropdown;
           var selectedItem = _ref5.selectedItem;
-          setFiltersState(_objectSpread(_objectSpread({}, filtersState), {}, (_objectSpread6 = {}, _defineProperty(_objectSpread6, column, selectedItem), _defineProperty(_objectSpread6, "type", type), _objectSpread6)));
+          setFiltersState(_objectSpread(_objectSpread({}, filtersState), {}, _defineProperty({}, column, selectedItem)));
           applyFilters({
             column: column,
             value: selectedItem,
@@ -320,10 +321,6 @@ var FilterFlyout = function FilterFlyout(_ref) {
   }, renderFilters())), renderActionSet()));
 };
 FilterFlyout.propTypes = {
-  /**
-   * React children of carbon filters
-   */
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
   /**
    * Array of filters to render
    */

package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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; }
@@ -22,7 +23,7 @@ import { usePreviousValue } from '../../../../../../global/js/hooks';
 import { prepareProps } from '../../../../../../global/js/utils/props-helper';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 export var InlineEditCell = function InlineEditCell(_ref) {
-  var _config$validator, _cx3;
+  var _config$validator, _cx3, _value$text;
   var cell = _ref.cell,
     config = _ref.config,
     instance = _ref.instance,
@@ -248,6 +249,11 @@ export var InlineEditCell = function InlineEditCell(_ref) {
       className: cx("".concat(blockClass, "__inline-edit--select-item"))
     }, item === null || item === void 0 ? void 0 : item.text)) : item === null || item === void 0 ? void 0 : item.text;
   };
+  var handleTransformedItem = function handleTransformedItem(items) {
+    return items !== null && items !== void 0 && items.length && _typeof(items[0]) === 'object' ? function (item) {
+      return renderDropdownItem(item);
+    } : null;
+  };
   var renderSelectCell = function renderSelectCell() {
     var _ref5 = config || {},
       inputProps = _ref5.inputProps;
@@ -263,12 +269,8 @@ export var InlineEditCell = function InlineEditCell(_ref) {
       className: cx("".concat(blockClass, "__inline-edit--select"), _defineProperty({}, "".concat(blockClass, "__inline-edit--select-").concat(rowSize), rowSize)),
       items: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.items) || [],
       initialSelectedItem: cell.value,
-      itemToElement: function itemToElement(item) {
-        return renderDropdownItem(item);
-      },
-      renderSelectedItem: function renderSelectedItem(item) {
-        return renderDropdownItem(item);
-      },
+      itemToElement: handleTransformedItem(inputProps === null || inputProps === void 0 ? void 0 : inputProps.items),
+      renderSelectedItem: handleTransformedItem(inputProps === null || inputProps === void 0 ? void 0 : inputProps.items),
       onChange: function onChange(item) {
         var _inputProps$onChange;
         var newCellId = getNewCellId('Enter');
@@ -432,7 +434,7 @@ export var InlineEditCell = function InlineEditCell(_ref) {
     }, !inEditMode && /*#__PURE__*/React.createElement(InlineEditButton, {
       isActiveCell: cellId === activeCellId,
       renderIcon: setRenderIcon(),
-      label: type === 'selection' ? value.text : type === 'date' ? buildDate(value) : value,
+      label: type === 'selection' ? (_value$text = value === null || value === void 0 ? void 0 : value.text) !== null && _value$text !== void 0 ? _value$text : value : type === 'date' ? buildDate(value) : value,
       labelIcon: (value === null || value === void 0 ? void 0 : value.icon) || null,
       placeholder: placeholder,
       tabIndex: tabIndex,

package/es/components/Datagrid/utils/getArgTypes.js

@@ -46,6 +46,10 @@ export var ARG_TYPES = {
     control: 'select',
     options: ['sm', 'lg']
   },
+  emptyStateType: {
+    control: 'select',
+    options: ['error', 'noData']
+  },
   useDenseHeader: {
     control: {
       type: 'radio'

package/es/components/InlineEditV1/InlineEditV1.js

@@ -18,6 +18,7 @@ import React, { useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools';
+import pconsole from '../../global/js/utils/pconsole';
 import { pkg, carbon } from '../../settings';
 
 // Carbon and package components we use.
@@ -38,7 +39,6 @@ var defaults = {
   size: 'md'
 };
 var buttons = ['cancel', 'edit', 'save'];
-console.warn('the v1 version of this component is being deprecated. please switch to the v2 component as soon as possible.');
 
 /**
  * TODO: A description of the component.
@@ -83,6 +83,7 @@ export var InlineEditV1 = /*#__PURE__*/React.forwardRef(function (_ref, refIn) {
   var showValidation = invalid; // || warn;
   var validationText = invalidText; // || warnText;
   var validationIcon = showValidation ? /*#__PURE__*/React.createElement(WarningFilled16, null) : null;
+  pconsole.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 = _typeof(buttonTooltipAlignment) === 'object';

package/es/components/PageHeader/PageHeader.js

@@ -421,7 +421,7 @@ export var PageHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     kind: "ghost",
     onClick: handleCollapseToggle,
     renderIcon: ChevronUp16,
-    size: "field",
+    size: "md",
     tooltipPosition: "bottom",
     tooltipAlignment: "end",
     type: "button"

package/es/components/RemoveModal/RemoveModal.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["body", "className", "iconDescription", "inputInvalidText", "inputLabelText", "inputPlaceholderText", "label", "onClose", "onRequestSubmit", "open", "preventCloseOnClickOutside", "primaryButtonText", "resourceName", "secondaryButtonText", "textConfirmation", "title"];
+var _excluded = ["body", "className", "iconDescription", "inputInvalidText", "inputLabelText", "inputPlaceholderText", "label", "onClose", "onRequestSubmit", "open", "preventCloseOnClickOutside", "primaryButtonDisabled", "primaryButtonText", "resourceName", "secondaryButtonText", "textConfirmation", "title"];
 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) { _defineProperty(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; }
 //
@@ -33,6 +33,7 @@ export var RemoveModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onRequestSubmit = _ref.onRequestSubmit,
     open = _ref.open,
     preventCloseOnClickOutside = _ref.preventCloseOnClickOutside,
+    primaryButtonDisabled = _ref.primaryButtonDisabled,
     primaryButtonText = _ref.primaryButtonText,
     resourceName = _ref.resourceName,
     secondaryButtonText = _ref.secondaryButtonText,
@@ -50,7 +51,16 @@ export var RemoveModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onChangeHandler = function onChangeHandler(e) {
     setUserInput(e.target.value);
   };
-  var primaryButtonDisabled = textConfirmation && userInput !== resourceName;
+  var checkPrimaryButtonDisabled = function checkPrimaryButtonDisabled() {
+    // user control should be used primarily
+    if (primaryButtonDisabled) {
+      return true;
+    } else if (textConfirmation && userInput !== resourceName) {
+      return true;
+    }
+    return false;
+  };
+  var primaryButtonStatus = checkPrimaryButtonDisabled();
   var blockClass = "".concat(pkg.prefix, "--remove-modal");
 
   // Clear the user input this way so that if the onRequestSubmit handler fails for some reason
@@ -93,7 +103,7 @@ export var RemoveModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     type: "submit",
     kind: "danger",
     onClick: onRequestSubmit,
-    disabled: primaryButtonDisabled
+    disabled: primaryButtonStatus
   }, primaryButtonText)));
 });
 
@@ -144,6 +154,10 @@ RemoveModal.propTypes = {
    * Prevent closing on click outside of modal
    */
   preventCloseOnClickOutside: PropTypes.bool,
+  /**
+   * Specify whether the primary button should be disabled. This value will override textConfirmation
+   */
+  primaryButtonDisabled: PropTypes.bool,
   /**
    * Specify the text for the primary button
    */

package/es/global/js/package-settings.js

@@ -68,7 +68,8 @@ var defaults = {
     EditTearsheet: false,
     EditTearsheetNarrow: false,
     EditFullPage: false,
-    EditUpdateCards: false
+    EditUpdateCards: false,
+    ButtonMenu: false
     /* new component flags here - comment used by generate CLI */
   },
 

package/lib/components/ButtonMenu/ButtonMenu.js

@@ -111,5 +111,5 @@ ButtonMenu.propTypes = {
    * The size of the button for the menu trigger. The values can be any valid
    * value for the carbon Button component 'size' prop.
    */
-  size: _carbonComponentsReact.Button.propTypes.size
+  size: _propTypes.default.oneOf(['sm', 'md', 'lg'])
 };

package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js

@@ -31,7 +31,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 var blockClass = "".concat(_settings.pkg.prefix, "--button-set-with-overflow");
 var componentName = 'ButtonSetWithOverflow';
-var buttonSize = 'field';
+var buttonSize = 'md';
 var ButtonSetWithOverflow = function ButtonSetWithOverflow(_ref) {
   var buttons = _ref.buttons,
     className = _ref.className,

package/lib/components/Card/Card.js

@@ -78,7 +78,7 @@ var Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     titleSize = _ref$titleSize === void 0 ? defaults.titleSize : _ref$titleSize,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var blockClass = "".concat(_settings.pkg.prefix, "--card");
-  var hasActions = actionIcons.length > 0 || overflowActions.length > 0 || primaryButtonText && primaryButtonPlacement === 'top';
+  var hasActions = actionIcons.length > 0 || overflowActions.length > 0 || !!primaryButtonText && primaryButtonPlacement === 'top';
   var hasFooterActions = hasActions && actionsPlacement === 'bottom';
   var hasFooterButton = !!secondaryButtonText || !!primaryButtonText && primaryButtonPlacement === 'bottom';
   var hasBottomBar = hasFooterActions || hasFooterButton;

package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _settings = require("../../../settings");
 var _carbonComponentsReact = require("carbon-components-react");
-var _NoDataEmptyState = require("../../EmptyStates/NoDataEmptyState");
+var _EmptyStates = require("../../EmptyStates");
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -28,12 +28,19 @@ var DatagridEmptyBody = function DatagridEmptyBody(datagridState) {
     emptyStateTitle = datagridState.emptyStateTitle,
     emptyStateDescription = datagridState.emptyStateDescription,
     emptyStateSize = datagridState.emptyStateSize,
+    _datagridState$emptyS = datagridState.emptyStateType,
+    emptyStateType = _datagridState$emptyS === void 0 ? 'noData' : _datagridState$emptyS,
     illustrationTheme = datagridState.illustrationTheme;
   return /*#__PURE__*/_react.default.createElement(TableBody, (0, _extends2.default)({}, getTableBodyProps(), {
     className: "".concat(blockClass, "__empty-state-body")
   }), /*#__PURE__*/_react.default.createElement(TableRow, null, /*#__PURE__*/_react.default.createElement(TableCell, {
     colSpan: headers.length
-  }, /*#__PURE__*/_react.default.createElement(_NoDataEmptyState.NoDataEmptyState, {
+  }, emptyStateType === 'error' && /*#__PURE__*/_react.default.createElement(_EmptyStates.ErrorEmptyState, {
+    illustrationTheme: illustrationTheme,
+    size: emptyStateSize,
+    title: emptyStateTitle,
+    subtitle: emptyStateDescription
+  }), emptyStateType === 'noData' && /*#__PURE__*/_react.default.createElement(_EmptyStates.NoDataEmptyState, {
     illustrationTheme: illustrationTheme,
     size: emptyStateSize,
     title: emptyStateTitle,

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

@@ -222,7 +222,7 @@ var FilterFlyout = function FilterFlyout(_ref) {
           key: option.labelText
         }, option, {
           onChange: function onChange(isSelected) {
-            var _components$option$on, _components$option;
+            var _option$onChange;
             var checkboxCopy = filtersState[column];
             var foundCheckbox = checkboxCopy.find(function (checkbox) {
               return checkbox.value === option.value;
@@ -234,7 +234,7 @@ var FilterFlyout = function FilterFlyout(_ref) {
               value: (0, _toConsumableArray2.default)(filtersState[column]),
               type: type
             });
-            (_components$option$on = (_components$option = components.option).onChange) === null || _components$option$on === void 0 ? void 0 : _components$option$on.call(_components$option, isSelected);
+            (_option$onChange = option.onChange) === null || _option$onChange === void 0 ? void 0 : _option$onChange.call(option, isSelected);
           },
           checked: option.selected
         }));
@@ -260,10 +260,11 @@ var FilterFlyout = function FilterFlyout(_ref) {
       })));
     } else if (type === _constants.DROPDOWN) {
       return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Dropdown, (0, _extends2.default)({}, components.Dropdown, {
+        selectedItem: filtersState[column],
         onChange: function onChange(_ref5) {
-          var _objectSpread6, _components$Dropdown$, _components$Dropdown;
+          var _components$Dropdown$, _components$Dropdown;
           var selectedItem = _ref5.selectedItem;
-          setFiltersState(_objectSpread(_objectSpread({}, filtersState), {}, (_objectSpread6 = {}, (0, _defineProperty2.default)(_objectSpread6, column, selectedItem), (0, _defineProperty2.default)(_objectSpread6, "type", type), _objectSpread6)));
+          setFiltersState(_objectSpread(_objectSpread({}, filtersState), {}, (0, _defineProperty2.default)({}, column, selectedItem)));
           applyFilters({
             column: column,
             value: selectedItem,
@@ -320,10 +321,6 @@ var FilterFlyout = function FilterFlyout(_ref) {
   }, renderFilters())), renderActionSet()));
 };
 FilterFlyout.propTypes = {
-  /**
-   * React children of carbon filters
-   */
-  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]).isRequired,
   /**
    * Array of filters to render
    */

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js

@@ -1,12 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineEditCell = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -20,12 +21,12 @@ var _InlineEditContext = require("../InlineEditContext");
 var _hooks = require("../../../../../../global/js/hooks");
 var _propsHelper = require("../../../../../../global/js/utils/props-helper");
 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 _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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 blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 var InlineEditCell = function InlineEditCell(_ref) {
-  var _config$validator, _cx3;
+  var _config$validator, _cx3, _value$text;
   var cell = _ref.cell,
     config = _ref.config,
     instance = _ref.instance,
@@ -251,6 +252,11 @@ var InlineEditCell = function InlineEditCell(_ref) {
       className: (0, _classnames.default)("".concat(blockClass, "__inline-edit--select-item"))
     }, item === null || item === void 0 ? void 0 : item.text)) : item === null || item === void 0 ? void 0 : item.text;
   };
+  var handleTransformedItem = function handleTransformedItem(items) {
+    return items !== null && items !== void 0 && items.length && (0, _typeof2.default)(items[0]) === 'object' ? function (item) {
+      return renderDropdownItem(item);
+    } : null;
+  };
   var renderSelectCell = function renderSelectCell() {
     var _ref5 = config || {},
       inputProps = _ref5.inputProps;
@@ -266,12 +272,8 @@ var InlineEditCell = function InlineEditCell(_ref) {
       className: (0, _classnames.default)("".concat(blockClass, "__inline-edit--select"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__inline-edit--select-").concat(rowSize), rowSize)),
       items: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.items) || [],
       initialSelectedItem: cell.value,
-      itemToElement: function itemToElement(item) {
-        return renderDropdownItem(item);
-      },
-      renderSelectedItem: function renderSelectedItem(item) {
-        return renderDropdownItem(item);
-      },
+      itemToElement: handleTransformedItem(inputProps === null || inputProps === void 0 ? void 0 : inputProps.items),
+      renderSelectedItem: handleTransformedItem(inputProps === null || inputProps === void 0 ? void 0 : inputProps.items),
       onChange: function onChange(item) {
         var _inputProps$onChange;
         var newCellId = getNewCellId('Enter');
@@ -435,7 +437,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
     }, !inEditMode && /*#__PURE__*/_react.default.createElement(_InlineEditButton.InlineEditButton, {
       isActiveCell: cellId === activeCellId,
       renderIcon: setRenderIcon(),
-      label: type === 'selection' ? value.text : type === 'date' ? buildDate(value) : value,
+      label: type === 'selection' ? (_value$text = value === null || value === void 0 ? void 0 : value.text) !== null && _value$text !== void 0 ? _value$text : value : type === 'date' ? buildDate(value) : value,
       labelIcon: (value === null || value === void 0 ? void 0 : value.icon) || null,
       placeholder: placeholder,
       tabIndex: tabIndex,

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

@@ -52,6 +52,10 @@ var ARG_TYPES = {
     control: 'select',
     options: ['sm', 'lg']
   },
+  emptyStateType: {
+    control: 'select',
+    options: ['error', 'noData']
+  },
   useDenseHeader: {
     control: {
       type: 'radio'

package/lib/components/InlineEditV1/InlineEditV1.js

@@ -15,6 +15,7 @@ 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");
@@ -34,7 +35,6 @@ var defaults = {
   size: 'md'
 };
 var buttons = ['cancel', 'edit', 'save'];
-console.warn('the v1 version of this component is being deprecated. please switch to the v2 component as soon as possible.');
 
 /**
  * TODO: A description of the component.
@@ -79,6 +79,7 @@ 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';

package/lib/components/PageHeader/PageHeader.js

@@ -422,7 +422,7 @@ var PageHeader = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     kind: "ghost",
     onClick: handleCollapseToggle,
     renderIcon: _iconsReact.ChevronUp16,
-    size: "field",
+    size: "md",
     tooltipPosition: "bottom",
     tooltipAlignment: "end",
     type: "button"

package/lib/components/RemoveModal/RemoveModal.js

@@ -18,7 +18,7 @@ var _devtools = require("../../global/js/utils/devtools");
 var _uuidv = _interopRequireDefault(require("../../global/js/utils/uuidv4"));
 var _settings = require("../../settings");
 var _hooks = require("../../global/js/hooks");
-var _excluded = ["body", "className", "iconDescription", "inputInvalidText", "inputLabelText", "inputPlaceholderText", "label", "onClose", "onRequestSubmit", "open", "preventCloseOnClickOutside", "primaryButtonText", "resourceName", "secondaryButtonText", "textConfirmation", "title"];
+var _excluded = ["body", "className", "iconDescription", "inputInvalidText", "inputLabelText", "inputPlaceholderText", "label", "onClose", "onRequestSubmit", "open", "preventCloseOnClickOutside", "primaryButtonDisabled", "primaryButtonText", "resourceName", "secondaryButtonText", "textConfirmation", "title"];
 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; }
@@ -36,6 +36,7 @@ var RemoveModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     onRequestSubmit = _ref.onRequestSubmit,
     open = _ref.open,
     preventCloseOnClickOutside = _ref.preventCloseOnClickOutside,
+    primaryButtonDisabled = _ref.primaryButtonDisabled,
     primaryButtonText = _ref.primaryButtonText,
     resourceName = _ref.resourceName,
     secondaryButtonText = _ref.secondaryButtonText,
@@ -53,7 +54,16 @@ var RemoveModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var onChangeHandler = function onChangeHandler(e) {
     setUserInput(e.target.value);
   };
-  var primaryButtonDisabled = textConfirmation && userInput !== resourceName;
+  var checkPrimaryButtonDisabled = function checkPrimaryButtonDisabled() {
+    // user control should be used primarily
+    if (primaryButtonDisabled) {
+      return true;
+    } else if (textConfirmation && userInput !== resourceName) {
+      return true;
+    }
+    return false;
+  };
+  var primaryButtonStatus = checkPrimaryButtonDisabled();
   var blockClass = "".concat(_settings.pkg.prefix, "--remove-modal");
 
   // Clear the user input this way so that if the onRequestSubmit handler fails for some reason
@@ -96,7 +106,7 @@ var RemoveModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     type: "submit",
     kind: "danger",
     onClick: onRequestSubmit,
-    disabled: primaryButtonDisabled
+    disabled: primaryButtonStatus
   }, primaryButtonText)));
 });
 
@@ -148,6 +158,10 @@ RemoveModal.propTypes = {
    * Prevent closing on click outside of modal
    */
   preventCloseOnClickOutside: _propTypes.default.bool,
+  /**
+   * Specify whether the primary button should be disabled. This value will override textConfirmation
+   */
+  primaryButtonDisabled: _propTypes.default.bool,
   /**
    * Specify the text for the primary button
    */

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

@@ -68,7 +68,8 @@ var defaults = {
     EditTearsheet: false,
     EditTearsheetNarrow: false,
     EditFullPage: false,
-    EditUpdateCards: false
+    EditUpdateCards: false,
+    ButtonMenu: false
     /* new component flags here - comment used by generate CLI */
   },
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "1.39.0",
+  "version": "1.40.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": "aa6bc71d9dc7286e586479f681a0de13ea58404b"
+  "gitHead": "05ee7cdcf736a836aafbb7b74e11211b4a5787c8"
 }

package/scss/components/Datagrid/styles/_datagrid.scss

@@ -486,6 +486,7 @@
   .#{$carbon-prefix}--data-table--selected:not(.#{$block-class}__active-row)
   ::before {
   position: absolute;
+  top: 0;
   left: 0;
   width: $spacing-02;
   height: 100%;