@carbon/ibm-products 2.26.0 → 2.28.0-alpha.4

package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js

@@ -11,8 +11,8 @@ 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');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var react = require('@carbon/react');
@@ -25,6 +25,7 @@ var Carousel = require('../Carousel/Carousel.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", "children", "isVisible", "media", "nextButtonText", "previousButtonLabel", "closeButtonLabel"];
 
@@ -107,7 +108,7 @@ exports.CoachmarkOverlayElements = /*#__PURE__*/React__default["default"].forwar
     return pconsole["default"].warn("The ".concat(componentName, " is a composable container element which should be used only within the scope of a Coachmark or a CoachmarkFixed component."));
   }
   return /*#__PURE__*/React__default["default"].createElement("section", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass,
+    className: cx__default["default"](blockClass,
     // Apply the block class to the main HTML element
     className,
     // Apply any supplied class names to the main HTML element.
@@ -123,7 +124,7 @@ exports.CoachmarkOverlayElements = /*#__PURE__*/React__default["default"].forwar
     filePaths: media.filePaths,
     playStep: currentProgStep
   })), numProgSteps === 1 ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children, closeButtonLabel && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index["default"]("".concat(blockClass, "__footer"), 'coachmark-carousel-controls')
+    className: cx__default["default"]("".concat(blockClass, "__footer"), 'coachmark-carousel-controls')
   }, /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({
     size: "sm"
   }, coachmark.closeButtonProps, {
@@ -135,7 +136,7 @@ exports.CoachmarkOverlayElements = /*#__PURE__*/React__default["default"].forwar
       setScrollPosition(scrollPercent);
     }
   }, children), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index["default"]("".concat(blockClass, "__footer"))
