@carbon/react 1.27.0 → 1.28.0

package/es/components/DatePickerInput/DatePickerInput.js

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { WarningFilled, WarningAltFilled, Calendar } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
@@ -15,76 +14,84 @@ import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import setupGetInstanceId from '../../tools/setupGetInstanceId.js';
 
-var _excluded = ["datePickerType", "disabled", "helperText", "hideLabel", "id", "invalid", "invalidText", "labelText", "onClick", "onChange", "pattern", "placeholder", "size", "type", "warn", "warnText"];
-var getInstanceId = setupGetInstanceId();
-var DatePickerInput = /*#__PURE__*/React__default.forwardRef(function DatePickerInput(props, ref) {
-  var _cx, _cx2, _cx4, _cx5;
-
-  var datePickerType = props.datePickerType,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      helperText = props.helperText,
-      hideLabel = props.hideLabel,
-      id = props.id,
-      _props$invalid = props.invalid,
-      invalid = _props$invalid === void 0 ? false : _props$invalid,
-      invalidText = props.invalidText,
-      labelText = props.labelText,
-      _props$onClick = props.onClick,
-      _onClick = _props$onClick === void 0 ? function () {} : _props$onClick,
-      _props$onChange = props.onChange,
-      _onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
-      _props$pattern = props.pattern,
-      pattern = _props$pattern === void 0 ? '\\d{1,2}\\/\\d{1,2}\\/\\d{4}' : _props$pattern,
-      placeholder = props.placeholder,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'md' : _props$size,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'text' : _props$type,
-      warn = props.warn,
-      warnText = props.warnText,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var prefix = usePrefix();
-
-  var _useContext = useContext(FormContext),
-      isFluid = _useContext.isFluid;
-
-  var datePickerInputInstanceId = getInstanceId();
-  var datePickerInputProps = {
-    id: id,
-    onChange: function onChange(event) {
+const getInstanceId = setupGetInstanceId();
+const DatePickerInput = /*#__PURE__*/React__default.forwardRef(function DatePickerInput(props, ref) {
+  const {
+    datePickerType,
+    disabled = false,
+    helperText,
+    hideLabel,
+    id,
+    invalid = false,
+    invalidText,
+    labelText,
+    onClick = () => {},
+    onChange = () => {},
+    pattern = '\\d{1,2}\\/\\d{1,2}\\/\\d{4}',
+    placeholder,
+    size = 'md',
+    type = 'text',
+    warn,
+    warnText,
+    ...rest
+  } = props;
+  const prefix = usePrefix();
+  const {
+    isFluid
+  } = useContext(FormContext);
+  const datePickerInputInstanceId = getInstanceId();
+  const datePickerInputProps = {
+    id,
+    onChange: event => {
       if (!disabled) {
-        _onChange(event);
+        onChange(event);
       }
     },
-    onClick: function onClick(event) {
+    onClick: event => {
       if (!disabled) {
-        _onClick(event);
+        onClick(event);
       }
     },
-    pattern: pattern,
-    placeholder: placeholder,
-    type: type
+    pattern,
+    placeholder,
+    type
   };
-  var wrapperClasses = cx("".concat(prefix, "--date-picker-input__wrapper"), (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--date-picker-input__wrapper--invalid"), invalid), _defineProperty(_cx, "".concat(prefix, "--date-picker-input__wrapper--warn"), warn), _cx));
-  var labelClasses = cx("".concat(prefix, "--label"), (_cx2 = {}, _defineProperty(_cx2, "".concat(prefix, "--visually-hidden"), hideLabel), _defineProperty(_cx2, "".concat(prefix, "--label--disabled"), disabled), _defineProperty(_cx2, "".concat(prefix, "--label--readonly"), rest.readOnly), _cx2));
-  var helperTextClasses = cx("".concat(prefix, "--form__helper-text"), _defineProperty({}, "".concat(prefix, "--form__helper-text--disabled"), disabled));
-  var inputClasses = cx("".concat(prefix, "--date-picker__input"), (_cx4 = {}, _defineProperty(_cx4, "".concat(prefix, "--date-picker__input--").concat(size), size), _defineProperty(_cx4, "".concat(prefix, "--date-picker__input--invalid"), invalid), _defineProperty(_cx4, "".concat(prefix, "--date-picker__input--warn"), warn), _cx4));
-  var containerClasses = cx("".concat(prefix, "--date-picker-container"), (_cx5 = {}, _defineProperty(_cx5, "".concat(prefix, "--date-picker--nolabel"), !labelText), _defineProperty(_cx5, "".concat(prefix, "--date-picker--fluid--invalid"), isFluid && invalid), _defineProperty(_cx5, "".concat(prefix, "--date-picker--fluid--warn"), isFluid && warn), _cx5));
-  var datePickerInputHelperId = !helperText ? undefined : "detepicker-input-helper-text-".concat(datePickerInputInstanceId);
-
-  var inputProps = _objectSpread2(_objectSpread2(_objectSpread2({}, rest), datePickerInputProps), {}, _defineProperty({
+  const wrapperClasses = cx(`${prefix}--date-picker-input__wrapper`, {
+    [`${prefix}--date-picker-input__wrapper--invalid`]: invalid,
+    [`${prefix}--date-picker-input__wrapper--warn`]: warn
+  });
+  const labelClasses = cx(`${prefix}--label`, {
+    [`${prefix}--visually-hidden`]: hideLabel,
+    [`${prefix}--label--disabled`]: disabled,
+    [`${prefix}--label--readonly`]: rest.readOnly
+  });
+  const helperTextClasses = cx(`${prefix}--form__helper-text`, {
+    [`${prefix}--form__helper-text--disabled`]: disabled
+  });
+  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(`${prefix}--date-picker-container`, {
+    [`${prefix}--date-picker--nolabel`]: !labelText,
+    [`${prefix}--date-picker--fluid--invalid`]: isFluid && invalid,
+    [`${prefix}--date-picker--fluid--warn`]: isFluid && warn
+  });
+  const datePickerInputHelperId = !helperText ? undefined : `detepicker-input-helper-text-${datePickerInputInstanceId}`;
+  const inputProps = { ...rest,
+    ...datePickerInputProps,
     className: inputClasses,
-    disabled: disabled,
-    ref: ref
-  }, 'aria-describedby', helperText ? datePickerInputHelperId : undefined));
+    disabled,
+    ref,
+    ['aria-describedby']: helperText ? datePickerInputHelperId : undefined
+  };
 
   if (invalid) {
     inputProps['data-invalid'] = true;
   }
 
-  var input = /*#__PURE__*/React__default.createElement("input", inputProps);
+  const input = /*#__PURE__*/React__default.createElement("input", inputProps);
   return /*#__PURE__*/React__default.createElement("div", {
     className: containerClasses
   }, labelText && /*#__PURE__*/React__default.createElement("label", {
@@ -99,13 +106,13 @@ var DatePickerInput = /*#__PURE__*/React__default.forwardRef(function DatePicker
     invalid: invalid,
     warn: warn
   })), invalid && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isFluid && /*#__PURE__*/React__default.createElement("hr", {
-    className: "".concat(prefix, "--date-picker__divider")
+    className: `${prefix}--date-picker__divider`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--form-requirement")
+    className: `${prefix}--form-requirement`
   }, invalidText)), warn && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isFluid && /*#__PURE__*/React__default.createElement("hr", {
-    className: "".concat(prefix, "--date-picker__divider")
+    className: `${prefix}--date-picker__divider`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--form-requirement")
+    className: `${prefix}--form-requirement`
   }, warnText)), helperText && /*#__PURE__*/React__default.createElement("div", {
     id: datePickerInputHelperId,
     className: helperTextClasses
@@ -171,7 +178,7 @@ DatePickerInput.propTypes = {
   /**
    * Provide a regular expression that the input value must match
    */
-  pattern: function pattern(props, propName, componentName) {
+  pattern: (props, propName, componentName) => {
     if (props[propName] === undefined) {
       return;
     }
@@ -179,7 +186,7 @@ DatePickerInput.propTypes = {
     try {
       new RegExp(props[propName]);
     } catch (e) {
-      return new Error("Invalid value of prop '".concat(propName, "' supplied to '").concat(componentName, "', it should be a valid regular expression"));
+      return new Error(`Invalid value of prop '${propName}' supplied to '${componentName}', it should be a valid regular expression`);
     }
   },
 
@@ -215,13 +222,15 @@ DatePickerInput.propTypes = {
 };
 
 function DatePickerIcon(_ref) {
-  var datePickerType = _ref.datePickerType,
-      invalid = _ref.invalid,
-      warn = _ref.warn;
-  var prefix = usePrefix();
-
-  var _useContext2 = useContext(FormContext),
-      isFluid = _useContext2.isFluid;
+  let {
+    datePickerType,
+    invalid,
+    warn
+  } = _ref;
+  const prefix = usePrefix();
+  const {
+    isFluid
+  } = useContext(FormContext);
 
   if (datePickerType === 'simple' && !invalid && !warn) {
     if (!isFluid) {
@@ -231,18 +240,18 @@ function DatePickerIcon(_ref) {
 
   if (invalid) {
     return /*#__PURE__*/React__default.createElement(WarningFilled, {
-      className: "".concat(prefix, "--date-picker__icon ").concat(prefix, "--date-picker__icon--invalid")
+      className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--invalid`
     });
   }
 
   if (!invalid && warn) {
     return /*#__PURE__*/React__default.createElement(WarningAltFilled, {
-      className: "".concat(prefix, "--date-picker__icon ").concat(prefix, "--date-picker__icon--warn")
+      className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--warn`
     });
   }
 
   return /*#__PURE__*/React__default.createElement(Calendar, {
-    className: "".concat(prefix, "--date-picker__icon"),
+    className: `${prefix}--date-picker__icon`,
     role: "img",
     "aria-hidden": "true"
   });

package/es/components/Dropdown/Dropdown.Skeleton.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
@@ -13,21 +13,22 @@ import '../ListBox/index.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { ListBoxSize } from '../ListBox/ListBoxPropTypes.js';
 
-var _excluded = ["className", "size"];
-
-var DropdownSkeleton = function DropdownSkeleton(_ref) {
-  var className = _ref.className,
-      size = _ref.size,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var wrapperClasses = cx(className, "".concat(prefix, "--skeleton"), "".concat(prefix, "--dropdown-v2"), "".concat(prefix, "--list-box"), "".concat(prefix, "--form-item"), _defineProperty({}, "".concat(prefix, "--list-box--").concat(size), size));
+const DropdownSkeleton = _ref => {
+  let {
+    className,
+    size,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const wrapperClasses = cx(className, `${prefix}--skeleton`, `${prefix}--dropdown-v2`, `${prefix}--list-box`, `${prefix}--form-item`, {
+    [`${prefix}--list-box--${size}`]: size
+  });
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: wrapperClasses
   }, rest), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--list-box__field")
+    className: `${prefix}--list-box__field`
   }, /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(prefix, "--list-box__label")
+    className: `${prefix}--list-box__label`
   })));
 };