@carbon/react 1.86.0 → 1.87.0

package/lib/components/DatePickerInput/DatePickerInput.js

@@ -10,6 +10,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var iconsReact = require('@carbon/icons-react');
+var warning = require('../../internal/warning.js');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
@@ -23,13 +24,8 @@ 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 cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const DatePickerInput = /*#__PURE__*/React__default["default"].forwardRef(function DatePickerInput(props, ref) {
+let didWarnAboutDatePickerInputValue = false;
+const DatePickerInput = /*#__PURE__*/React.forwardRef(function DatePickerInput(props, ref) {
   const {
     datePickerType,
     decorator,
@@ -72,26 +68,30 @@ const DatePickerInput = /*#__PURE__*/React__default["default"].forwardRef(functi
     placeholder,
     type
   };
-  const wrapperClasses = cx__default["default"](`${prefix}--date-picker-input__wrapper`, {
+  if (process.env.NODE_ENV !== 'production' && 'value' in rest && !didWarnAboutDatePickerInputValue) {
+    process.env.NODE_ENV !== "production" ? warning.warning(false, `The 'value' prop is not supported on the DatePickerInput component. ` + `For DatePicker components with 'datePickerType="range"', please ` + `pass the 'value' prop (as an array of dates) to the parent ` + `DatePicker component instead.`) : void 0;
+    didWarnAboutDatePickerInputValue = true;
+  }
+  const wrapperClasses = cx(`${prefix}--date-picker-input__wrapper`, {
     [`${prefix}--date-picker-input__wrapper--invalid`]: invalid,
     [`${prefix}--date-picker-input__wrapper--warn`]: warn,
     [`${prefix}--date-picker-input__wrapper--slug`]: slug,
     [`${prefix}--date-picker-input__wrapper--decorator`]: decorator
   });
-  const labelClasses = cx__default["default"](`${prefix}--label`, {
+  const labelClasses = cx(`${prefix}--label`, {
     [`${prefix}--visually-hidden`]: hideLabel,
     [`${prefix}--label--disabled`]: disabled,
     [`${prefix}--label--readonly`]: rest.readOnly
   });
-  const helperTextClasses = cx__default["default"](`${prefix}--form__helper-text`, {
+  const helperTextClasses = cx(`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: disabled
   });
-  const inputClasses = cx__default["default"](`${prefix}--date-picker__input`, {
+  const inputClasses = cx(`${prefix}--date-picker__input`, {
     [`${prefix}--date-picker__input--${size}`]: size,
     [`${prefix}--date-picker__input--invalid`]: invalid,
     [`${prefix}--date-picker__input--warn`]: warn
   });
-  const containerClasses = cx__default["default"](`${prefix}--date-picker-container`, {
+  const containerClasses = cx(`${prefix}--date-picker-container`, {
     [`${prefix}--date-picker--nolabel`]: !labelText,
     [`${prefix}--date-picker--fluid--invalid`]: isFluid && invalid,
     [`${prefix}--date-picker--fluid--warn`]: isFluid && warn
@@ -108,7 +108,7 @@ const DatePickerInput = /*#__PURE__*/React__default["default"].forwardRef(functi
   if (invalid) {
     inputProps['data-invalid'] = true;
   }
-  const input = /*#__PURE__*/React__default["default"].createElement("input", inputProps);
+  const input = /*#__PURE__*/React.createElement("input", inputProps);
 
   // AILabel always size `mini`
   const candidate = slug ?? decorator;
@@ -116,33 +116,33 @@ const DatePickerInput = /*#__PURE__*/React__default["default"].forwardRef(functi
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/React.cloneElement(candidate, {
     size: 'mini'
   }) : null;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: containerClasses
-  }, labelText && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, labelText && /*#__PURE__*/React.createElement(Text.Text, {
     as: "label",
     htmlFor: id,
     className: labelClasses
-  }, labelText), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, labelText), /*#__PURE__*/React.createElement("div", {
     className: wrapperClasses
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, input, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", null, input, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--date-picker-input-inner-wrapper--decorator`
-  }, normalizedDecorator) : '', isFluid && /*#__PURE__*/React__default["default"].createElement(DatePickerIcon, {
+  }, normalizedDecorator) : '', isFluid && /*#__PURE__*/React.createElement(DatePickerIcon, {
     datePickerType: datePickerType
-  }), /*#__PURE__*/React__default["default"].createElement(DatePickerIcon, {
+  }), /*#__PURE__*/React.createElement(DatePickerIcon, {
     datePickerType: datePickerType,
     invalid: invalid,
     warn: warn
-  }))), invalid && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isFluid && /*#__PURE__*/React__default["default"].createElement("hr", {
+  }))), invalid && /*#__PURE__*/React.createElement(React.Fragment, null, isFluid && /*#__PURE__*/React.createElement("hr", {
     className: `${prefix}--date-picker__divider`
-  }), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }), /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     className: `${prefix}--form-requirement`
-  }, invalidText)), warn && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isFluid && /*#__PURE__*/React__default["default"].createElement("hr", {
+  }, invalidText)), warn && /*#__PURE__*/React.createElement(React.Fragment, null, isFluid && /*#__PURE__*/React.createElement("hr", {
     className: `${prefix}--date-picker__divider`
-  }), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }), /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     className: `${prefix}--form-requirement`
-  }, warnText)), helperText && !invalid && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, warnText)), helperText && !invalid && /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     id: datePickerInputHelperId,
     className: helperTextClasses
