@carbon/ibm-products 2.0.0-rc.9 → 2.0.1

package/lib/components/CreateInfluencer/CreateInfluencer.js

@@ -1,65 +1,56 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CreateInfluencer = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _react2 = require("@carbon/react");
-
 require("../../global/js/utils/props-helper");
-
 var _settings = require("../../settings");
-
 /**
  * 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.
  */
+
 // Import portions of React that are needed.
+
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(_settings.pkg.prefix, "--create-influencer");
 var componentName = 'CreateInfluencer';
-
 var CreateInfluencer = function CreateInfluencer(_ref) {
   var className = _ref.className,
-      currentStep = _ref.currentStep,
-      stepData = _ref.stepData;
-
+    currentStep = _ref.currentStep,
+    stepData = _ref.stepData;
   var getNumberOfDynamicStepsBeforeCurrentStep = function getNumberOfDynamicStepsBeforeCurrentStep(array, key) {
     var dynamicSteps = [];
     array.forEach(function (item, index) {
       var _array$index;
-
       if (((_array$index = array[index]) === null || _array$index === void 0 ? void 0 : _array$index[key]) === false && index <= currentStep - 1) {
         dynamicSteps.push(item);
       }
     });
     return dynamicSteps.length;
-  }; // renders the step progression components in the left influencer area
-
+  };
 
+  // renders the step progression components in the left influencer area
   var renderProgressSteps = function renderProgressSteps() {
     var _stepData$, _stepData$2;
-
     var extractedSteps = stepData === null || stepData === void 0 ? void 0 : stepData.filter(function (item) {
       return !(item !== null && item !== void 0 && item.introStep);
     });
     var progressSteps = extractedSteps === null || extractedSteps === void 0 ? void 0 : extractedSteps.filter(function (item) {
       return item === null || item === void 0 ? void 0 : item.shouldIncludeStep;
-    }); // To get the ProgressIndicator's `currentIndex`, accounting for dynamic steps,
+    });
+
+    // To get the ProgressIndicator's `currentIndex`, accounting for dynamic steps,
     // we need to subtract the number of !shouldIncludeStep/s before the current step
     // which we get from `getNumberOfDynamicStepsBeforeCurrentStep()`
-
     var totalDynamicSteps = getNumberOfDynamicStepsBeforeCurrentStep(stepData, 'shouldIncludeStep') || 0;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(blockClass, "__left-nav")
@@ -67,6 +58,7 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
       currentIndex: (_stepData$2 = stepData[0]) !== null && _stepData$2 !== void 0 && _stepData$2.introStep ? currentStep - totalDynamicSteps - 2 // minus 2 because we need to account for the intro step in addition to `currentIndex` being 0 index based and our steps being 1 index based
       : currentStep - totalDynamicSteps - 1 // minus 1 because ProgressIndicator currentIndex prop is 0 index based, but our steps are 1 index based
       ,
+
       spaceEqually: true,
       vertical: true,
       className: (0, _classnames.default)("".concat(blockClass, "__progress-indicator"))
@@ -78,14 +70,13 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
       });
     })));
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(blockClass, className)
   }, renderProgressSteps());
-}; // The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
-
+};
 
+// The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
 exports.CreateInfluencer = CreateInfluencer;
 CreateInfluencer.displayName = componentName;
 CreateInfluencer.propTypes = {
@@ -93,12 +84,10 @@ CreateInfluencer.propTypes = {
    * Provide an optional class to be applied to the containing node.
    */
   className: _propTypes.default.string,
-
   /**
    * Used to mark the current step on the ProgressIndicator component
    */
   currentStep: _propTypes.default.number.isRequired,
-
   /**
    * The step data that renders the progress items
    */

package/lib/components/CreateInfluencer/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "CreateInfluencer", {
     return _CreateInfluencer.CreateInfluencer;
   }
 });
-
 var _CreateInfluencer = require("./CreateInfluencer");

package/lib/components/CreateModal/CreateModal.js

@@ -1,58 +1,54 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CreateModal = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@carbon/react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _devtools = require("../../global/js/utils/devtools");
-
 var _settings = require("../../settings");
-
 var _excluded = ["className", "children", "onRequestClose", "onRequestSubmit", "open", "title", "subtitle", "description", "secondaryButtonText", "primaryButtonText", "disableSubmit", "selectorPrimaryFocus"];
+/**
+ * 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.
+ */
+// Import portions of React that are needed.
+// Carbon and package components we use.
 var componentName = 'CreateModal';
-var blockClass = "".concat(_settings.pkg.prefix, "--create-modal"); // Custom PropType validator which checks and ensures that the children property has no more than 4 nodes
+var blockClass = "".concat(_settings.pkg.prefix, "--create-modal");
 
