@carbon/ibm-products 2.65.0 → 2.66.0

package/es/components/ImportModal/ImportModal.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, toConsumableArray as _toConsumableArray, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { usePrefix, ComposedModal, ModalHeader, ModalBody, FileUploaderDropContainer, TextInput, Button, FileUploaderItem, ModalFooter } from '@carbon/react';
 import React__default, { forwardRef, useState } from 'react';
 import { Add } from '@carbon/react/icons';
@@ -16,63 +16,59 @@ import { pkg } from '../../settings.js';
 import { usePortalTarget } from '../../global/js/hooks/usePortalTarget.js';
 import uuidv4 from '../../global/js/utils/uuidv4.js';
 
-var _excluded = ["accept", "className", "defaultErrorBody", "defaultErrorHeader", "description", "fetchErrorBody", "fetchErrorHeader", "fileDropHeader", "fileDropLabel", "fileUploadLabel", "inputButtonIcon", "inputButtonText", "inputId", "inputLabel", "inputPlaceholder", "invalidFileTypeErrorBody", "invalidFileTypeErrorHeader", "invalidIconDescription", "maxFileSize", "maxFileSizeErrorBody", "maxFileSizeErrorHeader", "onClose", "onRequestSubmit", "open", "portalTarget", "primaryButtonText", "secondaryButtonText", "title"];
-var componentName = 'ImportModal';
-var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref$accept = _ref.accept,
-    accept = _ref$accept === void 0 ? [] : _ref$accept,
-    className = _ref.className,
-    defaultErrorBody = _ref.defaultErrorBody,
-    defaultErrorHeader = _ref.defaultErrorHeader,
-    description = _ref.description,
-    fetchErrorBody = _ref.fetchErrorBody,
-    fetchErrorHeader = _ref.fetchErrorHeader,
-    fileDropHeader = _ref.fileDropHeader,
-    fileDropLabel = _ref.fileDropLabel,
-    fileUploadLabel = _ref.fileUploadLabel,
-    inputButtonIcon = _ref.inputButtonIcon,
-    inputButtonText = _ref.inputButtonText,
-    inputId = _ref.inputId,
-    inputLabel = _ref.inputLabel,
-    inputPlaceholder = _ref.inputPlaceholder,
-    invalidFileTypeErrorBody = _ref.invalidFileTypeErrorBody,
-    invalidFileTypeErrorHeader = _ref.invalidFileTypeErrorHeader,
-    invalidIconDescription = _ref.invalidIconDescription,
-    maxFileSize = _ref.maxFileSize,
-    maxFileSizeErrorBody = _ref.maxFileSizeErrorBody,
-    maxFileSizeErrorHeader = _ref.maxFileSizeErrorHeader,
-    onClose = _ref.onClose,
-    onRequestSubmit = _ref.onRequestSubmit,
-    open = _ref.open,
-    portalTargetIn = _ref.portalTarget,
-    primaryButtonText = _ref.primaryButtonText,
-    secondaryButtonText = _ref.secondaryButtonText,
-    title = _ref.title,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var carbonPrefix = usePrefix();
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    files = _useState2[0],
-    setFiles = _useState2[1];
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    importUrl = _useState4[0],
-    setImportUrl = _useState4[1];
-  var renderPortalUse = usePortalTarget(portalTargetIn);
-  var isInvalidFileType = function isInvalidFileType(file) {
-    var acceptSet = new Set(accept);
-    var name = file.name;
-    var mimeType = file.type;
-    var extension = ".".concat(name.split('.').pop());
+const componentName = 'ImportModal';
+let ImportModal = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    // The component props, in alphabetical order (for consistency).
+
+    accept = [],
+    className,
+    defaultErrorBody,
+    defaultErrorHeader,
+    description,
+    fetchErrorBody,
+    fetchErrorHeader,
+    fileDropHeader,
+    fileDropLabel,
+    fileUploadLabel,
+    inputButtonIcon,
+    inputButtonText,
+    inputId,
+    inputLabel,
+    inputPlaceholder,
+    invalidFileTypeErrorBody,
+    invalidFileTypeErrorHeader,
+    invalidIconDescription,
+    maxFileSize,
+    maxFileSizeErrorBody,
+    maxFileSizeErrorHeader,
+    onClose,
+    onRequestSubmit,
+    open,
+    portalTarget: portalTargetIn,
+    primaryButtonText,
+    secondaryButtonText,
+    title,
+    // Collect any other property values passed in.
+    ...rest
+  } = _ref;
+  const carbonPrefix = usePrefix();
+  const [files, setFiles] = useState([]);
+  const [importUrl, setImportUrl] = useState('');
+  const renderPortalUse = usePortalTarget(portalTargetIn);
+  const isInvalidFileType = file => {
+    const acceptSet = new Set(accept);
+    const name = file.name;
+    const mimeType = file.type;
+    const extension = `.${name.split('.').pop()}`;
     if (acceptSet.has(mimeType) || acceptSet.has(extension) || accept.length === 0) {
       return false;
     }
     return true;
   };
