@carbon/ibm-products 0.99.1 → 1.0.0

package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js

@@ -7,14 +7,14 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.deprecatedProps = exports.BreadcrumbWithOverflow = void 0;
+exports.BreadcrumbWithOverflow = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -33,13 +33,11 @@ var _iconsReact = require("@carbon/icons-react");
 
 var _uuidv = _interopRequireDefault(require("../../global/js/utils/uuidv4"));
 
-var _propsHelper = require("../../global/js/utils/props-helper");
+require("../../global/js/utils/props-helper");
 
-var _excluded = ["children"],
-    _excluded2 = ["breadcrumbs", "children", "className", "maxVisible", "noTrailingSlash", "overflowAriaLabel"],
-    _excluded3 = ["title"],
-    _excluded4 = ["className", "key", "label", "title"],
-    _excluded5 = ["label", "key"];
+var _excluded = ["breadcrumbs", "className", "maxVisible", "noTrailingSlash", "overflowAriaLabel"],
+    _excluded2 = ["label", "key", "title"],
+    _excluded3 = ["className", "key", "label", "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); }
 
@@ -51,83 +49,23 @@ 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; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(_settings.pkg.prefix, "--breadcrumb-with-overflow");
 var componentName = 'BreadcrumbWithOverflow'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
-var getHref = function getHref(shape) {
-  var _shape$children, _shape$children$props;
-
-  // This function should extract href from item
-  // It expects that the href is attached either to the item or direct child
-  // It prefers item.props.href
-  return shape !== null && shape !== void 0 && shape.href ? shape.href : shape === null || shape === void 0 ? void 0 : (_shape$children = shape.children) === null || _shape$children === void 0 ? void 0 : (_shape$children$props = _shape$children.props) === null || _shape$children$props === void 0 ? void 0 : _shape$children$props.href;
-};
-
-var getTitle = function getTitle(shape) {
-  // This function should extract text based title from the item.
-  // It prefers in this order
-  // - shape.data-title
-  // - shape.title
-  // - shape.label if string
-  // - shape.label.props.children if string. This case is likely if an <a /> is used inside a BreadcrumbItem
-  var useAsTitle = null;
-  /* istanbul ignore else */
-
-  if (shape) {
-    var _shape$label, _shape$label$props;
-
-    // list represents preferred order with checks, no else case expected
-
-    /* istanbul ignore next */
-    if (shape['data-title']) {
-      useAsTitle = shape['data-title'];
-    } else if (shape.title) {
-      useAsTitle = shape.title;
-    } else if (typeof shape.label === 'string') {
-      useAsTitle = shape.label;
-    } else if (typeof (shape === null || shape === void 0 ? void 0 : (_shape$label = shape.label) === null || _shape$label === void 0 ? void 0 : (_shape$label$props = _shape$label.props) === null || _shape$label$props === void 0 ? void 0 : _shape$label$props.children) === 'string') {
-      useAsTitle = shape.label.props.children;
-    }
-  }
-
-  return useAsTitle;
-};
-/**
- * Converts the deprecated children array shapes into breadcrumbs
- */
-
-
-var processShapesArray = function processShapesArray(arr) {
-  return arr.map(function (shape) {
-    var label = shape.children,
-        rest = (0, _objectWithoutProperties2.default)(shape, _excluded);
-    var href = getHref(shape);
-    return _objectSpread(_objectSpread({}, rest), {}, {
-      href: href,
-      label: label
-    });
-  });
-};
 /**
  * The BreadcrumbWithOverflow is used internally by the PageHeader to wrap BreadcrumbItems.
  */
 
-
 var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
   var _backItem, _backItem2, _backItem3;
 
-  var breadcrumbsIn = _ref.breadcrumbs,
-      deprecated_children = _ref.children,
+  var breadcrumbs = _ref.breadcrumbs,
       className = _ref.className,
       maxVisible = _ref.maxVisible,
       noTrailingSlash = _ref.noTrailingSlash,
       overflowAriaLabel = _ref.overflowAriaLabel,
-      other = (0, _objectWithoutProperties2.default)(_ref, _excluded2);
+      other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)(3),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -145,8 +83,8 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
 
   var _useState5 = (0, _react.useState)([]),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      breadcrumbs = _useState6[0],
