@carbon/ibm-products 1.34.1 → 1.35.0

package/lib/components/CreateTearsheet/CreateTearsheetDivider.js

@@ -1,43 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CreateTearsheetDivider = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _settings = require("../../settings");
-
 var _excluded = ["className"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var componentName = 'CreateTearsheetDivider';
 var blockClass = "".concat(_settings.pkg.prefix, "--tearsheet-create__section--divider");
 var CreateTearsheetDivider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, rest, {
     ref: ref,
     className: (0, _classnames.default)(blockClass, className)
   }));
-}); // Return a placeholder if not released and not enabled by feature flag
+});
 
+// Return a placeholder if not released and not enabled by feature flag
 exports.CreateTearsheetDivider = CreateTearsheetDivider;
 exports.CreateTearsheetDivider = CreateTearsheetDivider = _settings.pkg.checkComponentEnabled(CreateTearsheetDivider, componentName);
 CreateTearsheetDivider.propTypes = {

package/lib/components/CreateTearsheet/CreateTearsheetStep.js

@@ -1,78 +1,58 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CreateTearsheetStep = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _carbonComponentsReact = require("carbon-components-react");
-
 var _CreateTearsheet = require("./CreateTearsheet");
-
 var _settings = require("../../settings");
-
 var _pconsole = _interopRequireDefault(require("../../global/js/utils/pconsole"));
-
 var _hooks = require("../../global/js/hooks");
-
 var _excluded = ["children", "className", "description", "disableSubmit", "fieldsetLegendText", "hasFieldset", "includeStep", "introStep", "onNext", "onMount", "secondaryLabel", "subtitle", "title"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var componentName = 'CreateTearsheetStep';
-var blockClass = "".concat(_settings.pkg.prefix, "--tearsheet-create__step"); // Default values for props
+var blockClass = "".concat(_settings.pkg.prefix, "--tearsheet-create__step");
 
+// Default values for props
 var defaults = {
   hasFieldset: true,
   includeStep: true
 };
 var CreateTearsheetStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _cx;
-
   var children = _ref.children,
-      className = _ref.className,
-      description = _ref.description,
-      disableSubmit = _ref.disableSubmit,
-      fieldsetLegendText = _ref.fieldsetLegendText,
-      _ref$hasFieldset = _ref.hasFieldset,
-      hasFieldset = _ref$hasFieldset === void 0 ? defaults.hasFieldset : _ref$hasFieldset,
-      _ref$includeStep = _ref.includeStep,
-      includeStep = _ref$includeStep === void 0 ? defaults.includeStep : _ref$includeStep,
-      introStep = _ref.introStep,
-      onNext = _ref.onNext,
-      onMount = _ref.onMount,
-      secondaryLabel = _ref.secondaryLabel,
-      subtitle = _ref.subtitle,
-      title = _ref.title,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    className = _ref.className,
+    description = _ref.description,
+    disableSubmit = _ref.disableSubmit,
+    fieldsetLegendText = _ref.fieldsetLegendText,
+    _ref$hasFieldset = _ref.hasFieldset,
+    hasFieldset = _ref$hasFieldset === void 0 ? defaults.hasFieldset : _ref$hasFieldset,
+    _ref$includeStep = _ref.includeStep,
+    includeStep = _ref$includeStep === void 0 ? defaults.includeStep : _ref$includeStep,
+    introStep = _ref.introStep,
+    onNext = _ref.onNext,
+    onMount = _ref.onMount,
+    secondaryLabel = _ref.secondaryLabel,
+    subtitle = _ref.subtitle,
+    title = _ref.title,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var stepsContext = (0, _react.useContext)(_CreateTearsheet.StepsContext);
   var stepNumber = (0, _react.useContext)(_CreateTearsheet.StepNumberContext);
-
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      shouldIncludeStep = _useState2[0],
-      setShouldIncludeStep = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    shouldIncludeStep = _useState2[0],
+    setShouldIncludeStep = _useState2[1];
   var previousState = (0, _hooks.usePreviousValue)({
     currentStep: stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep
   });
@@ -83,20 +63,23 @@ var CreateTearsheetStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
     shouldIncludeStep: shouldIncludeStep,
     secondaryLabel: secondaryLabel,
     title: title
-  }); // This useEffect reports back the onMount value so that they can be used
-  // in the appropriate custom hooks.
+  });
 
+  // This useEffect reports back the onMount value so that they can be used
+  // in the appropriate custom hooks.
   (0, _react.useEffect)(function () {
     if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep) && (previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
       stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.setOnMount(onMount);
     }
-  }, [onMount, stepsContext, stepNumber, previousState === null || previousState === void 0 ? void 0 : previousState.currentStep]); // Used to take the `includeStep` prop and use it as a local state value
+  }, [onMount, stepsContext, stepNumber, previousState === null || previousState === void 0 ? void 0 : previousState.currentStep]);
 
