@carbon/ibm-products 2.43.2-canary.257 → 2.43.2-canary.261

package/lib/components/Checklist/Checklist.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var react = require('@carbon/react');
 var Checklist_types = require('./Checklist.types.js');
@@ -22,11 +20,6 @@ var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["chartValue", "chartLabel", "checklistAriaLabel", "checklistToggleAriaLabel", "className", "onClickViewAll", "onToggle", "open", "enableToggle", "taskLists", "theme", "title", "toggleLabel", "toggleLabelAlign", "viewAllLabel"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -64,7 +57,7 @@ var defaults = {
  * an icon that defines the item's state as "not started", "in progress",
  * and "complete".
  */
-exports.Checklist = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.Checklist = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var chartValue = _ref.chartValue,
     chartLabel = _ref.chartLabel,
     _ref$checklistAriaLab = _ref.checklistAriaLabel,
@@ -95,8 +88,8 @@ exports.Checklist = /*#__PURE__*/React__default["default"].forwardRef(function (
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
-  var listContainerId = React.useRef(uuidv4["default"]()).current;
-  var chartLabelId = React.useRef(uuidv4["default"]()).current;
+  var listContainerId = React.useRef(uuidv4.default()).current;
+  var chartLabelId = React.useRef(uuidv4.default()).current;
 
   // Don't use this test: {chartValue && chartLabel && (render...)}.
   // If `chartValue` is 0 (zero) - a valid value - then it will render 0 and skip the remaining statement.
@@ -122,28 +115,28 @@ exports.Checklist = /*#__PURE__*/React__default["default"].forwardRef(function (
   React.useEffect(function () {
     setIsOpen(open);
   }, [open]);
-  return /*#__PURE__*/React__default["default"].createElement("aside", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("aside", _rollupPluginBabelHelpers.extends({}, rest, {
     "aria-label": checklistAriaLabel,
-    className: cx__default["default"](blockClass,
+    className: cx(blockClass,
     // Apply the block class to the main HTML element
     className, // Apply any supplied class names to the main HTML element.
     // example: `${blockClass}__template-string-class-${kind}-n-${size}`,
     _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__closed"), !isOpen)),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), (title || chartLabelAndValue) && /*#__PURE__*/React__default["default"].createElement("header", {
+  }, devtools.getDevtoolsProps(componentName)), (title || chartLabelAndValue) && /*#__PURE__*/React.createElement("header", {
     className: "".concat(blockClass, "__header")
-  }, chartLabelAndValue && /*#__PURE__*/React__default["default"].createElement(ChecklistChart.ChecklistChart, {
+  }, chartLabelAndValue && /*#__PURE__*/React.createElement(ChecklistChart.ChecklistChart, {
     "aria-labelledby": chartLabelId,
     theme: theme,
     value: chartValue
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__titles")
-  }, title && /*#__PURE__*/React__default["default"].createElement("h2", {
+  }, title && /*#__PURE__*/React.createElement("h2", {
     className: "".concat(blockClass, "__title")
-  }, title), chartLabelAndValue && /*#__PURE__*/React__default["default"].createElement("h3", {
+  }, title), chartLabelAndValue && /*#__PURE__*/React.createElement("h3", {
     id: chartLabelId,
     className: "".concat(blockClass, "__chart-label")
-  }, chartLabel)), enableToggle && /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
+  }, chartLabel)), enableToggle && /*#__PURE__*/React.createElement(react.IconButton, {
     align: toggleLabelAlign,
     "aria-controls": listContainerId,
     "aria-expanded": isOpen,
@@ -153,52 +146,52 @@ exports.Checklist = /*#__PURE__*/React__default["default"].forwardRef(function (
     label: toggleLabel,
     onClick: handleClickToggle,
     size: "sm"
-  }, /*#__PURE__*/React__default["default"].createElement(icons.ChevronUp, {
+  }, /*#__PURE__*/React.createElement(icons.ChevronUp, {
     size: 16,
-    className: cx__default["default"]("".concat(blockClass, "__chevron"))
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: cx("".concat(blockClass, "__chevron"))
+  }))), /*#__PURE__*/React.createElement("div", {
     id: listContainerId,
     className: "".concat(blockClass, "__content-outer")
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__content-inner")
-  }, /*#__PURE__*/React__default["default"].createElement("section", {
-    className: cx__default["default"]("".concat(blockClass, "__body"))
+  }, /*#__PURE__*/React.createElement("section", {
+    className: cx("".concat(blockClass, "__body"))
   }, taskLists.map(function (list, index) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "__list-group"),
       key: "".concat(list.title, "-").concat(index)
-    }, list.title && /*#__PURE__*/React__default["default"].createElement("h3", {
+    }, list.title && /*#__PURE__*/React.createElement("h3", {
       title: list.title,
       className: "".concat(blockClass, "__list-title")
-    }, list.title), /*#__PURE__*/React__default["default"].createElement("ol", {
+    }, list.title), /*#__PURE__*/React.createElement("ol", {
       className: "".concat(blockClass, "__list")
     }, list.tasks.map(function (item, index) {
-      return /*#__PURE__*/React__default["default"].createElement("li", {
+      return /*#__PURE__*/React.createElement("li", {
         className: "".concat(blockClass, "__list-item"),
         key: "".concat(item.label, "-").concat(index)
-      }, /*#__PURE__*/React__default["default"].createElement(ChecklistIcon.ChecklistIcon, {
+      }, /*#__PURE__*/React.createElement(ChecklistIcon.ChecklistIcon, {
         kind: item.kind,
         theme: theme
-      }), typeof item.onClick === 'function' ? /*#__PURE__*/React__default["default"].createElement(react.Button, {
-        className: cx__default["default"]("".concat(blockClass, "__button"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__button--error"), item.kind === 'error')),
+      }), typeof item.onClick === 'function' ? /*#__PURE__*/React.createElement(react.Button, {
+        className: cx("".concat(blockClass, "__button"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__button--error"), item.kind === 'error')),
         onClick: function onClick() {
           var _item$onClick;
           (_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item, item);
         },
         size: "sm",
         title: item.label
-      }, /*#__PURE__*/React__default["default"].createElement("div", null, item.label)) : /*#__PURE__*/React__default["default"].createElement("div", {
-        className: cx__default["default"]("".concat(blockClass, "__label"), "".concat(blockClass, "__label--").concat(item.kind)),
+      }, /*#__PURE__*/React.createElement("div", null, item.label)) : /*#__PURE__*/React.createElement("div", {
+        className: cx("".concat(blockClass, "__label"), "".concat(blockClass, "__label--").concat(item.kind)),
         title: item.label
       }, item.label));
     })));
-  })), viewAllLabel && /*#__PURE__*/React__default["default"].createElement("footer", {
+  })), viewAllLabel && /*#__PURE__*/React.createElement("footer", {
     className: "".concat(blockClass, "__footer")
-  }, /*#__PURE__*/React__default["default"].createElement(react.Button, {
-    className: cx__default["default"]("".concat(blockClass, "__button"), "".concat(blockClass, "__view-all")),
+  }, /*#__PURE__*/React.createElement(react.Button, {
+    className: cx("".concat(blockClass, "__button"), "".concat(blockClass, "__view-all")),
     onClick: handleClickViewAll,
     size: "sm"
-  }, /*#__PURE__*/React__default["default"].createElement("div", null, viewAllLabel))))));
+  }, /*#__PURE__*/React.createElement("div", null, viewAllLabel))))));
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -212,42 +205,42 @@ exports.Checklist.propTypes = {
   /**
    * Define both `chartLabel` and `chartValue` to show the chart and its label together.
    */
-  chartLabel: index["default"].string,
+  chartLabel: index.default.string,
   /**
    * A number between 0 and 1.
    *
    * Define both `chartLabel` and `chartValue` to show the chart and its label together.
    */
-  chartValue: index["default"].number,
+  chartValue: index.default.number,
   /**
    * Aria-label for the Checklist component.
    */
-  checklistAriaLabel: index["default"].string,
+  checklistAriaLabel: index.default.string,
   /**
    * Aria-label for the Checklist's toggle component.
    */
-  checklistToggleAriaLabel: index["default"].string,
+  checklistToggleAriaLabel: index.default.string,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Whether or not to show the open/close toggle.
    */
-  enableToggle: index["default"].bool,
+  enableToggle: index.default.bool,
   /**
    * Callback for the "View all" button. See also `viewAllLabel`.
    */
-  onClickViewAll: index["default"].func,
+  onClickViewAll: index.default.func,
   /**
    * Optional callback for when the list is opened/closed.
    */
-  onToggle: index["default"].func,
+  onToggle: index.default.func,
   /**
    * Specifies whether the component is opened or closed.
    * This can be set during initialization, or changed after being rendered.
    */
-  open: index["default"].bool,
+  open: index.default.bool,
   /**
    * The task list can be broken down into sub-lists.
    *
@@ -260,32 +253,32 @@ exports.Checklist.propTypes = {
    * else the `label` will be rendered as plain text.
    */
   /**@ts-ignore */
-  taskLists: index["default"].arrayOf(index["default"].shape({
-    title: index["default"].string,
-    tasks: index["default"].arrayOf(index["default"].shape({
-      kind: index["default"].oneOf([Checklist_types.Kinds.unchecked, Checklist_types.Kinds.indeterminate, Checklist_types.Kinds.checked, Checklist_types.Kinds.disabled, Checklist_types.Kinds.error]).isRequired,
-      label: index["default"].string.isRequired,
-      onClick: index["default"].func
+  taskLists: index.default.arrayOf(index.default.shape({
+    title: index.default.string,
+    tasks: index.default.arrayOf(index.default.shape({
+      kind: index.default.oneOf([Checklist_types.Kinds.unchecked, Checklist_types.Kinds.indeterminate, Checklist_types.Kinds.checked, Checklist_types.Kinds.disabled, Checklist_types.Kinds.error]).isRequired,
+      label: index.default.string.isRequired,
+      onClick: index.default.func
     })).isRequired
   })).isRequired,
   /**
    * Determines the theme of the component.
    */
-  theme: index["default"].oneOf([Checklist_types.Themes.light, Checklist_types.Themes.dark]),
+  theme: index.default.oneOf([Checklist_types.Themes.light, Checklist_types.Themes.dark]),
   /**
    * The title of the component.
    */
-  title: index["default"].node,
+  title: index.default.node,
   /**
    * The label for the toggle's tooltip.
    */
-  toggleLabel: index["default"].string,
+  toggleLabel: index.default.string,
   /**
    * The alignment of the toggle's tooltip.
    */
-  toggleLabelAlign: index["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right']),
+  toggleLabelAlign: index.default.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right']),
   /**
    * If defined, will show and enable the "View all (#)" button at the bottom of the list.
    */
-  viewAllLabel: index["default"].string
+  viewAllLabel: index.default.string
 };

package/lib/components/Checklist/Checklist.types.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var Themes = /*#__PURE__*/function (Themes) {
   Themes["light"] = "light";
   Themes["dark"] = "dark";

package/lib/components/Checklist/ChecklistChart.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index$1 = require('../../node_modules/prop-types/index.js');
@@ -19,12 +17,6 @@ var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var Checklist_types = require('./Checklist.types.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var clamp__default = /*#__PURE__*/_interopDefaultLegacy(clamp);
-
 var _excluded = ["className", "value", "theme"];
 var blockClass = "".concat(settings.pkg.prefix, "--checklist__chart");
 var componentName = 'ChecklistChart';
@@ -35,7 +27,7 @@ var defaults = {
 /**
  * Custom chart component used within Checklist PLG component
  */
-var ChecklistChart = /*#__PURE__*/React__default["default"].forwardRef(
+var ChecklistChart = /*#__PURE__*/React.forwardRef(
 /**
  * @param {{className?: string, value: number, theme?: import('./Checklist.types').Theme}} props type description
  */
@@ -45,11 +37,11 @@ function (_ref, ref) {
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var numDegrees = clamp__default["default"](value * 360, 0, 360);
+  var numDegrees = clamp(value * 360, 0, 360);
   var circleColor = theme === Checklist_types.Themes.light ? index.gray20 : index.gray70; // $ui-03 (-ish)
   var progressColor = index.purple50;
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className),
     style: {
       backgroundImage: "conic-gradient(".concat(progressColor, " ").concat(numDegrees, "deg, ").concat(circleColor, " ").concat(numDegrees, "deg 360deg)"),
       borderRadius: '50%'
@@ -67,15 +59,15 @@ ChecklistChart.propTypes = {
   /**
    * Optional class name for this component.
    */
-  className: index$1["default"].string,
+  className: index$1.default.string,
   /**
    * Determines the theme of the component.
    */
-  theme: index$1["default"].oneOf([Checklist_types.Themes.light, Checklist_types.Themes.dark]),
+  theme: index$1.default.oneOf([Checklist_types.Themes.light, Checklist_types.Themes.dark]),
   /**
    * Number between 0 and 1.
    */
-  value: index$1["default"].number.isRequired
+  value: index$1.default.number.isRequired
 };
 
 exports.ChecklistChart = ChecklistChart;

package/lib/components/Checklist/ChecklistIcon.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
@@ -18,11 +16,6 @@ var settings = require('../../settings.js');
 var icons = require('@carbon/react/icons');
 var Checklist_types = require('./Checklist.types.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["className", "kind", "theme"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -48,7 +41,7 @@ var defaults = {
 /**
  * TODO: A description of the component.
  */
-var ChecklistIcon = /*#__PURE__*/React__default["default"].forwardRef(
+var ChecklistIcon = /*#__PURE__*/React.forwardRef(
 /**
  * @param {{className?: string, kind?: import('./Checklist.types').Kind, theme?: import('./Checklist.types').Theme}} props type description
  */
@@ -74,10 +67,10 @@ function (_ref, ref) {
       Icon = icons.CircleDash;
       break;
   }
-  return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className, "".concat(blockClass, "--").concat(kind), "".concat(blockClass, "__").concat(theme)),
+  return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className, "".concat(blockClass, "--").concat(kind), "".concat(blockClass, "__").concat(theme)),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(Icon, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(Icon, {
     size: 16
   }));
 });
@@ -96,15 +89,15 @@ ChecklistIcon.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * The icon to be displayed.
    */
-  kind: index["default"].oneOf([Checklist_types.Kinds.unchecked, Checklist_types.Kinds.indeterminate, Checklist_types.Kinds.checked, Checklist_types.Kinds.disabled, Checklist_types.Kinds.error]),
+  kind: index.default.oneOf([Checklist_types.Kinds.unchecked, Checklist_types.Kinds.indeterminate, Checklist_types.Kinds.checked, Checklist_types.Kinds.disabled, Checklist_types.Kinds.error]),
   /**
    * Determines the theme of the component.
    */
-  theme: index["default"].oneOf([Checklist_types.Themes.light, Checklist_types.Themes.dark])
+  theme: index.default.oneOf([Checklist_types.Themes.light, Checklist_types.Themes.dark])
 };
 
 exports.ChecklistIcon = ChecklistIcon;

package/lib/components/Coachmark/Coachmark.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var hooks = require('./utils/hooks.js');
@@ -24,11 +22,6 @@ var lodash = require('lodash');
 var react = require('@carbon/react');
 var useIsomorphicEffect = require('../../global/js/hooks/useIsomorphicEffect.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["align", "autoAlign", "children", "className", "onClose", "overlayClassName", "overlayKind", "overlayRef", "positionTune", "portalTarget", "target", "theme"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -186,20 +179,20 @@ exports.Coachmark = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, []);
   hooks.useClickOutsideElement(_coachmarkRef, _overlayRef, overlayKind, closeOverlay);
   hooks.useWindowEvent('resize', handleResize);
-  return /*#__PURE__*/React__default["default"].createElement(context.CoachmarkContext.Provider, {
+  return /*#__PURE__*/React.createElement(context.CoachmarkContext.Provider, {
     value: contextValue
-  }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](blockClass, "".concat(blockClass, "__").concat(theme), className),
+  }, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: cx(blockClass, "".concat(blockClass, "__").concat(theme), className),
     ref: _coachmarkRef
-  }, rest, devtools.getDevtoolsProps(componentName)), overlayKind !== 'tooltip' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, target, isOpen && (portalNode === null || portalNode === void 0 ? void 0 : portalNode.current) && /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement(CoachmarkOverlay.CoachmarkOverlay, {
+  }, rest, devtools.getDevtoolsProps(componentName)), overlayKind !== 'tooltip' ? /*#__PURE__*/React.createElement(React.Fragment, null, target, isOpen && (portalNode === null || portalNode === void 0 ? void 0 : portalNode.current) && /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React.createElement(CoachmarkOverlay.CoachmarkOverlay, {
     ref: _overlayRef,
     fixedIsVisible: false,
     kind: overlayKind,
     onClose: handleClose,
     theme: theme,
-    className: cx__default["default"](overlayClassName, "".concat(overlayBlockClass, "--is-visible"))
+    className: cx(overlayClassName, "".concat(overlayBlockClass, "--is-visible"))
   }, children), // Default to `document.body` when `portalNode` is `null`
-  portalNode === null || portalNode === void 0 ? void 0 : portalNode.current)) : /*#__PURE__*/React__default["default"].createElement(react.Popover, {
+  portalNode === null || portalNode === void 0 ? void 0 : portalNode.current)) : /*#__PURE__*/React.createElement(react.Popover, {
     highContrast: true,
     caret: true,
     style: _rollupPluginBabelHelpers.objectSpread2({
@@ -208,18 +201,18 @@ exports.Coachmark = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     align: align,
     autoAlign: autoAlign,
     open: isOpen
-  }, target, /*#__PURE__*/React__default["default"].createElement(react.PopoverContent, null, isOpen && /*#__PURE__*/React__default["default"].createElement(CoachmarkOverlay.CoachmarkOverlay, {
+  }, target, /*#__PURE__*/React.createElement(react.PopoverContent, null, isOpen && /*#__PURE__*/React.createElement(CoachmarkOverlay.CoachmarkOverlay, {
     ref: _overlayRef,
     fixedIsVisible: false,
     kind: overlayKind,
     onClose: handleClose,
     theme: theme,
-    className: cx__default["default"](overlayClassName, _rollupPluginBabelHelpers.defineProperty({}, "".concat(overlayBlockClass, "--is-visible"), isOpen))
+    className: cx(overlayClassName, _rollupPluginBabelHelpers.defineProperty({}, "".concat(overlayBlockClass, "--is-visible"), isOpen))
   }, children)))));
 });
-var overlayRefType = typeof HTMLElement === 'undefined' ? index["default"].object :
+var overlayRefType = typeof HTMLElement === 'undefined' ? index.default.object :
 // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope
-index["default"].instanceOf(HTMLElement);
+index.default.instanceOf(HTMLElement);
 
 // Return a placeholder if not released and not enabled by feature flag
 exports.Coachmark = settings.pkg.checkComponentEnabled(exports.Coachmark, componentName);
@@ -237,34 +230,34 @@ exports.Coachmark.propTypes = {
    * Applies only to Floating and Tooltip Coachmarks.
    * @see COACHMARK_ALIGNMENT
    */
-  align: index["default"].oneOf(['bottom', 'bottom-left', 'bottom-right', 'left', 'left-top', 'left-bottom', 'right', 'right-top', 'right-bottom', 'top', 'top-left', 'top-right']),
+  align: index.default.oneOf(['bottom', 'bottom-left', 'bottom-right', 'left', 'left-top', 'left-bottom', 'right', 'right-top', 'right-bottom', 'top', 'top-left', 'top-right']),
   /**
    * Auto aligns the coachmark based on screen boundaries
    * Applies only to Tooltip Coachmarks.
    */
-  autoAlign: index["default"].bool,
+  autoAlign: index.default.bool,
   /**
    * Coachmark should use a single CoachmarkOverlayElements component as a child.
    * @see CoachmarkOverlayElements
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Optional class name for this component.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Function to call when the Coachmark closes.
    */
-  onClose: index["default"].func,
+  onClose: index.default.func,
   /**
    * Optional class name for the Coachmark Overlay component.
    */
-  overlayClassName: index["default"].string,
+  overlayClassName: index.default.string,
   /**
    * What kind or style of Coachmark to render.
    */
-  overlayKind: index["default"].oneOf(['tooltip', 'floating', 'stacked']),
-  overlayRef: index["default"].shape({
+  overlayKind: index.default.oneOf(['tooltip', 'floating', 'stacked']),
+  overlayRef: index.default.shape({
     current: overlayRefType
   }),
   /**
@@ -277,21 +270,21 @@ exports.Coachmark.propTypes = {
    * remain visible as long as that element remains visible or mounted. When the
    * element is hidden or component is unmounted, the Coachmark will disappear.
    */
-  portalTarget: index["default"].string,
+  portalTarget: index.default.string,
   /**
    * Fine tune the position of the target in pixels. Applies only to Beacons.
    */
   // @ts-ignore
-  positionTune: index["default"].shape({
-    x: index["default"].number,
-    y: index["default"].number
+  positionTune: index.default.shape({
+    x: index.default.number,
+    y: index.default.number
   }),
   /**
    * The optional button or beacon that the user will click to show the Coachmark.
    */
-  target: index["default"].node,
+  target: index.default.node,
   /**
    * Determines the theme of the component.
    */
-  theme: index["default"].oneOf(['light', 'dark'])
+  theme: index.default.oneOf(['light', 'dark'])
 };

package/lib/components/Coachmark/CoachmarkDragbar.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
@@ -18,11 +16,6 @@ var react = require('@carbon/react');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _Draggable;
 var _excluded = ["a11yKeyboardHandler", "closeIconDescription", "onClose", "onDrag", "showCloseButton", "theme"];
 
@@ -44,7 +37,7 @@ var defaults = {
  * DO NOT USE. This component is for the exclusive use
  * of other Onboarding components.
  */
-exports.CoachmarkDragbar = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.CoachmarkDragbar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var a11yKeyboardHandler = _ref.a11yKeyboardHandler,
     _ref$closeIconDescrip = _ref.closeIconDescription,
     closeIconDescription = _ref$closeIconDescrip === void 0 ? defaults.closeIconDescription : _ref$closeIconDescrip,
@@ -84,8 +77,8 @@ exports.CoachmarkDragbar = /*#__PURE__*/React__default["default"].forwardRef(fun
   var handleDragStart = function handleDragStart() {
     return setIsDragging(true);
   };
-  return /*#__PURE__*/React__default["default"].createElement("header", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, // Apply the block class to the main HTML element
+  return /*#__PURE__*/React.createElement("header", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, // Apply the block class to the main HTML element
     "".concat(blockClass, "__").concat(theme),
     // example: `${blockClass}__template-string-class-${kind}-n-${size}`,
     {
@@ -93,7 +86,7 @@ exports.CoachmarkDragbar = /*#__PURE__*/React__default["default"].forwardRef(fun
       // example: [`${blockClass}__here-if-small`]: size === 'sm',
     }),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("button", {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "".concat(overlayBlockClass, "__handle"),
     onMouseDown: handleDragStart,
@@ -101,9 +94,9 @@ exports.CoachmarkDragbar = /*#__PURE__*/React__default["default"].forwardRef(fun
     // TODO: i18n
     ,
     title: "Drag Handle"
-  }, _Draggable || (_Draggable = /*#__PURE__*/React__default["default"].createElement(icons.Draggable, {
+  }, _Draggable || (_Draggable = /*#__PURE__*/React.createElement(icons.Draggable, {
     size: "16"
-  }))), showCloseButton && /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }))), showCloseButton && /*#__PURE__*/React.createElement(react.Button, {
     kind: "ghost",
     size: "sm",
     renderIcon: icons.Close,
@@ -128,26 +121,26 @@ exports.CoachmarkDragbar.propTypes = {
   /**
    * Handler to manage keyboard interactions with the dragbar.
    */
-  a11yKeyboardHandler: index["default"].func.isRequired,
+  a11yKeyboardHandler: index.default.func.isRequired,
   /**
    * Tooltip text and aria label for the Close button icon.
    */
-  closeIconDescription: index["default"].string,
+  closeIconDescription: index.default.string,
   /**
    * Function to call when the close button is clicked.
    */
-  onClose: index["default"].func,
+  onClose: index.default.func,
   /**
    * Function to call when the user clicks and drags the Coachmark.
    * For internal use only by the parent CoachmarkOverlay.
    */
-  onDrag: index["default"].func,
+  onDrag: index.default.func,
   /**
    * Show/hide the "X" close button.
    */
-  showCloseButton: index["default"].bool,
+  showCloseButton: index.default.bool,
   /**
    * Determines the theme of the component.
    */
-  theme: index["default"].oneOf(['light', 'dark'])
+  theme: index.default.oneOf(['light', 'dark'])
 };