@carbon/react 1.87.0-rc.0 → 1.87.0

package/lib/components/PageHeader/PageHeader.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var PropTypes = require('prop-types');
@@ -17,7 +15,7 @@ var usePrefix = require('../../internal/usePrefix.js');
 var layout = require('@carbon/layout');
 var useMatchMedia = require('../../internal/useMatchMedia.js');
 require('../Text/index.js');
-var index = require('../MenuButton/index.js');
+var index$1 = require('../MenuButton/index.js');
 require('../Menu/Menu.js');
 var MenuItem = require('../Menu/MenuItem.js');
 var DefinitionTooltip = require('../Tooltip/DefinitionTooltip.js');
@@ -30,7 +28,7 @@ var OperationalTag = require('../Tag/OperationalTag.js');
 require('../Tag/SelectableTag.js');
 require('../Tag/Tag.Skeleton.js');
 var useOverflowItems = require('../../internal/useOverflowItems.js');
-var index$1 = require('../Popover/index.js');
+var index = require('../Popover/index.js');
 var useId = require('../../internal/useId.js');
 require('../Grid/FlexGrid.js');
 var Grid = require('../Grid/Grid.js');
@@ -40,28 +38,22 @@ require('../Grid/ColumnHang.js');
 require('../Grid/GridContext.js');
 var Text = require('../Text/Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 /**
  * ----------
  * PageHeader
  * ----------
  */
 
-const PageHeader = /*#__PURE__*/React__default["default"].forwardRef(function PageHeader({
+const PageHeader = /*#__PURE__*/React.forwardRef(function PageHeader({
   className,
   children,
   ...other
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"]({
+  const classNames = cx({
     [`${prefix}--page-header`]: true
   }, className);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: classNames,
     ref: ref
   }, other), children);
@@ -74,7 +66,7 @@ PageHeader.displayName = 'PageHeader';
  * -----------------------
  */
 
-const PageHeaderBreadcrumbBar = /*#__PURE__*/React__default["default"].forwardRef(function PageHeaderBreadcrumbBar({
+const PageHeaderBreadcrumbBar = /*#__PURE__*/React.forwardRef(function PageHeaderBreadcrumbBar({
   border = true,
   className,
   children,
@@ -86,30 +78,30 @@ const PageHeaderBreadcrumbBar = /*#__PURE__*/React__default["default"].forwardRe
   ...other
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"]({
+  const classNames = cx({
     [`${prefix}--page-header__breadcrumb-bar`]: true,
     [`${prefix}--page-header__breadcrumb-bar-border`]: border,
     [`${prefix}--page-header__breadcrumb__actions-flush`]: pageActionsFlush
   }, className);
-  const contentActionsClasses = cx__default["default"]({
+  const contentActionsClasses = cx({
     [`${prefix}--page-header__breadcrumb__content-actions`]: !contentActionsFlush
   });
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: classNames,
     ref: ref
-  }, other), /*#__PURE__*/React__default["default"].createElement(Grid.Grid, null, /*#__PURE__*/React__default["default"].createElement(Column["default"], {
+  }, other), /*#__PURE__*/React.createElement(Grid.Grid, null, /*#__PURE__*/React.createElement(Column.default, {
     lg: 16,
     md: 8,
     sm: 4
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--page-header__breadcrumb-container`
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--page-header__breadcrumb-wrapper`
-  }, IconElement && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, IconElement && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--page-header__breadcrumb__icon`
-  }, /*#__PURE__*/React__default["default"].createElement(IconElement, null)), children), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement(IconElement, null)), children), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--page-header__breadcrumb__actions`
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: contentActionsClasses
   }, contentActions), pageActions)))));
 });
@@ -121,7 +113,7 @@ PageHeaderBreadcrumbBar.displayName = 'PageHeaderBreadcrumbBar';
  * -----------------
  */
 
-const PageHeaderContent = /*#__PURE__*/React__default["default"].forwardRef(function PageHeaderContent({
+const PageHeaderContent = /*#__PURE__*/React.forwardRef(function PageHeaderContent({
   className,
   children,
   title,
@@ -131,7 +123,7 @@ const PageHeaderContent = /*#__PURE__*/React__default["default"].forwardRef(func
   ...other
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"]({
+  const classNames = cx({
     [`${prefix}--page-header__content`]: true
   }, className);
   const titleRef = React.useRef(null);
@@ -143,32 +135,32 @@ const PageHeaderContent = /*#__PURE__*/React__default["default"].forwardRef(func
   React.useLayoutEffect(() => {
     titleRef.current && isEllipsisActive(titleRef.current);
   }, [title]);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: classNames,
     ref: ref
-  }, other), /*#__PURE__*/React__default["default"].createElement(Grid.Grid, null, /*#__PURE__*/React__default["default"].createElement(Column["default"], {
+  }, other), /*#__PURE__*/React.createElement(Grid.Grid, null, /*#__PURE__*/React.createElement(Column.default, {
     lg: 16,
     md: 8,
     sm: 4
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--page-header__content__title-wrapper`
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--page-header__content__start`
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--page-header__content__title-container`
-  }, IconElement && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, IconElement && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--page-header__content__icon`
-  }, /*#__PURE__*/React__default["default"].createElement(IconElement, null)), isEllipsisApplied ? /*#__PURE__*/React__default["default"].createElement(DefinitionTooltip.DefinitionTooltip, {
+  }, /*#__PURE__*/React.createElement(IconElement, null)), isEllipsisApplied ? /*#__PURE__*/React.createElement(DefinitionTooltip.DefinitionTooltip, {
     definition: title
-  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, /*#__PURE__*/React.createElement(Text.Text, {
     ref: titleRef,
     as: "h4",
     className: `${prefix}--page-header__content__title`
-  }, title)) : /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, title)) : /*#__PURE__*/React.createElement(Text.Text, {
     ref: titleRef,
     as: "h4",
     className: `${prefix}--page-header__content__title`
-  }, title)), contextualActions && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, title)), contextualActions && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--page-header__content__contextual-actions`
   }, contextualActions)), pageActions), children)));
 });
@@ -177,31 +169,31 @@ PageHeaderContent.propTypes = {
   /**
    * Provide child elements to be rendered inside PageHeaderContent.
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be added to your PageHeaderContent
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Provide an optional icon to render in front of the PageHeaderContent's title.
    */
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The PageHeaderContent's title
    */
-  title: PropTypes__default["default"].string.isRequired,
+  title: PropTypes.string.isRequired,
   /**
    * The PageHeaderContent's subtitle
    */
-  subtitle: PropTypes__default["default"].string,
+  subtitle: PropTypes.string,
   /**
    * The PageHeaderContent's contextual actions
    */
-  contextualActions: PropTypes__default["default"].node,
+  contextualActions: PropTypes.node,
   /**
    * The PageHeaderContent's page actions
    */
-  pageActions: PropTypes__default["default"].node
+  pageActions: PropTypes.node
 };
 
 /**
@@ -218,7 +210,7 @@ const PageHeaderContentPageActions = ({
   ...other
 }) => {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"]({
+  const classNames = cx({
     [`${prefix}--page-header__content__page-actions`]: true
   }, className);
   const containerRef = React.useRef(null);
@@ -248,23 +240,23 @@ const PageHeaderContentPageActions = ({
       }
     });
   }, []);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: classNames,
     ref: containerRef
-  }, other), actions && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, Array.isArray(actions) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, actions.map(action => /*#__PURE__*/React__default["default"].createElement("div", {
+  }, other), actions && /*#__PURE__*/React.createElement(React.Fragment, null, Array.isArray(actions) && /*#__PURE__*/React.createElement(React.Fragment, null, actions.map(action => /*#__PURE__*/React.createElement("div", {
     key: action.id
-  }, /*#__PURE__*/React__default["default"].cloneElement(action.body, {
+  }, /*#__PURE__*/React.cloneElement(action.body, {
     ...action.body.props,
     onClick: action.onClick
-  }))), /*#__PURE__*/React__default["default"].createElement("span", {
+  }))), /*#__PURE__*/React.createElement("span", {
     "data-offset": true,
     "data-hidden": true,
     ref: offsetRef
-  }, /*#__PURE__*/React__default["default"].createElement(index.MenuButton, {
+  }, /*#__PURE__*/React.createElement(index$1.MenuButton, {
     menuAlignment: "bottom-end",
     label: menuButtonLabel,
     size: "md"
-  }, [...hiddenItems].reverse().map(item => /*#__PURE__*/React__default["default"].createElement(MenuItem.MenuItem, _rollupPluginBabelHelpers["extends"]({
+  }, [...hiddenItems].reverse().map(item => /*#__PURE__*/React.createElement(MenuItem.MenuItem, _rollupPluginBabelHelpers.extends({
     key: item.id,
     onClick: item.onClick
   }, item.menuItem))))))));
@@ -274,19 +266,19 @@ PageHeaderContentPageActions.propTypes = {
   /**
    * Provide child elements to be rendered inside PageHeaderContentPageActions.
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be added to your PageHeaderContentPageActions
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * The PageHeaderContent's collapsible Menu button label
    */
-  menuButtonLabel: PropTypes__default["default"].string,
+  menuButtonLabel: PropTypes.string,
   /**
    * The PageHeaderContent's page actions
    */
-  actions: PropTypes__default["default"].oneOfType([PropTypes__default["default"].node, PropTypes__default["default"].array])
+  actions: PropTypes.oneOfType([PropTypes.node, PropTypes.array])
 };
 
 /**
@@ -302,12 +294,12 @@ const PageHeaderContentText = ({
   ...other
 }) => {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"]({
+  const classNames = cx({
     [`${prefix}--page-header__content__body`]: true
   }, className);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: classNames
-  }, other), subtitle && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, other), subtitle && /*#__PURE__*/React.createElement(Text.Text, {
     as: "h3",
     className: `${prefix}--page-header__content__subtitle`
   }, subtitle), children);
@@ -317,15 +309,15 @@ PageHeaderContentText.propTypes = {
   /**
    * Provide child elements to be rendered inside PageHeaderContentText.
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be added to your PageHeaderContentText
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * The PageHeaderContent's subtitle
    */
-  subtitle: PropTypes__default["default"].string
+  subtitle: PropTypes.string
 };
 
 /**
@@ -340,12 +332,12 @@ const PageHeaderHeroImage = ({
   ...other
 }) => {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"]({
+  const classNames = cx({
     [`${prefix}--page-header__hero-image`]: true
   }, className);
   const lgMediaQuery = `(min-width: ${layout.breakpoints.lg.width})`;
   const isLg = useMatchMedia.useMatchMedia(lgMediaQuery);
-  return /*#__PURE__*/React__default["default"].createElement(AspectRatio["default"], _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(AspectRatio.default, _rollupPluginBabelHelpers.extends({
     className: classNames
   }, other, {
     ratio: isLg ? '2x1' : '3x2'
@@ -356,11 +348,11 @@ PageHeaderHeroImage.propTypes = {
   /**
    * Provide child elements to be rendered inside PageHeaderHeroImage.
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be added to your PageHeaderHeroImage
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
 /**
@@ -369,22 +361,22 @@ PageHeaderHeroImage.propTypes = {
  * ----------------
  */
 
-const PageHeaderTabBar = /*#__PURE__*/React__default["default"].forwardRef(function PageHeaderTabBar({
+const PageHeaderTabBar = /*#__PURE__*/React.forwardRef(function PageHeaderTabBar({
   className,
   children,
   tags = [],
   ...other
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"]({
+  const classNames = cx({
     [`${prefix}--page-header__tab-bar`]: true
   }, className);
   // Early return if no tags are provided
   if (!tags.length) {
-    return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
       className: classNames,
       ref: ref
-    }, other), /*#__PURE__*/React__default["default"].createElement(Grid.Grid, null, /*#__PURE__*/React__default["default"].createElement(Column["default"], {
+    }, other), /*#__PURE__*/React.createElement(Grid.Grid, null, /*#__PURE__*/React.createElement(Column.default, {
       lg: 16,
       md: 8,
       sm: 4
@@ -418,7 +410,7 @@ const PageHeaderTabBar = /*#__PURE__*/React__default["default"].forwardRef(funct
     visibleItems = [],
     hiddenItems = [],
     itemRefHandler = () => {}
-  } = useOverflowItems["default"](tagsWithIds, tagsContainerRef, offsetRef) || {
+  } = useOverflowItems.default(tagsWithIds, tagsContainerRef, offsetRef) || {
     visibleItems: [],
     hiddenItems: [],
     itemRefHandler: () => {}
@@ -429,40 +421,40 @@ const PageHeaderTabBar = /*#__PURE__*/React__default["default"].forwardRef(funct
   }, []);
 
   // Function to render tags
-  const renderTags = () => /*#__PURE__*/React__default["default"].createElement("div", {
+  const renderTags = () => /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--page-header__tags`,
     ref: tagsContainerRef
-  }, visibleItems.map(tag => /*#__PURE__*/React__default["default"].createElement(Tag["default"], {
+  }, visibleItems.map(tag => /*#__PURE__*/React.createElement(Tag.default, {
     key: tag.id,
     ref: node => itemRefHandler(tag.id, node),
     type: tag.type,
     size: tag.size,
     className: `${prefix}--page-header__tag-item`
-  }, tag.text)), hiddenItems.length > 0 && /*#__PURE__*/React__default["default"].createElement(index$1.Popover, {
+  }, tag.text)), hiddenItems.length > 0 && /*#__PURE__*/React.createElement(index.Popover, {
     open: openPopover,
     onRequestClose: () => setOpenPopover(false)
-  }, /*#__PURE__*/React__default["default"].createElement(OperationalTag["default"], {
+  }, /*#__PURE__*/React.createElement(OperationalTag.default, {
     onClick: handleOverflowClick,
     "aria-expanded": openPopover,
     text: `+${hiddenItems.length}`,
     size: tagSize
-  }), /*#__PURE__*/React__default["default"].createElement(index$1.PopoverContent, {
+  }), /*#__PURE__*/React.createElement(index.PopoverContent, {
     className: "tag-popover-content"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--page-header__tags-popover-list`
-  }, hiddenItems.map(tag => /*#__PURE__*/React__default["default"].createElement(Tag["default"], {
+  }, hiddenItems.map(tag => /*#__PURE__*/React.createElement(Tag.default, {
     key: tag.id,
     type: tag.type,
     size: tag.size
   }, tag.text))))));
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: classNames,
     ref: ref
-  }, other), /*#__PURE__*/React__default["default"].createElement(Grid.Grid, null, /*#__PURE__*/React__default["default"].createElement(Column["default"], {
+  }, other), /*#__PURE__*/React.createElement(Grid.Grid, null, /*#__PURE__*/React.createElement(Column.default, {
     lg: 16,
     md: 8,
     sm: 4
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--page-header__tab-bar--tablist`
   }, children, tags.length > 0 && renderTags()))));
 });

package/lib/components/PageHeader/index.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var PageHeader = require('./PageHeader.js');
 
 

package/lib/components/Pagination/Pagination.Skeleton.js

@@ -16,31 +16,25 @@ var cx = require('classnames');
 var SkeletonText = require('../SkeletonText/SkeletonText.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _SkeletonText, _SkeletonText2, _SkeletonText3, _SkeletonText4;
 function PaginationSkeleton({
   className,
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](`${prefix}--pagination`, `${prefix}--skeleton`, className)
-  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: cx(`${prefix}--pagination`, `${prefix}--skeleton`, className)
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--pagination__left`
-  }, _SkeletonText || (_SkeletonText = /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
+  }, _SkeletonText || (_SkeletonText = /*#__PURE__*/React.createElement(SkeletonText.default, {
     width: "70px"
-  })), _SkeletonText2 || (_SkeletonText2 = /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
+  })), _SkeletonText2 || (_SkeletonText2 = /*#__PURE__*/React.createElement(SkeletonText.default, {
     width: "35px"
-  })), _SkeletonText3 || (_SkeletonText3 = /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
+  })), _SkeletonText3 || (_SkeletonText3 = /*#__PURE__*/React.createElement(SkeletonText.default, {
     width: "105px"
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--pagination__right ${prefix}--pagination--inline`
-  }, _SkeletonText4 || (_SkeletonText4 = /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
+  }, _SkeletonText4 || (_SkeletonText4 = /*#__PURE__*/React.createElement(SkeletonText.default, {
     width: "70px"
   }))));
 }
@@ -48,8 +42,8 @@ PaginationSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
 exports.PaginationSkeleton = PaginationSkeleton;
-exports["default"] = PaginationSkeleton;
+exports.default = PaginationSkeleton;