+  // Used to take the `includeStep` prop and use it as a local state value
   (0, _react.useEffect)(function () {
     setShouldIncludeStep(includeStep);
-  }, [includeStep, stepsContext, title]); // Whenever we are the current step, supply our disableSubmit and onNext values to the
-  // steps container context so that it can manage the 'Next' button appropriately.
+  }, [includeStep, stepsContext, title]);
 
+  // Whenever we are the current step, supply our disableSubmit and onNext values to the
+  // steps container context so that it can manage the 'Next' button appropriately.
   (0, _react.useEffect)(function () {
     if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
       stepsContext.setIsDisabled(disableSubmit);
@@ -121,8 +104,9 @@ var CreateTearsheetStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
     legendText: fieldsetLegendText,
     className: "".concat(blockClass, "--fieldset")
   }, children) : children) : _pconsole.default.warn("You have tried using a ".concat(componentName, " component outside of a CreateTearsheet. This is not allowed. ").concat(componentName, "s should always be children of the CreateTearsheet"));
-}); // Return a placeholder if not released and not enabled by feature flag
+});
 
+// Return a placeholder if not released and not enabled by feature flag
 exports.CreateTearsheetStep = CreateTearsheetStep;
 exports.CreateTearsheetStep = CreateTearsheetStep = _settings.pkg.checkComponentEnabled(CreateTearsheetStep, componentName);
 CreateTearsheetStep.propTypes = {
@@ -130,22 +114,18 @@ CreateTearsheetStep.propTypes = {
    * Content that shows in the tearsheet step
    */
   children: _propTypes.default.node,
-
   /**
    * Sets an optional className to be added to the tearsheet step
    */
   className: _propTypes.default.string,
-
   /**
    * Sets an optional description on the step component
    */
   description: _propTypes.default.string,
-
   /**
    * This will conditionally disable the submit button in the multi step Tearsheet
    */
   disableSubmit: _propTypes.default.bool,
-
   /**
    * This is the required legend text that appears above a fieldset html element for accessibility purposes.
    * You can set the `hasFieldset` prop to false if you have multiple fieldset elements or want to control the children of your Full Page's step content.
@@ -155,48 +135,40 @@ CreateTearsheetStep.propTypes = {
     var hasFieldset = _ref2.hasFieldset;
     return !!hasFieldset;
   }),
-
   /**
    * This optional prop will render your form content inside of a fieldset html element
    * and is defaulted to true.
    * You can set this prop to `false` if you have multiple fieldset elements or want to control the children of your Full Page's step content.
    */
   hasFieldset: _propTypes.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: _propTypes.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: _propTypes.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: _propTypes.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 CreateTearsheet will handle the submitting state of the next button.
    */
   onNext: _propTypes.default.func,
-
   /**
    * Sets the optional secondary label on the progress step component
    */
   secondaryLabel: _propTypes.default.string,
-
   /**
    * Sets an optional subtitle on the step component
    */
   subtitle: _propTypes.default.string,
-
   /**
    * Sets the title text for a tearsheet step
    */

package/lib/components/CreateTearsheet/index.js

@@ -21,9 +21,6 @@ Object.defineProperty(exports, "CreateTearsheetStep", {
     return _CreateTearsheetStep.CreateTearsheetStep;
   }
 });
-
 var _CreateTearsheet = require("./CreateTearsheet");
-
 var _CreateTearsheetStep = require("./CreateTearsheetStep");
-
 var _CreateTearsheetDivider = require("./CreateTearsheetDivider");

package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js

@@ -1,44 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MultiStepTearsheet = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _carbonComponentsReact = require("carbon-components-react");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _settings = require("../../../settings");
-
 var _CreateTearsheet = require("../CreateTearsheet");
-
 var _CreateTearsheetStep = require("../CreateTearsheetStep");
-
 var _excluded = ["value1", "setValue1"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var blockClass = "".concat(_settings.pkg.prefix, "--tearsheet-create-multi-step");
-
 var CustomStep = function CustomStep(_ref) {
   var value1 = _ref.value1,
-      setValue1 = _ref.setValue1,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    setValue1 = _ref.setValue1,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_CreateTearsheetStep.CreateTearsheetStep, (0, _extends2.default)({}, rest, {
     disableSubmit: !value1
   }), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Row, null, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, {
@@ -56,77 +40,63 @@ var CustomStep = function CustomStep(_ref) {
     placeholder: "Enter location"
   }))));
 };
