@carbon/ibm-products 2.65.0 → 2.66.0-rc.0

package/es/components/Coachmark/CoachmarkOverlay.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 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef, useState, useRef, useMemo, useEffect } from 'react';
 import uuidv4 from '../../global/js/utils/uuidv4.js';
 import PropTypes from '../../_virtual/index.js';
@@ -19,15 +19,13 @@ import { useCoachmark } from './utils/context.js';
 import { COACHMARK_OVERLAY_KIND } from './utils/enums.js';
 import { useIsomorphicEffect } from '../../global/js/hooks/useIsomorphicEffect.js';
 
-var _excluded = ["children", "onClose", "fixedIsVisible", "className", "kind", "theme"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--coachmark-overlay");
-var componentName = 'CoachmarkOverlay';
+const blockClass = `${pkg.prefix}--coachmark-overlay`;
+const componentName = 'CoachmarkOverlay';
 
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
-var defaults = {
+const defaults = {
   kind: COACHMARK_OVERLAY_KIND.FLOATING,
   theme: 'light'
 };
@@ -35,38 +33,36 @@ var defaults = {
  * DO NOT USE. This component is for the exclusive use
  * of other Onboarding components.
  */
-var CoachmarkOverlay = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    onClose = _ref.onClose,
-    fixedIsVisible = _ref.fixedIsVisible,
-    className = _ref.className,
-    _ref$kind = _ref.kind,
-    kind = _ref$kind === void 0 ? defaults.kind : _ref$kind,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useWindowDimensions = useWindowDimensions(),
-    winHeight = _useWindowDimensions.winHeight,
-    winWidth = _useWindowDimensions.winWidth;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    a11yDragMode = _useState2[0],
-    setA11yDragMode = _useState2[1];
-  var overlayRef = useRef(null);
-  var coachmark = useCoachmark();
-  var isBeacon = kind === COACHMARK_OVERLAY_KIND.TOOLTIP;
-  var isDraggable = kind === COACHMARK_OVERLAY_KIND.FLOATING;
-  var isVisible = className === null || className === void 0 ? void 0 : className.includes('is-visible');
-  var handleKeyPress = function handleKeyPress(event) {
-    var shiftKey = event.shiftKey,
-      key = event.key;
+let CoachmarkOverlay = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    children,
+    onClose,
+    fixedIsVisible,
+    className,
+    kind = defaults.kind,
+    theme = defaults.theme,
+    ...rest
+  } = _ref;
+  const {
+    winHeight,
+    winWidth
+  } = useWindowDimensions();
+  const [a11yDragMode, setA11yDragMode] = useState(false);
+  const overlayRef = useRef(null);
+  const coachmark = useCoachmark();
+  const isBeacon = kind === COACHMARK_OVERLAY_KIND.TOOLTIP;
+  const isDraggable = kind === COACHMARK_OVERLAY_KIND.FLOATING;
+  const isVisible = className?.includes('is-visible');
+  const handleKeyPress = event => {
+    const {
+      shiftKey,
+      key
+    } = event;
     /* istanbul ignore next */
     if (key === 'Enter' || key === ' ') {
-      setA11yDragMode(function (prevVal) {
-        return !prevVal;
-      });
+      setA11yDragMode(prevVal => !prevVal);
     } else if (a11yDragMode) {
-      var distanceToMove = shiftKey ? 128 : 32;
+      const distanceToMove = shiftKey ? 128 : 32;
       switch (key) {
         case 'ArrowLeft':
           handleDrag(distanceToMove * -1, 0);
@@ -83,8 +79,8 @@ var CoachmarkOverlay = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }
     }
   };
-  var styledTune = useMemo(function () {
-    var style = {};
+  const styledTune = useMemo(() => {
+    const style = {};
     if (isBeacon || isDraggable) {
       if (coachmark.targetRect) {
         style.left = coachmark.targetRect.x + window.scrollX;
@@ -96,7 +92,7 @@ var CoachmarkOverlay = /*#__PURE__*/forwardRef(function (_ref, ref) {
           style.top = style.top + 16;
         }
         if (isDraggable) {
-          var offsetTune = getOffsetTune(coachmark, kind);
+          const offsetTune = getOffsetTune(coachmark, kind);
           style.left = style.left + offsetTune.left;
           style.top = style.top + offsetTune.top;
         }
@@ -107,10 +103,10 @@ var CoachmarkOverlay = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   /* istanbul ignore next */
   function handleDragBounds(x, y) {
-    var xRes = x;
-    var yRes = y;
-    var xMax = winWidth - 288;
-    var yMax = winHeight - 150;
+    let xRes = x;
+    let yRes = y;
+    const xMax = winWidth - 288;
+    const yMax = winHeight - 150;
     if (xRes < 0) {
       xRes = 0;
     } else if (xRes > xMax) {
@@ -127,81 +123,76 @@ var CoachmarkOverlay = /*#__PURE__*/forwardRef(function (_ref, ref) {
     };
   }
   function handleDrag(movementX, movementY) {
-    var overlay = overlayRef.current;
+    const overlay = overlayRef.current;
     if (!overlay) {
       return;
     }
-    var _overlay$getBoundingC = overlay.getBoundingClientRect(),
-      x = _overlay$getBoundingC.x,
-      y = _overlay$getBoundingC.y;
-    var _handleDragBounds = handleDragBounds(x + movementX, y + movementY),
-      targetX = _handleDragBounds.targetX,
-      targetY = _handleDragBounds.targetY;
+    const {
+      x,
+      y
+    } = overlay.getBoundingClientRect();
+    const {
+      targetX,
+      targetY
+    } = handleDragBounds(x + movementX, y + movementY);
     overlay.style.transform = 'none';
     overlay.style.position = 'fixed';
-    overlay.style.left = "".concat(targetX, "px");
-    overlay.style.top = "".concat(targetY, "px");
+    overlay.style.left = `${targetX}px`;
+    overlay.style.top = `${targetY}px`;
     overlay.style.bottom = 'auto';
   }
-  var contentId = uuidv4();
-  useIsomorphicEffect(function () {
+  const contentId = uuidv4();
+  useIsomorphicEffect(() => {
     if (overlayRef.current) {
-      var _overlayRef$current;
-      var currentStyle = (_overlayRef$current = overlayRef.current) === null || _overlayRef$current === void 0 ? void 0 : _overlayRef$current.style;
-      Object.keys(styledTune).forEach(function (key) {
-        var value = styledTune[key];
-        currentStyle.setProperty(key, "".concat(value, "px"));
+      const currentStyle = overlayRef.current?.style;
+      Object.keys(styledTune).forEach(key => {
+        const value = styledTune[key];
+        currentStyle.setProperty(key, `${value}px`);
       });
     }
   }, [styledTune, overlayRef]);
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
-    className: cx(blockClass, "".concat(blockClass, "--").concat(kind), "".concat(blockClass, "__").concat(theme), (isBeacon || isDraggable) && "".concat(blockClass, "--").concat(coachmark.align), fixedIsVisible && "".concat(blockClass, "--is-visible"), a11yDragMode && "".concat(blockClass, "--is-dragmode"), className),
+    className: cx(blockClass, `${blockClass}--${kind}`, `${blockClass}__${theme}`, (isBeacon || isDraggable) && `${blockClass}--${coachmark.align}`, fixedIsVisible && `${blockClass}--is-visible`, a11yDragMode && `${blockClass}--is-dragmode`, className),
     ref: overlayRef,
     "aria-labelledby": contentId,
     tabIndex: -1
   }, getDevtoolsProps(componentName)), isDraggable ? /*#__PURE__*/React__default.createElement(CoachmarkDragbar, {
     a11yKeyboardHandler: handleKeyPress,
-    onBlur: function onBlur() {
-      return setA11yDragMode(false);
-    },
+    onBlur: () => setA11yDragMode(false),
     onDrag: handleDrag,
     theme: theme,
     onClose: onClose
   }) : /*#__PURE__*/React__default.createElement(CoachmarkHeader, {
     onClose: onClose
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__body"),
+    className: `${blockClass}__body`,
     ref: ref,
     id: contentId
-  }, React__default.Children.map(children, function (child) {
+  }, React__default.Children.map(children, child => {
     return /*#__PURE__*/React__default.cloneElement(child, {
-      isVisible: isVisible
+      isVisible
     });
   })));
 });
 function getWindowDimensions() {
-  var _window = window,
-    winWidth = _window.innerWidth,
-    winHeight = _window.innerHeight;
+  const {
+    innerWidth: winWidth,
+    innerHeight: winHeight
+  } = window;
   return {
-    winWidth: winWidth,
-    winHeight: winHeight
+    winWidth,
+    winHeight
   };
 }
-var useWindowDimensions = function useWindowDimensions() {
-  var _useState3 = useState(getWindowDimensions()),
-    _useState4 = _slicedToArray(_useState3, 2),
-    windowDimensions = _useState4[0],
-    setWindowDimensions = _useState4[1];
-  useEffect(function () {
+const useWindowDimensions = () => {
+  const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());
+  useEffect(() => {
     /* istanbul ignore next */
     function handleResize() {
       setWindowDimensions(getWindowDimensions());
     }
     window.addEventListener('resize', handleResize);
-    return function () {
-      return window.removeEventListener('resize', handleResize);
-    };
+    return () => window.removeEventListener('resize', handleResize);
   }, []);
   return windowDimensions;
 };

package/es/components/Coachmark/CoachmarkTagline.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 PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
@@ -16,50 +16,48 @@ import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
 var _Idea;
-var _excluded = ["closeIconDescription", "onClose", "theme", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--coachmark-tagline");
-var componentName = 'CoachmarkTagline';
-var defaults = {
+const blockClass = `${pkg.prefix}--coachmark-tagline`;
+const componentName = 'CoachmarkTagline';
+const defaults = {
   closeIconDescription: 'Close',
-  onClose: function onClose() {},
+  onClose: () => {},
   theme: 'light'
 };
 /**
  * DO NOT USE. This component is for the exclusive use
  * of other Onboarding components.
  */
-var CoachmarkTagline = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var _ref$closeIconDescrip = _ref.closeIconDescription,
-    closeIconDescription = _ref$closeIconDescrip === void 0 ? defaults.closeIconDescription : _ref$closeIconDescrip,
-    _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? defaults.onClose : _ref$onClose,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
-    title = _ref.title,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var coachmark = useCoachmark();
+let CoachmarkTagline = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    closeIconDescription = defaults.closeIconDescription,
+    onClose = defaults.onClose,
+    theme = defaults.theme,
+    title,
+    ...rest
+  } = _ref;
+  const coachmark = useCoachmark();
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
-    className: cx(blockClass, "".concat(blockClass, "__").concat(theme), coachmark.isOpen && "".concat(blockClass, "--is-open")),
+    className: cx(blockClass, `${blockClass}__${theme}`, coachmark.isOpen && `${blockClass}--is-open`),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement("button", _extends({
     // {...rest}
-    className: "".concat(blockClass, "__cta"),
+    className: `${blockClass}__cta`,
     type: "button"
   }, coachmark.buttonProps), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__idea")
+    className: `${blockClass}__idea`
   }, _Idea || (_Idea = /*#__PURE__*/React__default.createElement(Idea, {
     size: 16
   }))), /*#__PURE__*/React__default.createElement("div", null, title)), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "--close-btn-container")
+    className: `${blockClass}--close-btn-container`
   }, /*#__PURE__*/React__default.createElement(Button, {
     kind: "ghost",
     size: "sm",
     renderIcon: Close,
     iconDescription: closeIconDescription,
     hasIconOnly: true,
-    className: "".concat(blockClass, "--close-btn"),
+    className: `${blockClass}--close-btn`,
     onClick: onClose
   })));
 });

package/es/components/Coachmark/utils/constants.js

@@ -15,7 +15,7 @@ import { COACHMARK_OVERLAY_KIND, COACHMARK_ALIGNMENT } from './enums.js';
  * @returns {object} {top:number, left:number}
  */
 
-var getOffsetTune = function getOffsetTune(coachmark, kind) {
+const getOffsetTune = (coachmark, kind) => {
   // for future reference
   // const coachmarkTarget = {
   //   x: coachmark.targetOffset.x,
@@ -24,12 +24,13 @@ var getOffsetTune = function getOffsetTune(coachmark, kind) {
   //   height: coachmark.targetRect.height,
   // };
 
-  var _coachmark$targetRect = coachmark.targetRect,
-    width = _coachmark$targetRect.width,
-    height = _coachmark$targetRect.height;
-  var distanceOffset = 24; // see also _coachmark-overlay.scss > $distance-offset
-  var top = 0;
-  var left = 0;
+  const {
+    width,
+    height
+  } = coachmark.targetRect;
+  const distanceOffset = 24; // see also _coachmark-overlay.scss > $distance-offset
+  let top = 0;
+  let left = 0;
   if (kind !== COACHMARK_OVERLAY_KIND.TOOLTIP) {
     switch (coachmark.align) {
       case COACHMARK_ALIGNMENT.TOP:
@@ -77,8 +78,8 @@ var getOffsetTune = function getOffsetTune(coachmark, kind) {
     }
   }
   return {
-    top: top,
-    left: left
+    top,
+    left
   };
 };
 

package/es/components/Coachmark/utils/context.js

@@ -7,8 +7,8 @@
 
 import { useContext, createContext } from 'react';
 
-var CoachmarkContext = /*#__PURE__*/createContext();
-var useCoachmark = function useCoachmark() {
+const CoachmarkContext = /*#__PURE__*/createContext();
+const useCoachmark = () => {
   return useContext(CoachmarkContext);
 };
 

package/es/components/Coachmark/utils/enums.js

@@ -16,7 +16,7 @@
  * @param FIXED is fixed to the bottom-right of the viewport.
  * @param STACKED is fixed to the bottom-right of the viewport, includes links to show more, stackable Coachmarks if included.
  */
-var COACHMARK_OVERLAY_KIND = /*#__PURE__*/function (COACHMARK_OVERLAY_KIND) {
+let COACHMARK_OVERLAY_KIND = /*#__PURE__*/function (COACHMARK_OVERLAY_KIND) {
   COACHMARK_OVERLAY_KIND["TOOLTIP"] = "tooltip";
   COACHMARK_OVERLAY_KIND["FLOATING"] = "floating";
   COACHMARK_OVERLAY_KIND["FIXED"] = "fixed";
@@ -27,7 +27,7 @@ var COACHMARK_OVERLAY_KIND = /*#__PURE__*/function (COACHMARK_OVERLAY_KIND) {
  * Where to render the Coachmark relative to its target.
  * Applies only to Floating and Tooltip Coachmarks.
  */
-var COACHMARK_ALIGNMENT = /*#__PURE__*/function (COACHMARK_ALIGNMENT) {
+let COACHMARK_ALIGNMENT = /*#__PURE__*/function (COACHMARK_ALIGNMENT) {
   COACHMARK_ALIGNMENT["BOTTOM"] = "bottom";
   COACHMARK_ALIGNMENT["BOTTOM_LEFT"] = "bottom-left";
   COACHMARK_ALIGNMENT["BOTTOM_RIGHT"] = "bottom-right";

package/es/components/Coachmark/utils/hooks.js

@@ -17,15 +17,15 @@ import { COACHMARK_OVERLAY_KIND } from './enums.js';
  */
 
 function useClickOutsideElement(coachmarkRef, overlayRef, overlayKind, callback) {
-  var cb = useRef(undefined);
-  var isTooltip = overlayKind === COACHMARK_OVERLAY_KIND.TOOLTIP;
-  useLayoutEffect(function () {
+  const cb = useRef(undefined);
+  const isTooltip = overlayKind === COACHMARK_OVERLAY_KIND.TOOLTIP;
+  useLayoutEffect(() => {
     cb.current = callback;
   }, [callback]);
-  useEffect(function () {
+  useEffect(() => {
     function handleClickOutside(event) {
-      var isOverlayOutside = overlayRef.current && !overlayRef.current.contains(event.target);
-      var isOutsideCoachmark = coachmarkRef.current && !coachmarkRef.current.contains(event.target);
+      const isOverlayOutside = overlayRef.current && !overlayRef.current.contains(event.target);
+      const isOutsideCoachmark = coachmarkRef.current && !coachmarkRef.current.contains(event.target);
       if (isOverlayOutside && isOutsideCoachmark) {
         callCallback();
       }
@@ -36,24 +36,24 @@ function useClickOutsideElement(coachmarkRef, overlayRef, overlayKind, callback)
       }
     }
     document.addEventListener('mousedown', handleClickOutside);
-    return function () {
+    return () => {
       document.removeEventListener('mousedown', handleClickOutside);
     };
   }, [coachmarkRef, overlayRef, isTooltip]);
 }
-var useWindowEvent = function useWindowEvent(eventName, callback) {
-  var savedCallback = useRef(null);
-  useEffect(function () {
+const useWindowEvent = (eventName, callback) => {
+  const savedCallback = useRef(null);
+  useEffect(() => {
     savedCallback.current = callback;
   });
-  useEffect(function () {
+  useEffect(() => {
     function handler(event) {
       if (savedCallback.current) {
         savedCallback.current(event);
       }
     }
     window.addEventListener(eventName, handler);
-    return function () {
+    return () => {
       window.removeEventListener(eventName, handler);
     };
   }, [eventName]);

package/es/components/CoachmarkBeacon/CoachmarkBeacon.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 '../Coachmark/Coachmark.js';
 import { useCoachmark } from '../Coachmark/utils/context.js';
 import PropTypes from '../../_virtual/index.js';
@@ -15,29 +15,29 @@ import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
 var _div, _circle;
-var _excluded = ["label", "className", "kind"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--coachmark-beacon");
-var componentName = 'CoachmarkBeacon';
-var defaults = {
+const blockClass = `${pkg.prefix}--coachmark-beacon`;
+const componentName = 'CoachmarkBeacon';
+const defaults = {
   kind: 'default'
 };
 /**
  * Use beacon for the target prop of a Coachmark component.
  */
-var CoachmarkBeacon = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var label = _ref.label,
-    className = _ref.className,
-    _ref$kind = _ref.kind,
-    kind = _ref$kind === void 0 ? defaults.kind : _ref$kind,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var coachmark = useCoachmark();
+let CoachmarkBeacon = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    label,
+    className,
+    kind = defaults.kind,
+    ...rest
+  } = _ref;
+  const coachmark = useCoachmark();
   if (!coachmark) {
     return _div || (_div = /*#__PURE__*/React__default.createElement("div", null, "CoachmarkBeacon is to be use exclusively within the target prop of Coachmark"));
   }
   return /*#__PURE__*/React__default.createElement("span", _extends({}, rest, {
-    className: cx(blockClass, "".concat(blockClass, "-").concat(kind), className),
+    className: cx(blockClass, `${blockClass}-${kind}`, className),
     ref: ref
   }, getDevtoolsProps(componentName), {
     role: "tooltip"
@@ -45,9 +45,9 @@ var CoachmarkBeacon = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     tabIndex: 0,
     type: "button"
   }, coachmark.buttonProps, {
-    className: "".concat(blockClass, "__target")
+    className: `${blockClass}__target`
   }), /*#__PURE__*/React__default.createElement("svg", {
-    className: "".concat(blockClass, "__center"),
+    className: `${blockClass}__center`,
     "aria-label": label
   }, /*#__PURE__*/React__default.createElement("title", null, label), _circle || (_circle = /*#__PURE__*/React__default.createElement("circle", {
     r: 1,

package/es/components/CoachmarkButton/CoachmarkButton.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 { Button } from '@carbon/react';
 import PropTypes from '../../_virtual/index.js';
 import React__default from 'react';
@@ -16,14 +16,13 @@ import '../Coachmark/Coachmark.js';
 import { useCoachmark } from '../Coachmark/utils/context.js';
 
 var _div;
-var _excluded = ["className", "label"];
 
 // Carbon and package components we use.
 /* TODO: @import(s) of carbon components and other package components. */
 
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--coachmark-button");
-var componentName = 'CoachmarkButton';
+const blockClass = `${pkg.prefix}--coachmark-button`;
+const componentName = 'CoachmarkButton';
 
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
@@ -44,11 +43,13 @@ var componentName = 'CoachmarkButton';
 /**
  * Use CoachmarkButton for the target prop of a Coachmark component.
  */
-var CoachmarkButton = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    label = _ref.label,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var coachmark = useCoachmark();
+let CoachmarkButton = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    className,
+    label,
+    ...rest
+  } = _ref;
+  const coachmark = useCoachmark();
   if (!coachmark) {
     return _div || (_div = /*#__PURE__*/React__default.createElement("div", null, "CoachmarkButton is to be use exclusively within the target prop of Coachmark"));
   }