@carbon/react 1.86.0 → 1.87.0

package/lib/components/FluidTimePicker/FluidTimePicker.js

@@ -19,13 +19,7 @@ require('../FluidTextInput/FluidTextInput.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var iconsReact = require('@carbon/icons-react');
 
-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);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-const FluidTimePicker = /*#__PURE__*/React__default["default"].forwardRef(function FluidTimePicker({
+const FluidTimePicker = /*#__PURE__*/React.forwardRef(function FluidTimePicker({
   className,
   children,
   disabled,
@@ -37,9 +31,9 @@ const FluidTimePicker = /*#__PURE__*/React__default["default"].forwardRef(functi
   ...other
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](className, {
+  const classNames = cx(className, {
     [`${prefix}--time-picker--fluid`]: true,
-    [`${prefix}--time-picker--equal-width`]: React__default["default"].Children.toArray(children).length !== 2,
+    [`${prefix}--time-picker--equal-width`]: React.Children.toArray(children).length !== 2,
     [`${prefix}--time-picker--fluid--disabled`]: disabled,
     [`${prefix}--time-picker--fluid--invalid`]: invalid,
     [`${prefix}--time-picker--fluid--warning`]: warn
@@ -55,34 +49,34 @@ const FluidTimePicker = /*#__PURE__*/React__default["default"].forwardRef(functi
   const error = invalid || warn;
   const childrenWithProps = () => {
     if (disabled) {
-      return React__default["default"].Children.toArray(children).map(child => /*#__PURE__*/React__default["default"].cloneElement(child, {
+      return React.Children.toArray(children).map(child => /*#__PURE__*/React.cloneElement(child, {
         disabled: true
       }));
     }
     if (readOnly) {
-      return React__default["default"].Children.toArray(children).map(child => /*#__PURE__*/React__default["default"].cloneElement(child, {
+      return React.Children.toArray(children).map(child => /*#__PURE__*/React.cloneElement(child, {
         readOnly: true
       }));
     }
     return children;
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classNames
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--time-picker--fluid__wrapper`
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--time-picker__input`
-  }, /*#__PURE__*/React__default["default"].createElement(FluidTextInput["default"], _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement(FluidTextInput.default, _rollupPluginBabelHelpers.extends({
     ref: ref,
     readOnly: readOnly,
     disabled: disabled
-  }, other))), childrenWithProps()), error && /*#__PURE__*/React__default["default"].createElement("hr", {
+  }, other))), childrenWithProps()), error && /*#__PURE__*/React.createElement("hr", {
     className: `${prefix}--time-picker__divider`
-  }), error && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), error && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
-  }, errorText()), error && invalid ? /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
+  }, errorText()), error && invalid ? /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
     className: `${prefix}--time-picker__icon ${prefix}--time-picker__icon--invalid`
-  }) : /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
+  }) : /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
     className: `${prefix}--time-picker__icon ${prefix}--time-picker__icon--warn`
   }));
 });
@@ -90,40 +84,40 @@ FluidTimePicker.propTypes = {
   /**
    * The child node(s)
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the outer FluidTimePicker wrapper
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the `<input>` should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify whether or not the control is invalid
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Provide the text that is displayed when the control is in error 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,
   /**
    * 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,
   /**
    * Whether or not the component is readonly
    */
-  readOnly: PropTypes__default["default"].bool
+  readOnly: PropTypes.bool
 };
 
-exports["default"] = FluidTimePicker;
+exports.default = FluidTimePicker;

package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js

