@carbon/react 1.87.0-rc.0 → 1.87.0

package/lib/components/TextInput/TextInput.js

@@ -25,13 +25,7 @@ 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 TextInput = /*#__PURE__*/React__default["default"].forwardRef(function TextInput({
+const TextInput = /*#__PURE__*/React.forwardRef(function TextInput({
   className,
   decorator,
   disabled = false,
@@ -80,7 +74,7 @@ const TextInput = /*#__PURE__*/React__default["default"].forwardRef(function Tex
     warn,
     warnText
   });
-  const textInputClasses = cx__default["default"](`${prefix}--text-input`, {
+  const textInputClasses = cx(`${prefix}--text-input`, {
     [`${prefix}--text-input--light`]: light,
     [`${prefix}--text-input--invalid`]: normalizedProps.invalid,
     [`${prefix}--text-input--warning`]: normalizedProps.warn,
@@ -114,56 +108,56 @@ const TextInput = /*#__PURE__*/React__default["default"].forwardRef(function Tex
   if (enableCounter) {
     sharedTextInputProps.maxLength = maxCount;
   }
-  const inputWrapperClasses = cx__default["default"]([cx__default["default"](`${prefix}--form-item`, className)], `${prefix}--text-input-wrapper`, {
+  const inputWrapperClasses = cx([cx(`${prefix}--form-item`, className)], `${prefix}--text-input-wrapper`, {
     [`${prefix}--text-input-wrapper--readonly`]: readOnly,
     [`${prefix}--text-input-wrapper--light`]: light,
     [`${prefix}--text-input-wrapper--inline`]: inline,
     [`${prefix}--text-input-wrapper--inline--invalid`]: inline && normalizedProps.invalid
   });
-  const labelClasses = cx__default["default"](`${prefix}--label`, {
+  const labelClasses = cx(`${prefix}--label`, {
     [`${prefix}--visually-hidden`]: hideLabel,
     [`${prefix}--label--disabled`]: normalizedProps.disabled,
     [`${prefix}--label--inline`]: inline,
     [`${prefix}--label--inline--${size}`]: inline && !!size
   });
-  const helperTextClasses = cx__default["default"](`${prefix}--form__helper-text`, {
+  const helperTextClasses = cx(`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,
     [`${prefix}--form__helper-text--inline`]: inline
   });
-  const fieldOuterWrapperClasses = cx__default["default"](`${prefix}--text-input__field-outer-wrapper`, {
+  const fieldOuterWrapperClasses = cx(`${prefix}--text-input__field-outer-wrapper`, {
     [`${prefix}--text-input__field-outer-wrapper--inline`]: inline
   });
-  const fieldWrapperClasses = cx__default["default"](`${prefix}--text-input__field-wrapper`, {
+  const fieldWrapperClasses = cx(`${prefix}--text-input__field-wrapper`, {
     [`${prefix}--text-input__field-wrapper--warning`]: normalizedProps.warn,
     [`${prefix}--text-input__field-wrapper--slug`]: slug,
     [`${prefix}--text-input__field-wrapper--decorator`]: decorator
   });
-  const iconClasses = cx__default["default"]({
+  const iconClasses = cx({
     [`${prefix}--text-input__invalid-icon`]: normalizedProps.invalid || normalizedProps.warn,
     [`${prefix}--text-input__invalid-icon--warning`]: normalizedProps.warn
   });
-  const counterClasses = cx__default["default"](`${prefix}--label`, {
+  const counterClasses = cx(`${prefix}--label`, {
     [`${prefix}--label--disabled`]: disabled,
     [`${prefix}--text-input__label-counter`]: true
   });
-  const counter = enableCounter && maxCount ? /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  const counter = enableCounter && maxCount ? /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     className: counterClasses
   }, `${textCount}/${maxCount}`) : null;
-  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 labelWrapper = /*#__PURE__*/React__default["default"].createElement("div", {
+  const labelWrapper = /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--text-input__label-wrapper`
   }, label, counter);
-  const helper = helperText ? /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  const helper = helperText ? /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     id: normalizedProps.helperId,
     className: helperTextClasses
   }, helperText) : null;
-  const input = /*#__PURE__*/React__default["default"].createElement("input", util.textInputProps({
+  const input = /*#__PURE__*/React.createElement("input", util.textInputProps({
     sharedTextInputProps,
     invalid: normalizedProps.invalid,
     invalidId: normalizedProps.invalidId,
@@ -206,26 +200,26 @@ const TextInput = /*#__PURE__*/React__default["default"].forwardRef(function Tex
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/React.cloneElement(candidate, {
     size: 'mini'
   }) : null;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: inputWrapperClasses
-  }, !inline ? labelWrapper : /*#__PURE__*/React__default["default"].createElement("div", {
+  }, !inline ? labelWrapper : /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--text-input__label-helper-wrapper`
-  }, labelWrapper, !isFluid && (normalizedProps.validation || helper)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, labelWrapper, !isFluid && (normalizedProps.validation || helper)), /*#__PURE__*/React.createElement("div", {
     className: fieldOuterWrapperClasses
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: fieldWrapperClasses,
     "data-invalid": normalizedProps.invalid || null
-  }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, {
+  }, Icon && /*#__PURE__*/React.createElement(Icon, {
     className: iconClasses
-  }), input, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }), input, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--text-input__field-inner-wrapper--decorator`
-  }, normalizedDecorator) : '', /*#__PURE__*/React__default["default"].createElement("span", {
+  }, normalizedDecorator) : '', /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--text-input__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-input__divider`
   }), isFluid && !inline && normalizedProps.validation), !isFluid && !inline && (normalizedProps.validation || helper)));
 });
@@ -234,103 +228,103 @@ TextInput.propTypes = {
   /**
    * Specify an optional className to be applied to the `<input>` node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * **Experimental**: Provide a `decorator` component to be rendered inside the `TextInput` component
    */
-  decorator: PropTypes__default["default"].node,
+  decorator: PropTypes.node,
   /**
    * Optionally provide the default value of the `<input>`
    */
-  defaultValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Specify whether the `<input>` should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify whether to display the character 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,
   /**
    * Specify a custom `id` for the `<input>`
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * `true` to use the inline version.
    */
-  inline: PropTypes__default["default"].bool,
+  inline: PropTypes.bool,
   /**
    * 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 `TextInput` 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 `TextInput` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
   /**
    * Max character count allowed for the input. 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 `<input>`
    * is updated
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Optionally provide an `onClick` handler that is called whenever the
    * `<input>` is clicked
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Specify the placeholder attribute for the `<input>`
    */
-  placeholder: PropTypes__default["default"].string,
+  placeholder: PropTypes.string,
   /**
    * Whether the input should be read-only
    */
-  readOnly: PropTypes__default["default"].bool,
+  readOnly: PropTypes.bool,
   /**
    * Specify the size of the Text Input. Currently supports the following:
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
   /**
    * **Experimental**: Provide a `Slug` component to be rendered inside the `TextInput` component
    */
-  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop for `TextInput` 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 `TextInput` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.'),
   /**
    * Specify the type of the `<input>`
    */
-  type: PropTypes__default["default"].string,
+  type: PropTypes.string,
   /**
    * Specify the value of the `<input>`
    */
-  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"] = TextInput;
+exports.default = TextInput;

package/lib/components/TextInput/index.js

@@ -14,6 +14,6 @@ var TextInput_Skeleton = require('./TextInput.Skeleton.js');
 
 
 
-exports.TextInput = TextInput["default"];
-exports["default"] = TextInput["default"];
-exports.TextInputSkeleton = TextInput_Skeleton["default"];
+exports.TextInput = TextInput.default;
+exports.default = TextInput.default;
+exports.TextInputSkeleton = TextInput_Skeleton.default;

package/lib/components/TextInput/util.d.ts

@@ -0,0 +1,9 @@
+export function textInputProps({ sharedTextInputProps, invalid, invalidId, warn, warnId, hasHelper, helperId, }: {
+    sharedTextInputProps: object;
+    invalid?: boolean;
+    invalidId?: string;
+    warn?: boolean;
+    warnId?: string;
+    hasHelper?: boolean;
+    helperId?: string;
+}): object;

package/lib/components/TextInput/util.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 const invalidProps = invalidId => ({
   'data-invalid': true,
   'aria-invalid': true,

package/lib/components/Theme/index.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
@@ -17,16 +15,10 @@ var usePrefix = require('../../internal/usePrefix.js');
 var LayerContext = require('../Layer/LayerContext.js');
 var useMatchMedia = require('../../internal/useMatchMedia.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const ThemeContext = /*#__PURE__*/React__default["default"].createContext({
+const ThemeContext = /*#__PURE__*/React.createContext({
   theme: 'white'
 });
-const GlobalTheme = /*#__PURE__*/React__default["default"].forwardRef(function GlobalTheme({
+const GlobalTheme = /*#__PURE__*/React.forwardRef(function GlobalTheme({
   children,
   theme
 }, ref) {
@@ -35,10 +27,10 @@ const GlobalTheme = /*#__PURE__*/React__default["default"].forwardRef(function G
       theme
     };
   }, [theme]);
-  const childrenWithProps = /*#__PURE__*/React__default["default"].cloneElement(children, {
+  const childrenWithProps = /*#__PURE__*/React.cloneElement(children, {
     ref: ref
   });
-  return /*#__PURE__*/React__default["default"].createElement(ThemeContext.Provider, {
+  return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
     value: value
   }, childrenWithProps);
 });
@@ -47,11 +39,11 @@ GlobalTheme.propTypes = {
    * Provide child elements to be rendered inside of `GlobalTheme`, this is
    * typically the root of your app
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify the global theme for your app
    */
-  theme: PropTypes__default["default"].oneOf(['white', 'g10', 'g90', 'g100'])
+  theme: PropTypes.oneOf(['white', 'g10', 'g90', 'g100'])
 };
 /**
  * Specify the theme to be applied to a page, or a region in a page
@@ -63,14 +55,14 @@ function Theme({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](customClassName, {
+  const className = cx(customClassName, {
     [`${prefix}--white`]: theme === 'white',
     [`${prefix}--g10`]: theme === 'g10',
     [`${prefix}--g90`]: theme === 'g90',
     [`${prefix}--g100`]: theme === 'g100',
     [`${prefix}--layer-one`]: true
   });
-  const value = React__default["default"].useMemo(() => {
+  const value = React.useMemo(() => {
     const isDark = theme && ['g90', 'g100'].includes(theme);
     return {
       theme,
@@ -78,11 +70,11 @@ function Theme({
     };
   }, [theme]);
   const BaseComponentAsAny = BaseComponent;
-  return /*#__PURE__*/React__default["default"].createElement(ThemeContext.Provider, {
+  return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
     value: value
-  }, /*#__PURE__*/React__default["default"].createElement(LayerContext.LayerContext.Provider, {
+  }, /*#__PURE__*/React.createElement(LayerContext.LayerContext.Provider, {
     value: 1
-  }, /*#__PURE__*/React__default["default"].createElement(BaseComponentAsAny, _rollupPluginBabelHelpers["extends"]({}, rest, {
+  }, /*#__PURE__*/React.createElement(BaseComponentAsAny, _rollupPluginBabelHelpers.extends({}, rest, {
     className: className
   }))));
 }
@@ -91,27 +83,27 @@ Theme.propTypes = {
    * Specify a custom component or element to be rendered as the top-level
    * element in the component
    */
-  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 to be rendered inside of `Theme`
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide a custom class name to be used on the outermost element rendered by
    * the component
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the theme
    */
-  theme: PropTypes__default["default"].oneOf(['white', 'g10', 'g90', 'g100'])
+  theme: PropTypes.oneOf(['white', 'g10', 'g90', 'g100'])
 };
 
 /**
  * Get access to the current theme
  */
 function useTheme() {
-  return React__default["default"].useContext(ThemeContext);
+  return React.useContext(ThemeContext);
 }
 function usePrefersDarkScheme() {
   return useMatchMedia.useMatchMedia('(prefers-color-scheme: dark)');