-
 var MultiStepTearsheet = function MultiStepTearsheet(_ref2) {
   var backButtonText = _ref2.backButtonText,
-      cancelButtonText = _ref2.cancelButtonText,
-      className = _ref2.className,
-      description = _ref2.description,
-      influencerWidth = _ref2.influencerWidth,
-      label = _ref2.label,
-      nextButtonText = _ref2.nextButtonText,
-      submitButtonText = _ref2.submitButtonText,
-      title = _ref2.title;
-
+    cancelButtonText = _ref2.cancelButtonText,
+    className = _ref2.className,
+    description = _ref2.description,
+    influencerWidth = _ref2.influencerWidth,
+    label = _ref2.label,
+    nextButtonText = _ref2.nextButtonText,
+    submitButtonText = _ref2.submitButtonText,
+    title = _ref2.title;
   var _useState = (0, _react.useState)(750),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 1),
-      simulatedDelay = _useState2[0];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    simulatedDelay = _useState2[0];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      open = _useState4[0],
-      setOpen = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      shouldReject = _useState6[0],
-      setShouldReject = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    shouldReject = _useState6[0],
+    setShouldReject = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      hasSubmitError = _useState8[0],
-      setHasSubmitError = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    hasSubmitError = _useState8[0],
+    setHasSubmitError = _useState8[1];
   var _useState9 = (0, _react.useState)(''),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      value1 = _useState10[0],
-      setValue1 = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    value1 = _useState10[0],
+    setValue1 = _useState10[1];
   var _useState11 = (0, _react.useState)(''),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      stepOneTextInputValue = _useState12[0],
-      setStepOneTextInputValue = _useState12[1];
-
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    stepOneTextInputValue = _useState12[0],
+    setStepOneTextInputValue = _useState12[1];
   var _useState13 = (0, _react.useState)(''),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      topicDescriptionValue = _useState14[0],
-      setTopicDescriptionValue = _useState14[1];
-
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    topicDescriptionValue = _useState14[0],
+    setTopicDescriptionValue = _useState14[1];
   var _useState15 = (0, _react.useState)(''),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      topicVersionValue = _useState16[0],
-      setTopicVersionValue = _useState16[1];
-
+    _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+    topicVersionValue = _useState16[0],
+    setTopicVersionValue = _useState16[1];
   var _useState17 = (0, _react.useState)(1),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      stepTwoTextInputValue = _useState18[0],
-      setStepTwoTextInputValue = _useState18[1];
-
+    _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+    stepTwoTextInputValue = _useState18[0],
+    setStepTwoTextInputValue = _useState18[1];
   var _useState19 = (0, _react.useState)('one-day'),
-      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-      stepThreeTextInputValue = _useState20[0],
-      setStepThreeTextInputValue = _useState20[1];
-
+    _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
+    stepThreeTextInputValue = _useState20[0],
+    setStepThreeTextInputValue = _useState20[1];
   var _useState21 = (0, _react.useState)(false),
-      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-      isInvalid = _useState22[0],
-      setIsInvalid = _useState22[1];
-
+    _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
+    isInvalid = _useState22[0],
+    setIsInvalid = _useState22[1];
   var _useState23 = (0, _react.useState)(false),
-      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
-      shouldIncludeAdditionalStep = _useState24[0],
-      setShouldIncludeAdditionalStep = _useState24[1];
-
+    _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
+    shouldIncludeAdditionalStep = _useState24[0],
+    setShouldIncludeAdditionalStep = _useState24[1];
   var clearCreateData = function clearCreateData() {
     setStepOneTextInputValue('');
     setTopicDescriptionValue('');
@@ -139,7 +109,6 @@ var MultiStepTearsheet = function MultiStepTearsheet(_ref2) {
     setValue1('');
     setShouldIncludeAdditionalStep(false);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("style", null, ".".concat(blockClass, " { opacity: 0 }"), ";"), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, {
     onClick: function onClick() {
       return setOpen(!open);
@@ -174,7 +143,6 @@ var MultiStepTearsheet = function MultiStepTearsheet(_ref2) {
             setHasSubmitError(true);
             reject();
           }
-
           setIsInvalid(false);
           resolve();
         }, simulatedDelay);
@@ -199,7 +167,6 @@ var MultiStepTearsheet = function MultiStepTearsheet(_ref2) {
       if (event.target.value.length) {
         setIsInvalid(false);
       }
-
       setStepOneTextInputValue(event.target.value);
     },
     invalid: isInvalid,
@@ -312,5 +279,4 @@ var MultiStepTearsheet = function MultiStepTearsheet(_ref2) {
     id: "one-month"
   })))))));
 };
-
 exports.MultiStepTearsheet = MultiStepTearsheet;

package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js

@@ -1,109 +1,83 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MultiStepWithIntro = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _carbonComponentsReact = require("carbon-components-react");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _settings = require("../../../settings");
-
 var _CreateTearsheet = require("../CreateTearsheet");
-
 var _CreateTearsheetStep = require("../CreateTearsheetStep");