+// Custom PropType validator which checks and ensures that the children property has no more than 4 nodes
 var isValidChildren = function isValidChildren() {
   return function (_ref) {
     var children = _ref.children;
-
     if (children && children.length > 4) {
       throw new Error('The `CreateModal` component does not take more than 4 nodes as children. This is to ensure that the modal does not overflow. Please remove 1 or more nodes.');
     }
-
     return;
   };
 };
-
 var CreateModal = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
   var className = _ref2.className,
-      children = _ref2.children,
-      onRequestClose = _ref2.onRequestClose,
-      onRequestSubmit = _ref2.onRequestSubmit,
-      open = _ref2.open,
-      title = _ref2.title,
-      subtitle = _ref2.subtitle,
-      description = _ref2.description,
-      secondaryButtonText = _ref2.secondaryButtonText,
-      primaryButtonText = _ref2.primaryButtonText,
-      disableSubmit = _ref2.disableSubmit,
-      selectorPrimaryFocus = _ref2.selectorPrimaryFocus,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    children = _ref2.children,
+    onRequestClose = _ref2.onRequestClose,
+    onRequestSubmit = _ref2.onRequestSubmit,
+    open = _ref2.open,
+    title = _ref2.title,
+    subtitle = _ref2.subtitle,
+    description = _ref2.description,
+    secondaryButtonText = _ref2.secondaryButtonText,
+    primaryButtonText = _ref2.primaryButtonText,
+    disableSubmit = _ref2.disableSubmit,
+    selectorPrimaryFocus = _ref2.selectorPrimaryFocus,
+    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   return /*#__PURE__*/_react.default.createElement(_react2.ComposedModal, (0, _extends2.default)({}, rest, {
     selectorPrimaryFocus: selectorPrimaryFocus,
     className: (0, _classnames.default)(blockClass, className),
@@ -86,9 +82,9 @@ var CreateModal = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
     onClick: onRequestSubmit,
     disabled: disableSubmit
   }, primaryButtonText)));
-}); // 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.CreateModal = CreateModal;
 exports.CreateModal = CreateModal = _settings.pkg.checkComponentEnabled(CreateModal, componentName);
 CreateModal.propTypes = {
@@ -96,60 +92,49 @@ CreateModal.propTypes = {
    * Children refers to all form items within a form inside of the modal's body.
    */
   children: isValidChildren(),
-
   /**
    * Specify an optional className to be applied to the modal root node
    */
   className: _propTypes.default.string,
-
   /**
    * The description of the CreateModal serves to provide more information about the modal.
    */
   description: _propTypes.default.node.isRequired,
-
   /**
    * Specifies a boolean for disabling or enabling the primary button. This is important for form validation
    * Returning `true` prevents the primary button from being clicked until required fields are completed.
    */
   disableSubmit: _propTypes.default.bool,
-
   /**
    * Specifies an optional handler which is called when the CreateModal
    * is closed.
    */
   onRequestClose: _propTypes.default.func,
-
   /**
    * Specifies an optional handler which is called when the CreateModal
    * primary button is pressed.
    */
   onRequestSubmit: _propTypes.default.func,
-
   /**
    * Specifies whether the CreateModal is open or not.
    */
   open: _propTypes.default.bool,
-
   /**
    * Specifies the primary button's text in the modal.
    */
   primaryButtonText: _propTypes.default.string.isRequired,
-
   /**
    * Specifies the secondary button's text in the modal.
    */
   secondaryButtonText: _propTypes.default.string.isRequired,
-
   /**
    * Specifies which DOM element in the form should be focused.
    */
   selectorPrimaryFocus: _propTypes.default.node.isRequired,
-
   /**
    * The subtitle of the CreateModal is optional and serves to provide more information about the modal.
    */
   subtitle: _propTypes.default.node,
-
   /**
    * The title of the CreateModal is usually the product or service name.
    */

package/lib/components/CreateModal/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "CreateModal", {
     return _CreateModal.CreateModal;
   }
 });
-
 var _CreateModal = require("./CreateModal");

package/lib/components/CreateSidePanel/CreateSidePanel.js

@@ -1,62 +1,57 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CreateSidePanel = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _settings = require("../../settings");
-
 var _devtools = require("../../global/js/utils/devtools");
-
 var _react2 = require("@carbon/react");
-
 var _SidePanel = require("../SidePanel");
-
 var _excluded = ["className", "children", "disableSubmit", "formTitle", "formDescription", "onRequestClose", "onRequestSubmit", "open", "primaryButtonText", "secondaryButtonText", "selectorPageContent", "selectorPrimaryFocus", "subtitle", "title"];
