@carbon/react 1.87.0-rc.0 → 1.87.0

package/lib/components/Dialog/index.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
@@ -25,15 +23,9 @@ var Button = require('../Button/Button.js');
 require('../Button/Button.Skeleton.js');
 var useId = require('../../internal/useId.js');
 var InlineLoading = require('../InlineLoading/InlineLoading.js');
-var debounce = require('../../node_modules/es-toolkit/dist/compat/function/debounce.mjs.js');
+var debounce = require('../../node_modules/es-toolkit/dist/compat/function/debounce.js');
 var Text = require('../Text/Text.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);
-
 const DialogContext = /*#__PURE__*/React.createContext({});
 
 /**
@@ -42,7 +34,7 @@ const DialogContext = /*#__PURE__*/React.createContext({});
  * ----------
  */
 
-const unstable__Dialog = /*#__PURE__*/React__default["default"].forwardRef(({
+const unstable__Dialog = /*#__PURE__*/React.forwardRef(({
   children,
   className,
   focusAfterCloseRef,
@@ -117,7 +109,7 @@ const unstable__Dialog = /*#__PURE__*/React__default["default"].forwardRef(({
       };
     }
   }, [open, focusAfterCloseRef]);
-  const containerClasses = cx__default["default"](`${prefix}--dialog-container`);
+  const containerClasses = cx(`${prefix}--dialog-container`);
   const contextValue = {
     dialogId,
     titleId,
@@ -134,10 +126,10 @@ const unstable__Dialog = /*#__PURE__*/React__default["default"].forwardRef(({
       }
     }
   }, [open, ariaLabel, ariaLabelledBy, prefix]);
-  return /*#__PURE__*/React__default["default"].createElement(DialogContext.Provider, {
+  return /*#__PURE__*/React.createElement(DialogContext.Provider, {
     value: contextValue
-  }, /*#__PURE__*/React__default["default"].createElement("dialog", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](`${prefix}--dialog`, {
+  }, /*#__PURE__*/React.createElement("dialog", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(`${prefix}--dialog`, {
       [`${prefix}--dialog--modal`]: modal
     }, className),
     ref: ref,
@@ -148,7 +140,7 @@ const unstable__Dialog = /*#__PURE__*/React__default["default"].forwardRef(({
     "aria-label": ariaLabel,
     "aria-labelledby": !ariaLabel ? ariaLabelledBy || titleId : undefined,
     "aria-describedby": ariaDescribedBy
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: containerClasses
   }, children)));
 });
@@ -157,47 +149,47 @@ unstable__Dialog.propTypes = {
   /**
    * Provide children to be rendered inside of the Dialog
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the modal root node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Provide a ref to return focus to once the dialog is closed.
    */
-  focusAfterCloseRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
-    current: PropTypes__default["default"].any
+  focusAfterCloseRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any
   })]),
   /**
    * Modal specifies whether the Dialog is modal or non-modal. This cannot be
    * changed while open=true
    */
-  modal: PropTypes__default["default"].bool,
+  modal: PropTypes.bool,
   /**
    * Specify a handler for closing Dialog.
    * The handler should care of closing Dialog, e.g. changing `open` prop.
    */
-  onRequestClose: PropTypes__default["default"].func,
+  onRequestClose: PropTypes.func,
   /**
    * open initial state
    */
-  open: PropTypes__default["default"].bool,
+  open: PropTypes.bool,
   /**
    * Specify the role of the dialog for accessibility
    */
-  role: PropTypes__default["default"].oneOf(['dialog', 'alertdialog']),
+  role: PropTypes.oneOf(['dialog', 'alertdialog']),
   /**
    * Specify a label for screen readers
    */
-  'aria-label': PropTypes__default["default"].string,
+  'aria-label': PropTypes.string,
   /**
    * Specify the ID of an element that labels this dialog
    */
-  'aria-labelledby': PropTypes__default["default"].string,
+  'aria-labelledby': PropTypes.string,
   /**
    * Specify the ID of an element that describes this dialog
    */
-  ariaDescribedBy: PropTypes__default["default"].string
+  ariaDescribedBy: PropTypes.string
 };
 
 /**
@@ -206,12 +198,12 @@ unstable__Dialog.propTypes = {
  * -------------
  */
 
-const DialogHeader = /*#__PURE__*/React__default["default"].forwardRef(({
+const DialogHeader = /*#__PURE__*/React.forwardRef(({
   children,
   ...rest
 }, ref) => {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: `${prefix}--dialog__header`,
     ref: ref
   }, rest), children);
@@ -221,7 +213,7 @@ DialogHeader.propTypes = {
   /**
    * Provide the contents to be rendered inside of this component
    */
-  children: PropTypes__default["default"].node
+  children: PropTypes.node
 };
 
 /**
@@ -230,7 +222,7 @@ DialogHeader.propTypes = {
  * ---------------
  */
 
-const DialogControls = /*#__PURE__*/React__default["default"].forwardRef(({
+const DialogControls = /*#__PURE__*/React.forwardRef(({
   children,
   ...rest
 }, ref) => {
@@ -238,7 +230,7 @@ const DialogControls = /*#__PURE__*/React__default["default"].forwardRef(({
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    React.createElement("div", _rollupPluginBabelHelpers.extends({
       className: `${prefix}--dialog__header-controls`,
       ref: ref
     }, rest), children)
@@ -249,7 +241,7 @@ DialogControls.propTypes = {
   /**
    * Provide children to be rendered inside of this component
    */
-  children: PropTypes__default["default"].node
+  children: PropTypes.node
 };
 
 /**
@@ -258,7 +250,7 @@ DialogControls.propTypes = {
  * -------------------
  */
 
-const DialogCloseButton = /*#__PURE__*/React__default["default"].forwardRef(({
+const DialogCloseButton = /*#__PURE__*/React.forwardRef(({
   onClick,
   ...rest
 }, ref) => {
@@ -266,7 +258,7 @@ const DialogCloseButton = /*#__PURE__*/React__default["default"].forwardRef(({
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React__default["default"].createElement(index.IconButton, _rollupPluginBabelHelpers["extends"]({
+    React.createElement(index.IconButton, _rollupPluginBabelHelpers.extends({
       kind: "ghost",
       className: `${prefix}--dialog__close`,
       label: "Close",
@@ -275,7 +267,7 @@ const DialogCloseButton = /*#__PURE__*/React__default["default"].forwardRef(({
       align: "left",
       onClick: onClick,
       ref: ref
-    }, rest), /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, {
+    }, rest), /*#__PURE__*/React.createElement(iconsReact.Close, {
       size: 20,
       "aria-hidden": "true",
       tabIndex: -1,
@@ -288,7 +280,7 @@ DialogCloseButton.propTypes = {
   /**
    * Specify a click handler applied to the IconButton
    */
-  onClick: PropTypes__default["default"].func
+  onClick: PropTypes.func
 };
 
 /**
@@ -297,7 +289,7 @@ DialogCloseButton.propTypes = {
  * ------------
  */
 
-const DialogTitle = /*#__PURE__*/React__default["default"].forwardRef(({
+const DialogTitle = /*#__PURE__*/React.forwardRef(({
   children,
   className,
   id,
@@ -308,10 +300,10 @@ const DialogTitle = /*#__PURE__*/React__default["default"].forwardRef(({
     titleId
   } = React.useContext(DialogContext);
   const headingId = id || titleId;
-  return /*#__PURE__*/React__default["default"].createElement(Text.Text, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(Text.Text, _rollupPluginBabelHelpers.extends({
     as: "h2",
     id: headingId,
-    className: cx__default["default"](`${prefix}--dialog-header__heading`, className),
+    className: cx(`${prefix}--dialog-header__heading`, className),
     ref: ref
   }, rest), children);
 });
@@ -320,15 +312,15 @@ DialogTitle.propTypes = {
   /**
    * Provide the contents to be rendered inside of this component
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the title node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify an optional id for the title element
    */
-  id: PropTypes__default["default"].string
+  id: PropTypes.string
 };
 
 /**
@@ -337,7 +329,7 @@ DialogTitle.propTypes = {
  * ---------------
  */
 
-const DialogSubtitle = /*#__PURE__*/React__default["default"].forwardRef(({
+const DialogSubtitle = /*#__PURE__*/React.forwardRef(({
   children,
   className,
   id,
@@ -348,10 +340,10 @@ const DialogSubtitle = /*#__PURE__*/React__default["default"].forwardRef(({
     subtitleId
   } = React.useContext(DialogContext);
   const labelId = id || subtitleId;
-  return /*#__PURE__*/React__default["default"].createElement(Text.Text, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(Text.Text, _rollupPluginBabelHelpers.extends({
     as: "h2",
     id: labelId,
-    className: cx__default["default"](`${prefix}--dialog-header__label`, className),
+    className: cx(`${prefix}--dialog-header__label`, className),
     ref: ref
   }, rest), children);
 });
@@ -360,15 +352,15 @@ DialogSubtitle.propTypes = {
   /**
    * Provide the contents to be rendered inside of this component
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the subtitle node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify an optional id for the subtitle element
    */
-  id: PropTypes__default["default"].string
+  id: PropTypes.string
 };
 
 /**
@@ -377,7 +369,7 @@ DialogSubtitle.propTypes = {
  * -----------
  */
 
-const DialogBody = /*#__PURE__*/React__default["default"].forwardRef(({
+const DialogBody = /*#__PURE__*/React.forwardRef(({
   children,
   className,
   hasScrollingContent,
@@ -388,7 +380,7 @@ const DialogBody = /*#__PURE__*/React__default["default"].forwardRef(({
   const [isScrollable, setIsScrollable] = React.useState(false);
   const dialogId = useId.useId();
   const dialogBodyId = `${prefix}--dialog-body--${dialogId}`;
-  useIsomorphicEffect["default"](() => {
+  useIsomorphicEffect.default(() => {
     if (contentRef.current) {
       setIsScrollable(contentRef.current.scrollHeight > contentRef.current.clientHeight);
     }
@@ -404,7 +396,7 @@ const DialogBody = /*#__PURE__*/React__default["default"].forwardRef(({
       window.removeEventListener('resize', debouncedHandler);
     };
   }, []);
-  const contentClasses = cx__default["default"](`${prefix}--dialog-content`, {
+  const contentClasses = cx(`${prefix}--dialog-content`, {
     [`${prefix}--dialog-scroll-content`]: hasScrollingContent || isScrollable
   }, className);
   const hasScrollingContentProps = hasScrollingContent || isScrollable ? {
@@ -419,7 +411,7 @@ const DialogBody = /*#__PURE__*/React__default["default"].forwardRef(({
     }
     contentRef.current = el;
   };
-  return /*#__PURE__*/React__default["default"].createElement(index$1.Layer, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(index$1.Layer, _rollupPluginBabelHelpers.extends({
     ref: combinedRef,
     id: dialogBodyId,
     className: contentClasses
@@ -430,15 +422,15 @@ DialogBody.propTypes = {
   /**
    * Provide the contents to be rendered inside of this component
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the body node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the content has overflow that should be scrollable
    */
-  hasScrollingContent: PropTypes__default["default"].bool
+  hasScrollingContent: PropTypes.bool
 };
 
 /**
@@ -447,7 +439,7 @@ DialogBody.propTypes = {
  * -------------
  */
 
-const DialogFooter = /*#__PURE__*/React__default["default"].forwardRef(({
+const DialogFooter = /*#__PURE__*/React.forwardRef(({
   children,
   className,
   onRequestClose = noopFn.noopFn,
@@ -478,46 +470,46 @@ const DialogFooter = /*#__PURE__*/React__default["default"].forwardRef(({
       return () => cancelAnimationFrame(focusFrame);
     }
   }, [danger, secondaryButtonRef, isOpen]);
-  const classes = cx__default["default"](`${prefix}--dialog-footer`, className, {
+  const classes = cx(`${prefix}--dialog-footer`, className, {
     [`${prefix}--dialog-footer--three-button`]: Array.isArray(secondaryButtons) && secondaryButtons.length === 2
   });
   const loadingActive = loadingStatus !== 'inactive';
-  const primaryButtonClass = cx__default["default"]({
+  const primaryButtonClass = cx({
     [`${prefix}--btn--loading`]: loadingStatus !== 'inactive'
   });
   const onSecondaryButtonClick = onSecondarySubmit ? onSecondarySubmit : onRequestClose;
   if (children) {
-    return /*#__PURE__*/React__default["default"].createElement(ButtonSet["default"], _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement(ButtonSet.default, _rollupPluginBabelHelpers.extends({
       className: classes,
       ref: ref
     }, rest), children);
   }
-  return /*#__PURE__*/React__default["default"].createElement(ButtonSet["default"], _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(ButtonSet.default, _rollupPluginBabelHelpers.extends({
     className: classes,
     "aria-busy": loadingActive,
     ref: ref
   }, rest), Array.isArray(secondaryButtons) && secondaryButtons.length <= 2 ? secondaryButtons.map(({
     buttonText,
     onClick: onButtonClick
-  }, i) => /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  }, i) => /*#__PURE__*/React.createElement(Button.default, {
     key: `${buttonText}-${i}`,
     autoFocus: danger,
     kind: "secondary",
     ref: i === 0 && danger ? setSecondaryButtonRef : undefined,
     onClick: onButtonClick
-  }, buttonText)) : secondaryButtonText && /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  }, buttonText)) : secondaryButtonText && /*#__PURE__*/React.createElement(Button.default, {
     ref: danger ? setSecondaryButtonRef : undefined,
     disabled: loadingActive,
     kind: "secondary",
     autoFocus: danger,
     onClick: onSecondaryButtonClick
-  }, secondaryButtonText), /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  }, secondaryButtonText), /*#__PURE__*/React.createElement(Button.default, {
     className: primaryButtonClass,
     kind: danger ? 'danger' : 'primary',
     disabled: loadingActive || primaryButtonDisabled,
     onClick: onRequestSubmit,
     ref: button
-  }, loadingStatus === 'inactive' ? primaryButtonText : /*#__PURE__*/React__default["default"].createElement(InlineLoading["default"], {
+  }, loadingStatus === 'inactive' ? primaryButtonText : /*#__PURE__*/React.createElement(InlineLoading.default, {
     status: loadingStatus,
     description: loadingDescription,
     iconDescription: loadingIconDescription,
@@ -530,35 +522,35 @@ DialogFooter.propTypes = {
   /**
    * Provide the contents to be rendered inside of this component
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the footer node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify a handler for closing dialog.
    */
-  onRequestClose: PropTypes__default["default"].func,
+  onRequestClose: PropTypes.func,
   /**
    * Specify a handler for the secondary button.
    */
-  onSecondarySubmit: PropTypes__default["default"].func,
+  onSecondarySubmit: PropTypes.func,
   /**
    * Specify a handler for submitting dialog.
    */
-  onRequestSubmit: PropTypes__default["default"].func,
+  onRequestSubmit: PropTypes.func,
   /**
    * Specify the text for the primary button
    */
-  primaryButtonText: PropTypes__default["default"].node,
+  primaryButtonText: PropTypes.node,
   /**
    * Specify whether the Button should be disabled, or not
    */
-  primaryButtonDisabled: PropTypes__default["default"].bool,
+  primaryButtonDisabled: PropTypes.bool,
   /**
    * Specify the text for the secondary button
    */
-  secondaryButtonText: PropTypes__default["default"].node,
+  secondaryButtonText: PropTypes.node,
   /**
    * Specify an array of config objects for secondary buttons
    */
@@ -568,11 +560,11 @@ DialogFooter.propTypes = {
         return new Error(`${propName} needs to be an array of two button config objects`);
       }
       const shape = {
-        buttonText: PropTypes__default["default"].node,
-        onClick: PropTypes__default["default"].func
+        buttonText: PropTypes.node,
+        onClick: PropTypes.func
       };
       props[propName].forEach(secondaryButton => {
-        PropTypes__default["default"].checkPropTypes(shape, secondaryButton, propName, componentName);
+        PropTypes.checkPropTypes(shape, secondaryButton, propName, componentName);
       });
     }
     return null;
@@ -580,24 +572,24 @@ DialogFooter.propTypes = {
   /**
    * Specify whether the Dialog is for dangerous actions
    */
-  danger: PropTypes__default["default"].bool,
+  danger: PropTypes.bool,
   /**
    * Specify loading status
    */
-  loadingStatus: PropTypes__default["default"].oneOf(['inactive', 'active', 'finished', 'error']),
+  loadingStatus: PropTypes.oneOf(['inactive', 'active', 'finished', 'error']),
   /**
    * Specify the description for the loading text
    */
-  loadingDescription: PropTypes__default["default"].string,
+  loadingDescription: PropTypes.string,
   /**
    * Specify the description for the loading icon
    */
-  loadingIconDescription: PropTypes__default["default"].string,
+  loadingIconDescription: PropTypes.string,
   /**
    * Provide an optional handler to be invoked when loading is
    * successful
    */
-  onLoadingSuccess: PropTypes__default["default"].func
+  onLoadingSuccess: PropTypes.func
 };
 /**
  * -------

package/lib/components/Dropdown/Dropdown.Skeleton.js

@@ -17,12 +17,6 @@ require('../ListBox/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.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);
-
 const DropdownSkeleton = ({
   className,
   size,
@@ -30,13 +24,13 @@ const DropdownSkeleton = ({
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const wrapperClasses = cx__default["default"](className, `${prefix}--skeleton`, `${prefix}--form-item`);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  const wrapperClasses = cx(className, `${prefix}--skeleton`, `${prefix}--form-item`);
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: wrapperClasses
-  }, rest), !hideLabel && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, rest), !hideLabel && /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](`${prefix}--skeleton ${prefix}--dropdown`, {
+  }), /*#__PURE__*/React.createElement("div", {
+    className: cx(`${prefix}--skeleton ${prefix}--dropdown`, {
       [`${prefix}--list-box--${size}`]: size
     })
   }));
@@ -45,11 +39,11 @@ DropdownSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the label should be hidden, or not
    */
-  hideLabel: PropTypes__default["default"].bool,
+  hideLabel: PropTypes.bool,
   /**
    * Specify the size of the ListBox.
    */
@@ -57,4 +51,4 @@ DropdownSkeleton.propTypes = {
 };
 
 exports.DropdownSkeleton = DropdownSkeleton;
-exports["default"] = DropdownSkeleton;
+exports.default = DropdownSkeleton;