@carbon/react 1.29.1 → 1.30.0

package/lib/components/FluidTextInput/FluidTextInput.js

@@ -45,76 +45,62 @@ function FluidTextInput(_ref) {
     className: classNames
   }, other)));
 }
-
 FluidTextInput.propTypes = {
   /**
    * Specify an optional className to be applied to the outer FluidForm wrapper
    */
   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 a custom `id` for the `<input>`
    */
   id: PropTypes__default["default"].string.isRequired,
-
   /**
    * 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,
-
   /**
    * Specify whether the control is a password input
    */
   isPassword: PropTypes__default["default"].bool,
-
   /**
    * Provide the text that will be read by a screen reader when visiting this
    * control
    */
   labelText: PropTypes__default["default"].node.isRequired,
-
   /**
    * 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,
-
   /**
    * 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/FluidTimePicker/FluidTimePicker.Skeleton.js

@@ -24,7 +24,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _FluidTextInputSkelet, _FluidSelectSkeleton, _FluidSelectSkeleton2;
-
 const FluidTimePickerSkeleton = _ref => {
   let {
     className,
@@ -39,13 +38,11 @@ const FluidTimePickerSkeleton = _ref => {
     className: wrapperClasses
   }, rest), _FluidTextInputSkelet || (_FluidTextInputSkelet = /*#__PURE__*/React__default["default"].createElement(FluidTextInput_Skeleton["default"], null)), _FluidSelectSkeleton || (_FluidSelectSkeleton = /*#__PURE__*/React__default["default"].createElement(FluidSelect_Skeleton["default"], null)), !isOnlyTwo ? _FluidSelectSkeleton2 || (_FluidSelectSkeleton2 = /*#__PURE__*/React__default["default"].createElement(FluidSelect_Skeleton["default"], null)) : null);
 };
-
 FluidTimePickerSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify if there are only two TimePicker elements
    */

package/lib/components/FluidTimePicker/FluidTimePicker.js

@@ -37,22 +37,19 @@ const FluidTimePicker = /*#__PURE__*/React__default["default"].forwardRef(functi
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](className, {
     [`${prefix}--time-picker--fluid`]: true,
-    [`${prefix}--time-picker--equal-width`]: (children === null || children === void 0 ? void 0 : children.length) !== 2,
+    [`${prefix}--time-picker--equal-width`]: children?.length !== 2,
     [`${prefix}--time-picker--fluid--disabled`]: disabled,
     [`${prefix}--time-picker--fluid--invalid`]: invalid,
     [`${prefix}--time-picker--fluid--warning`]: warn
   });
-
   const errorText = () => {
     if (invalid) {
       return invalidText;
     }
-
     if (warn) {
       return warnText;
     }
   };
-
   const error = invalid || warn;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames
@@ -82,38 +79,31 @@ FluidTimePicker.propTypes = {
    * The child node(s)
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify an optional className to be applied to the outer FluidTimePicker wrapper
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify whether the `<input>` should be disabled
    */
   disabled: PropTypes__default["default"].bool,
-
   /**
    * Specify whether or not the control is invalid
    */
   invalid: PropTypes__default["default"].bool,
-
   /**
    * Provide the text that is displayed when the control is in error 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,
-
   /**
    * 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/FluidTimePickerSelect/FluidTimePickerSelect.js

@@ -35,33 +35,27 @@ FluidTimePickerSelect.propTypes = {
    * Provide the contents of your Select
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify an optional className to be applied to the node containing the label and the select box
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Optionally provide the default value of the `<select>`
    */
   defaultValue: PropTypes__default["default"].any,
-
   /**
    * Specify whether the control is disabled
    */
   disabled: PropTypes__default["default"].bool,
-
   /**
    * Specify a custom `id` for the `<select>`
    */
   id: PropTypes__default["default"].string.isRequired,
-
   /**
    * Provide label text to be read by screen readers when interacting with the
    * control
    */
   labelText: PropTypes__default["default"].node,
-
   /**
    * Provide an optional `onChange` hook that is called each time the value of
    * the underlying `<input>` changes

package/lib/components/Form/Form.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import PropTypes from 'prop-types';
+import { type ComponentProps } from 'react';
+type FormProps = ComponentProps<'form'>;
+declare function Form({ className, children, ...other }: FormProps): JSX.Element;
+declare namespace Form {
+    var propTypes: {
+        /**
+         * Provide children to be rendered inside of the <form> element
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide a custom className to be applied on the containing <form> node
+         */
+        className: PropTypes.Requireable<string>;
+    };
+}
+export default Form;

package/lib/components/Form/Form.js

@@ -21,7 +21,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const Form = _ref => {
+function Form(_ref) {
   let {
     className,
     children,
@@ -32,19 +32,16 @@ const Form = _ref => {
   return /*#__PURE__*/React__default["default"].createElement("form", _rollupPluginBabelHelpers["extends"]({
     className: classNames
   }, other), children);
-};
-
+}
 Form.propTypes = {
   /**
    * Provide children to be rendered inside of the <form> element
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Provide a custom className to be applied on the containing <form> node
    */
   className: PropTypes__default["default"].string
 };
-var Form$1 = Form;
 
-exports["default"] = Form$1;
+exports["default"] = Form;

package/lib/components/Form/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { default, default as Form } from './Form';

package/lib/components/FormGroup/FormGroup.js

@@ -47,39 +47,32 @@ const FormGroup = _ref => {
     className: `${prefix}--form__requirements`
   }, messageText) : null);
 };
