@carbon/ibm-products 1.2.3 → 1.4.0

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

@@ -1,354 +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.MultiStepWithSectionsTearsheet = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-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 _CreateTearsheetDivider = require("../CreateTearsheetDivider");
-
-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, 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.
- */
-var blockClass = "".concat(_settings.pkg.prefix, "--tearsheet-create-multi-step");
-var componentBlockClass = "".concat(_settings.pkg.prefix, "--tearsheet-create");
-
-var MultiStepWithSectionsTearsheet = function MultiStepWithSectionsTearsheet(_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;
-
-  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),
-      stepOneTextInputValue = _useState10[0],
-      setStepOneTextInputValue = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(''),
-      _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];
-
-  var _useState15 = (0, _react.useState)(''),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      topicMetaData = _useState16[0],
-      setTopicMetaData = _useState16[1];
-
-  var _useState17 = (0, _react.useState)('one-day'),
-      _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];
-
-  var _useState21 = (0, _react.useState)([]),
-      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-      allTopicOwners = _useState22[0],
-      setAllTopicOwners = _useState22[1];
-
-  var _useState23 = (0, _react.useState)(null),
-      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
-      selectedTopicOwner = _useState24[0],
-      setSelectedTopicOwner = _useState24[1];
-
-  var _useState25 = (0, _react.useState)(false),
-      _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
-      apiFailed = _useState26[0],
-      setApiFailed = _useState26[1];
-
-  var clearCreateData = function clearCreateData() {
-    setStepOneTextInputValue('');
-    setTopicDescriptionValue('');
-    setTopicVersionValue('');
-    setStepThreeTextInputValue('one-day');
-    setHasSubmitError(false);
-    setIsInvalid(false);
-    setOpen(false);
-    setAllTopicOwners([]);
-    setSelectedTopicOwner(null);
-    setApiFailed(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);
-    }
-  }, 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);
-      });
-    }
-  }, /*#__PURE__*/_react.default.createElement(_CreateTearsheetStep.CreateTearsheetStep, {
-    onMount: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var data, json;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return fetch('https://randomuser.me/api/?results=5');
-
-            case 3:
-              data = _context.sent;
-              _context.next = 6;
-              return data.json();
-
-            case 6:
-              json = _context.sent;
-
-              if (data.ok) {
-                _context.next = 9;
-                break;
-              }
-
-              throw new Error('received non 200 response');
-
-            case 9:
-              setAllTopicOwners(json.results);
-              _context.next = 16;
-              break;
-
-            case 12:
-              _context.prev = 12;
-              _context.t0 = _context["catch"](0);
-              console.warn("CreateTearsheet [storybook example]: API request failed.");
-              setApiFailed(true);
-
-            case 16:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 12]]);
-    })),
-    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 name 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(_carbonComponentsReact.Row, null, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, {
-    xlg: 8,
-    lg: 8,
-    md: 8,
-    sm: 8
-  }, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.TextInput, {
-    labelText: "Topic name",
-    id: "tearsheet-multi-step-story-text-input-multi-step-1",
-    value: stepOneTextInputValue,
-    placeholder: "Enter topic name",
-    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() {
-      if (!stepOneTextInputValue.length) {
-        setIsInvalid(true);
-      }
-    }
-  }), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.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(_carbonComponentsReact.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);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Dropdown, {
-    ariaLabel: "Topic owner dropdown",
-    className: "bx--form-item",
-    id: "create-tearsheet-topic-owner",
-    items: allTopicOwners,
-    itemToString: function itemToString(item) {
-      return item ? item.email : '';
-    },
-    label: "Select a topic owner",
-    onChange: function onChange(_ref3) {
-      var selectedItem = _ref3.selectedItem;
-      return setSelectedTopicOwner(selectedItem);
-    },
-    selectedItem: selectedTopicOwner,
-    titleText: "Topic owner (optional)",
-    warn: apiFailed,
-    warnText: "API request failed."
-  }), hasSubmitError && /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.InlineNotification, {
-    kind: "error",
-    title: "Error",
-    subtitle: "Resolve errors to continue",
-    onClose: function onClose() {
-      return setHasSubmitError(false);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.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(_CreateTearsheetDivider.CreateTearsheetDivider, null), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Row, null, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, {
-    xlg: 8,
-    lg: 8,
-    md: 8,
-    sm: 8
-  }, /*#__PURE__*/_react.default.createElement("h4", {
-    className: "".concat(componentBlockClass, "__step--title")
-  }, "Meta data"), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.FormGroup, {
-    className: "".concat(_settings.pkg.prefix, "--tearsheet-create__step--fieldset"),
-    legendText: "Enter any topic meta data here"
-  }, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.TextInput, {
-    labelText: "Topic meta data (optional)",
-    id: "tearsheet-multi-step-story-text-input-multi-step-1-input-4",
-    value: topicMetaData,
-    placeholder: "Enter topic meta data",
-    onChange: function onChange(event) {
-      return setTopicMetaData(event.target.value);
-    }
-  }))))), /*#__PURE__*/_react.default.createElement(_CreateTearsheetStep.CreateTearsheetStep, {
-    title: "Message retention",
-    fieldsetLegendText: "Message retention scheduling",
-    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."
-  }, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Row, null, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, {
-    xlg: 8,
-    lg: 8,
-    md: 8,
-    sm: 8
-  }, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.RadioButtonGroup, {
-    legendText: "Message retention",
-    name: "radio-button-group",
-    defaultSelected: stepThreeTextInputValue,
-    onChange: function onChange(value) {
-      return setStepThreeTextInputValue(value);
-    },
-    orientation: "vertical"
-  }, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.RadioButton, {
-    labelText: "A day",
-    value: "one-day",
-    id: "one-day"
-  }), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.RadioButton, {
-    labelText: "A week",
-    value: "one-week",
-    id: "one-week"
-  }), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.RadioButton, {
-    labelText: "A month",
-    value: "one-month",
-    id: "one-month"
-  }), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.RadioButton, {
-    labelText: "Custom",
-    value: "custom",
-    id: "custom"
-  })))))));
-};
-
-exports.MultiStepWithSectionsTearsheet = MultiStepWithSectionsTearsheet;