-
+/**
+ * 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.
+ */
+// Import portions of React that are needed.
+// Other standard imports.
+// Carbon and package components we use.
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(_settings.pkg.prefix, "--create-side-panel");
-var componentName = 'CreateSidePanel'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
+var componentName = 'CreateSidePanel';
+
+// NOTE: the component SCSS is not imported here: it is rolled up separately.
 
 /**
  * This is an example component to show relevant conventions and usage.
  */
-
 var CreateSidePanel = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      disableSubmit = _ref.disableSubmit,
-      formTitle = _ref.formTitle,
-      formDescription = _ref.formDescription,
-      onRequestClose = _ref.onRequestClose,
-      onRequestSubmit = _ref.onRequestSubmit,
-      open = _ref.open,
-      primaryButtonText = _ref.primaryButtonText,
-      secondaryButtonText = _ref.secondaryButtonText,
-      selectorPageContent = _ref.selectorPageContent,
-      selectorPrimaryFocus = _ref.selectorPrimaryFocus,
-      subtitle = _ref.subtitle,
-      title = _ref.title,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    children = _ref.children,
+    disableSubmit = _ref.disableSubmit,
+    formTitle = _ref.formTitle,
+    formDescription = _ref.formDescription,
+    onRequestClose = _ref.onRequestClose,
+    onRequestSubmit = _ref.onRequestSubmit,
+    open = _ref.open,
+    primaryButtonText = _ref.primaryButtonText,
+    secondaryButtonText = _ref.secondaryButtonText,
+    selectorPageContent = _ref.selectorPageContent,
+    selectorPrimaryFocus = _ref.selectorPrimaryFocus,
+    subtitle = _ref.subtitle,
+    title = _ref.title,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var actions = [{
     label: primaryButtonText,
     onClick: function onClick(event) {
@@ -94,7 +89,6 @@ var CreateSidePanel = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
     className: "".concat(blockClass, "__form")
   }, children));
 });
-
 exports.CreateSidePanel = CreateSidePanel;
 exports.CreateSidePanel = CreateSidePanel = _settings.pkg.checkComponentEnabled(CreateSidePanel, componentName);
 CreateSidePanel.displayName = componentName;
@@ -103,76 +97,62 @@ CreateSidePanel.propTypes = {
    * Sets the body content of the create side panel
    */
   children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]).isRequired,
-
   /**
    * Provide an optional class to be applied to the containing node.
    */
   className: _propTypes.default.string,
-
   /**
    * The description of the CreateSidePanel serves to provide more information about the form within the panel.
    */
   description: _propTypes.default.node,
-
   /**
    * Specifies a boolean for disabling or enabling the primary button. This is important for form validation
    * Returning `true` prevents the primary button from being clicked until required fields are completed.
    */
   disableSubmit: _propTypes.default.bool,
-
   /**
    * Specifies an optional field that provides a additional context for a form
    */
   formDescription: _propTypes.default.node,
-
   /**
    * Specifies a required field that provides a title for a form
    */
   formTitle: _propTypes.default.node.isRequired,
-
   /**
    * Specifies an optional handler which is called when the CreateSidePanel
    * is closed.
    */
   onRequestClose: _propTypes.default.func,
-
   /**
    * Specifies an optional handler which is called when the CreateSidePanel
    * primary button is pressed.
    */
   onRequestSubmit: _propTypes.default.func,
-
   /**
    * Specifies whether the CreateSidePanel is open or not.
    */
   open: _propTypes.default.bool,
-
   /**
    * Specifies the primary button's text in the modal.
    */
   primaryButtonText: _propTypes.default.string.isRequired,
-
   /**
    * Specifies the secondary button's text in the modal.
    */
   secondaryButtonText: _propTypes.default.string.isRequired,
-
   /**
    * This is the selector to the element that contains all of the page content that will shrink if the panel is a slide in.
    * This prop is required when using the `slideIn` variant of the side panel.
    */
   selectorPageContent: _propTypes.default.string.isRequired,
-
   /**
    * Specifies which DOM element in the form should be focused.
    */
   selectorPrimaryFocus: _propTypes.default.node.isRequired,
-
   /**
    * The subtitle of the CreateSidePanel is optional and serves to provide more information about the modal.
    */
   subtitle: _propTypes.default.node,
-
   /**
    * The title of the CreateSidePanel is usually the product or service name.
    */

package/lib/components/CreateSidePanel/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "CreateSidePanel", {
     return _CreateSidePanel.CreateSidePanel;
   }
 });
-
 var _CreateSidePanel = require("./CreateSidePanel");