@carbon/ibm-products 2.0.0-rc.32 → 2.0.0-rc.33

package/lib/components/CreateTearsheet/CreateTearsheetDivider.js

@@ -1,43 +0,0 @@
-"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"];
-/**
- * Copyright IBM Corp. 2021, 2021
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-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);
-  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
-exports.CreateTearsheetDivider = CreateTearsheetDivider;
-exports.CreateTearsheetDivider = CreateTearsheetDivider = _settings.pkg.checkComponentEnabled(CreateTearsheetDivider, componentName);
-CreateTearsheetDivider.propTypes = {
-  /**
-   * Sets an optional className to be added to the tearsheet step
-   */
-  className: _propTypes.default.string
-};

package/lib/components/CreateTearsheet/CreateTearsheetStep.js

@@ -1,184 +0,0 @@
-"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 _react2 = require("@carbon/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"];
-/**
- * Copyright IBM Corp. 2021, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-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 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);
-  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];
-  var previousState = (0, _hooks.usePreviousValue)({
-    currentStep: stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep
-  });
-  (0, _hooks.useRetrieveStepData)({
-    stepsContext: stepsContext,
-    stepNumber: stepNumber,
-    introStep: introStep,
-    shouldIncludeStep: shouldIncludeStep,
-    secondaryLabel: secondaryLabel,
-    title: title
-  });
-
-  // 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
-  (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.
-  (0, _react.useEffect)(function () {
-    if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
-      stepsContext.setIsDisabled(disableSubmit);
-      stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.setOnNext(onNext); // needs to be updated here otherwise there could be stale state values from only initially setting onNext
-    }
-  }, [stepsContext, stepNumber, disableSubmit, onNext]);
-  return stepsContext ? /*#__PURE__*/_react.default.createElement(_react2.Grid, (0, _extends2.default)({}, rest, {
-    className: (0, _classnames.default)(blockClass, className, (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__step--hidden-step"), stepNumber !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), _cx)),
-    ref: ref
-  }), /*#__PURE__*/_react.default.createElement(_react2.Column, {
-    xlg: 12,
-    lg: 12,
-    md: 8,
-    sm: 4
-  }, /*#__PURE__*/_react.default.createElement("h4", {
-    className: "".concat(blockClass, "--title")
-  }, title), subtitle && /*#__PURE__*/_react.default.createElement("h6", {
-    className: "".concat(blockClass, "--subtitle")
-  }, subtitle), description && /*#__PURE__*/_react.default.createElement("p", {
-    className: "".concat(blockClass, "--description")
-  }, description)), /*#__PURE__*/_react.default.createElement(_react2.Column, {
-    span: 100
-  }, hasFieldset ? /*#__PURE__*/_react.default.createElement(_react2.FormGroup, {
-    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
-exports.CreateTearsheetStep = CreateTearsheetStep;
-exports.CreateTearsheetStep = CreateTearsheetStep = _settings.pkg.checkComponentEnabled(CreateTearsheetStep, componentName);
-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.
-   * Otherwise, use CSS to hide/remove this label text.
-   */
-  fieldsetLegendText: _propTypes.default.string.isRequired.if(function (_ref2) {
-    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
-   */
-  title: _propTypes.default.node.isRequired
-};

package/lib/components/CreateTearsheet/index.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "CreateTearsheet", {
-  enumerable: true,
-  get: function get() {
-    return _CreateTearsheet.CreateTearsheet;
-  }
-});
-Object.defineProperty(exports, "CreateTearsheetDivider", {
-  enumerable: true,
-  get: function get() {
-    return _CreateTearsheetDivider.CreateTearsheetDivider;
-  }
-});
-Object.defineProperty(exports, "CreateTearsheetStep", {
-  enumerable: true,
-  get: function get() {
-    return _CreateTearsheetStep.CreateTearsheetStep;
-  }
-});
-var _CreateTearsheet = require("./CreateTearsheet");
-var _CreateTearsheetStep = require("./CreateTearsheetStep");
-var _CreateTearsheetDivider = require("./CreateTearsheetDivider");

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

@@ -1,294 +0,0 @@
-"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 _react2 = require("@carbon/react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _settings = require("../../../settings");
-var _CreateTearsheet = require("../CreateTearsheet");
-var _CreateTearsheetStep = require("../CreateTearsheetStep");
-var _excluded = ["value1", "setValue1"];
-/* eslint-disable react/prop-types */
-/**
- * Copyright IBM Corp. 2021, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-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);
-  return /*#__PURE__*/_react.default.createElement(_CreateTearsheetStep.CreateTearsheetStep, (0, _extends2.default)({}, rest, {
-    disableSubmit: !value1
-  }), /*#__PURE__*/_react.default.createElement(_react2.Grid, null, /*#__PURE__*/_react.default.createElement(_react2.Column, {
-    xlg: 8,
-    lg: 8,
-    md: 8,
-    sm: 4
-  }, /*#__PURE__*/_react.default.createElement(_react2.TextInput, {
-    value: value1,
-    onChange: function onChange(event) {
-      return setValue1(event.target.value);
-    },
-    id: "custom-step-input",
-    labelText: "Location",
-    placeholder: "Enter location"
-  }))));
-};
-var MultiStepTearsheet = function MultiStepTearsheet(_ref2) {
-  var backButtonText = _ref2.backButtonText,
-    cancelButtonText = _ref2.cancelButtonText,
-    className = _ref2.className,
-    description = _ref2.description,
-    firstFocusElement = _ref2.firstFocusElement,
-    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];
-  var _useState3 = (0, _react.useState)(false),
-    _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];
-  var _useState7 = (0, _react.useState)(false),
-    _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];
-  var _useState11 = (0, _react.useState)(''),
-    _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];
-  var _useState15 = (0, _react.useState)(''),
-    _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];
-  var _useState19 = (0, _react.useState)('one-day'),
-    _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];
-  var _useState23 = (0, _react.useState)(false),
-    _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
-    shouldIncludeAdditionalStep = _useState24[0],
-    setShouldIncludeAdditionalStep = _useState24[1];
-  var clearCreateData = function clearCreateData() {
-    setStepOneTextInputValue('');
-    setTopicDescriptionValue('');
-    setTopicVersionValue('');
-    setStepTwoTextInputValue(1);
-    setStepThreeTextInputValue('one-day');
-    setHasSubmitError(false);
-    setIsInvalid(false);
-    setOpen(false);
-    setValue1('');
-    setShouldIncludeAdditionalStep(false);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("style", null, ".".concat(blockClass, " { opacity: 0 }"), ";"), /*#__PURE__*/_react.default.createElement(_react2.Button, {
-    onClick: function onClick() {
-      return setOpen(!open);
-    }
-  }, open ? 'Close CreateTearsheet' : 'Open CreateTearsheet'), /*#__PURE__*/_react.default.createElement(_CreateTearsheet.CreateTearsheet, {
-    influencerWidth: influencerWidth,
-    label: label,
-    className: (0, _classnames.default)(blockClass, className),
-    submitButtonText: submitButtonText,
-    cancelButtonText: cancelButtonText,
-    backButtonText: backButtonText,
-    nextButtonText: nextButtonText,
-    description: description,
-    title: title,
-    open: open,
-    onClose: clearCreateData,
-    onRequestSubmit: function onRequestSubmit() {
-      return new Promise(function (resolve) {
-        setTimeout(function () {
-          clearCreateData();
-          resolve();
-        }, simulatedDelay);
-      });
-    },
-    firstFocusElement: firstFocusElement
-  }, /*#__PURE__*/_react.default.createElement(_CreateTearsheetStep.CreateTearsheetStep, {
-    onNext: function onNext() {
-      return new Promise(function (resolve, reject) {
-        setTimeout(function () {
-          // Example usage of how to prevent the next step if some kind
-          // of error occurred during the `onNext` handler.
-          if (shouldReject) {
-            setHasSubmitError(true);
-            reject();
-          }
-          setIsInvalid(false);
-          resolve();
-        }, simulatedDelay);
-      });
-    },
-    title: "Topic name",
-    fieldsetLegendText: "Topic information",
-    disableSubmit: !stepOneTextInputValue,
-    subtitle: "This is the unique name used to recognize your topic",
-    description: "It will also be used by your producers and consumers as part of the connection information, so make it something easy to recognize."
-  }, /*#__PURE__*/_react.default.createElement(_react2.Grid, null, /*#__PURE__*/_react.default.createElement(_react2.Column, {
-    xlg: 8,
-    lg: 8,
-    md: 8,
-    sm: 4
-  }, /*#__PURE__*/_react.default.createElement(_react2.TextInput, {
-    labelText: "Topic name",
-    placeholder: "Enter topic name",
-    id: "tearsheet-multi-step-story-text-input-multi-step-1",
-    value: stepOneTextInputValue,
-    onChange: function onChange(event) {
-      if (event.target.value.length) {
-        setIsInvalid(false);
-      }
-      setStepOneTextInputValue(event.target.value);
-    },
-    invalid: isInvalid,
-    invalidText: "This is a required field",
-    onBlur: function onBlur() {}
-  }), /*#__PURE__*/_react.default.createElement(_react2.TextInput, {
-    labelText: "Topic description (optional)",
-    id: "tearsheet-multi-step-story-text-input-multi-step-1-input-2",
-    value: topicDescriptionValue,
-    placeholder: "Enter topic description",
-    onChange: function onChange(event) {
-      return setTopicDescriptionValue(event.target.value);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_react2.TextInput, {
-    labelText: "Topic version (optional)",
-    id: "tearsheet-multi-step-story-text-input-multi-step-1-input-3",
-    value: topicVersionValue,
-    placeholder: "Enter topic version",
-    onChange: function onChange(event) {
-      return setTopicVersionValue(event.target.value);
-    }
-  }), hasSubmitError && /*#__PURE__*/_react.default.createElement(_react2.InlineNotification, {
-    kind: "error",
-    title: "Error",
-    subtitle: "Resolve errors to continue",
-    onClose: function onClose() {
-      return setHasSubmitError(false);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_react2.Toggle, {
-    className: "".concat(blockClass, "__error--toggle"),
-    id: "simulated-error-toggle",
-    size: "sm",
-    labelText: "Simulate error",
-    onToggle: function onToggle(event) {
-      return setShouldReject(event);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_react2.Checkbox, {
-    labelText: "Include additional step",
-    id: "include-additional-step-checkbox",
-    onChange: function onChange(value) {
-      return setShouldIncludeAdditionalStep(value);
-    },
-    checked: shouldIncludeAdditionalStep
-  })))), /*#__PURE__*/_react.default.createElement(_CreateTearsheetStep.CreateTearsheetStep, {
-    title: "Dynamic step",
-    subtitle: "Dynamic step subtitle",
-    description: "This is an example showing how to include a dynamic step into the CreateTearsheet",
-    hasFieldset: false,
-    includeStep: shouldIncludeAdditionalStep
-  }, "dynamic step content"), /*#__PURE__*/_react.default.createElement(CustomStep, {
-    title: "Location",
-    subtitle: "Custom step subtitle",
-    description: "Custom step description (see storybook implementation for new custom step capability)",
-    value1: value1,
-    setValue1: setValue1,
-    hasFieldset: false
-  }), /*#__PURE__*/_react.default.createElement(_CreateTearsheetStep.CreateTearsheetStep, {
-    title: "Partitions",
-    disableSubmit: !stepTwoTextInputValue,
-    subtitle: "One or more partitions make up a topic. A partition is an ordered list of messages.",
-    description: "Partitions are distributed across the brokers in order to increase the scalability of your topic. You can also use them to distribute messages across the members of a consumer group.",
-    fieldsetLegendText: "Partition information"
-  }, /*#__PURE__*/_react.default.createElement(_react2.Grid, null, /*#__PURE__*/_react.default.createElement(_react2.Column, {
-    xlg: 3,
-    lg: 3,
-    md: 8,
-    sm: 4
-  }, /*#__PURE__*/_react.default.createElement(_react2.NumberInput, {
-    iconDescription: "Choose a number",
-    id: "carbon-number",
-    min: 1,
-    max: 100,
-    value: stepTwoTextInputValue,
-    label: "Partitions",
-    helperText: "1 partition is sufficient for getting started but, production systems often have more.",
-    invalidText: "Max partitions is 100, min is 1",
-    onChange: function onChange(event) {
-      return setStepTwoTextInputValue(event.imaginaryTarget.value);
-    }
-  })))), /*#__PURE__*/_react.default.createElement(_CreateTearsheetStep.CreateTearsheetStep, {
-    title: "Message retention",
-    disableSubmit: !stepThreeTextInputValue,
-    onNext: function onNext() {
-      return Promise.resolve();
-    },
-    subtitle: "This is how long messages are retained before they are deleted.",
-    description: "If your messages are not read by a consumer within this time, they will be missed.",
-    fieldsetLegendText: "Message retention scheduling"
-  }, /*#__PURE__*/_react.default.createElement(_react2.Grid, null, /*#__PURE__*/_react.default.createElement(_react2.Column, {
-    xlg: 8,
-    lg: 8,
-    md: 8,
-    sm: 4
-  }, /*#__PURE__*/_react.default.createElement(_react2.RadioButtonGroup, {
-    legendText: "Message retention",
-    name: "radio-button-group",
-    defaultSelected: stepThreeTextInputValue,
-    onChange: function onChange(value) {
-      return setStepThreeTextInputValue(value);
-    },
-    orientation: "vertical"
-  }, /*#__PURE__*/_react.default.createElement(_react2.RadioButton, {
-    labelText: "A day",
-    value: "one-day",
-    id: "one-day"
-  }), /*#__PURE__*/_react.default.createElement(_react2.RadioButton, {
-    labelText: "A week",
-    value: "one-week",
-    id: "one-week"
-  }), /*#__PURE__*/_react.default.createElement(_react2.RadioButton, {
-    labelText: "A month",
-    value: "one-month",
-    id: "one-month"
-  })))))));
-};
-exports.MultiStepTearsheet = MultiStepTearsheet;