@carbon/react 1.87.0-rc.0 → 1.87.1-rc.0

package/lib/components/Dropdown/Dropdown.js

@@ -28,12 +28,6 @@ var index$1 = require('../AILabel/index.js');
 var utils = require('../../internal/utils.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 const {
   ItemMouseMove,
   MenuMouseLeave
@@ -86,7 +80,7 @@ function stateReducer(state, actionAndChanges) {
       return changes;
   }
 }
-const Dropdown = /*#__PURE__*/React__default["default"].forwardRef(({
+const Dropdown = /*#__PURE__*/React.forwardRef(({
   autoAlign = false,
   className: containerClassName,
   decorator,
@@ -222,7 +216,7 @@ const Dropdown = /*#__PURE__*/React__default["default"].forwardRef(({
   const inline = type === 'inline';
   const showWarning = !invalid && warn;
   const [isFocused, setIsFocused] = React.useState(false);
-  const className = cx__default["default"](`${prefix}--dropdown`, {
+  const className = cx(`${prefix}--dropdown`, {
     [`${prefix}--dropdown--invalid`]: invalid,
     [`${prefix}--dropdown--warning`]: showWarning,
     [`${prefix}--dropdown--open`]: isOpen,
@@ -235,14 +229,14 @@ const Dropdown = /*#__PURE__*/React__default["default"].forwardRef(({
     [`${prefix}--list-box--up`]: direction === 'top',
     [`${prefix}--autoalign`]: autoAlign
   });
-  const titleClasses = cx__default["default"](`${prefix}--label`, {
+  const titleClasses = cx(`${prefix}--label`, {
     [`${prefix}--label--disabled`]: disabled,
     [`${prefix}--visually-hidden`]: hideLabel
   });
-  const helperClasses = cx__default["default"](`${prefix}--form__helper-text`, {
+  const helperClasses = cx(`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: disabled
   });
-  const wrapperClasses = cx__default["default"](`${prefix}--dropdown__wrapper`, `${prefix}--list-box__wrapper`, containerClassName, {
+  const wrapperClasses = cx(`${prefix}--dropdown__wrapper`, `${prefix}--list-box__wrapper`, containerClassName, {
     [`${prefix}--dropdown__wrapper--inline`]: inline,
     [`${prefix}--list-box__wrapper--inline`]: inline,
     [`${prefix}--dropdown__wrapper--inline--invalid`]: inline && invalid,
@@ -258,14 +252,14 @@ const Dropdown = /*#__PURE__*/React__default["default"].forwardRef(({
   const toggleButtonProps = getToggleButtonProps({
     'aria-label': ariaLabel || deprecatedAriaLabel
   });
-  const helper = helperText && !isFluid ? /*#__PURE__*/React__default["default"].createElement("div", {
+  const helper = helperText && !isFluid ? /*#__PURE__*/React.createElement("div", {
     id: helperId,
     className: helperClasses
   }, helperText) : null;
   const handleFocus = evt => {
     setIsFocused(evt.type === 'focus' && !selectedItem ? true : false);
   };
-  const mergedRef = mergeRefs["default"](toggleButtonProps.ref, ref);
+  const mergedRef = mergeRefs.default(toggleButtonProps.ref, ref);
   const [currTimer, setCurrTimer] = React.useState();
   const [isTyping, setIsTyping] = React.useState(false);
   const onKeyDownHandler = React.useCallback(evt => {
@@ -329,11 +323,11 @@ const Dropdown = /*#__PURE__*/React__default["default"].forwardRef(({
   const labelProps = /*#__PURE__*/React.isValidElement(titleText) ? {
     id: allLabelProps.id
   } : allLabelProps;
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: wrapperClasses
-  }, other), titleText && /*#__PURE__*/React__default["default"].createElement("label", _rollupPluginBabelHelpers["extends"]({
+  }, other), titleText && /*#__PURE__*/React.createElement("label", _rollupPluginBabelHelpers.extends({
     className: titleClasses
-  }, labelProps), titleText), /*#__PURE__*/React__default["default"].createElement(index$2["default"], {
+  }, labelProps), titleText), /*#__PURE__*/React.createElement(index$2.default, {
     onFocus: handleFocus,
     onBlur: handleFocus,
     size: size,
@@ -346,11 +340,11 @@ const Dropdown = /*#__PURE__*/React__default["default"].forwardRef(({
     isOpen: isOpen,
     ref: enableFloatingStyles || autoAlign ? refs.setReference : null,
     id: id
-  }, invalid && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
+  }, invalid && /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
     className: `${prefix}--list-box__invalid-icon`
-  }), showWarning && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
+  }), showWarning && /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
     className: `${prefix}--list-box__invalid-icon ${prefix}--list-box__invalid-icon--warning`
-  }), /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
+  }), /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
     type: "button"
     // aria-expanded is already being passed through {...toggleButtonProps}
     ,
@@ -362,29 +356,29 @@ const Dropdown = /*#__PURE__*/React__default["default"].forwardRef(({
     title: selectedItem && itemToString !== undefined ? itemToString(selectedItem) : defaultItemToString(label)
   }, toggleButtonProps, readOnlyEventHandlers, {
     ref: mergedRef
-  }), /*#__PURE__*/React__default["default"].createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--list-box__label`
-  }, selectedItem ? renderSelectedItem ? renderSelectedItem(selectedItem) : itemToString(selectedItem) : label), /*#__PURE__*/React__default["default"].createElement(index$2["default"].MenuIcon, {
+  }, selectedItem ? renderSelectedItem ? renderSelectedItem(selectedItem) : itemToString(selectedItem) : label), /*#__PURE__*/React.createElement(index$2.default.MenuIcon, {
     isOpen: isOpen,
     translateWithId: translateWithId
-  })), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
+  })), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__inner-wrapper--decorator`
-  }, normalizedDecorator) : '', /*#__PURE__*/React__default["default"].createElement(index$2["default"].Menu, menuProps, isOpen && items.map((item, index) => {
+  }, normalizedDecorator) : '', /*#__PURE__*/React.createElement(index$2.default.Menu, menuProps, isOpen && items.map((item, index) => {
     const isObject = item !== null && typeof item === 'object';
     const itemProps = getItemProps({
       item,
       index
     });
     const title = isObject && 'text' in item && itemToElement ? item.text : itemToString(item);
-    return /*#__PURE__*/React__default["default"].createElement(index$2["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement(index$2.default.MenuItem, _rollupPluginBabelHelpers.extends({
       key: itemProps.id,
       isActive: selectedItem === item,
       isHighlighted: highlightedIndex === index,
       title: title,
       disabled: itemProps['aria-disabled']
-    }, itemProps), typeof item === 'object' && ItemToElement !== undefined && ItemToElement !== null ? /*#__PURE__*/React__default["default"].createElement(ItemToElement, _rollupPluginBabelHelpers["extends"]({
+    }, itemProps), typeof item === 'object' && ItemToElement !== undefined && ItemToElement !== null ? /*#__PURE__*/React.createElement(ItemToElement, _rollupPluginBabelHelpers.extends({
       key: itemProps.id
-    }, item)) : itemToString(item), selectedItem === item && /*#__PURE__*/React__default["default"].createElement(iconsReact.Checkmark, {
+    }, item)) : itemToString(item), selectedItem === item && /*#__PURE__*/React.createElement(iconsReact.Checkmark, {
       className: `${prefix}--list-box__menu-item__selected-icon`
     }));
   }))), !inline && !invalid && !warn && helper);
@@ -399,32 +393,32 @@ Dropdown.propTypes = {
    * 'aria-label' of the ListBox component.
    * Specify a label to be read by screen readers on the container node
    */
-  ['aria-label']: PropTypes__default["default"].string,
+  ['aria-label']: PropTypes.string,
   /**
    * Deprecated, please use `aria-label` instead.
    * Specify a label to be read by screen readers on the container note.
    */
-  ariaLabel: deprecate.deprecate(PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
+  ariaLabel: deprecate.deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
   /**
    * **Experimental**: Will attempt to automatically align the floating element to avoid collisions with the viewport and being clipped by ancestor elements.
    */
-  autoAlign: PropTypes__default["default"].bool,
+  autoAlign: PropTypes.bool,
   /**
    * Provide a custom className to be applied on the cds--dropdown node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * **Experimental**: Provide a `decorator` component to be rendered inside the `Dropdown` component
    */
-  decorator: PropTypes__default["default"].node,
+  decorator: PropTypes.node,
   /**
    * Specify the direction of the dropdown. Can be either top or bottom.
    */
-  direction: PropTypes__default["default"].oneOf(['top', 'bottom']),
+  direction: PropTypes.oneOf(['top', 'bottom']),
   /**
    * Disable the control
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Additional props passed to Downshift.
    *
@@ -433,76 +427,76 @@ Dropdown.propTypes = {
    * change, and in some cases they can not be shimmed by Carbon to shield you
    * from potentially breaking changes.
    */
-  downshiftProps: PropTypes__default["default"].object,
+  downshiftProps: PropTypes.object,
   /**
    * Provide helper text that is used alongside the control label for
    * additional help
    */
-  helperText: PropTypes__default["default"].node,
+  helperText: PropTypes.node,
   /**
    * Specify whether the title text should be hidden or not
    */
-  hideLabel: PropTypes__default["default"].bool,
+  hideLabel: PropTypes.bool,
   /**
    * Specify a custom `id`
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * Allow users to pass in an arbitrary item or a string (in case their items are an array of strings)
    * from their collection that are pre-selected
    */
-  initialSelectedItem: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  initialSelectedItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]),
   /**
    * Specify if the currently selected value is invalid.
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Message which is displayed if the value is invalid.
    */
-  invalidText: PropTypes__default["default"].node,
+  invalidText: PropTypes.node,
   /**
    * Function to render items as custom components instead of strings.
    * Defaults to null and is overridden by a getter
    */
-  itemToElement: PropTypes__default["default"].func,
+  itemToElement: PropTypes.func,
   /**
    * Helper function passed to downshift that allows the library to render a
    * given item to a string label. By default, it extracts the `label` field
    * from a given item to serve as the item label in the list.
    */
-  itemToString: PropTypes__default["default"].func,
+  itemToString: PropTypes.func,
   /**
    * We try to stay as generic as possible here to allow individuals to pass
    * in a collection of whatever kind of data structure they prefer
    */
-  items: PropTypes__default["default"].array.isRequired,
+  items: PropTypes.array.isRequired,
   /**
    * Generic `label` that will be used as the textual representation of what
    * this field is for
    */
-  label: PropTypes__default["default"].node.isRequired,
+  label: PropTypes.node.isRequired,
   /**
    * `true` to use the light version.
    */
-  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `Dropdown` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
+  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `Dropdown` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
   /**
    * `onChange` is a utility for this controlled component to communicate to a
    * consuming component what kind of internal state changes are occurring.
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Whether or not the Dropdown is readonly
    */
-  readOnly: PropTypes__default["default"].bool,
+  readOnly: PropTypes.bool,
   /**
    * An optional callback to render the currently selected item as a react element instead of only
    * as a string.
    */
-  renderSelectedItem: PropTypes__default["default"].func,
+  renderSelectedItem: PropTypes.func,
   /**
    * In the case you want to control the dropdown selection entirely.
    */
-  selectedItem: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  selectedItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]),
   /**
    * Specify the size of the ListBox. Currently supports either `sm`, `md` or `lg` as an option.
    */
@@ -510,16 +504,16 @@ Dropdown.propTypes = {
   /**
    * **Experimental**: Provide a `Slug` component to be rendered inside the `Dropdown` component
    */
-  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop for `Dropdown` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.'),
+  slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop for `Dropdown` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.'),
   /**
    * Provide the title text that will be read by a screen reader when
    * visiting this control
    */
-  titleText: PropTypes__default["default"].node.isRequired,
+  titleText: PropTypes.node.isRequired,
   /**
    * Callback function for translating ListBoxMenuIcon SVG title
    */
-  translateWithId: PropTypes__default["default"].func,
+  translateWithId: PropTypes.func,
   /**
    * The dropdown type, `default` or `inline`
    */
@@ -527,11 +521,11 @@ Dropdown.propTypes = {
   /**
    * Specify whether the control is currently in warning state
    */
-  warn: PropTypes__default["default"].bool,
+  warn: PropTypes.bool,
   /**
    * Provide the text that is displayed when the control is in warning state
    */
-  warnText: PropTypes__default["default"].node
+  warnText: PropTypes.node
 };
 
-exports["default"] = Dropdown;
+exports.default = Dropdown;

package/lib/components/Dropdown/index.js

@@ -14,6 +14,6 @@ var Dropdown_Skeleton = require('./Dropdown.Skeleton.js');
 
 
 
-exports.Dropdown = Dropdown["default"];
-exports["default"] = Dropdown["default"];
-exports.DropdownSkeleton = Dropdown_Skeleton["default"];
+exports.Dropdown = Dropdown.default;
+exports.default = Dropdown.default;
+exports.DropdownSkeleton = Dropdown_Skeleton.default;

package/lib/components/ErrorBoundary/ErrorBoundary.js

@@ -14,11 +14,6 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var ErrorBoundaryContext = require('./ErrorBoundaryContext.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);
-
 /**
  * React introduced additional lifecycle methods in v16 for capturing errors
  * that occur in a specific sub-tree of components. This component helps to
@@ -37,7 +32,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
  * https://reactjs.org/docs/error-boundaries.html#introducing-error-boundaries
  */
 
-class ErrorBoundary extends React__default["default"].Component {
+class ErrorBoundary extends React.Component {
   constructor(...args) {
     super(...args);
     _rollupPluginBabelHelpers.defineProperty(this, "context", void 0);
@@ -68,9 +63,9 @@ class ErrorBoundary extends React__default["default"].Component {
   }
 }
 _rollupPluginBabelHelpers.defineProperty(ErrorBoundary, "propTypes", {
-  children: PropTypes__default["default"].node,
-  fallback: PropTypes__default["default"].node
+  children: PropTypes.node,
+  fallback: PropTypes.node
 });
 _rollupPluginBabelHelpers.defineProperty(ErrorBoundary, "contextType", ErrorBoundaryContext.ErrorBoundaryContext);
 
-exports["default"] = ErrorBoundary;
+exports.default = ErrorBoundary;

package/lib/components/ErrorBoundary/ErrorBoundaryContext.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
 const ErrorBoundaryContext = /*#__PURE__*/React.createContext({

package/lib/components/ExpandableSearch/ExpandableSearch.js

@@ -20,12 +20,7 @@ var keys = require('../../internal/keyboard/keys.js');
 var match = require('../../internal/keyboard/match.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-const ExpandableSearch = /*#__PURE__*/React__default["default"].forwardRef(function ExpandableSearch({
+const ExpandableSearch = /*#__PURE__*/React.forwardRef(function ExpandableSearch({
   onBlur,
   onChange,
   onExpand,
@@ -64,13 +59,13 @@ const ExpandableSearch = /*#__PURE__*/React__default["default"].forwardRef(funct
       }
     }
   }
-  const classes = cx__default["default"](`${prefix}--search--expandable`, {
+  const classes = cx(`${prefix}--search--expandable`, {
     [`${prefix}--search--expanded`]: expanded
   }, props.className);
-  return /*#__PURE__*/React__default["default"].createElement(Search["default"], _rollupPluginBabelHelpers["extends"]({}, props, {
+  return /*#__PURE__*/React.createElement(Search.default, _rollupPluginBabelHelpers.extends({}, props, {
     defaultValue: defaultValue,
     isExpanded: expanded,
-    ref: mergeRefs["default"](searchRef, forwardedRef),
+    ref: mergeRefs.default(searchRef, forwardedRef),
     className: classes,
     onBlur: events.composeEventHandlers([onBlur, handleBlur]),
     onChange: events.composeEventHandlers([onChange, handleChange]),
@@ -78,7 +73,7 @@ const ExpandableSearch = /*#__PURE__*/React__default["default"].forwardRef(funct
     onKeyDown: events.composeEventHandlers([onKeyDown, handleKeyDown])
   }));
 });
-ExpandableSearch.propTypes = Search["default"].propTypes;
+ExpandableSearch.propTypes = Search.default.propTypes;
 ExpandableSearch.displayName = 'ExpandableSearch';
 
-exports["default"] = ExpandableSearch;
+exports.default = ExpandableSearch;

package/lib/components/FeatureFlags/index.js

@@ -7,18 +7,11 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var FeatureFlags$1 = require('@carbon/feature-flags');
 var PropTypes = require('prop-types');
 var React = require('react');
 var deprecate = require('../../prop-types/deprecate.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);
-
 /**
  * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
  * or disable feature flags in a given React tree
@@ -73,23 +66,23 @@ function FeatureFlags({
     scope.mergeWithScope(parentScope);
     updateScope(scope);
   });
-  return /*#__PURE__*/React__default["default"].createElement(FeatureFlagContext.Provider, {
+  return /*#__PURE__*/React.createElement(FeatureFlagContext.Provider, {
     value: scope
   }, children);
 }
 FeatureFlags.propTypes = {
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide the feature flags to enabled or disabled in the current Rea,ct tree
    */
-  flags: deprecate.deprecate(PropTypes__default["default"].objectOf(PropTypes__default["default"].bool), 'The `flags` prop for `FeatureFlag` has ' + 'been deprecated. Please run the `featureflag-deprecate-flags-prop` codemod to migrate to individual boolean props.' + `npx @carbon/upgrade migrate featureflag-deprecate-flags-prop --write`),
-  enableV12TileDefaultIcons: PropTypes__default["default"].bool,
-  enableV12TileRadioIcons: PropTypes__default["default"].bool,
-  enableV12Overflowmenu: PropTypes__default["default"].bool,
-  enableTreeviewControllable: PropTypes__default["default"].bool,
-  enableExperimentalFocusWrapWithoutSentinels: PropTypes__default["default"].bool,
-  enableDialogElement: PropTypes__default["default"].bool,
-  enableV12DynamicFloatingStyles: PropTypes__default["default"].bool
+  flags: deprecate.deprecate(PropTypes.objectOf(PropTypes.bool), 'The `flags` prop for `FeatureFlag` has ' + 'been deprecated. Please run the `featureflag-deprecate-flags-prop` codemod to migrate to individual boolean props.' + `npx @carbon/upgrade migrate featureflag-deprecate-flags-prop --write`),
+  enableV12TileDefaultIcons: PropTypes.bool,
+  enableV12TileRadioIcons: PropTypes.bool,
+  enableV12Overflowmenu: PropTypes.bool,
+  enableTreeviewControllable: PropTypes.bool,
+  enableExperimentalFocusWrapWithoutSentinels: PropTypes.bool,
+  enableDialogElement: PropTypes.bool,
+  enableV12DynamicFloatingStyles: PropTypes.bool
 };
 
 /**

package/lib/components/FileUploader/FileUploader.Skeleton.js

@@ -17,34 +17,28 @@ var SkeletonText = require('../SkeletonText/SkeletonText.js');
 var Button_Skeleton = require('../Button/Button.Skeleton.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, _ButtonSkeleton;
 function FileUploaderSkeleton({
   className,
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](`${prefix}--form-item`, className)
-  }, rest), _SkeletonText || (_SkeletonText = /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: cx(`${prefix}--form-item`, className)
+  }, rest), _SkeletonText || (_SkeletonText = /*#__PURE__*/React.createElement(SkeletonText.default, {
     heading: true,
     width: "100px"
-  })), /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
+  })), /*#__PURE__*/React.createElement(SkeletonText.default, {
     width: "225px",
     className: `${prefix}--label-description`
-  }), _ButtonSkeleton || (_ButtonSkeleton = /*#__PURE__*/React__default["default"].createElement(Button_Skeleton["default"], null)));
+  }), _ButtonSkeleton || (_ButtonSkeleton = /*#__PURE__*/React.createElement(Button_Skeleton.default, null)));
 }
 FileUploaderSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
 exports.FileUploaderSkeleton = FileUploaderSkeleton;
-exports["default"] = FileUploaderSkeleton;
+exports.default = FileUploaderSkeleton;