@@ -156,49 +156,49 @@ DatePickerInput.propTypes = {
    * * `single` - With calendar dropdown and single date.
    * * `range` - With calendar dropdown and a date range.
    */
-  datePickerType: PropTypes__default["default"].oneOf(['simple', 'single', 'range']),
+  datePickerType: PropTypes.oneOf(['simple', 'single', 'range']),
   /**
    * **Experimental**: Provide a decorator component to be rendered inside the `RadioButton` component
    */
-  decorator: PropTypes__default["default"].node,
+  decorator: PropTypes.node,
   /**
    * Specify whether or not the input should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Provide text that is used alongside the control label for additional help
    */
-  helperText: PropTypes__default["default"].node,
+  helperText: PropTypes.node,
   /**
    * Specify if the label should be hidden
    */
-  hideLabel: PropTypes__default["default"].bool,
+  hideLabel: PropTypes.bool,
   /**
    * Specify an id that uniquely identifies the `<input>`
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * Specify whether or not the input should be invalid
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Specify the text to be rendered when the input is invalid
    */
-  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 an `onChange` handler that is called whenever a change in the
    * input field has occurred
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Provide a function to be called when the input field is clicked
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Provide a regular expression that the input value must match
    */
@@ -215,28 +215,28 @@ DatePickerInput.propTypes = {
   /**
    * Specify the placeholder text
    */
-  placeholder: PropTypes__default["default"].string,
+  placeholder: PropTypes.string,
   /**
    * whether the DatePicker is to be readOnly
    */
-  readOnly: PropTypes__default["default"].bool,
+  readOnly: PropTypes.bool,
   /**
    * Specify the size of the Date Picker Input. Currently supports either `sm`, `md`, or `lg` as an option.
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
-  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
+  slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
   /**
    * Specify the type of the `<input>`
    */
-  type: PropTypes__default["default"].string,
+  type: PropTypes.string,
   /**
    * 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
 };
 function DatePickerIcon({
   datePickerType,
@@ -253,16 +253,16 @@ function DatePickerIcon({
     }
   }
   if (invalid) {
-    return /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
+    return /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
       className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--invalid`
     });
   }
   if (!invalid && warn) {
-    return /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
+    return /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
       className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--warn`
     });
   }
-  return /*#__PURE__*/React__default["default"].createElement(iconsReact.Calendar, {
+  return /*#__PURE__*/React.createElement(iconsReact.Calendar, {
     className: `${prefix}--date-picker__icon`,
     role: "img",
     "aria-hidden": "true"
@@ -276,15 +276,15 @@ DatePickerIcon.propTypes = {
    * * `single` - With calendar dropdown and single date.
    * * `range` - With calendar dropdown and a date range.
    */
-  datePickerType: PropTypes__default["default"].oneOf(['simple', 'single', 'range']),
+  datePickerType: PropTypes.oneOf(['simple', 'single', 'range']),
   /**
    * Specify whether or not the input should be invalid
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Specify whether the control is currently in warning state
    */
-  warn: PropTypes__default["default"].bool
+  warn: PropTypes.bool
 };
 
-exports["default"] = DatePickerInput;
+exports.default = DatePickerInput;

package/lib/components/DatePickerInput/index.js

@@ -13,5 +13,5 @@ var DatePickerInput = require('./DatePickerInput.js');
 
 
 
-exports.DatePickerInput = DatePickerInput["default"];
-exports["default"] = DatePickerInput["default"];
+exports.DatePickerInput = DatePickerInput.default;
+exports.default = DatePickerInput.default;