-
 FormGroup.propTypes = {
   /**
    * Provide the children form elements to be rendered inside of the <fieldset>
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Provide a custom className to be applied to the containing <fieldset> node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify whether the <FormGroup> is invalid
    */
   invalid: PropTypes__default["default"].bool,
-
   /**
    * Provide id for the fieldset <legend> which corresponds to the fieldset
    * `aria-labelledby`
    */
   legendId: PropTypes__default["default"].node,
-
   /**
    * Provide the text to be rendered inside of the fieldset <legend>
    */
   legendText: PropTypes__default["default"].node.isRequired,
-
   /**
    * Specify whether the message should be displayed in the <FormGroup>
    */
   message: PropTypes__default["default"].bool,
-
   /**
    * Provide the text for the message in the <FormGroup>
    */

package/lib/components/FormItem/FormItem.js

@@ -33,13 +33,11 @@ function FormItem(_ref) {
     className: classNames
   }, rest), children);
 }
-
 FormItem.propTypes = {
   /**
    * Provide content to be rendered in the form item
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Provide a custom className to be applied to the containing node
    */

package/lib/components/FormLabel/FormLabel.js

@@ -14,32 +14,12 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
-var FeatureFlags = require('@carbon/feature-flags');
 
 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);
 
 function FormLabel(_ref) {
   let {
@@ -49,26 +29,21 @@ function FormLabel(_ref) {
     ...rest
   } = _ref;
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](`${prefix}--label`, {
-    [`${prefix}--label--no-margin`]: FeatureFlags__namespace.enabled('enable-v11-release')
-  }, customClassName);
+  const className = cx__default["default"](`${prefix}--label`, `${prefix}--label--no-margin`, customClassName);
   return /*#__PURE__*/React__default["default"].createElement("label", _rollupPluginBabelHelpers["extends"]({
     htmlFor: id,
     className: className
   }, rest), children);
 }
-
 FormLabel.propTypes = {
   /**
    * Specify the content of the form label
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Provide a custom className to be applied to the containing <label> node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Provide a unique id for the given <FormLabel>
    */

package/lib/components/Grid/CSSGrid.js

@@ -37,13 +37,11 @@ function CSSGrid(_ref) {
     subgrid
   } = GridContext.useGridSettings();
   let mode = 'wide';
-
   if (narrow) {
     mode = 'narrow';
   } else if (condensed) {
     mode = 'condensed';
   }
-
   if (subgrid) {
     return /*#__PURE__*/React__default["default"].createElement(GridContext.GridSettings, {
       mode: "css-grid",
@@ -54,14 +52,14 @@ function CSSGrid(_ref) {
       mode: mode
     }, rest), children));
   }
-
   const className = cx__default["default"](customClassName, {
     [`${prefix}--css-grid`]: true,
     [`${prefix}--css-grid--condensed`]: mode === 'condensed',
     [`${prefix}--css-grid--narrow`]: mode === 'narrow',
     [`${prefix}--css-grid--full-width`]: fullWidth
-  }); // cast as any to let TypeScript allow passing in attributes to base component
+  });
 
+  // cast as any to let TypeScript allow passing in attributes to base component
   const BaseComponentAsAny = BaseComponent;
   return /*#__PURE__*/React__default["default"].createElement(GridContext.GridSettings, {
     mode: "css-grid",
@@ -70,41 +68,34 @@ function CSSGrid(_ref) {
     className: className
   }, rest), children));
 }
-
 CSSGrid.propTypes = {
   /**
    * Provide a custom element to render instead of the default <div>
    */
   as: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].elementType]),
-
   /**
    * Pass in content that will be rendered within the `Grid`
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify a custom className to be applied to the `Grid`
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Collapse the gutter to 1px. Useful for fluid layouts.
    * Rows have 1px of margin between them to match gutter.
    */
   condensed: PropTypes__default["default"].bool,
-
   /**
    * Remove the default max width that the grid has set
    */
   fullWidth: PropTypes__default["default"].bool,
-
   /**
    * Container hangs 16px into the gutter. Useful for
    * typographic alignment with and without containers.
    */
   narrow: PropTypes__default["default"].bool
 };
-
 const Subgrid = _ref2 => {
   let {
     as: BaseComponent = 'div',
@@ -124,23 +115,19 @@ const Subgrid = _ref2 => {
     className: className
   }), children);
 };
-
 Subgrid.propTypes = {
   /**
    * Provide a custom element to render instead of the default <div>
    */
   as: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].elementType]),
-
   /**
    * Pass in content that will be rendered within the `Subgrid`
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify a custom className to be applied to the `Subgrid`
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify the grid mode for the subgrid
    */