@@ -15,17 +15,12 @@ var PropTypes = require('prop-types');
 var FluidSelect = require('../FluidSelect/FluidSelect.js');
 require('../FluidSelect/FluidSelect.Skeleton.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);
-
-const FluidTimePickerSelect = /*#__PURE__*/React__default["default"].forwardRef(function FluidTimePickerSelect({
+const FluidTimePickerSelect = /*#__PURE__*/React.forwardRef(function FluidTimePickerSelect({
   children,
   className,
   ...other
 }, ref) {
-  return /*#__PURE__*/React__default["default"].createElement(FluidSelect["default"], _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(FluidSelect.default, _rollupPluginBabelHelpers.extends({
     className: className,
     ref: ref
   }, other), children);
@@ -34,33 +29,33 @@ FluidTimePickerSelect.propTypes = {
   /**
    * Provide the contents of your Select
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the node containing the label and the select box
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Optionally provide the default value of the `<select>`
    */
-  defaultValue: PropTypes__default["default"].any,
+  defaultValue: PropTypes.any,
   /**
    * Specify whether the control is disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify a custom `id` for the `<select>`
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * Provide label text to be read by screen readers when interacting with the
    * control
    */
-  labelText: PropTypes__default["default"].node,
+  labelText: PropTypes.node,
   /**
    * Provide an optional `onChange` hook that is called each time the value of
    * the underlying `<input>` changes
    */
-  onChange: PropTypes__default["default"].func
+  onChange: PropTypes.func
 };
 
-exports["default"] = FluidTimePickerSelect;
+exports.default = FluidTimePickerSelect;

package/lib/components/Form/Form.js

@@ -15,20 +15,14 @@ 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);
-
 function Form({
   className,
   children,
   ...other
 }) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](`${prefix}--form`, className);
-  return /*#__PURE__*/React__default["default"].createElement("form", _rollupPluginBabelHelpers["extends"]({
+  const classNames = cx(`${prefix}--form`, className);
+  return /*#__PURE__*/React.createElement("form", _rollupPluginBabelHelpers.extends({
     className: classNames
   }, other), children);
 }
@@ -36,11 +30,11 @@ Form.propTypes = {
   /**
    * Provide children to be rendered inside of the <form> element
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide a custom className to be applied on the containing <form> node
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
-exports["default"] = Form;
+exports.default = Form;

package/lib/components/FormGroup/FormGroup.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 FormGroup = ({
   disabled = false,
   legendId,
@@ -33,8 +27,8 @@ const FormGroup = ({
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const classNamesFieldset = cx__default["default"](`${prefix}--fieldset`, className);
-  return /*#__PURE__*/React__default["default"].createElement("fieldset", _rollupPluginBabelHelpers["extends"]({
+  const classNamesFieldset = cx(`${prefix}--fieldset`, className);
+  return /*#__PURE__*/React.createElement("fieldset", _rollupPluginBabelHelpers.extends({
     disabled: disabled
   }, invalid && {
     'data-invalid': ''
@@ -42,10 +36,10 @@ const FormGroup = ({
     className: classNamesFieldset
   }, rest, {
     "aria-labelledby": rest['aria-labelledby'] || legendId
-  }), /*#__PURE__*/React__default["default"].createElement("legend", {
+  }), /*#__PURE__*/React.createElement("legend", {
     className: `${prefix}--label`,
     id: legendId || rest['aria-labelledby']
-  }, legendText), children, message ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, legendText), children, message ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form__requirements`
   }, messageText) : null);
 };
@@ -53,36 +47,36 @@ FormGroup.propTypes = {
   /**
    * Provide the children form elements to be rendered inside of the <fieldset>
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide a custom className to be applied to the containing <fieldset> node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the FormGroup should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify whether the <FormGroup> is invalid
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Provide id for the fieldset <legend> which corresponds to the fieldset
    * `aria-labelledby`
    */
-  legendId: PropTypes__default["default"].node,
+  legendId: PropTypes.node,
   /**
    * Provide the text to be rendered inside of the fieldset <legend>
    */
-  legendText: PropTypes__default["default"].node.isRequired,
+  legendText: PropTypes.node.isRequired,
   /**
    * Specify whether the message should be displayed in the <FormGroup>
    */
-  message: PropTypes__default["default"].bool,
+  message: PropTypes.bool,
   /**
    * Provide the text for the message in the <FormGroup>
    */
-  messageText: PropTypes__default["default"].string
+  messageText: PropTypes.string
 };
 
-exports["default"] = FormGroup;
+exports.default = FormGroup;

package/lib/components/FormItem/FormItem.js

@@ -15,20 +15,14 @@ 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);
-
 function FormItem({
   className,
   children,
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](`${prefix}--form-item`, className);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  const classNames = cx(`${prefix}--form-item`, className);
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: classNames
   }, rest), children);
 }
@@ -36,11 +30,11 @@ FormItem.propTypes = {
   /**
    * Provide content to be rendered in the form item
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide a custom className to be applied to the containing node
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
-exports["default"] = FormItem;
+exports.default = FormItem;

package/lib/components/FormLabel/FormLabel.js

@@ -17,12 +17,6 @@ var usePrefix = require('../../internal/usePrefix.js');
 require('../Text/index.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);
-
 function FormLabel({
   className: customClassName,
   children,
@@ -30,8 +24,8 @@ function FormLabel({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](`${prefix}--label`, `${prefix}--label--no-margin`, customClassName);
-  return /*#__PURE__*/React__default["default"].createElement(Text.Text, _rollupPluginBabelHelpers["extends"]({
+  const className = cx(`${prefix}--label`, `${prefix}--label--no-margin`, customClassName);
+  return /*#__PURE__*/React.createElement(Text.Text, _rollupPluginBabelHelpers.extends({
     as: "label",
     htmlFor: id,
     className: className
@@ -41,15 +35,15 @@ FormLabel.propTypes = {
   /**
    * Specify the content of the form label
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide a custom className to be applied to the containing <label> node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Provide a unique id for the given <FormLabel>
    */
-  id: PropTypes__default["default"].string
+  id: PropTypes.string
 };
 
-exports["default"] = FormLabel;
+exports.default = FormLabel;

package/lib/components/Grid/CSSGrid.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');
@@ -16,13 +14,7 @@ var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 var GridContext = require('./GridContext.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 CSSGrid = /*#__PURE__*/React__default["default"].forwardRef(({
+const CSSGrid = /*#__PURE__*/React.forwardRef(({
   align,
   as,
   children,
@@ -43,17 +35,17 @@ const CSSGrid = /*#__PURE__*/React__default["default"].forwardRef(({
     mode = 'condensed';
   }
   if (subgrid) {
-    return /*#__PURE__*/React__default["default"].createElement(GridContext.GridSettings, {
+    return /*#__PURE__*/React.createElement(GridContext.GridSettings, {
       mode: "css-grid",
       subgrid: true
-    }, /*#__PURE__*/React__default["default"].createElement(Subgrid, _rollupPluginBabelHelpers["extends"]({
+    }, /*#__PURE__*/React.createElement(Subgrid, _rollupPluginBabelHelpers.extends({
       ref: ref,
       as: as,
       className: customClassName,
       mode: mode
     }, rest), children));
   }
-  const className = cx__default["default"](customClassName, {
+  const className = cx(customClassName, {
     [`${prefix}--css-grid`]: true,
     [`${prefix}--css-grid--condensed`]: mode === 'condensed',
     [`${prefix}--css-grid--narrow`]: mode === 'narrow',
@@ -64,10 +56,10 @@ const CSSGrid = /*#__PURE__*/React__default["default"].forwardRef(({
 
   // cast as any to let TypeScript allow passing in attributes to base component
   const BaseComponent = as || 'div';
-  return /*#__PURE__*/React__default["default"].createElement(GridContext.GridSettings, {
+  return /*#__PURE__*/React.createElement(GridContext.GridSettings, {
     mode: "css-grid",
     subgrid: true
-  }, /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({
     className: className,
     ref: ref
   }, rest), children));
@@ -76,35 +68,35 @@ 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]),
+  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
   /**
    * Specify grid alignment. Default is center
    */
-  align: PropTypes__default["default"].oneOf(['start', 'center', 'end']),
+  align: PropTypes.oneOf(['start', 'center', 'end']),
   /**
    * Pass in content that will be rendered within the `Grid`
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify a custom className to be applied to the `Grid`
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.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,
+  condensed: PropTypes.bool,
   /**
    * Remove the default max width that the grid has set
    */
-  fullWidth: PropTypes__default["default"].bool,
+  fullWidth: PropTypes.bool,
   /**
    * Container hangs 16px into the gutter. Useful for
    * typographic alignment with and without containers.
    */
-  narrow: PropTypes__default["default"].bool
+  narrow: PropTypes.bool
 };
-const Subgrid = /*#__PURE__*/React__default["default"].forwardRef(({
+const Subgrid = /*#__PURE__*/React.forwardRef(({
   as,
   className: customClassName,
   children,
@@ -112,14 +104,14 @@ const Subgrid = /*#__PURE__*/React__default["default"].forwardRef(({
   ...rest
 }, ref) => {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](customClassName, {
+  const className = cx(customClassName, {
     [`${prefix}--subgrid`]: true,
     [`${prefix}--subgrid--condensed`]: mode === 'condensed',
     [`${prefix}--subgrid--narrow`]: mode === 'narrow',
     [`${prefix}--subgrid--wide`]: mode === 'wide'
   });
   const BaseComponent = as || 'div';
-  return /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({}, rest, {
     ref: ref,
     className: className
   }), children);
@@ -128,19 +120,19 @@ 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]),
+  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
   /**
    * Pass in content that will be rendered within the `Subgrid`
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify a custom className to be applied to the `Subgrid`
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the gutter mode for the subgrid
    */
-  mode: PropTypes__default["default"].oneOf(['wide', 'narrow', 'condensed'])
+  mode: PropTypes.oneOf(['wide', 'narrow', 'condensed'])
 };
 const CSSGridComponent = CSSGrid;