-  var updateFiles = function updateFiles(newFiles) {
-    var updatedFiles = newFiles.map(function (file) {
-      var _newFile$fileSize;
-      var newFile = {
+  const updateFiles = newFiles => {
+    const updatedFiles = newFiles.map(file => {
+      const newFile = {
         uuid: file.uuid || uuidv4(),
         status: 'edit',
         iconDescription: invalidIconDescription,
@@ -90,121 +86,94 @@ var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
         newFile.errorBody = invalidFileTypeErrorBody || defaultErrorBody;
         newFile.errorSubject = invalidFileTypeErrorHeader || defaultErrorHeader;
         newFile.invalid = true;
-      } else if (maxFileSize && ((_newFile$fileSize = newFile === null || newFile === void 0 ? void 0 : newFile.fileSize) !== null && _newFile$fileSize !== void 0 ? _newFile$fileSize : 0) > maxFileSize) {
+      } else if (maxFileSize && (newFile?.fileSize ?? 0) > maxFileSize) {
         newFile.errorBody = maxFileSizeErrorBody || defaultErrorBody;
         newFile.errorSubject = maxFileSizeErrorHeader || defaultErrorHeader;
         newFile.invalid = true;
       }
       return newFile;
     });
-    var finalFiles = _toConsumableArray(updatedFiles);
+    const finalFiles = [...updatedFiles];
     setFiles(finalFiles);
   };
-  var fetchFile = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(evt) {
-      var fileName, pendingFile, response, blob, fetchedFile, failedFile;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            evt.preventDefault();
-            fileName = importUrl.substring(importUrl.lastIndexOf('/') + 1).split('?')[0];
-            pendingFile = {
-              name: fileName,
-              status: 'uploading',
-              uuid: uuidv4()
-            };
-            setFiles([pendingFile]);
-            _context.prev = 4;
-            _context.next = 7;
-            return fetch(importUrl);
-          case 7:
-            response = _context.sent;
-            if (!(!response.ok || response.status !== 200)) {
-              _context.next = 10;
-              break;
-            }
-            throw new Error("".concat(response.status));
-          case 10:
-            _context.next = 12;
-            return response.blob();
-          case 12:
-            blob = _context.sent;
-            fetchedFile = new File([blob], fileName, {
-              type: blob.type
-            });
-            fetchedFile.invalidFileType = isInvalidFileType(fetchedFile);
-            fetchedFile.uuid = pendingFile.uuid;
-            updateFiles([fetchedFile]);
-            _context.next = 23;
-            break;
-          case 19:
-            _context.prev = 19;
-            _context.t0 = _context["catch"](4);
-            failedFile = _objectSpread2(_objectSpread2({}, pendingFile), {}, {
-              fetchError: true
-            });
-            updateFiles([failedFile]);
-          case 23:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[4, 19]]);
-    }));
-    return function fetchFile(_x) {
-      return _ref2.apply(this, arguments);
+  const fetchFile = async evt => {
+    evt.preventDefault();
+    const fileName = importUrl.substring(importUrl.lastIndexOf('/') + 1).split('?')[0];
+    const pendingFile = {
+      name: fileName,
+      status: 'uploading',
+      uuid: uuidv4()
     };
-  }();
-  var onAddFile = function onAddFile(evt, _ref3) {
-    var addedFiles = _ref3.addedFiles;
+    setFiles([pendingFile]);
+    try {
+      const response = await fetch(importUrl);
+      if (!response.ok || response.status !== 200) {
+        throw new Error(`${response.status}`);
+      }
+      const blob = await response.blob();
+      const fetchedFile = new File([blob], fileName, {
+        type: blob.type
+      });
+      fetchedFile.invalidFileType = isInvalidFileType(fetchedFile);
+      fetchedFile.uuid = pendingFile.uuid;
+      updateFiles([fetchedFile]);
+    } catch (err) {
+      const failedFile = {
+        ...pendingFile,
+        fetchError: true
+      };
+      updateFiles([failedFile]);
+    }
+  };
+  const onAddFile = (evt, _ref2) => {
+    let {
+      addedFiles
+    } = _ref2;
     evt.stopPropagation();
     updateFiles(addedFiles);
   };
-  var onRemoveFile = function onRemoveFile(uuid) {
-    var updatedFiles = files.filter(function (f) {
-      return f.uuid !== uuid;
-    });
+  const onRemoveFile = uuid => {
+    const updatedFiles = files.filter(f => f.uuid !== uuid);
     setFiles(updatedFiles);
   };
-  var onSubmitHandler = function onSubmitHandler() {
+  const onSubmitHandler = () => {
     onRequestSubmit(files);
   };
-  var inputHandler = function inputHandler(evt) {
+  const inputHandler = evt => {
     setImportUrl(evt.target.value);
   };
-  var onCloseHandler = function onCloseHandler() {
+  const onCloseHandler = () => {
     setFiles([]);
     setImportUrl('');
     if (onClose) {
       onClose();
     }
   };
-  var numberOfFiles = files.length;
-  var numberOfValidFiles = files.filter(function (f) {
-    return !f.invalid;
-  }).length;
-  var hasFiles = numberOfFiles > 0;
-  var primaryButtonDisabled = !hasFiles || !(numberOfValidFiles > 0);
-  var importButtonDisabled = !importUrl || hasFiles;
-  var fileStatusString = "".concat(numberOfValidFiles, " / ").concat(numberOfFiles, " ").concat(fileUploadLabel);
-  var blockClass = "".concat(pkg.prefix, "--import-modal");
-  return renderPortalUse(/*#__PURE__*/React__default.createElement(ComposedModal, _extends({}, rest, _objectSpread2({
-    open: open,
-    ref: ref
-  }, getDevtoolsProps(componentName)), {
+  const numberOfFiles = files.length;
+  const numberOfValidFiles = files.filter(f => !f.invalid).length;
+  const hasFiles = numberOfFiles > 0;
+  const primaryButtonDisabled = !hasFiles || !(numberOfValidFiles > 0);
+  const importButtonDisabled = !importUrl || hasFiles;
+  const fileStatusString = `${numberOfValidFiles} / ${numberOfFiles} ${fileUploadLabel}`;
+  const blockClass = `${pkg.prefix}--import-modal`;
+  return renderPortalUse(/*#__PURE__*/React__default.createElement(ComposedModal, _extends({}, rest, {
+    open,
+    ref
+  }, getDevtoolsProps(componentName), {
     "aria-label": title,
     className: cx(blockClass, className),
     size: "sm",
     preventCloseOnClickOutside: true,
     onClose: onCloseHandler
   }), /*#__PURE__*/React__default.createElement(ModalHeader, {
-    className: "".concat(blockClass, "__header"),
+    className: `${blockClass}__header`,
     title: title
   }), /*#__PURE__*/React__default.createElement(ModalBody, {
-    className: "".concat(blockClass, "__body-container")
+    className: `${blockClass}__body-container`
   }, description && /*#__PURE__*/React__default.createElement("p", {
-    className: "".concat(blockClass, "__body")
+    className: `${blockClass}__body`
   }, description), fileDropHeader && /*#__PURE__*/React__default.createElement("p", {
-    className: "".concat(blockClass, "__file-drop-header")
+    className: `${blockClass}__file-drop-header`
   }, fileDropHeader), /*#__PURE__*/React__default.createElement(FileUploaderDropContainer, {
     accept: accept,
     labelText: fileDropLabel,
@@ -212,9 +181,9 @@ var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     disabled: hasFiles,
     "data-modal-primary-focus": true
   }), inputLabel && /*#__PURE__*/React__default.createElement("p", {
-    className: "".concat(blockClass, "__label")
+    className: `${blockClass}__label`
   }, inputLabel), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__input-group")
+    className: `${blockClass}__input-group`
   }, /*#__PURE__*/React__default.createElement(TextInput, {
     labelText: "",
     id: inputId || '',
@@ -225,36 +194,30 @@ var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-label": inputLabel
   }), /*#__PURE__*/React__default.createElement(Button, {
     onClick: fetchFile,
-    className: "".concat(blockClass, "__import-button"),
+    className: `${blockClass}__import-button`,
     size: "sm",
     disabled: importButtonDisabled,
-    renderIcon: inputButtonIcon ? function (props) {
-      return /*#__PURE__*/React__default.createElement(Add, _extends({
-        size: 20
-      }, props));
-    } : undefined
+    renderIcon: inputButtonIcon ? props => /*#__PURE__*/React__default.createElement(Add, _extends({
+      size: 20
+    }, props)) : undefined
   }, inputButtonText)), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(carbonPrefix, "--file-container ").concat(blockClass, "__file-container")
+    className: `${carbonPrefix}--file-container ${blockClass}__file-container`
   }, hasFiles && /*#__PURE__*/React__default.createElement("p", {
-    className: "".concat(blockClass, "__helper-text")
-  }, fileStatusString), files.map(function (file) {
-    return /*#__PURE__*/React__default.createElement(FileUploaderItem, {
-      key: file.uuid,
-      onDelete: function onDelete() {
-        return onRemoveFile(file.uuid);
-      },
-      name: file.name,
-      status: file.status,
-      size: "lg",
-      uuid: file.uuid,
-      iconDescription: file.iconDescription,
-      invalid: file.invalid,
-      errorBody: file.errorBody,
-      errorSubject: file.errorSubject,
-      filesize: file.fileSize /* cspell:disable-line */
-    });
-  }))), /*#__PURE__*/React__default.createElement(ModalFooter, {
-    className: "".concat(blockClass, "__footer")
+    className: `${blockClass}__helper-text`
+  }, fileStatusString), files.map(file => /*#__PURE__*/React__default.createElement(FileUploaderItem, {
+    key: file.uuid,
+    onDelete: () => onRemoveFile(file.uuid),
+    name: file.name,
+    status: file.status,
+    size: "lg",
+    uuid: file.uuid,
+    iconDescription: file.iconDescription,
+    invalid: file.invalid,
+    errorBody: file.errorBody,
+    errorSubject: file.errorSubject,
+    filesize: file.fileSize /* cspell:disable-line */
+  })))), /*#__PURE__*/React__default.createElement(ModalFooter, {
+    className: `${blockClass}__footer`
   }, /*#__PURE__*/React__default.createElement(Button, {
     type: "button",
     kind: "secondary",

package/es/components/InlineTip/InlineTip.js

@@ -5,28 +5,27 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { Section, IconButton, Heading, Button } from '@carbon/react';
 import { Close, Idea, Crossroads } from '@carbon/react/icons';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
-import { getComponentText as _getComponentText } from './utils.js';
+import { getComponentText } from './utils.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import uuidv4 from '../../global/js/utils/uuidv4.js';
 
 var _Close, _Idea, _Crossroads;
-var _excluded = ["action", "children", "className", "closeIconDescription", "collapsible", "collapseButtonLabel", "expandButtonLabel", "renderMedia", "narrow", "onClick", "onClose", "tertiaryButtonLabel", "title", "withLeftGutter"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--inline-tip");
-var componentName = 'InlineTip';
+const blockClass = `${pkg.prefix}--inline-tip`;
+const componentName = 'InlineTip';
 
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
 // Default values for props
-var defaults = {
+const defaults = {
   closeIconDescription: 'Close',
   collapsible: false,
   collapseButtonLabel: 'Read less',
@@ -40,57 +39,47 @@ var defaults = {
  * provide an ambient way to deliver learning content without
  * distracting the user from their flow.
  */
-var InlineTip = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var action = _ref.action,
-    children = _ref.children,
-    className = _ref.className,
-    _ref$closeIconDescrip = _ref.closeIconDescription,
-    closeIconDescription = _ref$closeIconDescrip === void 0 ? defaults.closeIconDescription : _ref$closeIconDescrip,
-    _ref$collapsible = _ref.collapsible,
-    collapsible = _ref$collapsible === void 0 ? defaults.collapsible : _ref$collapsible,
-    _ref$collapseButtonLa = _ref.collapseButtonLabel,
-    collapseButtonLabel = _ref$collapseButtonLa === void 0 ? defaults.collapseButtonLabel : _ref$collapseButtonLa,
-    _ref$expandButtonLabe = _ref.expandButtonLabel,
-    expandButtonLabel = _ref$expandButtonLabe === void 0 ? defaults.expandButtonLabel : _ref$expandButtonLabe,
-    renderMedia = _ref.renderMedia,
-    _ref$narrow = _ref.narrow,
-    narrow = _ref$narrow === void 0 ? defaults.narrow : _ref$narrow,
-    onClick = _ref.onClick,
-    onClose = _ref.onClose,
-    tertiaryButtonLabel = _ref.tertiaryButtonLabel,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? defaults.title : _ref$title,
-    _ref$withLeftGutter = _ref.withLeftGutter,
-    withLeftGutter = _ref$withLeftGutter === void 0 ? defaults.withLeftGutter : _ref$withLeftGutter,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(collapsible),
-    _useState2 = _slicedToArray(_useState, 2),
-    isCollapsed = _useState2[0],
-    setIsCollapsed = _useState2[1];
-  var labelId = useRef(uuidv4()).current;
-  var previewText = useMemo(function () {
-    return _getComponentText(React__default.Children.toArray(children));
-  }, [children]);
-  var childrenToRender = children;
+let InlineTip = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    action,
+    children,
+    className,
+    closeIconDescription = defaults.closeIconDescription,
+    collapsible = defaults.collapsible,
+    collapseButtonLabel = defaults.collapseButtonLabel,
+    expandButtonLabel = defaults.expandButtonLabel,
+    renderMedia,
+    narrow = defaults.narrow,
+    onClick,
+    onClose,
+    tertiaryButtonLabel,
+    title = defaults.title,
+    withLeftGutter = defaults.withLeftGutter,
+    ...rest
+  } = _ref;
+  const [isCollapsed, setIsCollapsed] = useState(collapsible);
+  const labelId = useRef(uuidv4()).current;
+  const previewText = useMemo(() => getComponentText(React__default.Children.toArray(children)), [children]);
+  let childrenToRender = children;
   if (!renderMedia && collapsible && isCollapsed) {
     childrenToRender = /*#__PURE__*/React__default.createElement("p", {
-      className: "".concat(blockClass, "__preview-text")
+      className: `${blockClass}__preview-text`
     }, previewText);
   }
 
   // If `collapsible` is changed after initial render...
-  useEffect(function () {
+  useEffect(() => {
     setIsCollapsed(collapsible);
   }, [collapsible]);
   return /*#__PURE__*/React__default.createElement(Section, _extends({}, rest, {
     "aria-labelledby": labelId,
-    className: cx(blockClass, className, collapsible && "".concat(blockClass, "__collapsible"), isCollapsed && "".concat(blockClass, "__collapsible-collapsed"), renderMedia && "".concat(blockClass, "__has-media"), [narrow ? "".concat(blockClass, "__narrow") : "".concat(blockClass, "__wide")], withLeftGutter && !narrow && "".concat(blockClass, "__with-left-gutter")),
+    className: cx(blockClass, className, collapsible && `${blockClass}__collapsible`, isCollapsed && `${blockClass}__collapsible-collapsed`, renderMedia && `${blockClass}__has-media`, [narrow ? `${blockClass}__narrow` : `${blockClass}__wide`], withLeftGutter && !narrow && `${blockClass}__with-left-gutter`),
     ref: ref,
     role: "complementary"
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__close-icon-wrapper")
+    className: `${blockClass}__close-icon-wrapper`
   }, /*#__PURE__*/React__default.createElement(IconButton, {
-    className: "".concat(blockClass, "__close-icon"),
+    className: `${blockClass}__close-icon`,
     kind: "ghost",
     label: closeIconDescription,
     onClick: onClose,
@@ -98,42 +87,38 @@ var InlineTip = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, {
     size: 16
   })))), (!renderMedia && narrow || !narrow) && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__icon-idea"),
+    className: `${blockClass}__icon-idea`,
     tabIndex: -1
   }, _Idea || (_Idea = /*#__PURE__*/React__default.createElement(Idea, {
     size: 16
   }))), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__content")
+    className: `${blockClass}__content`
   }, /*#__PURE__*/React__default.createElement(Heading, {
     id: labelId,
-    className: "".concat(blockClass, "__title")
+    className: `${blockClass}__title`
   }, title), /*#__PURE__*/React__default.createElement("section", {
-    className: "".concat(blockClass, "__body")
+    className: `${blockClass}__body`
   }, childrenToRender, action && (!collapsible || collapsible && !isCollapsed) && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__secondary-btn")
+    className: `${blockClass}__secondary-btn`
   }, action)), (collapsible || tertiaryButtonLabel) && /*#__PURE__*/React__default.createElement("footer", {
-    className: "".concat(blockClass, "__footer")
+    className: `${blockClass}__footer`
   }, collapsible && !renderMedia && /*#__PURE__*/React__default.createElement(Button, {
-    className: "".concat(blockClass, "__toggle-btn"),
+    className: `${blockClass}__toggle-btn`,
     kind: "ghost",
     size: "md",
-    onClick: function onClick() {
-      setIsCollapsed(function (prevState) {
-        return !prevState;
-      });
+    onClick: () => {
+      setIsCollapsed(prevState => !prevState);
     }
   }, isCollapsed ? expandButtonLabel : collapseButtonLabel), tertiaryButtonLabel && /*#__PURE__*/React__default.createElement(Button, {
-    className: "".concat(blockClass, "__close-btn"),
+    className: `${blockClass}__close-btn`,
     size: "md",
     onClick: onClick,
     kind: "tertiary",
-    renderIcon: function renderIcon() {
-      return _Crossroads || (_Crossroads = /*#__PURE__*/React__default.createElement(Crossroads, {
-        size: 16
-      }));
-    }
+    renderIcon: () => _Crossroads || (_Crossroads = /*#__PURE__*/React__default.createElement(Crossroads, {
+      size: 16
+    }))
   }, tertiaryButtonLabel))), renderMedia && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__media")
+    className: `${blockClass}__media`
   }, renderMedia()));
 });
 InlineTip = pkg.checkComponentEnabled(InlineTip, componentName);

package/es/components/InlineTip/InlineTipButton.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 React__default from 'react';
 import { Button } from '@carbon/react';
 import PropTypes from '../../_virtual/index.js';
@@ -13,21 +13,21 @@ import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
-var _excluded = ["children", "className"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--inline-tip__button");
-var componentName = 'InlineTipButton';
+const blockClass = `${pkg.prefix}--inline-tip__button`;
+const componentName = 'InlineTipButton';
 
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
 /**
  * This is a standard Carbon button, styled specifically for use inside InlineTip.
  */
-var InlineTipButton = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
+let InlineTipButton = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    children,
+    className,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React__default.createElement(Button, _extends({}, rest, {
     className: cx(blockClass, className),
     ref: ref

package/es/components/InlineTip/InlineTipLink.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 React__default from 'react';
 import { Launch } from '@carbon/react/icons';
 import { Link } from '@carbon/react';
@@ -15,30 +15,29 @@ import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
 var _Launch;
-var _excluded = ["children", "className"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--inline-tip__link");
-var componentName = 'InlineTipLink';
+const blockClass = `${pkg.prefix}--inline-tip__link`;
+const componentName = 'InlineTipLink';
 
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
 /**
  * This is a standard Carbon link, styled specifically for use inside InlineTip.
  */
-var InlineTipLink = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
+let InlineTipLink = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    children,
+    className,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React__default.createElement(Link, _extends({}, rest, {
     className: cx(blockClass, className),
     ref: ref
   }, getDevtoolsProps(componentName), {
-    renderIcon: function renderIcon() {
-      return _Launch || (_Launch = /*#__PURE__*/React__default.createElement(Launch, {
-        size: 16
-      }));
-    }
+    renderIcon: () => _Launch || (_Launch = /*#__PURE__*/React__default.createElement(Launch, {
+      size: 16
+    }))
   }), children);
 });
 InlineTipLink = pkg.checkComponentEnabled(InlineTipLink, componentName);