@carbon/ibm-products 2.50.0 → 2.51.0-rc.0

package/lib/components/InterstitialScreen/InterstitialScreen.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 React = require('react');
@@ -22,11 +20,6 @@ var cx = require('classnames');
 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 _excluded = ["children", "className", "closeIconDescription", "domainName", "hideProgressIndicator", "interstitialAriaLabel", "isFullScreen", "isOpen", "media", "nextButtonLabel", "onClose", "previousButtonLabel", "productName", "headerClassName", "headerTitle", "startButtonLabel", "skipButtonLabel"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -67,7 +60,7 @@ var defaults = {
  * (e.g. upon first login or first time opening a page where a
  * newly purchased capability is presented).
  */
-exports.InterstitialScreen = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.InterstitialScreen = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _media$breakpoints, _media$breakpoints2, _h, _strong, _h2;
   var children = _ref.children,
     className = _ref.className,
@@ -186,9 +179,9 @@ exports.InterstitialScreen = /*#__PURE__*/React__default["default"].forwardRef(f
   }
   var domainProductDelimiter = domainName !== '' && productName !== '' ? ' | ' : '';
   var renderModal = function renderModal(childElements) {
-    return /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, {
+    return /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
       preventCloseOnClickOutside: true,
-      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.
       ),
@@ -197,29 +190,29 @@ exports.InterstitialScreen = /*#__PURE__*/React__default["default"].forwardRef(f
       open: isOpen,
       ref: _forwardedRef,
       "aria-label": interstitialAriaLabel
-    }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
-      className: cx__default["default"](headerBlockClass, headerTitle && "".concat(headerBlockClass, "--has-title"), headerClassName),
+    }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(react.ModalHeader, {
+      className: cx(headerBlockClass, headerTitle && "".concat(headerBlockClass, "--has-title"), headerClassName),
       iconDescription: closeIconDescription,
       buttonOnClick: handleClose
-    }, headerTitle && (_h || (_h = /*#__PURE__*/React__default["default"].createElement("h2", null, headerTitle))), !hideProgressIndicator && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, headerTitle && (_h || (_h = /*#__PURE__*/React.createElement("h2", null, headerTitle))), !hideProgressIndicator && /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "--progress")
-    }, /*#__PURE__*/React__default["default"].createElement(react.ProgressIndicator, {
+    }, /*#__PURE__*/React.createElement(react.ProgressIndicator, {
       vertical: false,
       currentIndex: progStep
     }, childArray.map(function (child, idx) {
       if ( /*#__PURE__*/React.isValidElement(child)) {
-        return /*#__PURE__*/React__default["default"].createElement(react.ProgressStep, {
+        return /*#__PURE__*/React.createElement(react.ProgressStep, {
           key: idx,
           label: child.props.stepTitle
         });
       }
-    })))), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, {
+    })))), /*#__PURE__*/React.createElement(react.ModalBody, {
       className: bodyBlockClass
-    }, childElements), /*#__PURE__*/React__default["default"].createElement(react.ModalFooter, null, renderFooter()));
+    }, childElements), /*#__PURE__*/React.createElement(react.ModalFooter, null, renderFooter()));
   };
   var renderFullScreen = function renderFullScreen(childElements) {
-    return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-      className: cx__default["default"](blockClass,
+    return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+      className: cx(blockClass,
       // Apply the block class to the main HTML element
       className,
       // Apply any supplied class names to the main HTML element.
@@ -227,20 +220,20 @@ exports.InterstitialScreen = /*#__PURE__*/React__default["default"].forwardRef(f
       role: "main",
       "aria-label": interstitialAriaLabel,
       ref: ref
-    }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: cx__default["default"]([_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--container"), isFullScreen)])
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("div", {
+      className: cx([_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--container"), isFullScreen)])
+    }, /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "--header")
-    }, domainName, domainProductDelimiter, _strong || (_strong = /*#__PURE__*/React__default["default"].createElement("strong", null, productName))), /*#__PURE__*/React__default["default"].createElement("header", {
-      className: cx__default["default"](headerBlockClass, headerTitle && "".concat(headerBlockClass, "--has-title"), headerClassName)
-    }, headerTitle && (_h2 || (_h2 = /*#__PURE__*/React__default["default"].createElement("h2", null, headerTitle))), !hideProgressIndicator && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, domainName, domainProductDelimiter, _strong || (_strong = /*#__PURE__*/React.createElement("strong", null, productName))), /*#__PURE__*/React.createElement("header", {
+      className: cx(headerBlockClass, headerTitle && "".concat(headerBlockClass, "--has-title"), headerClassName)
+    }, headerTitle && (_h2 || (_h2 = /*#__PURE__*/React.createElement("h2", null, headerTitle))), !hideProgressIndicator && /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "--progress")
-    }, /*#__PURE__*/React__default["default"].createElement(react.ProgressIndicator, {
+    }, /*#__PURE__*/React.createElement(react.ProgressIndicator, {
       vertical: false,
       currentIndex: progStep
     }, childArray.map(function (child, idx) {
       if ( /*#__PURE__*/React.isValidElement(child)) {
-        return /*#__PURE__*/React__default["default"].createElement(react.ProgressStep, {
+        return /*#__PURE__*/React.createElement(react.ProgressStep, {
           key: idx,
           label: child.props.stepTitle
         });
@@ -248,86 +241,86 @@ exports.InterstitialScreen = /*#__PURE__*/React__default["default"].forwardRef(f
     })))), childElements, renderFooter()));
   };
   var renderBody = function renderBody() {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: cx__default["default"]("".concat(blockClass, "--body")),
+    return /*#__PURE__*/React.createElement("div", {
+      className: cx("".concat(blockClass, "--body")),
       ref: bodyScrollRef,
       tabIndex: 0
-    }, mediaIsDefined ? /*#__PURE__*/React__default["default"].createElement(react.FlexGrid, {
+    }, mediaIsDefined ? /*#__PURE__*/React.createElement(react.FlexGrid, {
       fullWidth: true,
-      className: cx__default["default"]("".concat(blockClass, "--body-grid"))
-    }, /*#__PURE__*/React__default["default"].createElement(react.Row, {
-      className: cx__default["default"]("".concat(blockClass, "--body-row"))
-    }, /*#__PURE__*/React__default["default"].createElement(react.Column, {
+      className: cx("".concat(blockClass, "--body-grid"))
+    }, /*#__PURE__*/React.createElement(react.Row, {
+      className: cx("".concat(blockClass, "--body-row"))
+    }, /*#__PURE__*/React.createElement(react.Column, {
       xlg: contentBreakpoints.xlg,
       lg: contentBreakpoints.lg,
       md: contentBreakpoints.md,
       sm: contentBreakpoints.sm
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: cx__default["default"]("".concat(blockClass, "--content"))
-    }, isMultiStep ? /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cx("".concat(blockClass, "--content"))
+    }, isMultiStep ? /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "__carousel")
-    }, /*#__PURE__*/React__default["default"].createElement(Carousel.Carousel, {
+    }, /*#__PURE__*/React.createElement(Carousel.Carousel, {
       disableArrowScroll: true,
       ref: scrollRef,
       onScroll: function onScroll(scrollPercent) {
         scrollPercent === 0 && setProgStep(0);
       }
-    }, children)) : childArray[0])), mediaIsDefined && /*#__PURE__*/React__default["default"].createElement(react.Column, {
+    }, children)) : childArray[0])), mediaIsDefined && /*#__PURE__*/React.createElement(react.Column, {
       xlg: mediaBreakpoints.xlg,
       lg: mediaBreakpoints.lg,
       md: mediaBreakpoints.md,
       sm: mediaBreakpoints.sm,
-      className: cx__default["default"]("".concat(blockClass, "--media-container"))
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: cx("".concat(blockClass, "--media-container"))
+    }, /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "--media")
-    }, media.render ? media.render() : /*#__PURE__*/React__default["default"].createElement(SteppedAnimatedMedia.SteppedAnimatedMedia, {
+    }, media.render ? media.render() : /*#__PURE__*/React.createElement(SteppedAnimatedMedia.SteppedAnimatedMedia, {
       className: "".concat(blockClass, "--stepped-animated-media"),
       filePaths: media.filePaths,
       playStep: progStep
-    }))))) : /*#__PURE__*/React__default["default"].createElement("div", {
-      className: cx__default["default"]("".concat(blockClass, "--content"))
-    }, isMultiStep ? /*#__PURE__*/React__default["default"].createElement("div", {
+    }))))) : /*#__PURE__*/React.createElement("div", {
+      className: cx("".concat(blockClass, "--content"))
+    }, isMultiStep ? /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "__carousel")
-    }, /*#__PURE__*/React__default["default"].createElement(Carousel.Carousel, {
+    }, /*#__PURE__*/React.createElement(Carousel.Carousel, {
       disableArrowScroll: true,
       ref: scrollRef,
       onScroll: function onScroll(scrollPercent) {
         scrollPercent === 0 && setProgStep(0);
       }
-    }, children)) : /*#__PURE__*/React__default["default"].createElement("div", null, childArray[0])));
+    }, children)) : /*#__PURE__*/React.createElement("div", null, childArray[0])));
   };
   var renderFooter = function renderFooter() {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "--footer")
