@carbon/ibm-products 2.65.0 → 2.66.0

package/lib/components/NonLinearReading/NonLinearReading.js

@@ -17,47 +17,42 @@ var settings = require('../../settings.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
 
 var _ChevronDown;
-var _excluded = ["children", "className", "definition", "theme"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(settings.pkg.prefix, "--non-linear-reading");
-var componentName = 'NonLinearReading';
+const blockClass = `${settings.pkg.prefix}--non-linear-reading`;
+const componentName = 'NonLinearReading';
 /**
  * Use non-linear reading when space is limited to share a
  * brief, at-a-glance, summary of a concept that may require
  * more explanation for some users.
  */
-exports.NonLinearReading = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    definition = _ref.definition,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? 'light' : _ref$theme,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var _useState = React.useState(false),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setOpen = _useState2[1];
-  var contentId = React.useRef(uuidv4.default()).current;
-  var handleToggle = function handleToggle() {
-    setOpen(function (prevState) {
-      return !prevState;
-    });
+exports.NonLinearReading = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    children,
+    className,
+    definition,
+    theme = 'light',
+    ...rest
+  } = _ref;
+  const [isOpen, setOpen] = React.useState(false);
+  const contentId = React.useRef(uuidv4.default()).current;
+  const handleToggle = () => {
+    setOpen(prevState => !prevState);
   };
   return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
-    className: cx(blockClass, "".concat(blockClass, "__").concat(theme), className),
+    className: cx(blockClass, `${blockClass}__${theme}`, className),
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), ' ', /*#__PURE__*/React.createElement("button", {
     type: "button",
     "aria-controls": contentId,
     "aria-expanded": isOpen,
-    className: cx("".concat(blockClass, "__keyword"), [isOpen ? ["".concat(blockClass, "__keyword-open")] : ["".concat(blockClass, "__keyword-closed")]]),
+    className: cx(`${blockClass}__keyword`, [isOpen ? [`${blockClass}__keyword-open`] : [`${blockClass}__keyword-closed`]]),
     onClick: handleToggle
   }, children, _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(icons.ChevronDown, {
     size: 16
   }))), ' ', /*#__PURE__*/React.createElement("span", {
     id: contentId,
-    className: "".concat(blockClass, "__body"),
+    className: `${blockClass}__body`,
     hidden: !isOpen
   }, isOpen && definition), ' ');
 });