@carbon/ibm-products 2.65.0 → 2.66.0

package/lib/components/ImportModal/ImportModal.js

@@ -18,63 +18,59 @@ var settings = require('../../settings.js');
 var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
 var uuidv4 = require('../../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';
-exports.ImportModal = /*#__PURE__*/React.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var carbonPrefix = react.usePrefix();
-  var _useState = React.useState([]),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    files = _useState2[0],
-    setFiles = _useState2[1];
-  var _useState3 = React.useState(''),
-    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    importUrl = _useState4[0],
-    setImportUrl = _useState4[1];
-  var renderPortalUse = usePortalTarget.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';
+exports.ImportModal = /*#__PURE__*/React.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 = react.usePrefix();
+  const [files, setFiles] = React.useState([]);
+  const [importUrl, setImportUrl] = React.useState('');
+  const renderPortalUse = usePortalTarget.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.default(),
         status: 'edit',
         iconDescription: invalidIconDescription,
@@ -92,121 +88,94 @@ exports.ImportModal = /*#__PURE__*/React.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 = _rollupPluginBabelHelpers.toConsumableArray(updatedFiles);
+    const finalFiles = [...updatedFiles];
     setFiles(finalFiles);
   };
-  var fetchFile = /*#__PURE__*/function () {
-    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(evt) {
-      var fileName, pendingFile, response, blob, fetchedFile, failedFile;
-      return _rollupPluginBabelHelpers.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.default()
-            };
-            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 = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.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.default()
     };
-  }();
-  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(settings.pkg.prefix, "--import-modal");
-  return renderPortalUse(/*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, _rollupPluginBabelHelpers.objectSpread2({
-    open: open,
-    ref: ref
-  }, devtools.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 = `${settings.pkg.prefix}--import-modal`;
+  return renderPortalUse(/*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
+    open,
+    ref
+  }, devtools.getDevtoolsProps(componentName), {
     "aria-label": title,
     className: cx(blockClass, className),
     size: "sm",
     preventCloseOnClickOutside: true,
     onClose: onCloseHandler
   }), /*#__PURE__*/React.createElement(react.ModalHeader, {
-    className: "".concat(blockClass, "__header"),
+    className: `${blockClass}__header`,
     title: title
   }), /*#__PURE__*/React.createElement(react.ModalBody, {
-    className: "".concat(blockClass, "__body-container")
+    className: `${blockClass}__body-container`
   }, description && /*#__PURE__*/React.createElement("p", {
-    className: "".concat(blockClass, "__body")
+    className: `${blockClass}__body`
   }, description), fileDropHeader && /*#__PURE__*/React.createElement("p", {
-    className: "".concat(blockClass, "__file-drop-header")
+    className: `${blockClass}__file-drop-header`
   }, fileDropHeader), /*#__PURE__*/React.createElement(react.FileUploaderDropContainer, {
     accept: accept,
     labelText: fileDropLabel,
@@ -214,9 +183,9 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     disabled: hasFiles,
     "data-modal-primary-focus": true
   }), inputLabel && /*#__PURE__*/React.createElement("p", {
-    className: "".concat(blockClass, "__label")
+    className: `${blockClass}__label`
   }, inputLabel), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__input-group")
+    className: `${blockClass}__input-group`
   }, /*#__PURE__*/React.createElement(react.TextInput, {
     labelText: "",
     id: inputId || '',
@@ -227,36 +196,30 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     "aria-label": inputLabel
   }), /*#__PURE__*/React.createElement(react.Button, {
     onClick: fetchFile,
-    className: "".concat(blockClass, "__import-button"),
+    className: `${blockClass}__import-button`,
     size: "sm",
     disabled: importButtonDisabled,
-    renderIcon: inputButtonIcon ? function (props) {
-      return /*#__PURE__*/React.createElement(icons.Add, _rollupPluginBabelHelpers.extends({
-        size: 20
-      }, props));
-    } : undefined
+    renderIcon: inputButtonIcon ? props => /*#__PURE__*/React.createElement(icons.Add, _rollupPluginBabelHelpers.extends({
+      size: 20
+    }, props)) : undefined
   }, inputButtonText)), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(carbonPrefix, "--file-container ").concat(blockClass, "__file-container")
