@carbon/react 1.27.0 → 1.28.0

package/es/components/Checkbox/Checkbox.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';
@@ -15,95 +15,98 @@ import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 import setupGetInstanceId from '../../tools/setupGetInstanceId.js';
 import { Text } from '../Text/Text.js';
 
-var _excluded = ["className", "helperText", "id", "labelText", "onChange", "onClick", "indeterminate", "invalid", "invalidText", "hideLabel", "readOnly", "title", "warn", "warnText"];
-var getInstanceId = setupGetInstanceId();
-var Checkbox = /*#__PURE__*/React__default.forwardRef(function (_ref, _ref2) {
-  var _classNames;
-
-  var className = _ref.className,
-      helperText = _ref.helperText,
-      id = _ref.id,
-      labelText = _ref.labelText,
-      _onChange = _ref.onChange,
-      _onClick = _ref.onClick,
-      indeterminate = _ref.indeterminate,
-      invalid = _ref.invalid,
-      invalidText = _ref.invalidText,
-      hideLabel = _ref.hideLabel,
-      readOnly = _ref.readOnly,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title,
-      warn = _ref.warn,
-      warnText = _ref.warnText,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var showWarning = !readOnly && !invalid && warn;
-  var showHelper = !invalid && !warn;
-  var checkboxGroupInstanceId = getInstanceId();
-  var helperId = !helperText ? undefined : "checkbox-helper-text-".concat(checkboxGroupInstanceId);
-  var helper = helperText ? /*#__PURE__*/React__default.createElement("div", {
+const getInstanceId = setupGetInstanceId();
+const Checkbox = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    className,
+    helperText,
+    id,
+    labelText,
+    onChange,
+    onClick,
+    indeterminate,
+    invalid,
+    invalidText,
+    hideLabel,
+    readOnly,
+    title = '',
+    warn,
+    warnText,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const showWarning = !readOnly && !invalid && warn;
+  const showHelper = !invalid && !warn;
+  const checkboxGroupInstanceId = getInstanceId();
+  const helperId = !helperText ? undefined : `checkbox-helper-text-${checkboxGroupInstanceId}`;
+  const helper = helperText ? /*#__PURE__*/React__default.createElement("div", {
     id: helperId,
-    className: "".concat(prefix, "--form__helper-text")
+    className: `${prefix}--form__helper-text`
   }, helperText) : null;
-  var wrapperClasses = cx("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--checkbox-wrapper--readonly"), readOnly), _defineProperty(_classNames, "".concat(prefix, "--checkbox-wrapper--invalid"), !readOnly && invalid), _defineProperty(_classNames, "".concat(prefix, "--checkbox-wrapper--warning"), showWarning), _classNames));
-  var innerLabelClasses = cx("".concat(prefix, "--checkbox-label-text"), _defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
+  const wrapperClasses = cx(`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, className, {
+    [`${prefix}--checkbox-wrapper--readonly`]: readOnly,
+    [`${prefix}--checkbox-wrapper--invalid`]: !readOnly && invalid,
+    [`${prefix}--checkbox-wrapper--warning`]: showWarning
+  });
+  const innerLabelClasses = cx(`${prefix}--checkbox-label-text`, {
+    [`${prefix}--visually-hidden`]: hideLabel
+  });
   return /*#__PURE__*/React__default.createElement("div", {
     className: wrapperClasses
   }, /*#__PURE__*/React__default.createElement("input", _extends({}, other, {
     type: "checkbox",
     "data-invalid": invalid ? true : undefined,
-    onChange: function onChange(evt) {
-      if (!readOnly && _onChange) {
-        _onChange(evt, {
+    onChange: evt => {
+      if (!readOnly && onChange) {
+        onChange(evt, {
           checked: evt.target.checked,
-          id: id
+          id
         });
       }
     },
-    className: "".concat(prefix, "--checkbox"),
+    className: `${prefix}--checkbox`,
     id: id,
-    ref: function ref(el) {
+    ref: el => {
       if (el && indeterminate) {
         el.indeterminate = indeterminate;
       }
 
-      if (typeof _ref2 === 'function') {
-        _ref2(el);
-      } else if (_ref2 && Object(_ref2) === _ref2) {
-        _ref2.current = el;
+      if (typeof ref === 'function') {
+        ref(el);
+      } else if (ref && Object(ref) === ref) {
+        ref.current = el;
       }
     } // readonly attribute not applicable to type="checkbox"
     // see - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox
     ,
     "aria-readonly": readOnly,
-    onClick: function onClick(evt) {
+    onClick: evt => {
       if (readOnly) {
         // prevent default stops the checkbox being updated
         evt.preventDefault();
       } // pass onClick event on to the user even if readonly
 
 
-      if (_onClick) {
-        _onClick(evt);
+      if (onClick) {
+        onClick(evt);
       }
     }
   })), /*#__PURE__*/React__default.createElement("label", {
     htmlFor: id,
-    className: "".concat(prefix, "--checkbox-label"),
+    className: `${prefix}--checkbox-label`,
     title: title
   }, /*#__PURE__*/React__default.createElement(Text, {
     className: innerLabelClasses
   }, labelText)), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--checkbox__validation-msg")
+    className: `${prefix}--checkbox__validation-msg`
   }, !readOnly && invalid && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningFilled, {
-    className: "".concat(prefix, "--checkbox__invalid-icon")
+    className: `${prefix}--checkbox__invalid-icon`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--form-requirement")
+    className: `${prefix}--form-requirement`
   }, invalidText)), showWarning && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningAltFilled, {
-    className: "".concat(prefix, "--checkbox__invalid-icon ").concat(prefix, "--checkbox__invalid-icon--warning")
+    className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--form-requirement")
+    className: `${prefix}--form-requirement`
   }, warnText))), showHelper && helper);
 });
 Checkbox.propTypes = {
@@ -191,7 +194,7 @@ Checkbox.propTypes = {
   warnText: PropTypes.node
 };
 Checkbox.defaultProps = {
-  onChange: function onChange() {},
+  onChange: () => {},
   indeterminate: false
 };
 Checkbox.displayName = 'Checkbox';

package/es/components/CheckboxGroup/CheckboxGroup.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,34 +13,36 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 import setupGetInstanceId from '../../tools/setupGetInstanceId.js';
 
-var _excluded = ["children", "className", "helperText", "invalid", "invalidText", "legendId", "legendText", "readOnly", "warn", "warnText"];
-var getInstanceId = setupGetInstanceId();
+const getInstanceId = setupGetInstanceId();
 
 function CheckboxGroup(_ref) {
-  var _cx;
-
-  var children = _ref.children,
-      className = _ref.className,
-      helperText = _ref.helperText,
-      invalid = _ref.invalid,
-      invalidText = _ref.invalidText,
-      legendId = _ref.legendId,
-      legendText = _ref.legendText,
-      readOnly = _ref.readOnly,
-      warn = _ref.warn,
-      warnText = _ref.warnText,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var showWarning = !readOnly && !invalid && warn;
-  var showHelper = !invalid && !warn;
-  var checkboxGroupInstanceId = getInstanceId();
-  var helperId = !helperText ? undefined : "checkbox-group-helper-text-".concat(checkboxGroupInstanceId);
-  var helper = helperText ? /*#__PURE__*/React__default.createElement("div", {
+  let {
+    children,
+    className,
+    helperText,
+    invalid,
+    invalidText,
+    legendId,
+    legendText,
+    readOnly,
+    warn,
+    warnText,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const showWarning = !readOnly && !invalid && warn;
+  const showHelper = !invalid && !warn;
+  const checkboxGroupInstanceId = getInstanceId();
+  const helperId = !helperText ? undefined : `checkbox-group-helper-text-${checkboxGroupInstanceId}`;
+  const helper = helperText ? /*#__PURE__*/React__default.createElement("div", {
     id: helperId,
-    className: "".concat(prefix, "--form__helper-text")
+    className: `${prefix}--form__helper-text`
   }, helperText) : null;
-  var fieldsetClasses = cx("".concat(prefix, "--checkbox-group"), className, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--checkbox-group--readonly"), readOnly), _defineProperty(_cx, "".concat(prefix, "--checkbox-group--invalid"), !readOnly && invalid), _defineProperty(_cx, "".concat(prefix, "--checkbox-group--warning"), showWarning), _cx));
+  const fieldsetClasses = cx(`${prefix}--checkbox-group`, className, {
+    [`${prefix}--checkbox-group--readonly`]: readOnly,
+    [`${prefix}--checkbox-group--invalid`]: !readOnly && invalid,
+    [`${prefix}--checkbox-group--warning`]: showWarning
+  });
   return /*#__PURE__*/React__default.createElement("fieldset", _extends({
     className: fieldsetClasses,
     "data-invalid": invalid ? true : undefined,
@@ -48,18 +50,18 @@ function CheckboxGroup(_ref) {
     "aria-readonly": readOnly,
     "aria-describedby": !invalid && !warn && helper ? helperId : undefined
   }, rest), /*#__PURE__*/React__default.createElement("legend", {
-    className: "".concat(prefix, "--label"),
+    className: `${prefix}--label`,
     id: legendId || rest['aria-labelledby']
   }, legendText), children, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--checkbox-group__validation-msg")
+    className: `${prefix}--checkbox-group__validation-msg`
   }, !readOnly && invalid && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningFilled, {
-    className: "".concat(prefix, "--checkbox__invalid-icon")
+    className: `${prefix}--checkbox__invalid-icon`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--form-requirement")
+    className: `${prefix}--form-requirement`
   }, invalidText)), showWarning && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningAltFilled, {
-    className: "".concat(prefix, "--checkbox__invalid-icon ").concat(prefix, "--checkbox__invalid-icon--warning")
+    className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--form-requirement")
+    className: `${prefix}--form-requirement`
   }, warnText))), showHelper && helper);
 }
 

package/es/components/ClassPrefix/index.js

@@ -10,8 +10,10 @@ import React__default from 'react';
 import { PrefixContext } from '../../internal/usePrefix.js';
 
 function ClassPrefix(_ref) {
-  var children = _ref.children,
-      prefix = _ref.prefix;
+  let {
+    children,
+    prefix
+  } = _ref;
   return /*#__PURE__*/React__default.createElement(PrefixContext.Provider, {
     value: prefix
   }, children);

package/es/components/CodeSnippet/CodeSnippet.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 cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
@@ -13,24 +13,25 @@ import { usePrefix } from '../../internal/usePrefix.js';
 
 var _span, _span2, _span3, _span4;
 
-var _excluded = ["className", "type"];
-
 function CodeSnippetSkeleton(_ref) {
-  var _cx;
-
-  var containerClassName = _ref.className,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'single' : _ref$type,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var className = cx(containerClassName, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--snippet"), true), _defineProperty(_cx, "".concat(prefix, "--skeleton"), true), _defineProperty(_cx, "".concat(prefix, "--snippet--single"), type === 'single'), _defineProperty(_cx, "".concat(prefix, "--snippet--multi"), type === 'multi'), _cx));
+  let {
+    className: containerClassName,
+    type = 'single',
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx(containerClassName, {
+    [`${prefix}--snippet`]: true,
+    [`${prefix}--skeleton`]: true,
+    [`${prefix}--snippet--single`]: type === 'single',
+    [`${prefix}--snippet--multi`]: type === 'multi'
+  });
 
   if (type === 'single') {
     return /*#__PURE__*/React__default.createElement("div", _extends({
       className: className
     }, rest), /*#__PURE__*/React__default.createElement("div", {
-      className: "".concat(prefix, "--snippet-container")
+      className: `${prefix}--snippet-container`
     }, _span || (_span = /*#__PURE__*/React__default.createElement("span", null))));
   }
 
@@ -38,7 +39,7 @@ function CodeSnippetSkeleton(_ref) {
     return /*#__PURE__*/React__default.createElement("div", _extends({
       className: className
     }, rest), /*#__PURE__*/React__default.createElement("div", {
-      className: "".concat(prefix, "--snippet-container")
+      className: `${prefix}--snippet-container`
     }, _span2 || (_span2 = /*#__PURE__*/React__default.createElement("span", null)), _span3 || (_span3 = /*#__PURE__*/React__default.createElement("span", null)), _span4 || (_span4 = /*#__PURE__*/React__default.createElement("span", null))));
   }
 }