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

package/es/components/ComposedModal/ModalHeader.js

@@ -5,42 +5,55 @@
  * 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 React__default from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { Close } from '@carbon/icons-react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["buttonOnClick", "children", "className", "closeClassName", "closeIconClassName", "closeModal", "iconDescription", "label", "labelClassName", "title", "titleClassName"];
-var ModalHeader = /*#__PURE__*/React__default.forwardRef(function ModalHeader(_ref, ref) {
-  var _cx, _cx2, _cx3, _cx4, _cx5;
-
-  var buttonOnClick = _ref.buttonOnClick,
-      children = _ref.children,
-      customClassName = _ref.className,
-      closeClassName = _ref.closeClassName,
-      closeIconClassName = _ref.closeIconClassName,
-      closeModal = _ref.closeModal,
-      iconDescription = _ref.iconDescription,
-      label = _ref.label,
-      labelClassName = _ref.labelClassName,
-      title = _ref.title,
-      titleClassName = _ref.titleClassName,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
+const ModalHeader = /*#__PURE__*/React__default.forwardRef(function ModalHeader(_ref, ref) {
+  let {
+    buttonOnClick,
+    children,
+    className: customClassName,
+    closeClassName,
+    closeIconClassName,
+    closeModal,
+    iconDescription,
+    label,
+    labelClassName,
+    title,
+    titleClassName,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
 
   function handleCloseButtonClick(evt) {
     closeModal(evt);
     buttonOnClick();
   }
 
-  var headerClass = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--modal-header"), true), _defineProperty(_cx, customClassName, customClassName), _cx));
-  var labelClass = cx((_cx2 = {}, _defineProperty(_cx2, "".concat(prefix, "--modal-header__label ").concat(prefix, "--type-delta"), true), _defineProperty(_cx2, labelClassName, labelClassName), _cx2));
-  var titleClass = cx((_cx3 = {}, _defineProperty(_cx3, "".concat(prefix, "--modal-header__heading ").concat(prefix, "--type-beta"), true), _defineProperty(_cx3, titleClassName, titleClassName), _cx3));
-  var closeClass = cx((_cx4 = {}, _defineProperty(_cx4, "".concat(prefix, "--modal-close"), true), _defineProperty(_cx4, closeClassName, closeClassName), _cx4));
-  var closeIconClass = cx((_cx5 = {}, _defineProperty(_cx5, "".concat(prefix, "--modal-close__icon"), true), _defineProperty(_cx5, closeIconClassName, closeIconClassName), _cx5));
+  const headerClass = cx({
+    [`${prefix}--modal-header`]: true,
+    [customClassName]: customClassName
+  });
+  const labelClass = cx({
+    [`${prefix}--modal-header__label ${prefix}--type-delta`]: true,
+    [labelClassName]: labelClassName
+  });
+  const titleClass = cx({
+    [`${prefix}--modal-header__heading ${prefix}--type-beta`]: true,
+    [titleClassName]: titleClassName
+  });
+  const closeClass = cx({
+    [`${prefix}--modal-close`]: true,
+    [closeClassName]: closeClassName
+  });
+  const closeIconClass = cx({
+    [`${prefix}--modal-close__icon`]: true,
+    [closeIconClassName]: closeIconClassName
+  });
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: headerClass
   }, rest, {
@@ -120,8 +133,8 @@ ModalHeader.propTypes = {
 };
 ModalHeader.defaultProps = {
   iconDescription: 'Close',
-  buttonOnClick: function buttonOnClick() {},
-  closeModal: function closeModal() {}
+  buttonOnClick: () => {},
+  closeModal: () => {}
 };
 
 export { ModalHeader };

package/es/components/ContainedList/ContainedList.js

@@ -5,37 +5,38 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var variants = ['on-page', 'disclosed'];
+const variants = ['on-page', 'disclosed'];
 
 function ContainedList(_ref) {
-  var action = _ref.action,
-      children = _ref.children,
-      className = _ref.className,
-      isInset = _ref.isInset,
-      _ref$kind = _ref.kind,
-      kind = _ref$kind === void 0 ? variants[0] : _ref$kind,
-      label = _ref.label,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'lg' : _ref$size;
-  var labelId = "".concat(useId('contained-list'), "-header");
-  var prefix = usePrefix();
-  var classes = cx("".concat(prefix, "--contained-list"), _defineProperty({}, "".concat(prefix, "--contained-list--inset-rulers"), isInset), "".concat(prefix, "--contained-list--").concat(kind), "".concat(prefix, "--contained-list--").concat(size), className);
+  let {
+    action,
+    children,
+    className,
+    isInset,
+    kind = variants[0],
+    label,
+    size = 'lg'
+  } = _ref;
+  const labelId = `${useId('contained-list')}-header`;
+  const prefix = usePrefix();
+  const classes = cx(`${prefix}--contained-list`, {
+    [`${prefix}--contained-list--inset-rulers`]: isInset
+  }, `${prefix}--contained-list--${kind}`, `${prefix}--contained-list--${size}`, className);
   return /*#__PURE__*/React__default.createElement("div", {
     className: classes
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--contained-list__header")
+    className: `${prefix}--contained-list__header`
   }, /*#__PURE__*/React__default.createElement("div", {
     id: labelId,
-    className: "".concat(prefix, "--contained-list__label")
+    className: `${prefix}--contained-list__label`
   }, label), action && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--contained-list__action")
+    className: `${prefix}--contained-list__action`
   }, action)), /*#__PURE__*/React__default.createElement("ul", {
     "aria-labelledby": labelId
   }, children));

package/es/components/ContainedList/ContainedListItem/ContainedListItem.js

@@ -5,39 +5,41 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { usePrefix } from '../../../internal/usePrefix.js';
 
 function ContainedListItem(_ref) {
-  var _classNames;
-
-  var action = _ref.action,
-      children = _ref.children,
-      className = _ref.className,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      onClick = _ref.onClick,
-      IconElement = _ref.renderIcon;
-  var prefix = usePrefix();
-  var isClickable = onClick !== undefined;
-  var classes = cx("".concat(prefix, "--contained-list-item"), className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--contained-list-item--clickable"), isClickable), _defineProperty(_classNames, "".concat(prefix, "--contained-list-item--with-icon"), IconElement), _defineProperty(_classNames, "".concat(prefix, "--contained-list-item--with-action"), action), _classNames));
-  var content = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, IconElement && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--contained-list-item__icon")
+  let {
+    action,
+    children,
+    className,
+    disabled = false,
+    onClick,
+    renderIcon: IconElement
+  } = _ref;
+  const prefix = usePrefix();
+  const isClickable = onClick !== undefined;
+  const classes = cx(`${prefix}--contained-list-item`, className, {
+    [`${prefix}--contained-list-item--clickable`]: isClickable,
+    [`${prefix}--contained-list-item--with-icon`]: IconElement,
+    [`${prefix}--contained-list-item--with-action`]: action
+  });
+  const content = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, IconElement && /*#__PURE__*/React__default.createElement("div", {
+    className: `${prefix}--contained-list-item__icon`
   }, /*#__PURE__*/React__default.createElement(IconElement, null)), /*#__PURE__*/React__default.createElement("div", null, children));
   return /*#__PURE__*/React__default.createElement("li", {
     className: classes
   }, isClickable ? /*#__PURE__*/React__default.createElement("button", {
-    className: "".concat(prefix, "--contained-list-item__content"),
+    className: `${prefix}--contained-list-item__content`,
     type: "button",
     disabled: disabled,
     onClick: onClick
   }, content) : /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--contained-list-item__content")
+    className: `${prefix}--contained-list-item__content`
   }, content), action && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--contained-list-item__action")
+    className: `${prefix}--contained-list-item__action`
   }, action));
 }
 