package/lib/global/js/utils/hasValidType.js

@@ -1,110 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.hasValidChildrenType = exports.hasValidChildType = exports.getExtractedSteps = void 0;
-
-var _react = require("react");
-
-/**
- * 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.
- */
-// Custom PropType validator which checks and ensures that all children of the create component are indeed all CreateStep components.
-var hasValidChildrenType = function hasValidChildrenType(_ref) {
-  var componentName = _ref.componentName,
-      childType = _ref.childType;
-  return function (_ref2) {
-    var children = _ref2.children;
-    children.length > 1 && children.map(function (child) {
-      var _child$type;
-
-      if (typeof (child === null || child === void 0 ? void 0 : child.type) !== 'function' && child && child.props && child.props.type !== childType || typeof (child === null || child === void 0 ? void 0 : child.type) === 'function' && ((_child$type = child.type()) === null || _child$type === void 0 ? void 0 : _child$type.props.type) !== childType) {
-        throw new Error("Each child of ".concat(componentName, " is required to be a ").concat(childType, ". Please remove the HTML element, or wrap it around the ").concat(childType, " component."));
-      }
-
-      return;
-    });
-  };
-};
-/**
- * Returns array of CreateTearsheetSteps or CreateFullPageSteps
- * @param {Array} arr All of the children passed to the create tearsheet component
- * @param {string} type string that represents the `type` of component/s we're looking for
- */
-
-
-exports.hasValidChildrenType = hasValidChildrenType;
-
-var getExtractedSteps = function getExtractedSteps(arr, type) {
-  var steps = [];
-
-  var validateChild = function validateChild(child) {
-    var _child$type2;
-
-    // If the child is a CreateTearsheetStep component
-    // we can add it to our array of steps
-    if (typeof (child === null || child === void 0 ? void 0 : child.type) !== 'function' && child && child.props && child.props.type === type) {
-      steps.push(child);
-    } // Creating custom step components will follow this format
-
-
-    if (typeof (child === null || child === void 0 ? void 0 : child.type) === 'function' && ((_child$type2 = child.type()) === null || _child$type2 === void 0 ? void 0 : _child$type2.props.type) === type) {
-      // If the custom component does not have any props
-      // ie all of the create tearsheet step props are set
-      // inside of the custom component
-      if (!Object.entries(child.props).length) {
-        steps.push(child.type());
-      } else {
-        steps.push(child);
-      }
-    }
-  };
-
-  var validateFragmentChild = function validateFragmentChild(child) {
-    if (child.props.children.length) {
-      child.props.children.map(function (fragmentChild) {
-        // We need to make sure that we catch all fragments that have
-        // fragments as children, so we recursively call `validateFragmentChild`
-        // again until child.type is not a `Fragment`
-        if ((fragmentChild === null || fragmentChild === void 0 ? void 0 : fragmentChild.type) === _react.Fragment) {
-          validateFragmentChild(fragmentChild);
-        }
-
-        validateChild(fragmentChild);
-      });
-    } else {
-      validateChild(child.props.children);
-    }
-  };
-
-  arr.length && arr.map(function (child) {
-    if ((child === null || child === void 0 ? void 0 : child.type) === _react.Fragment) {
-      validateFragmentChild(child);
-    }
-
-    validateChild(child);
-  });
-  return steps;
-}; // Utility used to check the `type` of a child component
-
-
-exports.getExtractedSteps = getExtractedSteps;
-
-var hasValidChildType = function hasValidChildType(_ref3) {
-  var _child$props;
-
-  var child = _ref3.child,
-      type = _ref3.type;
-
-  if (child && child !== null && child !== void 0 && child.props && (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.type) === type) {
-    return true;
-  }
-
-  return false;
-};
-
-exports.hasValidChildType = hasValidChildType;