@carbon/react 1.87.0-rc.0 → 1.87.0

package/lib/components/Text/Text.js

@@ -7,20 +7,13 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
 require('./index.js');
 var TextDirectionContext = require('./TextDirectionContext.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);
-
-const TextBase = /*#__PURE__*/React__default["default"].forwardRef(({
+const TextBase = /*#__PURE__*/React.forwardRef(({
   as,
   children,
   dir = 'auto',
@@ -56,9 +49,9 @@ const TextBase = /*#__PURE__*/React__default["default"].forwardRef(({
       textProps.dir = dir;
     }
   }
-  return /*#__PURE__*/React__default["default"].createElement(TextDirectionContext.TextDirectionContext.Provider, {
+  return /*#__PURE__*/React.createElement(TextDirectionContext.TextDirectionContext.Provider, {
     value: value
-  }, /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({
     ref: ref
   }, rest, textProps), children));
 });
@@ -67,16 +60,16 @@ Text.propTypes = {
   /**
    * Provide a custom element type used to render the outermost node
    */
-  as: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].string, PropTypes__default["default"].elementType]),
+  as: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.elementType]),
   /**
    * Provide child elements or text to be rendered inside of this component
    */
-  children: PropTypes__default["default"].node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * Specify the text direction to be used for this component and any of its
    * children
    */
-  dir: PropTypes__default["default"].oneOf(['ltr', 'rtl', 'auto'])
+  dir: PropTypes.oneOf(['ltr', 'rtl', 'auto'])
 };
 const getTextFromChildren = children => {
   if (typeof children === 'string') {

package/lib/components/Text/TextDirection.js

@@ -7,18 +7,11 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var PropTypes = require('prop-types');
 var React = require('react');
 require('./index.js');
 var TextDirectionContext = require('./TextDirectionContext.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);
-
 const TextDirection = ({
   children,
   dir = 'auto',
@@ -36,7 +29,7 @@ const TextDirection = ({
     // TODO: Is this `useEffect` supposed to have a dependency on
     // `getTextDirection`?
   });
-  return /*#__PURE__*/React__default["default"].createElement(TextDirectionContext.TextDirectionContext.Provider, {
+  return /*#__PURE__*/React.createElement(TextDirectionContext.TextDirectionContext.Provider, {
     value: value
   }, children);
 };
@@ -44,17 +37,17 @@ TextDirection.propTypes = {
   /**
    * Provide children to be rendered inside of this component
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify the text direction for rendered children
    */
-  dir: PropTypes__default["default"].oneOf(['ltr', 'rtl', 'auto']),
+  dir: PropTypes.oneOf(['ltr', 'rtl', 'auto']),
   /**
    * Optionally provide a custom function to get the text direction for a piece
    * of text. Whatever is returned will become the value of the `dir` attribute
    * on a node of text. Should return one of: 'ltr', 'rtl', or 'auto'
    */
-  getTextDirection: PropTypes__default["default"].func
+  getTextDirection: PropTypes.func
 };
 
 exports.TextDirection = TextDirection;

package/lib/components/Text/TextDirectionContext.js

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

package/lib/components/Text/createTextComponent.js

@@ -7,17 +7,11 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 require('./index.js');
 var Text = require('./Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 /**
  * Create a text component wrapper for a given text node type. Useful for
  * returning a `Text` component for a text node like a `<label>`.
@@ -26,7 +20,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 const createTextComponent = (element, displayName) => {
   const TextWrapper = props => {
-    return /*#__PURE__*/React__default["default"].createElement(Text.Text, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement(Text.Text, _rollupPluginBabelHelpers.extends({
       as: element
     }, props));
   };

package/lib/components/Text/index.js

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

package/lib/components/TextArea/TextArea.Skeleton.js

@@ -15,12 +15,6 @@ var React = require('react');
 var cx = require('classnames');
 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);
-
 const TextAreaSkeleton = props => {
   const {
     className,
@@ -28,11 +22,11 @@ const TextAreaSkeleton = props => {
     ...rest
   } = props;
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](`${prefix}--form-item`, className)
-  }, rest), !hideLabel && /*#__PURE__*/React__default["default"].createElement("span", {
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: cx(`${prefix}--form-item`, className)
+  }, rest), !hideLabel && /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--text-area`
   }));
 };
@@ -40,12 +34,12 @@ TextAreaSkeleton.propTypes = {
   /**
    * Specify an optional className to add to the form item wrapper.
    */
-  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
 };
 
 exports.TextAreaSkeleton = TextAreaSkeleton;
-exports["default"] = TextAreaSkeleton;
+exports.default = TextAreaSkeleton;

package/lib/components/TextArea/TextArea.js

@@ -28,12 +28,6 @@ var index = require('../AILabel/index.js');
 var utils = require('../../internal/utils.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 frFn = React.forwardRef;
 const TextArea = frFn((props, forwardRef) => {
   const {
@@ -85,7 +79,7 @@ const TextArea = frFn((props, forwardRef) => {
     setTextCount(getInitialTextCount());
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value, defaultValue, counterMode]);
-  useIsomorphicEffect["default"](() => {
+  useIsomorphicEffect.default(() => {
     if (other.cols && textareaRef.current) {
       textareaRef.current.style.width = '';
       textareaRef.current.style.resize = 'none';
@@ -163,59 +157,59 @@ const TextArea = frFn((props, forwardRef) => {
       }
     }
   };
-  const formItemClasses = cx__default["default"](`${prefix}--form-item`, className);
-  const textAreaWrapperClasses = cx__default["default"](`${prefix}--text-area__wrapper`, {
+  const formItemClasses = cx(`${prefix}--form-item`, className);
+  const textAreaWrapperClasses = cx(`${prefix}--text-area__wrapper`, {
     [`${prefix}--text-area__wrapper--cols`]: other.cols,
     [`${prefix}--text-area__wrapper--readonly`]: other.readOnly,
     [`${prefix}--text-area__wrapper--warn`]: warn,
     [`${prefix}--text-area__wrapper--slug`]: slug,
     [`${prefix}--text-area__wrapper--decorator`]: decorator
   });
-  const labelClasses = cx__default["default"](`${prefix}--label`, {
+  const labelClasses = cx(`${prefix}--label`, {
     [`${prefix}--visually-hidden`]: hideLabel && !isFluid,
     [`${prefix}--label--disabled`]: disabled
   });
-  const textareaClasses = cx__default["default"](`${prefix}--text-area`, {
+  const textareaClasses = cx(`${prefix}--text-area`, {
     [`${prefix}--text-area--light`]: light,
     [`${prefix}--text-area--invalid`]: invalid,
     [`${prefix}--text-area--warn`]: warn
   });
-  const counterClasses = cx__default["default"](`${prefix}--label`, {
+  const counterClasses = cx(`${prefix}--label`, {
     [`${prefix}--label--disabled`]: disabled,
     [`${prefix}--text-area__label-counter`]: true
   });
-  const helperTextClasses = cx__default["default"](`${prefix}--form__helper-text`, {
+  const helperTextClasses = cx(`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: disabled
   });
-  const label = labelText ? /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  const label = labelText ? /*#__PURE__*/React.createElement(Text.Text, {
     as: "label",
     htmlFor: id,
     className: labelClasses
   }, labelText) : null;
-  const counter = enableCounter && maxCount && (counterMode === 'character' || counterMode === 'word') ? /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  const counter = enableCounter && maxCount && (counterMode === 'character' || counterMode === 'word') ? /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     className: counterClasses
   }, `${textCount}/${maxCount}`) : null;
   const helperId = !helperText ? undefined : `text-area-helper-text-${textAreaInstanceId}`;
-  const helper = helperText ? /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  const helper = helperText ? /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     id: helperId,
     className: helperTextClasses
   }, helperText) : null;
   const errorId = id + '-error-msg';
-  const error = invalid ? /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  const error = invalid ? /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     role: "alert",
     className: `${prefix}--form-requirement`,
     id: errorId
-  }, invalidText, isFluid && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
+  }, invalidText, isFluid && /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
     className: `${prefix}--text-area__invalid-icon`
   })) : null;
