@carbon/react 1.29.1 → 1.30.0

package/lib/components/TextInput/PasswordInput.js

@@ -68,12 +68,10 @@ const PasswordInput = /*#__PURE__*/React__default["default"].forwardRef(function
   const {
     isFluid
   } = React.useContext(FormContext.FormContext);
-
   const handleTogglePasswordVisibility = event => {
     setInputType(inputType === 'password' ? 'text' : 'password');
     onTogglePasswordVisibility && onTogglePasswordVisibility(event);
   };
-
   const textInputClasses = cx__default["default"](`${prefix}--text-input`, `${prefix}--password-input`, className, {
     [`${prefix}--text-input--light`]: light,
     [`${prefix}--text-input--invalid`]: normalizedProps.invalid,
@@ -187,124 +185,101 @@ PasswordInput.propTypes = {
    * `<input>` node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Optionally provide the default value of the `<input>`
    */
   defaultValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
-
   /**
    * Specify whether the control is disabled
    */
   disabled: PropTypes__default["default"].bool,
-
   /**
    * Provide text that is used alongside the control label for additional help
    */
   helperText: PropTypes__default["default"].node,
-
   /**
    * Specify whether or not the underlying label is visually hidden
    */
   hideLabel: PropTypes__default["default"].bool,
-
   /**
    * "Hide password" tooltip text on password visibility toggle
    */
   hidePasswordLabel: PropTypes__default["default"].string,
-
   /**
    * Provide a unique identifier for the input field
    */
   id: PropTypes__default["default"].string.isRequired,
-
   /**
    * `true` to use the inline version.
    */
   inline: PropTypes__default["default"].bool,
-
   /**
    * Specify whether the control is currently invalid
    */
   invalid: PropTypes__default["default"].bool,
-
   /**
    * Provide the text that is displayed when the control is in an invalid state
    */
   invalidText: PropTypes__default["default"].node,
-
   /**
    * Provide the text that will be read by a screen reader when visiting this
    * control
    */
   labelText: PropTypes__default["default"].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["default"](PropTypes__default["default"].bool, 'The `light` prop for `PasswordInput` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
-
   /**
    * Optionally provide an `onChange` handler that is called whenever `<input>`
    * is updated
    */
   onChange: PropTypes__default["default"].func,
-
   /**
    * Optionally provide an `onClick` handler that is called whenever the
    * `<input>` is clicked
    */
   onClick: PropTypes__default["default"].func,
-
   /**
    * Callback function that is called whenever the toggle password visibility
    * button is clicked
    */
   onTogglePasswordVisibility: PropTypes__default["default"].func,
-
   /**
    * Specify the placeholder attribute for the `<input>`
    */
   placeholder: PropTypes__default["default"].string,
-
   /**
    * "Show password" tooltip text on password visibility toggle
    */
   showPasswordLabel: PropTypes__default["default"].string,
-
   /**
    * Specify the size of the Text Input. Supports `sm`, `md`, or `lg`.
    */
   size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
-
   /**
    * Specify the alignment of the tooltip to the icon-only button.
    * Can be one of: start, center, or end.
    */
   tooltipAlignment: PropTypes__default["default"].oneOf(['start', 'center', 'end']),
-
   /**
    * Specify the direction of the tooltip for icon-only buttons.
    * Can be either top, right, bottom, or left.
    */
   tooltipPosition: PropTypes__default["default"].oneOf(['top', 'right', 'bottom', 'left']),
-
   /**
    * The input type, either password or text
    */
   type: PropTypes__default["default"].oneOf(['password', 'text']),
-
   /**
    * Provide the current value of the `<input>`
    */
   value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
-
   /**
    * Specify whether the control is currently in warning state
    */
   warn: PropTypes__default["default"].bool,
-
   /**
    * Provide the text that is displayed when the control is in warning state
    */

package/lib/components/TextInput/TextInput.Skeleton.js

@@ -36,13 +36,11 @@ const TextInputSkeleton = _ref => {
     className: `${prefix}--skeleton ${prefix}--text-input`
   }));
 };
-
 TextInputSkeleton.propTypes = {
   /**
    * Specify an optional className to add to the form item wrapper.
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify whether the label should be hidden, or not
    */

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

@@ -67,7 +67,7 @@ export interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInput
      * Optionally provide an `onChange` handler that is called whenever `<input>`
      * is updated
      */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     /**
      * Optionally provide an `onClick` handler that is called whenever the
      * `<input>` is clicked

package/lib/components/TextInput/TextInput.js

@@ -19,35 +19,14 @@ var deprecate = require('../../prop-types/deprecate.js');
 var util = require('./util.js');
 require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
-var index = require('../FeatureFlags/index.js');
-var FeatureFlags = require('@carbon/feature-flags');
 var usePrefix = require('../../internal/usePrefix.js');
 var useAnnouncer = require('../../internal/useAnnouncer.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
 const TextInput = /*#__PURE__*/React__default["default"].forwardRef(function TextInput(_ref, ref) {
   let {
@@ -74,12 +53,11 @@ const TextInput = /*#__PURE__*/React__default["default"].forwardRef(function Tex
     ...rest
   } = _ref;
   const prefix = usePrefix.usePrefix();
-  const enabled = index.useFeatureFlag('enable-v11-release');
   const {
     defaultValue,
     value
   } = rest;
-  const [textCount, setTextCount] = React.useState((defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.toString().length) || (value === null || value === void 0 ? void 0 : value.toString().length) || 0);
+  const [textCount, setTextCount] = React.useState(defaultValue?.toString().length || value?.toString().length || 0);
   const normalizedProps = useNormalizedInputProps.useNormalizedInputProps({
     id,
     readOnly,
@@ -89,7 +67,7 @@ const TextInput = /*#__PURE__*/React__default["default"].forwardRef(function Tex
     warn,
     warnText
   });
-  const textInputClasses = cx__default["default"](`${prefix}--text-input`, [enabled ? null : className], {
+  const textInputClasses = cx__default["default"](`${prefix}--text-input`, {
     [`${prefix}--text-input--light`]: light,
     [`${prefix}--text-input--invalid`]: normalizedProps.invalid,
     [`${prefix}--text-input--warning`]: normalizedProps.warn,
@@ -99,9 +77,7 @@ const TextInput = /*#__PURE__*/React__default["default"].forwardRef(function Tex
     id,
     onChange: evt => {
       if (!normalizedProps.disabled) {
-        var _evt$target$value;
-
-        setTextCount((_evt$target$value = evt.target.value) === null || _evt$target$value === void 0 ? void 0 : _evt$target$value.length);
+        setTextCount(evt.target.value?.length);
         onChange(evt);
       }
     },
@@ -120,12 +96,10 @@ const TextInput = /*#__PURE__*/React__default["default"].forwardRef(function Tex
     ['aria-describedby']: helperText && normalizedProps.helperId,
     ...rest
   };
-
   if (enableCounter) {
     sharedTextInputProps.maxLength = maxCount;
   }
-
-  const inputWrapperClasses = cx__default["default"]([enabled ? cx__default["default"](`${prefix}--form-item`, className) : `${prefix}--form-item`], `${prefix}--text-input-wrapper`, {
+  const inputWrapperClasses = cx__default["default"]([cx__default["default"](`${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,
@@ -207,111 +181,90 @@ TextInput.propTypes = {
    * Specify an optional className to be applied to the `<input>` node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Optionally provide the default value of the `<input>`
    */
   defaultValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
-
   /**
    * Specify whether the `<input>` should be disabled
    */
   disabled: PropTypes__default["default"].bool,
-
   /**
    * Specify whether to display the character counter
    */
   enableCounter: PropTypes__default["default"].bool,
-
   /**
    * Provide text that is used alongside the control label for additional help
    */
   helperText: PropTypes__default["default"].node,
-
   /**
    * Specify whether you want the underlying label to be visually hidden
    */
   hideLabel: PropTypes__default["default"].bool,
-
   /**
    * Specify a custom `id` for the `<input>`
    */
   id: PropTypes__default["default"].string.isRequired,
-
   /**
    * `true` to use the inline version.
    */
   inline: PropTypes__default["default"].bool,
-
   /**
    * Specify whether the control is currently invalid
    */
   invalid: PropTypes__default["default"].bool,
-
   /**
    * Provide the text that is displayed when the control is in an invalid state
    */
   invalidText: PropTypes__default["default"].node,
-
   /**
    * Provide the text that will be read by a screen reader when visiting this
    * control
    */
   labelText: PropTypes__default["default"].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["default"](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.'),
-
   /**
    * Max character count allowed for the input. This is needed in order for enableCounter to display
    */
   maxCount: PropTypes__default["default"].number,
-
   /**
    * Optionally provide an `onChange` handler that is called whenever `<input>`
    * is updated
    */
   onChange: PropTypes__default["default"].func,
-
   /**
    * Optionally provide an `onClick` handler that is called whenever the
    * `<input>` is clicked
    */
   onClick: PropTypes__default["default"].func,
-
   /**
    * Specify the placeholder attribute for the `<input>`
    */
   placeholder: PropTypes__default["default"].string,
-
   /**
    * Whether the input should be read-only
    */
   readOnly: PropTypes__default["default"].bool,
-
   /**
    * Specify the size of the Text Input. Currently supports the following:
    */
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].oneOf(['sm', 'md', 'lg']) : PropTypes__default["default"].oneOf(['sm', 'md', 'lg', 'xl']),
-
+  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
   /**
    * Specify the type of the `<input>`
    */
   type: PropTypes__default["default"].string,
-
   /**
    * Specify the value of the `<input>`
    */
   value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
-
   /**
    * Specify whether the control is currently in warning state
    */
   warn: PropTypes__default["default"].bool,
-
   /**
    * Provide the text that is displayed when the control is in warning state
    */

package/lib/components/TextInput/util.js

@@ -14,20 +14,17 @@ const invalidProps = invalidId => ({
   'aria-invalid': true,
   'aria-describedby': invalidId
 });
-
 const warnProps = warnId => ({
   'aria-describedby': warnId
 });
-
 const helperProps = helperId => ({
   'aria-describedby': helperId
 });
+
 /**
  * @param {{sharedTextInputProps: object, invalid?: boolean, invalidId?: string, warn?: boolean, warnId?: string, hasHelper?: boolean, helperId?: string}} config
  * @returns {object}
  */
-
-
 const textInputProps = _ref => {
   let {
     sharedTextInputProps,
@@ -38,7 +35,8 @@ const textInputProps = _ref => {
     hasHelper,
     helperId
   } = _ref;
-  return { ...sharedTextInputProps,
+  return {
+    ...sharedTextInputProps,
     ...(invalid ? invalidProps(invalidId) : {}),
     ...(warn ? warnProps(warnId) : {}),
     ...(hasHelper ? helperProps(helperId) : {})

package/lib/components/Theme/index.js

@@ -45,13 +45,11 @@ GlobalTheme.propTypes = {
    * typically the root of your app
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify the global theme for your app
    */
   theme: PropTypes__default["default"].oneOf(['white', 'g10', 'g90', 'g100'])
 };
-
 /**
  * Specify the theme to be applied to a page, or a region in a page
  */
@@ -90,27 +88,24 @@ Theme.propTypes = {
    * element in the component
    */
   as: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].string, PropTypes__default["default"].elementType]),
-
   /**
    * Provide child elements to be rendered inside of `Theme`
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Provide a custom class name to be used on the outermost element rendered by
    * the component
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify the theme
    */
   theme: PropTypes__default["default"].oneOf(['white', 'g10', 'g90', 'g100'])
 };
+
 /**
  * Get access to the current theme
  */
-
 function useTheme() {
   return React__default["default"].useContext(ThemeContext);
 }