+    className: `${carbonPrefix}--file-container ${blockClass}__file-container`
   }, hasFiles && /*#__PURE__*/React.createElement("p", {
-    className: "".concat(blockClass, "__helper-text")
-  }, fileStatusString), files.map(function (file) {
-    return /*#__PURE__*/React.createElement(react.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.createElement(react.ModalFooter, {
-    className: "".concat(blockClass, "__footer")
+    className: `${blockClass}__helper-text`
+  }, fileStatusString), files.map(file => /*#__PURE__*/React.createElement(react.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.createElement(react.ModalFooter, {
+    className: `${blockClass}__footer`
   }, /*#__PURE__*/React.createElement(react.Button, {
     type: "button",
     kind: "secondary",

package/lib/components/InlineTip/InlineTip.js

@@ -19,16 +19,15 @@ var settings = require('../../settings.js');
 var uuidv4 = require('../../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(settings.pkg.prefix, "--inline-tip");
-var componentName = 'InlineTip';
+const blockClass = `${settings.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',
@@ -42,57 +41,47 @@ var defaults = {
  * provide an ambient way to deliver learning content without
  * distracting the user from their flow.
  */
-exports.InlineTip = /*#__PURE__*/React.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var _useState = React.useState(collapsible),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    isCollapsed = _useState2[0],
-    setIsCollapsed = _useState2[1];
-  var labelId = React.useRef(uuidv4.default()).current;
-  var previewText = React.useMemo(function () {
-    return utils.getComponentText(React.Children.toArray(children));
-  }, [children]);
-  var childrenToRender = children;
+exports.InlineTip = /*#__PURE__*/React.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] = React.useState(collapsible);
+  const labelId = React.useRef(uuidv4.default()).current;
+  const previewText = React.useMemo(() => utils.getComponentText(React.Children.toArray(children)), [children]);
+  let childrenToRender = children;
   if (!renderMedia && collapsible && isCollapsed) {
     childrenToRender = /*#__PURE__*/React.createElement("p", {
-      className: "".concat(blockClass, "__preview-text")
+      className: `${blockClass}__preview-text`
     }, previewText);
   }
 
   // If `collapsible` is changed after initial render...
-  React.useEffect(function () {
+  React.useEffect(() => {
     setIsCollapsed(collapsible);
   }, [collapsible]);
   return /*#__PURE__*/React.createElement(react.Section, _rollupPluginBabelHelpers.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"
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__close-icon-wrapper")
+    className: `${blockClass}__close-icon-wrapper`
   }, /*#__PURE__*/React.createElement(react.IconButton, {
-    className: "".concat(blockClass, "__close-icon"),
+    className: `${blockClass}__close-icon`,
     kind: "ghost",
     label: closeIconDescription,
     onClick: onClose,
@@ -100,42 +89,38 @@ exports.InlineTip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, _Close || (_Close = /*#__PURE__*/React.createElement(icons.Close, {
     size: 16
   })))), (!renderMedia && narrow || !narrow) && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__icon-idea"),
+    className: `${blockClass}__icon-idea`,
     tabIndex: -1
   }, _Idea || (_Idea = /*#__PURE__*/React.createElement(icons.Idea, {
     size: 16
   }))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__content")
+    className: `${blockClass}__content`
   }, /*#__PURE__*/React.createElement(react.Heading, {
     id: labelId,
-    className: "".concat(blockClass, "__title")
+    className: `${blockClass}__title`
   }, title), /*#__PURE__*/React.createElement("section", {
-    className: "".concat(blockClass, "__body")
+    className: `${blockClass}__body`
   }, childrenToRender, action && (!collapsible || collapsible && !isCollapsed) && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__secondary-btn")
+    className: `${blockClass}__secondary-btn`
   }, action)), (collapsible || tertiaryButtonLabel) && /*#__PURE__*/React.createElement("footer", {
-    className: "".concat(blockClass, "__footer")
+    className: `${blockClass}__footer`
   }, collapsible && !renderMedia && /*#__PURE__*/React.createElement(react.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.createElement(react.Button, {
-    className: "".concat(blockClass, "__close-btn"),
+    className: `${blockClass}__close-btn`,
     size: "md",
     onClick: onClick,
     kind: "tertiary",
-    renderIcon: function renderIcon() {
-      return _Crossroads || (_Crossroads = /*#__PURE__*/React.createElement(icons.Crossroads, {
-        size: 16
-      }));
-    }
+    renderIcon: () => _Crossroads || (_Crossroads = /*#__PURE__*/React.createElement(icons.Crossroads, {
+      size: 16
+    }))
   }, tertiaryButtonLabel))), renderMedia && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__media")
+    className: `${blockClass}__media`
   }, renderMedia()));
 });
 exports.InlineTip = settings.pkg.checkComponentEnabled(exports.InlineTip, componentName);

package/lib/components/InlineTip/InlineTipButton.js

@@ -15,21 +15,21 @@ var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 
-var _excluded = ["children", "className"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(settings.pkg.prefix, "--inline-tip__button");
-var componentName = 'InlineTipButton';
+const blockClass = `${settings.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.
  */
-exports.InlineTipButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+exports.InlineTipButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    children,
+    className,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, rest, {
     className: cx(blockClass, className),
     ref: ref

package/lib/components/InlineTip/InlineTipLink.js

@@ -17,30 +17,29 @@ var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 
 var _Launch;
-var _excluded = ["children", "className"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(settings.pkg.prefix, "--inline-tip__link");
-var componentName = 'InlineTipLink';
+const blockClass = `${settings.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.
  */
-exports.InlineTipLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+exports.InlineTipLink = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    children,
+    className,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React.createElement(react.Link, _rollupPluginBabelHelpers.extends({}, rest, {
     className: cx(blockClass, className),
     ref: ref
   }, devtools.getDevtoolsProps(componentName), {
-    renderIcon: function renderIcon() {
-      return _Launch || (_Launch = /*#__PURE__*/React.createElement(icons.Launch, {
-        size: 16
-      }));
-    }
+    renderIcon: () => _Launch || (_Launch = /*#__PURE__*/React.createElement(icons.Launch, {
+      size: 16
+    }))
   }), children);
 });
 exports.InlineTipLink = settings.pkg.checkComponentEnabled(exports.InlineTipLink, componentName);

package/lib/components/InlineTip/utils.js

@@ -7,23 +7,13 @@
 
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-
-/**
- * Copyright IBM Corp. 2023, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var _getComponentText = function getComponentText(reactNode) {
-  var _reactNode$props;
-  var tmpChildren = (reactNode === null || reactNode === void 0 || (_reactNode$props = reactNode.props) === null || _reactNode$props === void 0 ? void 0 : _reactNode$props.children) || undefined;
+const getComponentText = reactNode => {
+  const tmpChildren = reactNode?.props?.children || undefined;
   if (Array.isArray(reactNode)) {
-    var joinedNodes = [];
-    reactNode.forEach(function (node) {
-      if (_rollupPluginBabelHelpers.typeof(node) === 'object') {
-        joinedNodes.push(_getComponentText(node));
+    let joinedNodes = [];
+    reactNode.forEach(node => {
+      if (typeof node === 'object') {
+        joinedNodes.push(getComponentText(node));
       } else if (typeof node === 'string') {
         joinedNodes.push(node);
       }
@@ -37,12 +27,12 @@ var _getComponentText = function getComponentText(reactNode) {
       return ' ';
     }
   }
-  if (_rollupPluginBabelHelpers.typeof(tmpChildren) === 'object') {
-    return _getComponentText(reactNode.props.children);
+  if (typeof tmpChildren === 'object') {
+    return getComponentText(reactNode.props.children);
   }
   if (typeof tmpChildren === 'string') {
     return reactNode.props.children;
   }
 };
 
-exports.getComponentText = _getComponentText;
+exports.getComponentText = getComponentText;