-  const warning = warn ? /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  const warning = warn ? /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     role: "alert",
     className: `${prefix}--form-requirement`
-  }, warnText, isFluid && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
+  }, warnText, isFluid && /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
     className: `${prefix}--text-area__invalid-icon ${prefix}--text-area__invalid-icon--warning`
   })) : null;
   let ariaDescribedBy;
@@ -257,7 +251,7 @@ const TextArea = frFn((props, forwardRef) => {
       }
     }
   }, [ariaAnnouncement, prevAnnouncement, counterMode]);
-  const input = /*#__PURE__*/React__default["default"].createElement("textarea", _rollupPluginBabelHelpers["extends"]({}, other, textareaProps, {
+  const input = /*#__PURE__*/React.createElement("textarea", _rollupPluginBabelHelpers.extends({}, other, textareaProps, {
     placeholder: placeholder,
     "aria-readonly": other.readOnly ? true : false,
     className: textareaClasses,
@@ -275,26 +269,26 @@ const TextArea = frFn((props, forwardRef) => {
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/React.cloneElement(candidate, {
     size: 'mini'
   }) : null;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: formItemClasses
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--text-area__label-wrapper`
-  }, label, counter), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, label, counter), /*#__PURE__*/React.createElement("div", {
     className: textAreaWrapperClasses,
     "data-invalid": invalid || null
-  }, invalid && !isFluid && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
+  }, invalid && !isFluid && /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
     className: `${prefix}--text-area__invalid-icon`
-  }), warn && !invalid && !isFluid && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
+  }), warn && !invalid && !isFluid && /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
     className: `${prefix}--text-area__invalid-icon ${prefix}--text-area__invalid-icon--warning`
-  }), input, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }), input, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--text-area__inner-wrapper--decorator`
-  }, normalizedDecorator) : '', /*#__PURE__*/React__default["default"].createElement("span", {
+  }, normalizedDecorator) : '', /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--text-area__counter-alert`,
     role: "alert",
     "aria-live": "assertive",
     "aria-atomic": "true",
     ref: announcerRef
-  }, ariaAnnouncement), isFluid && /*#__PURE__*/React__default["default"].createElement("hr", {
+  }, ariaAnnouncement), isFluid && /*#__PURE__*/React.createElement("hr", {
     className: `${prefix}--text-area__divider`
   }), isFluid && invalid ? error : null, isFluid && warn && !invalid ? warning : null), !invalid && !warn && !isFluid ? helper : null, invalid && !isFluid ? error : null, warn && !invalid && !isFluid ? warning : null);
 });
@@ -304,108 +298,108 @@ TextArea.propTypes = {
    * Provide a custom className that is applied directly to the underlying
    * `<textarea>` node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the `cols` attribute for the underlying `<textarea>` node
    */
-  cols: PropTypes__default["default"].number,
+  cols: PropTypes.number,
   /**
    * Specify the method used for calculating the counter number
    */
-  counterMode: PropTypes__default["default"].oneOf(['character', 'word']),
+  counterMode: PropTypes.oneOf(['character', 'word']),
   /**
    * **Experimental**: Provide a `decorator` component to be rendered inside the `TextArea` component
    */
-  decorator: PropTypes__default["default"].node,
+  decorator: PropTypes.node,
   /**
    * Optionally provide the default value of the `<textarea>`
    */
-  defaultValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Specify whether the control is disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify whether to display the counter
    */
-  enableCounter: PropTypes__default["default"].bool,
+  enableCounter: PropTypes.bool,
   /**
    * Provide text that is used alongside the control label for additional help
    */
-  helperText: PropTypes__default["default"].node,
+  helperText: PropTypes.node,
   /**
    * Specify whether you want the underlying label to be visually hidden
    */
-  hideLabel: PropTypes__default["default"].bool,
+  hideLabel: PropTypes.bool,
   /**
    * Provide a unique identifier for the control
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * Specify whether the control is currently invalid
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Provide the text that is displayed when the control is in an invalid state
    */
-  invalidText: PropTypes__default["default"].node,
+  invalidText: PropTypes.node,
   /**
    * Provide the text that will be read by a screen reader when visiting this
    * control
    */
-  labelText: PropTypes__default["default"].node.isRequired,
+  labelText: PropTypes.node.isRequired,
   /**
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make tile background color same as container background color.
    */
-  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `TextArea` 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 `TextArea` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
   /**
    * Max entity count allowed for the textarea. This is needed in order for enableCounter to display
    */
-  maxCount: PropTypes__default["default"].number,
+  maxCount: PropTypes.number,
   /**
    * Optionally provide an `onChange` handler that is called whenever `<textarea>`
    * is updated
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Optionally provide an `onClick` handler that is called whenever the
    * `<textarea>` is clicked
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Optionally provide an `onKeyDown` handler that is called whenever `<textarea>`
    * is keyed
    */
-  onKeyDown: PropTypes__default["default"].func,
+  onKeyDown: PropTypes.func,
   /**
    * Specify the placeholder attribute for the `<textarea>`
    */
-  placeholder: PropTypes__default["default"].string,
+  placeholder: PropTypes.string,
   /**
    * Whether the textarea should be read-only
    */
-  readOnly: PropTypes__default["default"].bool,
+  readOnly: PropTypes.bool,
   /**
    * Specify the rows attribute for the `<textarea>`
    */
-  rows: PropTypes__default["default"].number,
+  rows: PropTypes.number,
   /**
    * **Experimental**: Provide a `Slug` component to be rendered inside the `TextArea` component
    */
-  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop for `TextArea` 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 `TextArea` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.'),
   /**
    * Provide the current value of the `<textarea>`
    */
-  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * 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"] = TextArea;
+exports.default = TextArea;

package/lib/components/TextArea/index.js

@@ -14,6 +14,6 @@ var TextArea_Skeleton = require('./TextArea.Skeleton.js');
 
 
 
-exports.TextArea = TextArea["default"];
-exports["default"] = TextArea["default"];
-exports.TextAreaSkeleton = TextArea_Skeleton["default"];
+exports.TextArea = TextArea.default;
+exports.default = TextArea.default;
+exports.TextAreaSkeleton = TextArea_Skeleton.default;