-
 var _NoDataIllustration = require("../../EmptyStates/assets/NoDataIllustration");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /* eslint-disable react/prop-types */
-
 /**
  * Copyright IBM Corp. 2021, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var blockClass = "".concat(_settings.pkg.prefix, "--tearsheet-create-multi-step");
 
+var blockClass = "".concat(_settings.pkg.prefix, "--tearsheet-create-multi-step");
 var MultiStepWithIntro = function MultiStepWithIntro(_ref) {
   var backButtonText = _ref.backButtonText,
-      cancelButtonText = _ref.cancelButtonText,
-      className = _ref.className,
-      description = _ref.description,
-      influencerWidth = _ref.influencerWidth,
-      label = _ref.label,
-      nextButtonText = _ref.nextButtonText,
-      submitButtonText = _ref.submitButtonText,
-      title = _ref.title;
-
+    cancelButtonText = _ref.cancelButtonText,
+    className = _ref.className,
+    description = _ref.description,
+    influencerWidth = _ref.influencerWidth,
+    label = _ref.label,
+    nextButtonText = _ref.nextButtonText,
+    submitButtonText = _ref.submitButtonText,
+    title = _ref.title;
   var _useState = (0, _react.useState)(750),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 1),
-      simulatedDelay = _useState2[0];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    simulatedDelay = _useState2[0];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      open = _useState4[0],
-      setOpen = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      shouldReject = _useState6[0],
-      setShouldReject = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    shouldReject = _useState6[0],
+    setShouldReject = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      hasSubmitError = _useState8[0],
-      setHasSubmitError = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    hasSubmitError = _useState8[0],
+    setHasSubmitError = _useState8[1];
   var _useState9 = (0, _react.useState)(''),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      stepOneTextInputValue = _useState10[0],
-      setStepOneTextInputValue = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    stepOneTextInputValue = _useState10[0],
+    setStepOneTextInputValue = _useState10[1];
   var _useState11 = (0, _react.useState)(''),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      topicDescriptionValue = _useState12[0],
-      setTopicDescriptionValue = _useState12[1];
-
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    topicDescriptionValue = _useState12[0],
+    setTopicDescriptionValue = _useState12[1];
   var _useState13 = (0, _react.useState)(''),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      topicVersionValue = _useState14[0],
-      setTopicVersionValue = _useState14[1];
-
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    topicVersionValue = _useState14[0],
+    setTopicVersionValue = _useState14[1];
   var _useState15 = (0, _react.useState)(1),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      stepTwoTextInputValue = _useState16[0],
-      setStepTwoTextInputValue = _useState16[1];
-
+    _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+    stepTwoTextInputValue = _useState16[0],
+    setStepTwoTextInputValue = _useState16[1];
   var _useState17 = (0, _react.useState)('one-day'),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      stepThreeTextInputValue = _useState18[0],
-      setStepThreeTextInputValue = _useState18[1];
-
+    _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+    stepThreeTextInputValue = _useState18[0],
+    setStepThreeTextInputValue = _useState18[1];
   var _useState19 = (0, _react.useState)(false),
-      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-      isInvalid = _useState20[0],
-      setIsInvalid = _useState20[1];
-
+    _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
+    isInvalid = _useState20[0],
+    setIsInvalid = _useState20[1];
   var _useState21 = (0, _react.useState)('standard'),
-      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-      selectedCategory = _useState22[0],
-      setSelectedCategory = _useState22[1];
-
+    _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
+    selectedCategory = _useState22[0],
+    setSelectedCategory = _useState22[1];
   var clearCreateData = function clearCreateData() {
     setStepOneTextInputValue('');
     setTopicDescriptionValue('');
@@ -115,7 +89,6 @@ var MultiStepWithIntro = function MultiStepWithIntro(_ref) {
     setOpen(false);
     setSelectedCategory('standard');
   };
-
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("style", null, ".".concat(blockClass, " { opacity: 0 }"), ";"), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, {
     onClick: function onClick() {
       return setOpen(!open);
@@ -196,7 +169,6 @@ var MultiStepWithIntro = function MultiStepWithIntro(_ref) {
             setHasSubmitError(true);
             reject();
           }
-
           setIsInvalid(false);
           resolve();
         }, simulatedDelay);
@@ -221,7 +193,6 @@ var MultiStepWithIntro = function MultiStepWithIntro(_ref) {
       if (event.target.value.length) {
         setIsInvalid(false);
       }
-
       setStepOneTextInputValue(event.target.value);
     },
     invalid: isInvalid,
@@ -314,5 +285,4 @@ var MultiStepWithIntro = function MultiStepWithIntro(_ref) {
     id: "one-month"
   })))))));
 };
-
 exports.MultiStepWithIntro = MultiStepWithIntro;