-    }, isMultiStep && skipButtonLabel !== '' && /*#__PURE__*/React__default["default"].createElement(react.Button, {
+    }, isMultiStep && skipButtonLabel !== '' && /*#__PURE__*/React.createElement(react.Button, {
       className: "".concat(blockClass, "--skip-btn"),
       kind: "ghost",
       size: "lg",
       title: skipButtonLabel,
       onClick: handleClose
-    }, skipButtonLabel), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, skipButtonLabel), /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "--footer-controls")
-    }, isMultiStep && progStep > 0 && /*#__PURE__*/React__default["default"].createElement(react.Button, {
+    }, isMultiStep && progStep > 0 && /*#__PURE__*/React.createElement(react.Button, {
       className: "".concat(blockClass, "--prev-btn"),
       kind: "secondary",
       size: "lg",
       title: previousButtonLabel,
       onClick: handleClickPrev
-    }, previousButtonLabel), isMultiStep && progStep < progStepCeil && /*#__PURE__*/React__default["default"].createElement(react.Button, {
+    }, previousButtonLabel), isMultiStep && progStep < progStepCeil && /*#__PURE__*/React.createElement(react.Button, {
       className: "".concat(blockClass, "--next-btn"),
       renderIcon: icons.ArrowRight,
       ref: nextButtonRef,
       size: "lg",
       title: nextButtonLabel,
       onClick: handleClickNext
-    }, nextButtonLabel), isMultiStep && progStep === progStepCeil && /*#__PURE__*/React__default["default"].createElement(react.Button, {
+    }, nextButtonLabel), isMultiStep && progStep === progStepCeil && /*#__PURE__*/React.createElement(react.Button, {
       className: "".concat(blockClass, "--start-btn"),
       ref: startButtonRef,
       renderIcon: icons.ArrowRight,
       size: "lg",
       title: startButtonLabel,
       onClick: handleClose
-    }, startButtonLabel), !isMultiStep && /*#__PURE__*/React__default["default"].createElement(react.Button, {
+    }, startButtonLabel), !isMultiStep && /*#__PURE__*/React.createElement(react.Button, {
       className: "".concat(blockClass, "--start-btn"),
       ref: startButtonRef,
       size: "lg",
@@ -352,44 +345,44 @@ exports.InterstitialScreen.propTypes = {
   /**
    * Provide the contents of the InterstitialScreen.
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Tooltip text and aria label for the Close button icon.
    */
-  closeIconDescription: index["default"].string,
+  closeIconDescription: index.default.string,
   /**
    * The domain this app belongs to, e.g. "IBM Cloud Pak".
    */
-  domainName: index["default"].string,
+  domainName: index.default.string,
   /**
    * Provide an optional class to be applied to the <header> element >.
    */
-  headerClassName: index["default"].string,
+  headerClassName: index.default.string,
   /**
    * Provide an optional class to be applied to the <header> element >.
    */
-  headerTitle: index["default"].string,
+  headerTitle: index.default.string,
   /**
    * Optional parameter to hide the progress indicator when multiple steps are used.
    */
-  hideProgressIndicator: index["default"].bool,
+  hideProgressIndicator: index.default.bool,
   /**
    * The aria label applied to the Interstitial Screen component
    */
-  interstitialAriaLabel: index["default"].string,
+  interstitialAriaLabel: index.default.string,
   /**
    * Specifies whether the component is shown as a full-screen
    * experience, else it is shown as a modal by default.
    */
-  isFullScreen: index["default"].bool,
+  isFullScreen: index.default.bool,
   /**
    * Specifies whether the component is currently open.
    */
-  isOpen: index["default"].bool,
+  isOpen: index.default.bool,
   /**
    * The object describing an image in one of two shapes.
    *
@@ -402,41 +395,41 @@ exports.InterstitialScreen.propTypes = {
    * @see {@link MEDIA_PROP_TYPE}.
    */
   /**@ts-ignore */
-  media: index["default"].oneOfType([index["default"].shape({
-    render: index["default"].func,
-    breakpoints: index["default"].shape({
-      xlg: index["default"].number,
-      lg: index["default"].number
+  media: index.default.oneOfType([index.default.shape({
+    render: index.default.func,
+    breakpoints: index.default.shape({
+      xlg: index.default.number,
+      lg: index.default.number
     })
-  }), index["default"].shape({
-    filePaths: index["default"].arrayOf(index["default"].string),
-    breakpoints: index["default"].shape({
-      xlg: index["default"].number,
-      lg: index["default"].number
+  }), index.default.shape({
+    filePaths: index.default.arrayOf(index.default.string),
+    breakpoints: index.default.shape({
+      xlg: index.default.number,
+      lg: index.default.number
     })
   })]),
   /**
    * The label for the Next button.
    */
-  nextButtonLabel: index["default"].string,
+  nextButtonLabel: index.default.string,
   /**
    * Function to call when the close button is clicked.
    */
-  onClose: index["default"].func,
+  onClose: index.default.func,
   /**
    * The label for the Previous button.
    */
-  previousButtonLabel: index["default"].string,
+  previousButtonLabel: index.default.string,
   /**
    * The name of this app, e.g. "QRadar".
    */
-  productName: index["default"].string,
+  productName: index.default.string,
   /**
    * The label for the skip button.
    */
-  skipButtonLabel: index["default"].string,
+  skipButtonLabel: index.default.string,
   /**
    * The label for the start button.
    */
-  startButtonLabel: index["default"].string
+  startButtonLabel: index.default.string
 };

package/lib/components/InterstitialScreenView/InterstitialScreenView.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');
@@ -16,11 +14,6 @@ var cx = require('classnames');
 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 _excluded = ["children", "className", "stepTitle"];
 
 // Carbon and package components we use.
@@ -32,16 +25,16 @@ var componentName = 'InterstitialScreenView';
 /**
  * An Onboarding component intended to be used as the child elements of the InterstitialScreen component.
  */
-exports.InterstitialScreenView = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.InterstitialScreenView = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     stepTitle = _ref.stepTitle,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     role: "complementary",
     "aria-label": stepTitle
   }, rest, {
-    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.
@@ -68,13 +61,13 @@ exports.InterstitialScreenView.propTypes = {
   /**
    * Provide the contents of the InterstitialScreenView.
    */
-  children: index["default"].node,
+  children: index.default.node,
   /**
    * Optional class name for this component.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * The label to pass to the ProgressStep component.
    */
-  stepTitle: index["default"].string.isRequired
+  stepTitle: index.default.string.isRequired
 };

package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var index = require('../../node_modules/prop-types/index.js');
 var React = require('react');
@@ -16,11 +14,6 @@ var cx = require('classnames');
 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 _excluded = ["className", "title", "description"];
 
 // Carbon and package components we use.
@@ -44,20 +37,20 @@ var componentName = 'InterstitialScreenViewModule';
 /**
  * View module to help in building interstitial screen views.
  */
-exports.InterstitialScreenViewModule = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.InterstitialScreenViewModule = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     title = _ref.title,
     description = _ref.description,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement("section", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass,
+  return /*#__PURE__*/React.createElement("section", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass,
     // Apply the block class to the main HTML element
     className // Apply any supplied class names to the main HTML element.
     ),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("h1", {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("h1", {
     className: "".concat(blockClass, "--heading")
-  }, title), /*#__PURE__*/React__default["default"].createElement("p", {
+  }, title), /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "--body")
   }, description));
 });
@@ -76,13 +69,13 @@ exports.InterstitialScreenViewModule.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * The description of this component.
    */
-  description: index["default"].string.isRequired,
+  description: index.default.string.isRequired,
   /**
    * The title of this component.
    */
-  title: index["default"].string.isRequired
+  title: index.default.string.isRequired
 };