package/es/components/ContentSwitcher/ContentSwitcher.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, objectSpread2 as _objectSpread2, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
@@ -16,130 +16,115 @@ import { matches } from '../../internal/keyboard/match.js';
 import { getNextIndex } from '../../internal/keyboard/navigation.js';
 import { ArrowRight, ArrowLeft } from '../../internal/keyboard/keys.js';
 
-var _excluded = ["children", "className", "light", "selectedIndex", "selectionMode", "size"];
+class ContentSwitcher extends React__default.Component {
+  constructor() {
+    super(...arguments);
 
-var ContentSwitcher = /*#__PURE__*/function (_React$Component) {
-  _inherits(ContentSwitcher, _React$Component);
+    _defineProperty(this, "_switchRefs", []);
 
-  var _super = _createSuper(ContentSwitcher);
+    _defineProperty(this, "state", {});
 
-  function ContentSwitcher() {
-    var _this;
-
-    _classCallCheck(this, ContentSwitcher);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "_switchRefs", []);
-
-    _defineProperty(_assertThisInitialized(_this), "state", {});
-
-    _defineProperty(_assertThisInitialized(_this), "handleItemRef", function (index) {
-      return function (ref) {
-        _this._switchRefs[index] = ref;
-      };
+    _defineProperty(this, "handleItemRef", index => ref => {
+      this._switchRefs[index] = ref;
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleChildChange", function (data) {
-      var selectionMode = _this.props.selectionMode; // the currently selected child index
+    _defineProperty(this, "handleChildChange", data => {
+      const {
+        selectionMode
+      } = this.props; // the currently selected child index
 
-      var selectedIndex = _this.state.selectedIndex; // the newly selected child index
+      const {
+        selectedIndex
+      } = this.state; // the newly selected child index
 
-      var index = data.index;
-      var key = data.key;
+      const {
+        index
+      } = data;
+      const {
+        key
+      } = data;
 
       if (matches(data, [ArrowRight, ArrowLeft])) {
-        var nextIndex = getNextIndex(key, index, _this.props.children.length);
-        var children = React__default.Children.toArray(_this.props.children);
+        const nextIndex = getNextIndex(key, index, this.props.children.length);
+        const children = React__default.Children.toArray(this.props.children);
 
         if (selectionMode === 'manual') {
-          var switchRef = _this._switchRefs[nextIndex];
+          const switchRef = this._switchRefs[nextIndex];
           switchRef && switchRef.focus();
         } else {
-          _this.setState({
+          this.setState({
             selectedIndex: nextIndex
-          }, function () {
-            var child = children[_this.state.selectedIndex];
-            var switchRef = _this._switchRefs[_this.state.selectedIndex];
+          }, () => {
+            const child = children[this.state.selectedIndex];
+            const switchRef = this._switchRefs[this.state.selectedIndex];
             switchRef && switchRef.focus();
-
-            _this.props.onChange(_objectSpread2(_objectSpread2({}, data), {}, {
-              index: _this.state.selectedIndex,
+            this.props.onChange({ ...data,
+              index: this.state.selectedIndex,
               name: child.props.name,
               text: child.props.text
-            }));
+            });
           });
         }
       } else if (selectedIndex !== index) {
-        _this.setState({
+        this.setState({
           selectedIndex: index
-        }, function () {
-          var switchRef = _this._switchRefs[index];
+        }, () => {
+          const switchRef = this._switchRefs[index];
           switchRef && switchRef.focus();
-
-          _this.props.onChange(data);
+          this.props.onChange(data);
         });
       }
     });
+  }
 
-    return _this;
+  static getDerivedStateFromProps(_ref, state) {
+    let {
+      selectedIndex
+    } = _ref;
+    const {
+      prevSelectedIndex
+    } = state;
+    return prevSelectedIndex === selectedIndex ? null : {
+      selectedIndex,
+      prevSelectedIndex: selectedIndex
+    };
   }
 
-  _createClass(ContentSwitcher, [{
-    key: "render",
-    value: function render() {
-      var _classNames,
-          _this2 = this;
-
-      var prefix = this.context;
-
-      var _this$props = this.props,
-          children = _this$props.children,
-          className = _this$props.className,
-          light = _this$props.light;
-          _this$props.selectedIndex;
-          _this$props.selectionMode;
-          var size = _this$props.size,
-          other = _objectWithoutProperties(_this$props, _excluded);
-
-      var isIconOnly = React__default.Children.map(children, function (child) {
-        return child.type.displayName === 'IconSwitch';
-      }).every(function (val) {
-        return val === true;
-      });
-      var classes = cx("".concat(prefix, "--content-switcher"), className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--content-switcher--light"), light), _defineProperty(_classNames, "".concat(prefix, "--content-switcher--").concat(size), size), _defineProperty(_classNames, "".concat(prefix, "--content-switcher--icon-only"), isIconOnly), _classNames));
-      return /*#__PURE__*/React__default.createElement("div", _extends({}, other, {
-        className: classes,
-        role: "tablist"
-      }), React__default.Children.map(children, function (child, index) {
-        return /*#__PURE__*/React__default.cloneElement(child, {
-          index: index,
-          onClick: composeEventHandlers([_this2.handleChildChange, child.props.onClick]),
-          onKeyDown: _this2.handleChildChange,
-          selected: index === _this2.state.selectedIndex,
-          ref: _this2.handleItemRef(index),
-          size: size
-        });
-      }));
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(_ref, state) {
-      var selectedIndex = _ref.selectedIndex;
-      var prevSelectedIndex = state.prevSelectedIndex;
-      return prevSelectedIndex === selectedIndex ? null : {
-        selectedIndex: selectedIndex,
-        prevSelectedIndex: selectedIndex
-      };
-    }
-  }]);
-
-  return ContentSwitcher;
-}(React__default.Component);
+  render() {
+    const prefix = this.context;
+    const {
+      children,
+      className,
+      light,
+      selectedIndex,
+      // eslint-disable-line no-unused-vars
+      selectionMode,
+      // eslint-disable-line no-unused-vars
+      size,
+      ...other
+    } = this.props;
+    const isIconOnly = React__default.Children.map(children, child => {
+      return child.type.displayName === 'IconSwitch';
+    }).every(val => val === true);
+    const classes = cx(`${prefix}--content-switcher`, className, {
+      [`${prefix}--content-switcher--light`]: light,
+      [`${prefix}--content-switcher--${size}`]: size,
+      [`${prefix}--content-switcher--icon-only`]: isIconOnly
+    });
+    return /*#__PURE__*/React__default.createElement("div", _extends({}, other, {
+      className: classes,
+      role: "tablist"
+    }), React__default.Children.map(children, (child, index) => /*#__PURE__*/React__default.cloneElement(child, {
+      index,
+      onClick: composeEventHandlers([this.handleChildChange, child.props.onClick]),
+      onKeyDown: this.handleChildChange,
+      selected: index === this.state.selectedIndex,
+      ref: this.handleItemRef(index),
+      size
+    })));
+  }
+
+}
 
 _defineProperty(ContentSwitcher, "propTypes", {
   /**
@@ -184,7 +169,7 @@ _defineProperty(ContentSwitcher, "contextType", PrefixContext);
 _defineProperty(ContentSwitcher, "defaultProps", {
   selectedIndex: 0,
   selectionMode: 'automatic',
-  onChange: function onChange() {}
+  onChange: () => {}
 });
 
 export { ContentSwitcher as default };

package/es/components/ContentSwitcher/index.js

@@ -8,6 +8,6 @@
 import { createClassWrapper } from '../../internal/createClassWrapper.js';
 import ContentSwitcher$1 from './ContentSwitcher.js';
 
-var ContentSwitcher = createClassWrapper(ContentSwitcher$1);
+const ContentSwitcher = createClassWrapper(ContentSwitcher$1);
 
 export { ContentSwitcher, ContentSwitcher as default };

package/es/components/ContextMenu/useContextMenu.js

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { useState, useEffect } from 'react';
 
 /**
@@ -14,22 +13,16 @@ import { useState, useEffect } from 'react';
  */
 
 function useContextMenu() {
-  var trigger = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
-  var _useState3 = useState([0, 0]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      position = _useState4[0],
-      setPosition = _useState4[1];
+  let trigger = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
+  const [open, setOpen] = useState(false);
+  const [position, setPosition] = useState([0, 0]);
 
   function openContextMenu(e) {
     e.preventDefault();
-    var x = e.x,
-        y = e.y;
+    const {
+      x,
+      y
+    } = e;
     setPosition([x, y]);
     setOpen(true);
   }
@@ -38,23 +31,21 @@ function useContextMenu() {
     setOpen(false);
   }
 
-  useEffect(function () {
-    var _trigger$current;
-
-    var el = (_trigger$current = trigger === null || trigger === void 0 ? void 0 : trigger.current) !== null && _trigger$current !== void 0 ? _trigger$current : trigger;
+  useEffect(() => {
+    const el = (trigger === null || trigger === void 0 ? void 0 : trigger.current) ?? trigger;
 
     if (el && el instanceof Element || el instanceof Document || el instanceof Window) {
       el.addEventListener('contextmenu', openContextMenu);
-      return function () {
+      return () => {
         el.removeEventListener('contextmenu', openContextMenu);
       };
     }
   }, [trigger]);
   return {
-    open: open,
+    open,
     x: position[0],
     y: position[1],
-    onClose: onClose
+    onClose
   };
 }
 

package/es/components/Copy/Copy.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, 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, { useState, useCallback, useEffect } from 'react';
 import debounce from 'lodash.debounce';
@@ -15,44 +15,39 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { IconButton } from '../IconButton/index.js';
 import * as FeatureFlags from '@carbon/feature-flags';
 
-var _excluded = ["children", "className", "feedback", "feedbackTimeout", "onAnimationEnd", "onClick"];
 function Copy(_ref) {
-  var _classnames;
-
-  var children = _ref.children,
-      className = _ref.className,
-      feedback = _ref.feedback,
-      feedbackTimeout = _ref.feedbackTimeout,
-      onAnimationEnd = _ref.onAnimationEnd,
-      onClick = _ref.onClick,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      animation = _useState2[0],
-      setAnimation = _useState2[1];
-
-  var prefix = usePrefix();
-  var classNames = cx(className, "".concat(prefix, "--copy"), (_classnames = {}, _defineProperty(_classnames, "".concat(prefix, "--copy-btn--animating"), animation), _defineProperty(_classnames, "".concat(prefix, "--copy-btn--").concat(animation), animation), _classnames)); // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  var handleFadeOut = useCallback(debounce(function () {
+  let {
+    children,
+    className,
+    feedback,
+    feedbackTimeout,
+    onAnimationEnd,
+    onClick,
+    ...other
+  } = _ref;
+  const [animation, setAnimation] = useState('');
+  const prefix = usePrefix();
+  const classNames = cx(className, `${prefix}--copy`, {
+    [`${prefix}--copy-btn--animating`]: animation,
+    [`${prefix}--copy-btn--${animation}`]: animation
+  }); // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  const handleFadeOut = useCallback(debounce(() => {
     setAnimation('fade-out');
   }, feedbackTimeout), [feedbackTimeout]);
-  var handleClick = useCallback(function () {
+  const handleClick = useCallback(() => {
     setAnimation('fade-in');
     handleFadeOut();
   }, [handleFadeOut]);
 
-  var handleAnimationEnd = function handleAnimationEnd(event) {
+  const handleAnimationEnd = event => {
     if (event.animationName === 'hide-feedback') {
       setAnimation('');
     }
   };
 
-  useEffect(function () {
-    return function () {
-      handleFadeOut.cancel();
-    };
+  useEffect(() => () => {
+    handleFadeOut.cancel();
   }, [handleFadeOut]);
 
   if (FeatureFlags.enabled('enable-v11-release')) {
@@ -78,7 +73,7 @@ function Copy(_ref) {
     "aria-label": !children && (animation ? feedback : other['aria-label']) || null
   }), children, animation ? feedback : other['aria-label'], /*#__PURE__*/React__default.createElement("span", {
     "aria-hidden": "true",
-    className: "".concat(prefix, "--assistive-text ").concat(prefix, "--copy-btn__feedback")
+    className: `${prefix}--assistive-text ${prefix}--copy-btn__feedback`
   }, feedback));
 }
 Copy.propTypes = {
@@ -118,7 +113,7 @@ Copy.propTypes = {
 Copy.defaultProps = {
   feedback: 'Copied!',
   feedbackTimeout: 2000,
-  onClick: function onClick() {}
+  onClick: () => {}
 };
 
 export { Copy as default };

package/es/components/CopyButton/CopyButton.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, 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,18 +13,18 @@ import { Copy as Copy$1 } from '@carbon/icons-react';
 import Copy from '../Copy/Copy.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["iconDescription", "className"];
 function CopyButton(_ref) {
-  var iconDescription = _ref.iconDescription,
-      className = _ref.className,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
+  let {
+    iconDescription,
+    className,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
   return /*#__PURE__*/React__default.createElement(Copy, _extends({
-    className: cx(className, "".concat(prefix, "--copy-btn")),
+    className: cx(className, `${prefix}--copy-btn`),
     "aria-label": iconDescription
   }, other), /*#__PURE__*/React__default.createElement(Copy$1, {
-    className: "".concat(prefix, "--snippet__icon")
+    className: `${prefix}--snippet__icon`
   }));
 }
 CopyButton.propTypes = {
@@ -60,7 +60,7 @@ CopyButton.defaultProps = {
   iconDescription: 'Copy to clipboard',
   feedback: 'Copied!',
   feedbackTimeout: 2000,
-  onClick: function onClick() {}
+  onClick: () => {}
 };
 
 export { CopyButton as default };