@carbon/react 1.27.0-rc.0 → 1.28.0-rc.0

package/lib/components/Checkbox/Checkbox.js

@@ -25,95 +25,98 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["className", "helperText", "id", "labelText", "onChange", "onClick", "indeterminate", "invalid", "invalidText", "hideLabel", "readOnly", "title", "warn", "warnText"];
-var getInstanceId = setupGetInstanceId["default"]();
-var Checkbox = /*#__PURE__*/React__default["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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.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["default"].createElement("div", {
+const getInstanceId = setupGetInstanceId["default"]();
+const Checkbox = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
+  let {
+    className,
+    helperText,
+    id,
+    labelText,
+    onChange,
+    onClick,
+    indeterminate,
+    invalid,
+    invalidText,
+    hideLabel,
+    readOnly,
+    title = '',
+    warn,
+    warnText,
+    ...other
+  } = _ref;
+  const prefix = usePrefix.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["default"].createElement("div", {
     id: helperId,
-    className: "".concat(prefix, "--form__helper-text")
+    className: `${prefix}--form__helper-text`
   }, helperText) : null;
-  var wrapperClasses = cx__default["default"]("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), className, (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--checkbox-wrapper--readonly"), readOnly), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--checkbox-wrapper--invalid"), !readOnly && invalid), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--checkbox-wrapper--warning"), showWarning), _classNames));
-  var innerLabelClasses = cx__default["default"]("".concat(prefix, "--checkbox-label-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
+  const wrapperClasses = cx__default["default"](`${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__default["default"](`${prefix}--checkbox-label-text`, {
+    [`${prefix}--visually-hidden`]: hideLabel
+  });
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: wrapperClasses
   }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["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["default"].createElement("label", {
     htmlFor: id,
-    className: "".concat(prefix, "--checkbox-label"),
+    className: `${prefix}--checkbox-label`,
     title: title
   }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     className: innerLabelClasses
   }, labelText)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--checkbox__validation-msg")
+    className: `${prefix}--checkbox__validation-msg`
   }, !readOnly && invalid && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
-    className: "".concat(prefix, "--checkbox__invalid-icon")
+    className: `${prefix}--checkbox__invalid-icon`
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--form-requirement")
+    className: `${prefix}--form-requirement`
   }, invalidText)), showWarning && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.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["default"].createElement("div", {
-    className: "".concat(prefix, "--form-requirement")
+    className: `${prefix}--form-requirement`
   }, warnText))), showHelper && helper);
 });
 Checkbox.propTypes = {
@@ -201,7 +204,7 @@ Checkbox.propTypes = {
   warnText: PropTypes__default["default"].node
 };
 Checkbox.defaultProps = {
-  onChange: function onChange() {},
+  onChange: () => {},
   indeterminate: false
 };
 Checkbox.displayName = 'Checkbox';

package/lib/components/CheckboxGroup/CheckboxGroup.js

@@ -23,34 +23,36 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["children", "className", "helperText", "invalid", "invalidText", "legendId", "legendText", "readOnly", "warn", "warnText"];
-var getInstanceId = setupGetInstanceId["default"]();
+const getInstanceId = setupGetInstanceId["default"]();
 
 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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.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["default"].createElement("div", {
+  let {
+    children,
+    className,
+    helperText,
+    invalid,
+    invalidText,
+    legendId,
+    legendText,
+    readOnly,
+    warn,
+    warnText,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.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["default"].createElement("div", {
     id: helperId,
-    className: "".concat(prefix, "--form__helper-text")
+    className: `${prefix}--form__helper-text`
   }, helperText) : null;
-  var fieldsetClasses = cx__default["default"]("".concat(prefix, "--checkbox-group"), className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--checkbox-group--readonly"), readOnly), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--checkbox-group--invalid"), !readOnly && invalid), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--checkbox-group--warning"), showWarning), _cx));
+  const fieldsetClasses = cx__default["default"](`${prefix}--checkbox-group`, className, {
+    [`${prefix}--checkbox-group--readonly`]: readOnly,
+    [`${prefix}--checkbox-group--invalid`]: !readOnly && invalid,
+    [`${prefix}--checkbox-group--warning`]: showWarning
+  });
   return /*#__PURE__*/React__default["default"].createElement("fieldset", _rollupPluginBabelHelpers["extends"]({
     className: fieldsetClasses,
     "data-invalid": invalid ? true : undefined,
@@ -58,18 +60,18 @@ function CheckboxGroup(_ref) {
     "aria-readonly": readOnly,
     "aria-describedby": !invalid && !warn && helper ? helperId : undefined
   }, rest), /*#__PURE__*/React__default["default"].createElement("legend", {
-    className: "".concat(prefix, "--label"),
+    className: `${prefix}--label`,
     id: legendId || rest['aria-labelledby']
   }, legendText), children, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--checkbox-group__validation-msg")
+    className: `${prefix}--checkbox-group__validation-msg`
   }, !readOnly && invalid && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
-    className: "".concat(prefix, "--checkbox__invalid-icon")
+    className: `${prefix}--checkbox__invalid-icon`
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--form-requirement")
+    className: `${prefix}--form-requirement`
   }, invalidText)), showWarning && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.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["default"].createElement("div", {
-    className: "".concat(prefix, "--form-requirement")
+    className: `${prefix}--form-requirement`
   }, warnText))), showHelper && helper);
 }
 

package/lib/components/ClassPrefix/index.js

@@ -19,8 +19,10 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function ClassPrefix(_ref) {
-  var children = _ref.children,
-      prefix = _ref.prefix;
+  let {
+    children,
+    prefix
+  } = _ref;
   return /*#__PURE__*/React__default["default"].createElement(usePrefix.PrefixContext.Provider, {
     value: prefix
   }, children);

package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js

@@ -23,24 +23,25 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var className = cx__default["default"](containerClassName, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--snippet"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--skeleton"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--snippet--single"), type === 'single'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--snippet--multi"), type === 'multi'), _cx));
+  let {
+    className: containerClassName,
+    type = 'single',
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const className = cx__default["default"](containerClassName, {
+    [`${prefix}--snippet`]: true,
+    [`${prefix}--skeleton`]: true,
+    [`${prefix}--snippet--single`]: type === 'single',
+    [`${prefix}--snippet--multi`]: type === 'multi'
+  });
 
   if (type === 'single') {
     return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
       className: className
     }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "".concat(prefix, "--snippet-container")
+      className: `${prefix}--snippet-container`
     }, _span || (_span = /*#__PURE__*/React__default["default"].createElement("span", null))));
   }
 
@@ -48,7 +49,7 @@ function CodeSnippetSkeleton(_ref) {
     return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
       className: className
     }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "".concat(prefix, "--snippet-container")
+      className: `${prefix}--snippet-container`
     }, _span2 || (_span2 = /*#__PURE__*/React__default["default"].createElement("span", null)), _span3 || (_span3 = /*#__PURE__*/React__default["default"].createElement("span", null)), _span4 || (_span4 = /*#__PURE__*/React__default["default"].createElement("span", null))));
   }
 }