-      setBreadcrumbs = _useState6[1]; // eslint-disable-next-line react/prop-types
+      hiddenSizingItems = _useState6[0],
+      setHiddenSizingItems = _useState6[1]; // eslint-disable-next-line react/prop-types
 
 
   var BreadcrumbOverflowMenu = function BreadcrumbOverflowMenu(_ref2) {
@@ -166,21 +104,36 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
         itemText: item.props.children
       });
     })));
-  };
+  }; // create hidden sizing items
+
 
   (0, _react.useEffect)(function () {
-    var workWith = breadcrumbsIn !== null && breadcrumbsIn !== void 0 ? breadcrumbsIn : processShapesArray((0, _propsHelper.extractShapesArray)(deprecated_children));
-    var newBreadcrumbs = workWith.map(function (_ref3) {
-      var title = _ref3.title,
-          rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
-      return _objectSpread(_objectSpread({}, rest), {}, {
-        title: title !== null && title !== void 0 ? title : getTitle(rest)
-      });
-    });
-    setBreadcrumbs(newBreadcrumbs);
-  }, [breadcrumbsIn, deprecated_children]);
+    // Hidden action bar and items used to calculate sizes
+    setHiddenSizingItems( /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(blockClass, "__breadcrumb-container ").concat(blockClass, "__breadcrumb-container--hidden"),
+      "aria-hidden": true,
+      ref: sizingContainerRef
+    }, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Breadcrumb, null, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.BreadcrumbItem, {
+      key: "".concat(blockClass, "-hidden-overflow-").concat(internalId)
+    }, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.OverflowMenu, {
+      ariaLabel: overflowAriaLabel,
+      renderIcon: _iconsReact.OverflowMenuHorizontal32
+    })), breadcrumbs.map(function (_ref3) {
+      var label = _ref3.label,
+          key = _ref3.key,
+          title = _ref3.title,
+          rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
+      return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.BreadcrumbItem, (0, _extends2.default)({
+        key: key
+      }, rest, {
+        title: title !== null && title !== void 0 ? title : label
+      }), label);
+    }))));
+  }, [breadcrumbs, overflowAriaLabel]);
   (0, _react.useEffect)(function () {
     // updates displayedBreadcrumbItems and overflowBreadcrumbItems based on displayCount and breadcrumbs
+
+    /* istanbul ignore if */
     if (breadcrumbs.length === 0) {
       setDisplayedBreadcrumbItems([]);
       return;
@@ -191,7 +144,7 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
           key = _ref4.key,
           label = _ref4.label,
           title = _ref4.title,
-          rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
+          rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded3);
       return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.BreadcrumbItem, (0, _extends2.default)({
         key: key,
         className: index > 0 || displayCount > 1 ? (0, _classnames.default)([className, "".concat(blockClass, "__displayed-breadcrumb")]) : className,
@@ -297,7 +250,7 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
 
   (0, _react.useEffect)(function () {
     checkFullyVisibleBreadcrumbItems(); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [breadcrumbs, maxVisible]);
+  }, [hiddenSizingItems, maxVisible]);
   /* istanbul ignore next */
   // not sure how to test resize
 
@@ -337,23 +290,7 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
     ref: breadcrumbItemWithOverflow
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(["".concat(blockClass, "__space")])
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(blockClass, "__breadcrumb-container ").concat(blockClass, "__breadcrumb-container--hidden"),
-    "aria-hidden": true,
-    ref: sizingContainerRef
-  }, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Breadcrumb, null, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.BreadcrumbItem, {
-    key: "".concat(blockClass, "-hidden-overflow-").concat(internalId)
-  }, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.OverflowMenu, {
-    ariaLabel: overflowAriaLabel,
-    renderIcon: _iconsReact.OverflowMenuHorizontal32
-  })), breadcrumbs.map(function (_ref5) {
-    var children = _ref5.label,
-        key = _ref5.key,
-        rest = (0, _objectWithoutProperties2.default)(_ref5, _excluded5);
-    return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.BreadcrumbItem, (0, _extends2.default)({
-      key: key
-    }, rest), children);
-  }))), ((_backItem2 = backItem) === null || _backItem2 === void 0 ? void 0 : _backItem2.href) && ((_backItem3 = backItem) === null || _backItem3 === void 0 ? void 0 : _backItem3.title) && /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, {
+  }, hiddenSizingItems, ((_backItem2 = backItem) === null || _backItem2 === void 0 ? void 0 : _backItem2.href) && ((_backItem3 = backItem) === null || _backItem3 === void 0 ? void 0 : _backItem3.title) && /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, {
     className: "".concat(blockClass, "__breadcrumb-back-button"),
     hasIconOnly: true,
     iconDescription: backItem.title,
@@ -372,16 +309,7 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
 
 exports.BreadcrumbWithOverflow = BreadcrumbWithOverflow;
 exports.BreadcrumbWithOverflow = BreadcrumbWithOverflow = _settings.pkg.checkComponentEnabled(BreadcrumbWithOverflow, componentName);
-var deprecatedProps = {
-  /**
-   * **Deprecated** see property `breadcrumbs`
-   *
-   * children of the breadcrumb-item set (these are expected to be breadcrumb-items)
-   */
-  children: (0, _propsHelper.deprecateProp)(_propTypes.default.arrayOf(_propTypes.default.element), 'Usage changed to expect breadcrumb item like shapes, see `breadcrumbs`.')
-};
-exports.deprecatedProps = deprecatedProps;
-BreadcrumbWithOverflow.propTypes = _objectSpread({
+BreadcrumbWithOverflow.propTypes = {
   breadcrumbs: _propTypes.default.arrayOf(_propTypes.default.shape({
     /**
      * Optional string representing the link location for the BreadcrumbItem
@@ -406,8 +334,8 @@ BreadcrumbWithOverflow.propTypes = _objectSpread({
     /**
      * A string based alternative to the children, required only if children is not of type string.
      */
-    title: _propTypes.default.string.isRequired.if(function (_ref6) {
-      var label = _ref6.label;
+    title: _propTypes.default.string.isRequired.if(function (_ref5) {
+      var label = _ref5.label;
       return typeof label !== 'string';
     })
   })),
@@ -431,7 +359,7 @@ BreadcrumbWithOverflow.propTypes = _objectSpread({
    * overflowAriaLabel label for open close button overflow used for action bar items that do nto fit.
    */
   overflowAriaLabel: _propTypes.default.string.isRequired
-}, deprecatedProps);
+};
 BreadcrumbWithOverflow.defaultProps = {
   noTrailingSlash: false
 };

package/lib/components/CreateSidePanel/CreateSidePanel.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.deprecatedProps = exports.CreateSidePanel = void 0;
+exports.CreateSidePanel = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -23,15 +23,13 @@ var _settings = require("../../settings");
 
 var _devtools = require("../../global/js/utils/devtools");
 
-var _propsHelper = require("../../global/js/utils/props-helper");
-
 var _carbonComponentsReact = require("carbon-components-react");
 
 var _SidePanel = require("../SidePanel");
 
 var _ActionSet = require("../ActionSet");
 
-var _excluded = ["className", "children", "disableSubmit", "formTitle", "formDescription", "onRequestClose", "onRequestSubmit", "open", "pageContentSelector", "primaryButtonText", "secondaryButtonText", "selectorPageContent", "selectorPrimaryFocus", "subtitle", "title"];
+var _excluded = ["className", "children", "disableSubmit", "formTitle", "formDescription", "onRequestClose", "onRequestSubmit", "open", "primaryButtonText", "secondaryButtonText", "selectorPageContent", "selectorPrimaryFocus", "subtitle", "title"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -55,7 +53,6 @@ var CreateSidePanel = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
       onRequestClose = _ref.onRequestClose,
       onRequestSubmit = _ref.onRequestSubmit,
       open = _ref.open,
-      pageContentSelector = _ref.pageContentSelector,
       primaryButtonText = _ref.primaryButtonText,
       secondaryButtonText = _ref.secondaryButtonText,
       selectorPageContent = _ref.selectorPageContent,
@@ -78,10 +75,9 @@ var CreateSidePanel = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
     kind: 'secondary'
   }];
   var actionContainerClassNames = (0, _classnames.default)(["".concat(blockClass, "__actions-container"), "".concat(sidePanelBlockClass, "__actions-container")]);
-  return (selectorPageContent || pageContentSelector) && /*#__PURE__*/_react.default.createElement(_SidePanel.SidePanel, (0, _extends2.default)({}, rest, _objectSpread({
+  return selectorPageContent && /*#__PURE__*/_react.default.createElement(_SidePanel.SidePanel, (0, _extends2.default)({}, rest, _objectSpread({
     open: open,
     ref: ref,
-    pageContentSelector: pageContentSelector,
     selectorPageContent: selectorPageContent,
     onRequestClose: onRequestClose,
     title: title,
@@ -109,17 +105,7 @@ var CreateSidePanel = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
 exports.CreateSidePanel = CreateSidePanel;
 exports.CreateSidePanel = CreateSidePanel = _settings.pkg.checkComponentEnabled(CreateSidePanel, componentName);
 CreateSidePanel.displayName = componentName;
-var deprecatedProps = {
-  /**
-   * **Deprecated**
-   *
-   * This is the selector to the element that contains all of the page content that will shrink if the panel is a slide in.
-   * This prop is required when using the `slideIn` variant of the side panel.
-   */
-  pageContentSelector: (0, _propsHelper.deprecateProp)(_propTypes.default.string, 'This prop has been renamed to `selectorPageContent`.')
-};
-exports.deprecatedProps = deprecatedProps;
-CreateSidePanel.propTypes = _objectSpread({
+CreateSidePanel.propTypes = {
   /**
    * Sets the body content of the create side panel
    */
@@ -198,4 +184,4 @@ CreateSidePanel.propTypes = _objectSpread({
    * The title of the CreateSidePanel is usually the product or service name.
    */
   title: _propTypes.default.node.isRequired
-}, deprecatedProps);
+};

package/lib/components/PageHeader/PageHeader.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.deprecatedProps = exports.PageHeader = void 0;
+exports.PageHeader = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -51,7 +51,7 @@ var _PageHeaderUtils = require("./PageHeaderUtils");
 
 var _PageHeaderTitle = require("./PageHeaderTitle");
 
-var _excluded = ["actionBarItems", "actionBarMenuOptionsClass", "actionBarOverflowAriaLabel", "actionBarOverflowLabel", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTitle", "availableSpace", "background", "hasBackgroundAlways", "breadcrumbOverflowAriaLabel", "breadcrumbOverflowLabel", "breadcrumbItems", "breadcrumbs", "children", "className", "collapseHeader", "collapseHeaderIconDescription", "collapseHeaderLabel", "collapseHeaderToggleWanted", "collapseTitle", "disableBreadcrumbScroll", "expandHeaderIconDescription", "expandHeaderLabel", "fullWidthGrid", "hasCollapseHeaderToggle", "narrowGrid", "navigation", "pageActions", "pageActionsOverflowLabel", "pageActionsMenuOptionsClass", "pageHeaderOffset", "preCollapseTitleRow", "preventBreadcrumbScroll", "showAllTagsLabel", "subtitle", "tags", "title"];
+var _excluded = ["actionBarItems", "actionBarMenuOptionsClass", "actionBarOverflowAriaLabel", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTitle", "hasBackgroundAlways", "breadcrumbOverflowAriaLabel", "breadcrumbs", "children", "className", "collapseHeader", "collapseHeaderIconDescription", "collapseTitle", "disableBreadcrumbScroll", "expandHeaderIconDescription", "fullWidthGrid", "hasCollapseHeaderToggle", "narrowGrid", "navigation", "pageActions", "pageActionsOverflowLabel", "pageActionsMenuOptionsClass", "showAllTagsLabel", "subtitle", "tags", "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); }
 
@@ -64,32 +64,24 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var componentName = 'PageHeader';
 
 var PageHeader = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var _actionBarOverflowAri, _breadcrumbOverflowAr, _children, _collapseHeaderIconDe, _expandHeaderIconDesc, _hasBackgroundAlways, _hasCollapseHeaderTog, _collapseTitle, _disableBreadcrumbScr, _ref5, _cx2, _ref6, _cx4, _cx7;
+  var _ref5, _cx2, _ref6, _cx4, _cx7;
 
   var actionBarItems = _ref.actionBarItems,
       actionBarMenuOptionsClass = _ref.actionBarMenuOptionsClass,
       actionBarOverflowAriaLabel = _ref.actionBarOverflowAriaLabel,
-      deprecated_actionBarOverflowLabel = _ref.actionBarOverflowLabel,
       allTagsModalSearchLabel = _ref.allTagsModalSearchLabel,
       allTagsModalSearchPlaceholderText = _ref.allTagsModalSearchPlaceholderText,
       allTagsModalTitle = _ref.allTagsModalTitle,
-      deprecated_availableSpace = _ref.availableSpace,
-      deprecated_background = _ref.background,
       hasBackgroundAlways = _ref.hasBackgroundAlways,
       breadcrumbOverflowAriaLabel = _ref.breadcrumbOverflowAriaLabel,
-      deprecated_breadcrumbOverflowLabel = _ref.breadcrumbOverflowLabel,
-      deprecated_breadcrumbItems = _ref.breadcrumbItems,
-      breadcrumbsIn = _ref.breadcrumbs,
+      breadcrumbs = _ref.breadcrumbs,
       children = _ref.children,
       className = _ref.className,
       collapseHeader = _ref.collapseHeader,
       collapseHeaderIconDescription = _ref.collapseHeaderIconDescription,
-      deprecated_collapseHeaderLabel = _ref.collapseHeaderLabel,
-      deprecated_collapseHeaderToggleWanted = _ref.collapseHeaderToggleWanted,
       collapseTitle = _ref.collapseTitle,
       disableBreadcrumbScroll = _ref.disableBreadcrumbScroll,
       expandHeaderIconDescription = _ref.expandHeaderIconDescription,
-      deprecated_expandHeaderLabel = _ref.expandHeaderLabel,
       fullWidthGrid = _ref.fullWidthGrid,
       hasCollapseHeaderToggle = _ref.hasCollapseHeaderToggle,
       narrowGrid = _ref.narrowGrid,
@@ -97,25 +89,11 @@ var PageHeader = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       pageActions = _ref.pageActions,
       pageActionsOverflowLabel = _ref.pageActionsOverflowLabel,
       pageActionsMenuOptionsClass = _ref.pageActionsMenuOptionsClass,
-      _deprecated_pageHeaderOffset = _ref.pageHeaderOffset,
-      deprecated_preCollapseTitleRow = _ref.preCollapseTitleRow,
-      deprecated_preventBreadcrumbScroll = _ref.preventBreadcrumbScroll,
       showAllTagsLabel = _ref.showAllTagsLabel,
       subtitle = _ref.subtitle,
       tags = _ref.tags,
       title = _ref.title,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  // handle deprecated props - START
-  (_actionBarOverflowAri = actionBarOverflowAriaLabel) !== null && _actionBarOverflowAri !== void 0 ? _actionBarOverflowAri : actionBarOverflowAriaLabel = deprecated_actionBarOverflowLabel;
-  (_breadcrumbOverflowAr = breadcrumbOverflowAriaLabel) !== null && _breadcrumbOverflowAr !== void 0 ? _breadcrumbOverflowAr : breadcrumbOverflowAriaLabel = deprecated_breadcrumbOverflowLabel;
-  (_children = children) !== null && _children !== void 0 ? _children : children = deprecated_availableSpace;
-  (_collapseHeaderIconDe = collapseHeaderIconDescription) !== null && _collapseHeaderIconDe !== void 0 ? _collapseHeaderIconDe : collapseHeaderIconDescription = deprecated_collapseHeaderLabel;
-  (_expandHeaderIconDesc = expandHeaderIconDescription) !== null && _expandHeaderIconDesc !== void 0 ? _expandHeaderIconDesc : expandHeaderIconDescription = deprecated_expandHeaderLabel;
-  (_hasBackgroundAlways = hasBackgroundAlways) !== null && _hasBackgroundAlways !== void 0 ? _hasBackgroundAlways : hasBackgroundAlways = deprecated_background;
-  (_hasCollapseHeaderTog = hasCollapseHeaderToggle) !== null && _hasCollapseHeaderTog !== void 0 ? _hasCollapseHeaderTog : hasCollapseHeaderToggle = deprecated_collapseHeaderToggleWanted;
-  (_collapseTitle = collapseTitle) !== null && _collapseTitle !== void 0 ? _collapseTitle : collapseTitle = deprecated_preCollapseTitleRow;
-  (_disableBreadcrumbScr = disableBreadcrumbScroll) !== null && _disableBreadcrumbScr !== void 0 ? _disableBreadcrumbScr : disableBreadcrumbScroll = deprecated_preventBreadcrumbScroll;
-  var breadcrumbs = breadcrumbsIn !== null && breadcrumbsIn !== void 0 ? breadcrumbsIn : deprecated_breadcrumbItems; // handle deprecated props - END
 
   var _useState = (0, _react.useState)({}),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -138,8 +116,7 @@ var PageHeader = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   }; // state based on props only
 
 
-  var actionBarItemArray = (0, _propsHelper.extractShapesArray)(actionBarItems);
-  var hasActionBar = actionBarItemArray && actionBarItemArray.length > 0;
+  var hasActionBar = actionBarItems && actionBarItems.length > 0;
   var hasBreadcrumbRow = breadcrumbs || actionBarItems; // NOTE: The buffer is used to add space between the bottom of the header and the last content
   // Not pre-collapsed and (subtitle or children)
 
@@ -412,8 +389,8 @@ var PageHeader = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     className: "".concat(_PageHeaderUtils.blockClass, "__breadcrumb"),
     noTrailingSlash: !!title,
     overflowAriaLabel: breadcrumbOverflowAriaLabel,
-    breadcrumbs: breadcrumbsIn ? breadcrumbItemForTitle ? breadcrumbsIn.concat(breadcrumbItemForTitle) : breadcrumbsIn : null
-  }, !breadcrumbsIn ? deprecated_breadcrumbItems : null, !breadcrumbsIn && breadcrumbItemForTitle ? /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.BreadcrumbItem, (0, _propsHelper.prepareProps)(breadcrumbItemForTitle, 'label'), breadcrumbItemForTitle.label) : null) : null), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, {
+    breadcrumbs: breadcrumbs ? breadcrumbItemForTitle ? breadcrumbs.concat(breadcrumbItemForTitle) : breadcrumbs : null
+  }) : null), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, {
     className: (0, _classnames.default)(["".concat(_PageHeaderUtils.blockClass, "__action-bar-column ").concat(_PageHeaderUtils.blockClass, "__action-bar-column--background"), (_ref6 = {}, (0, _defineProperty2.default)(_ref6, "".concat(_PageHeaderUtils.blockClass, "__action-bar-column--has-page-actions"), pageActions), (0, _defineProperty2.default)(_ref6, "".concat(_PageHeaderUtils.blockClass, "__action-bar-column--influenced-by-collapse-button"), spaceForCollapseButton), _ref6)])
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_PageHeaderUtils.blockClass, "__action-bar-column-content"),
@@ -424,7 +401,7 @@ var PageHeader = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   _react.default.createElement(_react.default.Fragment, null, thePageActions(true, pageActionsInBreadcrumbRow), /*#__PURE__*/_react.default.createElement(_ActionBar.ActionBar, {
     menuOptionsClass: (0, _classnames.default)(actionBarMenuOptionsClass, "".concat(_PageHeaderUtils.blockClass, "__action-bar-menu-options")),
     overflowAriaLabel: actionBarOverflowAriaLabel,
-    actions: actionBarItemArray,
+    actions: actionBarItems,
     className: "".concat(_PageHeaderUtils.blockClass, "__action-bar"),
     onWidthChange: handleActionBarWidthChange,
     rightAlign: true
@@ -532,75 +509,17 @@ var TYPES = {
   'high-contrast': 'High-Contrast'
 };
 var tagTypes = Object.keys(TYPES);
-var deprecatedProps = {
-  /**
-   * **Deprecated** see property `actionBarOverflowAriaLabel`
-   */
-  actionBarOverflowLabel: (0, _propsHelper.deprecateProp)(_propTypes.default.string, 'Property renamed to `actionBarOverflowAriaLabel`.'),
-
-  /**
-   * **Deprecated** see property `children`
-   */
-  availableSpace: (0, _propsHelper.deprecateProp)(_propTypes.default.node, 'Make use of children instead.'),
-
-  /**
-   * **Deprecated** see property `hasBackgroundAlways`
-   */
-  background: (0, _propsHelper.deprecateProp)(_propTypes.default.bool, 'Property renamed to `hasBackgroundAlways`'),
-
-  /**
-   * **Deprecated** see property `breadcrumbs`
-   */
-  breadcrumbItems: (0, _propsHelper.deprecateProp)(_propTypes.default.element, 'Usage changed to expect breadcrumb item like shapes, see `breadcrumbs`.'),
-
-  /**
-   * **Deprecated** see property `breadcrumbOverflowAriaLabel`
-   */
-  breadcrumbOverflowLabel: (0, _propsHelper.deprecateProp)(_propTypes.default.string, 'Property renamed to `breadcrumbOverflowAriaLabel`.'),
-
-  /**
-   * **Deprecated** see property `collapseHeaderIconDescription`
-   */
-  collapseHeaderLabel: (0, _propsHelper.deprecateProp)(_propTypes.default.string, 'Property renamed to `collapseHeaderIconDescription`.'),
-
-  /**
-   * **Deprecated** see property `hasCollapseHeaderToggle`
-   */
-  collapseHeaderToggleWanted: (0, _propsHelper.deprecateProp)(_propTypes.default.bool, 'Property renamed to `hasCollapseHeaderToggle`'),
-
-  /**
-   * **Deprecated** see property `expandHeaderIconDescription`
-   */
-  expandHeaderLabel: (0, _propsHelper.deprecateProp)(_propTypes.default.string, 'Property renamed to `expandHeaderIconDescription`.'),
-
-  /**
-   * **Deprecated** no longer required
-   */
-  pageHeaderOffset: (0, _propsHelper.deprecateProp)(_propTypes.default.number, 'Property removed as no longer required.'),
-
-  /**
-   * **Deprecated** see property `collapseTitle`
-   */
-  preCollapseTitleRow: (0, _propsHelper.deprecateProp)(_propTypes.default.bool, 'Property renamed to `collapseTitle`.'),
-
-  /**
-   * **Deprecated** see property `disableBreadcrumbScroll`
-   */
-  preventBreadcrumbScroll: (0, _propsHelper.deprecateProp)(_propTypes.default.bool, 'Prop renamed to `disableBreadcrumbScroll`.')
-};
-exports.deprecatedProps = deprecatedProps;
-PageHeader.propTypes = _objectSpread({
+PageHeader.propTypes = {
   /**
    * Specifies the action bar items which are the final items in the row top of the PageHeader.
    * Each item is specified as an object with the properties of a Carbon Button in icon only form.
    * Button kind, size, tooltipPosition, tooltipAlignment and type are ignored.
    */
-  actionBarItems: (0, _propsHelper.deprecatePropUsage)(_propTypes.default.arrayOf(_propTypes.default.shape(_objectSpread(_objectSpread({}, (0, _propsHelper.prepareProps)(_carbonComponentsReact.Button.propTypes, ['kind', 'size', 'tooltipPosition', 'tooltipAlignment'])), {}, {
+  actionBarItems: _propTypes.default.arrayOf(_propTypes.default.shape(_objectSpread(_objectSpread({}, (0, _propsHelper.prepareProps)(_carbonComponentsReact.Button.propTypes, ['kind', 'size', 'tooltipPosition', 'tooltipAlignment'])), {}, {
     iconDescription: _propTypes.default.string.isRequired,
     onClick: _carbonComponentsReact.Button.propTypes.onClick,
     renderIcon: _carbonComponentsReact.Button.propTypes.renderIcon.isRequired
-  }))), // expects action bar item as array or in fragment
-  _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.element), _propTypes.default.element]), 'Expects an array of objects with the following properties: iconDescription, renderIcon and onClick.'),
+  }))),
 
   /**
    * class name applied to the action bar overflow options
@@ -614,9 +533,8 @@ PageHeader.propTypes = _objectSpread({
    * NOTE: This prop is required if actionBarItems are supplied
    */
   actionBarOverflowAriaLabel: _propTypes.default.string.isRequired.if(function (_ref8) {
-    var actionBarItems = _ref8.actionBarItems,
-        actionBarOverflowLabel = _ref8.actionBarOverflowLabel;
-    return actionBarItems && actionBarItems.length > 0 && !actionBarOverflowLabel;
+    var actionBarItems = _ref8.actionBarItems;
+    return actionBarItems && actionBarItems.length > 0;
   }),
 
   /**
@@ -651,9 +569,8 @@ PageHeader.propTypes = _objectSpread({
    * It is used in an overflow menu when there is insufficient space to display all breadcrumbs inline.
    */
   breadcrumbOverflowAriaLabel: _propTypes.default.string.isRequired.if(function (_ref9) {
-    var breadcrumbs = _ref9.breadcrumbs,
-        breadcrumbItems = _ref9.breadcrumbItems;
-    return breadcrumbs && breadcrumbs.length > 0 || breadcrumbItems && breadcrumbItems.length > 0;
+    var breadcrumbs = _ref9.breadcrumbs;
+    return breadcrumbs && breadcrumbs.length > 0;
   }),
 
   /**
@@ -886,7 +803,7 @@ PageHeader.propTypes = _objectSpread({
     breadcrumbContent: _propTypes.default.node,
     asText: _propTypes.default.string.isRequired
   })])
-}, deprecatedProps);
+};
 PageHeader.defaultProps = {
   fullWidthGrid: false,
   hasBackgroundAlways: true,