+    className: cx__default["default"]("".concat(blockClass, "__footer"))
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "--controls-progress")
   }, "".concat(currentProgStep + 1, " / ").concat(numProgSteps)), scrollPosition > 0 && /*#__PURE__*/React__default["default"].createElement(react.Button, {
@@ -181,36 +182,36 @@ exports.CoachmarkOverlayElements.propTypes = {
    * CoachmarkOverlayElements should be used with one or many CoachmarkOverlayElement components as children.
    * @see CoachmarkOverlayElement
    */
-  children: index$1["default"].node.isRequired,
+  children: index["default"].node.isRequired,
   /**
    * Optional class name for this component.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * The label for the Close button.
    */
-  closeButtonLabel: index$1["default"].string,
+  closeButtonLabel: index["default"].string,
   /**
    * The visibility of CoachmarkOverlayElements is
    * managed in the parent component.
    */
-  isVisible: index$1["default"].bool,
+  isVisible: index["default"].bool,
   /**
    * The object describing an image in one of two shapes.
    * If a single media element is required, use `{render}`.
    * If a stepped animation is required, use `{filePaths}`.
    */
-  media: index$1["default"].oneOfType([index$1["default"].shape({
-    render: index$1["default"].func
-  }), index$1["default"].shape({
-    filePaths: index$1["default"].arrayOf(index$1["default"].string)
+  media: index["default"].oneOfType([index["default"].shape({
+    render: index["default"].func
+  }), index["default"].shape({
+    filePaths: index["default"].arrayOf(index["default"].string)
   })]),
   /**
    * The label for the Next button.
    */
-  nextButtonText: index$1["default"].string,
+  nextButtonText: index["default"].string,
   /**
    * The label for the Previous button.
    */
-  previousButtonLabel: index$1["default"].string
+  previousButtonLabel: index["default"].string
 };

package/lib/components/CoachmarkStack/CoachmarkStack.js

@@ -12,8 +12,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactDom = require('react-dom');
-var index$1 = require('../../node_modules/prop-types/index.js');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var CoachmarkOverlay = require('../Coachmark/CoachmarkOverlay.js');
@@ -25,6 +25,7 @@ var enums = require('../Coachmark/utils/enums.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 = ["children", "className", "onClose", "description", "media", "navLinkLabels", "portalTarget", "closeButtonLabel", "tagline", "theme", "title"];
 
@@ -189,20 +190,20 @@ exports.CoachmarkStack = /*#__PURE__*/React__default["default"].forwardRef(funct
       },
       theme: theme,
       fixedIsVisible: false,
-      className: index["default"](elementBlockClass, mountedClass, idx === selectedItemNumber - 1 && "".concat(elementBlockClass, "--is-visible"), mountedRef.current && "".concat(elementBlockClass, "--is-mounted"))
+      className: cx__default["default"](elementBlockClass, mountedClass, idx === selectedItemNumber - 1 && "".concat(elementBlockClass, "--is-visible"), mountedRef.current && "".concat(elementBlockClass, "--is-mounted"))
     }, child);
   });
   return /*#__PURE__*/React__default["default"].createElement(context.CoachmarkContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, "".concat(settings.pkg.prefix, "--coachmark-overlay--stack"), className),
+    className: cx__default["default"](blockClass, "".concat(settings.pkg.prefix, "--coachmark-overlay--stack"), className),
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(CoachmarkTagline.CoachmarkTagline, {
     title: tagline,
     onClose: onClose
   }), /*#__PURE__*/React__default["default"].createElement(CoachmarkStackHome.CoachmarkStackHome, {
     ref: stackHomeRef,
-    className: index["default"]("".concat(settings.pkg.prefix, "--coachmark-overlay"), "".concat(settings.pkg.prefix, "--coachmark-overlay__").concat(theme), elementBlockClass, selectedItemNumber > 0 && "".concat(elementBlockClass, "--is-stacked"), selectedItemNumber > 0 && "".concat(elementBlockClass, "--is-stacked__").concat(theme), isOpen && "".concat(elementBlockClass, "--is-visible"), mountedRef.current && "".concat(elementBlockClass, "--is-mounted")),
+    className: cx__default["default"]("".concat(settings.pkg.prefix, "--coachmark-overlay"), "".concat(settings.pkg.prefix, "--coachmark-overlay__").concat(theme), elementBlockClass, selectedItemNumber > 0 && "".concat(elementBlockClass, "--is-stacked"), selectedItemNumber > 0 && "".concat(elementBlockClass, "--is-stacked__").concat(theme), isOpen && "".concat(elementBlockClass, "--is-visible"), mountedRef.current && "".concat(elementBlockClass, "--is-mounted")),
     isOpen: isOpen && selectedItemNumber < 1,
     description: description,
     media: media,
@@ -231,20 +232,20 @@ exports.CoachmarkStack.propTypes = {
   /**
    * CoachmarkStack should use a single CoachmarkOverlayElements component as a child.
    */
-  children: index$1["default"].node.isRequired,
+  children: index["default"].node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * The label for the button that will close the Stack
    */
-  closeButtonLabel: index$1["default"].string,
+  closeButtonLabel: index["default"].string,
   // Pass through to CoachmarkStackHome
   /**
    * The description of the Coachmark.
    */
-  description: index$1["default"].node.isRequired,
+  description: index["default"].node.isRequired,
   /**
    * The object describing an image in one of two shapes.
    *
@@ -254,34 +255,34 @@ exports.CoachmarkStack.propTypes = {
    *
    * @see {@link MEDIA_PROP_TYPE}.
    */
-  media: index$1["default"].oneOfType([index$1["default"].shape({
-    render: index$1["default"].func
-  }), index$1["default"].shape({
-    filePaths: index$1["default"].arrayOf(index$1["default"].string)
+  media: index["default"].oneOfType([index["default"].shape({
+    render: index["default"].func
+  }), index["default"].shape({
+    filePaths: index["default"].arrayOf(index["default"].string)
   })]),
   /**
    * The labels used to link to the stackable Coachmarks.
    */
-  navLinkLabels: index$1["default"].arrayOf(index$1["default"].string).isRequired,
+  navLinkLabels: index["default"].arrayOf(index["default"].string).isRequired,
   /**
    * Function to call when the CoachmarkStack closes.
    */
-  onClose: index$1["default"].func,
+  onClose: index["default"].func,
   /**
    * Where in the DOM to render the stack.
    * The default is `document.body`.
    */
-  portalTarget: index$1["default"].string,
+  portalTarget: index["default"].string,
   /**
    * The tagline title which will be fixed to the bottom right of the window and will serve as the display trigger.
    */
-  tagline: index$1["default"].string.isRequired,
+  tagline: index["default"].string.isRequired,
   /**
    * Determines the theme of the component.
    */
-  theme: index$1["default"].oneOf(['light', 'dark']),
+  theme: index["default"].oneOf(['light', 'dark']),
   /**
    * The title of the Coachmark.
    */
-  title: index$1["default"].string.isRequired
+  title: index["default"].string.isRequired
 };

package/lib/components/CoachmarkStack/CoachmarkStackHome.js

@@ -12,8 +12,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var pconsole = require('../../global/js/utils/pconsole.js');
-var index$1 = require('../../node_modules/prop-types/index.js');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
 var devtools = require('../../global/js/utils/devtools.js');
@@ -25,6 +25,7 @@ var SteppedAnimatedMedia = require('../SteppedAnimatedMedia/SteppedAnimatedMedia
 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", "description", "isOpen", "media", "navLinkLabels", "onClickNavItem", "onClose", "portalTarget", "closeButtonLabel", "title"];
 
@@ -70,7 +71,7 @@ exports.CoachmarkStackHome = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   }
   var portalNode = portalTarget ? (_document$querySelect = document.querySelector(portalTarget)) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector('body') : document.querySelector('body');
   return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, className),
+    className: cx__default["default"](blockClass, className),
     ref: ref,
     role: "main"
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(CoachmarkHeader.CoachmarkHeader, {
@@ -142,19 +143,19 @@ exports.CoachmarkStackHome.propTypes = {
   /**
    * Optional class name for this component.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * The label for the button that will close the stack
    */
-  closeButtonLabel: index$1["default"].string,
+  closeButtonLabel: index["default"].string,
   /**
    * The description of the Coachmark.
    */
-  description: index$1["default"].node.isRequired,
+  description: index["default"].node.isRequired,
   /**
    * If the stack home is open.
    */
-  isOpen: index$1["default"].bool.isRequired,
+  isOpen: index["default"].bool.isRequired,
   /**
    * The object describing an image in one of two shapes.
    *
@@ -164,23 +165,23 @@ exports.CoachmarkStackHome.propTypes = {
    *
    * @see {@link MEDIA_PROP_TYPE}.
    */
-  media: index$1["default"].oneOfType([index$1["default"].shape({
-    render: index$1["default"].func
-  }), index$1["default"].shape({
-    filePaths: index$1["default"].arrayOf(index$1["default"].string)
+  media: index["default"].oneOfType([index["default"].shape({
+    render: index["default"].func
+  }), index["default"].shape({
+    filePaths: index["default"].arrayOf(index["default"].string)
   })]),
   /**
    * The labels used to link to the stackable Coachmarks.
    */
-  navLinkLabels: index$1["default"].arrayOf(index$1["default"].string).isRequired,
+  navLinkLabels: index["default"].arrayOf(index["default"].string).isRequired,
   /**
    * For internal use only by CoachmarkStack and CoachmarkStackHome.
    */
-  onClickNavItem: index$1["default"].func.isRequired,
+  onClickNavItem: index["default"].func.isRequired,
   /**
    * Function to call when the stack closes.
    */
-  onClose: index$1["default"].func.isRequired,
+  onClose: index["default"].func.isRequired,
   /**
    * By default, the CoachmarkStackHome will be appended to the end of `document.body`.
    * The CoachmarkStackHome will remain persistent as the user navigates the app until
@@ -191,9 +192,9 @@ exports.CoachmarkStackHome.propTypes = {
    * remain visible as long as that element remains visible or mounted. When the
    * element is hidden or component is unmounted, the CoachmarkStackHome will disappear.
    */
-  portalTarget: index$1["default"].string,
+  portalTarget: index["default"].string,
   /**
    * The title of the Coachmark.
    */
-  title: index$1["default"].string.isRequired
+  title: index["default"].string.isRequired
 };

package/lib/components/ComboButton/ComboButton.js

@@ -12,13 +12,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
-var index = require('../../node_modules/classnames/index.js');
-var index$1 = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
+var index = require('../../node_modules/prop-types/index.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["children", "className", "overflowMenu"],
@@ -56,7 +57,7 @@ var ComboButton = function ComboButton(_ref) {
     primaryAction = _Children$toArray$fil2[0],
     restActions = _Children$toArray$fil2.slice(1);
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, className),
+    className: cx__default["default"](blockClass, className),
     "data-floating-menu-container": true
   }), /*#__PURE__*/React__default["default"].createElement(react.Button, primaryAction), restActions.length > 0 && /*#__PURE__*/React__default["default"].createElement(react.OverflowMenu, _rollupPluginBabelHelpers["extends"]({}, overflowMenu, {
     className: "".concat(blockClass, "__overflow-menu"),
@@ -100,11 +101,11 @@ ComboButton.deprecated = {
 };
 ComboButton.propTypes = {
   /** Provide the contents of the `ComboButton` */
-  children: index$1.propTypesExports.node.isRequired,
+  children: index.propTypesExports.node.isRequired,
   /** Provide an optional class to be applied to the containing node */
-  className: index$1.propTypesExports.string,
+  className: index.propTypesExports.string,
   /** Provide the [props of the `OverflowMenu`](https://react.carbondesignsystem.com/?path=/docs/overflowmenu) */
-  overflowMenu: index$1.propTypesExports.shape(react.OverflowMenu.propTypes)
+  overflowMenu: index.propTypesExports.shape(react.OverflowMenu.propTypes)
 };
 
 exports.ComboButton = ComboButton;

package/lib/components/CreateFullPage/CreateFullPage.js

@@ -11,8 +11,8 @@ 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');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var react = require('@carbon/react');
@@ -30,6 +30,7 @@ var ActionSet = require('../ActionSet/ActionSet.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 = ["breadcrumbsOverflowAriaLabel", "breadcrumbs", "backButtonText", "cancelButtonText", "children", "className", "initialStep", "maxVisibleBreadcrumbs", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText", "noTrailingSlash", "title", "secondaryTitle"];
 var blockClass = "".concat(settings.pkg.prefix, "--create-full-page");
@@ -199,7 +200,7 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
   /* istanbul ignore next */
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
     ref: ref,
-    className: index["default"](blockClass, className)
+    className: cx__default["default"](blockClass, className)
   }, devtools.getDevtoolsProps(componentName)), (title || (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) > 0) && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__header"),
     ref: headerRef
@@ -293,19 +294,19 @@ exports.CreateFullPage.propTypes = {
   /**
    * The back button text
    */
-  backButtonText: index$1["default"].string.isRequired,
+  backButtonText: index["default"].string.isRequired,
   /** The header breadcrumbs */
-  breadcrumbs: index$1["default"].arrayOf(index$1["default"].shape({
+  breadcrumbs: index["default"].arrayOf(index["default"].shape({
     /** breadcrumb item key */
-    key: index$1["default"].string.isRequired,
+    key: index["default"].string.isRequired,
     /** breadcrumb item label */
-    label: index$1["default"].string.isRequired,
+    label: index["default"].string.isRequired,
     /** breadcrumb item link */
-    href: index$1["default"].string,
+    href: index["default"].string,
     /** breadcrumb item title tooltip */
-    title: index$1["default"].string,
+    title: index["default"].string,
     /** Provide if this breadcrumb item represents the current page */
-    isCurrentPage: index$1["default"].bool
+    isCurrentPage: index["default"].bool
   })),
   /**
    * Label for open/close overflow button used for breadcrumb items that do not fit
@@ -314,79 +315,79 @@ exports.CreateFullPage.propTypes = {
   /**
    * The cancel button text
    */
-  cancelButtonText: index$1["default"].string.isRequired,
+  cancelButtonText: index["default"].string.isRequired,
   /**
    * The main content of the full page
    */
-  children: index$1["default"].node,
+  children: index["default"].node,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * Specifies elements to focus on first on render.
    */
-  firstFocusElement: index$1["default"].string,
+  firstFocusElement: index["default"].string,
   /**
    * This can be used to open the component to a step other than the first step.
    * For example, a create flow was previously in progress, data was saved, and
    * is now being completed.
    */
-  initialStep: index$1["default"].number,
+  initialStep: index["default"].number,
   /**	Maximum visible breadcrumb-items before overflow is used (values less than 1 are treated as 1) */
-  maxVisibleBreadcrumbs: index$1["default"].number,
+  maxVisibleBreadcrumbs: index["default"].number,
   /**
    * The primary 'danger' button text in the modal
    */
-  modalDangerButtonText: index$1["default"].string.isRequired,
+  modalDangerButtonText: index["default"].string.isRequired,
   /**
    * The description located below the title in the modal
    */
-  modalDescription: index$1["default"].string,
+  modalDescription: index["default"].string,
   /**
    * The secondary button text in the modal
    */
-  modalSecondaryButtonText: index$1["default"].string.isRequired,
+  modalSecondaryButtonText: index["default"].string.isRequired,
   /**
    * The title located in the header of the modal
    */
-  modalTitle: index$1["default"].string.isRequired,
+  modalTitle: index["default"].string.isRequired,
   /**
    * The next button text
    */
-  nextButtonText: index$1["default"].string.isRequired,
+  nextButtonText: index["default"].string.isRequired,
   /**
    * A prop to omit the trailing slash for the breadcrumbs
    */
-  noTrailingSlash: index$1["default"].bool,
+  noTrailingSlash: index["default"].bool,
   /**
    * An optional handler that is called when the user closes the full page (by
    * clicking the secondary button, located in the modal, which triggers after
    * clicking the ghost button in the modal
    */
-  onClose: index$1["default"].func,
+  onClose: index["default"].func,
   /**
    * Specify a handler for submitting the multi step full page (final step).
    * This function can _optionally_ return a promise that is either resolved or rejected and the CreateFullPage will handle the submitting state of the create button.
    */
-  onRequestSubmit: index$1["default"].func.isRequired,
+  onRequestSubmit: index["default"].func.isRequired,
   /**
    * A secondary title of the full page, displayed in the influencer area
    */
-  secondaryTitle: index$1["default"].string,
+  secondaryTitle: index["default"].string,
   /**
    * @ignore
    * The aria label to be used for the UI Shell SideNav Carbon component
    */
-  sideNavAriaLabel: index$1["default"].string,
+  sideNavAriaLabel: index["default"].string,
   /**
    * The submit button text
    */
-  submitButtonText: index$1["default"].string.isRequired,
+  submitButtonText: index["default"].string.isRequired,
   /**
    * The main title of the full page, displayed in the header area
    */
-  title: index$1["default"].string
+  title: index["default"].string
 };
 
 exports.StepNumberContext = StepNumberContext;

package/lib/components/CreateFullPage/CreateFullPageStep.js

@@ -11,8 +11,8 @@ 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');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var settings = require('../../settings.js');
 var react = require('@carbon/react');
 var CreateFullPage = require('./CreateFullPage.js');
@@ -23,6 +23,7 @@ var useRetrieveStepData = require('../../global/js/hooks/useRetrieveStepData.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 = ["children", "className", "subtitle", "description", "disableSubmit", "includeStep", "introStep", "invalid", "title", "hasFieldset", "fieldsetLegendText", "onNext", "onMount", "secondaryLabel"];
 var componentName = 'CreateFullPageStep';
@@ -92,7 +93,7 @@ exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   }; // Half.
 
   return stepsContext ? /*#__PURE__*/React__default["default"].createElement("section", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__step--hidden-step"), stepNumber !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep))),
+    className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__step--hidden-step"), stepNumber !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep))),
     ref: ref
   }), /*#__PURE__*/React__default["default"].createElement(react.Grid, null, /*#__PURE__*/React__default["default"].createElement(react.Column, span, /*#__PURE__*/React__default["default"].createElement(react.Grid, null, /*#__PURE__*/React__default["default"].createElement(react.Column, _rollupPluginBabelHelpers["extends"]({
     className: "".concat(blockClass, "-title"),
@@ -115,64 +116,64 @@ exports.CreateFullPageStep.propTypes = {
   /**
    * Content that shows in the CreateFullPage step
    */
-  children: index$1["default"].node,
+  children: index["default"].node,
   /**
    * Sets an optional className to be added to the CreateFullPage step
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * Sets an optional description on the progress step component
    */
-  description: index$1["default"].string,
+  description: index["default"].string,
   /**
    * This will conditionally disable the submit button in the multi step CreateFullPage
    */
-  disableSubmit: index$1["default"].bool,
+  disableSubmit: index["default"].bool,
   /**
    * This is the legend text that appears above a fieldset html element for accessibility purposes. It is required when the optional `hasFieldset` prop is provided to a FullPageStep.
    */
-  fieldsetLegendText: index$1["default"].string.isRequired.if(function (_ref2) {
+  fieldsetLegendText: index["default"].string.isRequired.if(function (_ref2) {
     var hasFieldset = _ref2.hasFieldset;
     return hasFieldset === true;
   }),
   /**
    * This optional prop will render your form content inside of a fieldset html element
    */
-  hasFieldset: index$1["default"].bool,
+  hasFieldset: index["default"].bool,
   /**
    * This prop is used to help track dynamic steps. If this value is `false` then the step is not included in the visible steps or the ProgressIndicator
    * steps. If this value is `true` then the step will be included in the list of visible steps, as well as being included in the ProgressIndicator step list
    */
-  includeStep: index$1["default"].bool,
+  includeStep: index["default"].bool,
   /**
    * This prop can be used on the first step to mark it as an intro step, which will not render the progress indicator steps
    */
-  introStep: index$1["default"].bool,
+  introStep: index["default"].bool,
   /**
    * This optional prop will indicate an error icon on the progress indicator step item
    */
-  invalid: index$1["default"].bool,
+  invalid: index["default"].bool,
   /**
    * Optional function to be called on initial mount of a step.
    * For example, this can be used to fetch data that is required on a particular step.
    */
-  onMount: index$1["default"].func,
+  onMount: index["default"].func,
   /**
    * Optional function to be called on a step change.
    * For example, this can be used to validate input fields before proceeding to the next step.
    * This function can _optionally_ return a promise that is either resolved or rejected and the CreateFullPage will handle the submitting state of the next button.
    */
-  onNext: index$1["default"].func,
+  onNext: index["default"].func,
   /**
    * Sets the optional secondary label on the progress step component
    */
-  secondaryLabel: index$1["default"].string,
+  secondaryLabel: index["default"].string,
   /**
    * Sets an optional subtitle on the progress step component
    */
-  subtitle: index$1["default"].string,
+  subtitle: index["default"].string,
   /**
    * Sets the title text for a create full page step
    */
-  title: index$1["default"].node.isRequired
+  title: index["default"].node.isRequired
 };