@carbon/ibm-products 2.50.0 → 2.51.0

package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js

@@ -19,11 +19,6 @@ var useTranslations = require('../utils/useTranslations.js');
 var icons = require('@carbon/react/icons');
 var util = require('../utils/util.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var ConditionPreview = function ConditionPreview(_ref) {
   var _ConditionBuilderItem, _ConditionBuilderItem2, _ConditionBuilderItem3;
   var previewType = _ref.previewType,
@@ -43,49 +38,49 @@ var ConditionPreview = function ConditionPreview(_ref) {
     setAnimate(true);
   }, []);
   var getConditionSection = function getConditionSection() {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "".concat(util.blockClass, "__preview-condition")
-    }, _ConditionBuilderItem || (_ConditionBuilderItem = /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
+    }, _ConditionBuilderItem || (_ConditionBuilderItem = /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
       label: propertyText,
       renderIcon: icons.Bee
-    })), _ConditionBuilderItem2 || (_ConditionBuilderItem2 = /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
+    })), _ConditionBuilderItem2 || (_ConditionBuilderItem2 = /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
       label: operatorText
-    })), _ConditionBuilderItem3 || (_ConditionBuilderItem3 = /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
+    })), _ConditionBuilderItem3 || (_ConditionBuilderItem3 = /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
       label: valueText
     })));
   };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, previewType == 'newGroup' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview "), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
-  }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, previewType == 'newGroup' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: cx(["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview "), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
+  }, /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
     className: "".concat(util.blockClass, "__statement-button"),
     label: group.groupOperator
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     "data-color-index": colorIndex,
     "aria-hidden": true,
-    className: cx__default["default"](["".concat(util.blockClass, "__group ").concat(util.blockClass, "__condition-wrapper ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__group-wrapper "), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: cx(["".concat(util.blockClass, "__group ").concat(util.blockClass, "__condition-wrapper ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__group-wrapper "), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(util.blockClass, "__gap")
-  }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
+  }, /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
     className: "".concat(util.blockClass, "__statement-button"),
     label: ifText
-  })), getConditionSection())), previewType == 'subGroup' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__gap-bottom"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  })), getConditionSection())), previewType == 'subGroup' && /*#__PURE__*/React.createElement("div", {
+    className: cx(["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__gap-bottom"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(util.blockClass, "__condition-block  ").concat(util.blockClass, "__gap")
-  }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
+  }, /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
     label: group.groupOperator,
     className: "".concat(util.blockClass, "__statement-button"),
     popOverClassName: "".concat(util.blockClass, "__gap")
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(util.blockClass, "__group ").concat(util.blockClass, "__condition-wrapper")
-  }, /*#__PURE__*/React__default["default"].createElement(ConditionConnector["default"], {
+  }, /*#__PURE__*/React.createElement(ConditionConnector.default, {
     className: "".concat(util.blockClass, "__gap ").concat(util.blockClass, "__groupConnector"),
     operator: ifText
-  }), getConditionSection()))), previewType == 'condition' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__gap-bottom"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }), getConditionSection()))), previewType == 'condition' && /*#__PURE__*/React.createElement("div", {
+    className: cx(["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__gap-bottom"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(util.blockClass, "__condition-block  ").concat(util.blockClass, "__gap")
-  }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
+  }, /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
     label: group.groupOperator,
     className: "".concat(util.blockClass, "__statement-button"),
     popOverClassName: "".concat(util.blockClass, "__gap")
@@ -95,15 +90,15 @@ ConditionPreview.propTypes = {
   /**
    * index of the color for next group
    */
-  colorIndex: index["default"].number,
+  colorIndex: index.default.number,
   /**
    * current conditional group
    */
-  group: index["default"].object,
+  group: index.default.object,
   /**
    * type of review to be displayed
    */
-  previewType: index["default"].oneOf(['condition', 'subGroup', 'newGroup'])
+  previewType: index.default.oneOf(['condition', 'subGroup', 'newGroup'])
 };
 
-exports["default"] = ConditionPreview;
+exports.default = ConditionPreview;

package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var util = require('./util.js');
 

package/lib/components/ConditionBuilder/utils/useDataConfigs.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var useTranslations = require('./useTranslations.js');
 

package/lib/components/ConditionBuilder/utils/useTranslations.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var ConditionBuilderProvider = require('../ConditionBuilderContext/ConditionBuilderProvider.js');
 var translationObject = require('../ConditionBuilderContext/translationObject.js');

package/lib/components/ConditionBuilder/utils/util.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var settings = require('../../../settings.js');
 
 var blockClass = "".concat(settings.pkg.prefix, "--condition-builder");

package/lib/components/CreateFullPage/CreateFullPage.d.ts

@@ -8,7 +8,7 @@ import React, { ReactNode } from 'react';
 import { StepsContextType } from '../CreateTearsheet/CreateTearsheet';
 export declare const StepsContext: React.Context<StepsContextType | null>;
 export declare const StepNumberContext: React.Context<number>;
-interface HeaderBreadcrumbs {
+interface HeaderBreadcrumb {
     /** breadcrumb item key */
     key: string;
     /** breadcrumb item label */
@@ -27,13 +27,15 @@ type CreateFullPageBreadcrumbsProps = {
      * Label for open/close overflow button used for breadcrumb items that do not fit
      */
     breadcrumbsOverflowAriaLabel?: never;
+    breadcrumbOverflowTooltipAlign?: never;
 } | {
     /** The header breadcrumbs */
-    breadcrumbs: HeaderBreadcrumbs;
+    breadcrumbs: HeaderBreadcrumb[];
     /**
      * Label for open/close overflow button used for breadcrumb items that do not fit
      */
     breadcrumbsOverflowAriaLabel: string;
+    breadcrumbOverflowTooltipAlign?: string;
 };
 type CreateFullPageBaseProps = {
     /**

package/lib/components/CreateFullPage/CreateFullPage.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var react = require('@carbon/react');
 var React = require('react');
@@ -27,12 +25,7 @@ var useResetCreateComponent = require('../../global/js/hooks/useResetCreateCompo
 var useCreateComponentStepChange = require('../../global/js/hooks/useCreateComponentStepChange.js');
 var CreateInfluencer = require('../CreateInfluencer/CreateInfluencer.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-var _excluded = ["breadcrumbsOverflowAriaLabel", "breadcrumbs", "backButtonText", "cancelButtonText", "children", "className", "initialStep", "maxVisibleBreadcrumbs", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText", "noTrailingSlash", "title", "secondaryTitle"];
+var _excluded = ["breadcrumbsOverflowAriaLabel", "breadcrumbs", "backButtonText", "cancelButtonText", "children", "className", "initialStep", "maxVisibleBreadcrumbs", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText", "noTrailingSlash", "title", "secondaryTitle", "breadcrumbOverflowTooltipAlign"];
 var blockClass = "".concat(settings.pkg.prefix, "--create-full-page");
 var componentName = 'CreateFullPage';
 
@@ -56,7 +49,7 @@ on the Carbon's grid system
 include `<Row>` and `<Column>` components inside of each `CreateFullPageStep`
 component to get the desired affect.
  */
-exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var breadcrumbsOverflowAriaLabel = _ref.breadcrumbsOverflowAriaLabel,
     breadcrumbs = _ref.breadcrumbs,
     backButtonText = _ref.backButtonText,
@@ -77,6 +70,8 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
     noTrailingSlash = _ref.noTrailingSlash,
     title = _ref.title,
     secondaryTitle = _ref.secondaryTitle,
+    _ref$breadcrumbOverfl = _ref.breadcrumbOverflowTooltipAlign,
+    breadcrumbOverflowTooltipAlign = _ref$breadcrumbOverfl === void 0 ? 'right' : _ref$breadcrumbOverfl,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState([]),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -190,34 +185,35 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
   });
   // currently, we are not supporting the use of 'view all' toggle state
   /* istanbul ignore next */
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     ref: ref,
-    className: cx__default["default"](blockClass, className)
-  }, devtools.getDevtoolsProps(componentName)), (title || breadcrumbs) && /*#__PURE__*/React__default["default"].createElement(SimpleHeader.SimpleHeader, {
+    className: cx(blockClass, className)
+  }, devtools.getDevtoolsProps(componentName)), (title || breadcrumbs) && /*#__PURE__*/React.createElement(SimpleHeader.SimpleHeader, {
     title: title,
     breadcrumbs: breadcrumbs,
     noTrailingSlash: noTrailingSlash,
     overflowAriaLabel: breadcrumbsOverflowAriaLabel,
     maxVisible: maxVisibleBreadcrumbs,
-    className: "".concat(blockClass, "__header")
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(blockClass, "__header"),
+    overflowTooltipAlign: breadcrumbOverflowTooltipAlign
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__influencer-and-body-container")
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__influencer")
-  }, /*#__PURE__*/React__default["default"].createElement(CreateInfluencer.CreateInfluencer, {
+  }, /*#__PURE__*/React.createElement(CreateInfluencer.CreateInfluencer, {
     stepData: stepData,
     currentStep: currentStep,
     title: secondaryTitle
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__body")
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__main")
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__content")
-  }, /*#__PURE__*/React__default["default"].createElement(react.Form, {
+  }, /*#__PURE__*/React.createElement(react.Form, {
     className: "".concat(blockClass, "__form"),
     "aria-label": title
-  }, /*#__PURE__*/React__default["default"].createElement(StepsContext.Provider, {
+  }, /*#__PURE__*/React.createElement(StepsContext.Provider, {
     value: {
       currentStep: currentStep,
       setIsDisabled: setIsDisabled,
@@ -234,16 +230,16 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
       setStepData: setStepData,
       stepData: stepData
     }
-  }, React__default["default"].Children.map(children, function (child, index) {
-    return /*#__PURE__*/React__default["default"].createElement(StepNumberContext.Provider, {
+  }, React.Children.map(children, function (child, index) {
+    return /*#__PURE__*/React.createElement(StepNumberContext.Provider, {
       value: index + 1
     }, child);
-  })))), /*#__PURE__*/React__default["default"].createElement(ActionSet.ActionSet, {
+  })))), /*#__PURE__*/React.createElement(ActionSet.ActionSet, {
     className: "".concat(blockClass, "__buttons"),
     actions: createFullPageActions,
     buttonSize: "2xl",
     size: "2xl"
-  }))), /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, {
+  }))), /*#__PURE__*/React.createElement(react.ComposedModal, {
     className: "".concat(blockClass, "__modal"),
     size: "sm",
     open: modalIsOpen,
@@ -251,16 +247,16 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
     onClose: function onClose() {
       setModalIsOpen(false);
     }
-  }, /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
+  }, /*#__PURE__*/React.createElement(react.ModalHeader, {
     title: modalTitle
-  }), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, null, /*#__PURE__*/React__default["default"].createElement("p", null, modalDescription)), /*#__PURE__*/React__default["default"].createElement(react.ModalFooter, null, /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }), /*#__PURE__*/React.createElement(react.ModalBody, null, /*#__PURE__*/React.createElement("p", null, modalDescription)), /*#__PURE__*/React.createElement(react.ModalFooter, null, /*#__PURE__*/React.createElement(react.Button, {
     type: "button",
     kind: "secondary",
     onClick: function onClick() {
       setModalIsOpen(!modalIsOpen);
     },
     "data-modal-primary-focus": true
-  }, modalSecondaryButtonText), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, modalSecondaryButtonText), /*#__PURE__*/React.createElement(react.Button, {
     type: "button",
     kind: "danger",
     onClick: onClose
@@ -281,20 +277,24 @@ exports.CreateFullPage.propTypes = {
   /**
    * The back button text
    */
-  backButtonText: index["default"].string.isRequired,
+  backButtonText: index.default.string.isRequired,
+  /**
+   * align breadcrumb overflow tooltip
+   */
+  breadcrumbOverflowTooltipAlign: react.Tooltip.propTypes.align,
   /** The header breadcrumbs */
   /**@ts-ignore */
-  breadcrumbs: index["default"].arrayOf(index["default"].shape({
+  breadcrumbs: index.default.arrayOf(index.default.shape({
     /** breadcrumb item key */
-    key: index["default"].string.isRequired,
+    key: index.default.string.isRequired,
     /** breadcrumb item label */
-    label: index["default"].string.isRequired,
+    label: index.default.string.isRequired,
     /** breadcrumb item link */
-    href: index["default"].string,
+    href: index.default.string,
     /** breadcrumb item title tooltip */
-    title: index["default"].string,
+    title: index.default.string,
     /** Provide if this breadcrumb item represents the current page */
-    isCurrentPage: index["default"].bool
+    isCurrentPage: index.default.bool
   })),
   /**
    * Label for open/close overflow button used for breadcrumb items that do not fit
@@ -303,79 +303,79 @@ exports.CreateFullPage.propTypes = {
   /**
    * The cancel button text
    */
-  cancelButtonText: index["default"].string.isRequired,
+  cancelButtonText: index.default.string.isRequired,
   /**
    * The main content of the full page
    */
-  children: index["default"].node,
+  children: index.default.node,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Specifies elements to focus on first on render.
    */
-  firstFocusElement: index["default"].string,
+  firstFocusElement: index.default.string,
   /**
    * This can be used to open the component to a step other than the first step.
    * For example, a create flow was previously in progress, data was saved, and
    * is now being completed.
    */
-  initialStep: index["default"].number,
+  initialStep: index.default.number,
   /**	Maximum visible breadcrumb-items before overflow is used (values less than 1 are treated as 1) */
-  maxVisibleBreadcrumbs: index["default"].number,
+  maxVisibleBreadcrumbs: index.default.number,
   /**
    * The primary 'danger' button text in the modal
    */
-  modalDangerButtonText: index["default"].string.isRequired,
+  modalDangerButtonText: index.default.string.isRequired,
   /**
    * The description located below the title in the modal
    */
-  modalDescription: index["default"].string,
+  modalDescription: index.default.string,
   /**
    * The secondary button text in the modal
    */
-  modalSecondaryButtonText: index["default"].string.isRequired,
+  modalSecondaryButtonText: index.default.string.isRequired,
   /**
    * The title located in the header of the modal
    */
-  modalTitle: index["default"].string.isRequired,
+  modalTitle: index.default.string.isRequired,
   /**
    * The next button text
    */
-  nextButtonText: index["default"].string.isRequired,
+  nextButtonText: index.default.string.isRequired,
   /**
    * A prop to omit the trailing slash for the breadcrumbs
    */
-  noTrailingSlash: index["default"].bool,
+  noTrailingSlash: index.default.bool,
   /**
    * An optional handler that is called when the user closes the full page (by
    * clicking the secondary button, located in the modal, which triggers after
    * clicking the ghost button in the modal
    */
-  onClose: index["default"].func,
+  onClose: index.default.func,
   /**
    * Specify a handler for submitting the multi step full page (final step).
    * This function can _optionally_ return a promise that is either resolved or rejected and the CreateFullPage will handle the submitting state of the create button.
    */
-  onRequestSubmit: index["default"].func.isRequired,
+  onRequestSubmit: index.default.func.isRequired,
   /**
    * A secondary title of the full page, displayed in the influencer area
    */
-  secondaryTitle: index["default"].string,
+  secondaryTitle: index.default.string,
   /**
    * @ignore
    * The aria label to be used for the UI Shell SideNav Carbon component
    */
-  sideNavAriaLabel: index["default"].string,
+  sideNavAriaLabel: index.default.string,
   /**
    * The submit button text
    */
-  submitButtonText: index["default"].string.isRequired,
+  submitButtonText: index.default.string.isRequired,
   /**
    * The main title of the full page, displayed in the header area
    */
-  title: index["default"].string
+  title: index.default.string
 };
 
 exports.StepNumberContext = StepNumberContext;

package/lib/components/CreateFullPage/CreateFullPageStep.d.ts

@@ -60,10 +60,12 @@ interface CreateFullPageStepBaseProps extends PropsWithChildren {
     title: ReactNode;
 }
 type CreateFullPageStepFieldsetProps = {
+    fieldsetLegendText?: string;
+} | {
     hasFieldset: false;
     fieldsetLegendText?: string;
 } | {
-    hasFieldset?: true;
+    hasFieldset: true;
     fieldsetLegendText: string;
 };
 export type CreateFullPageStepProps = CreateFullPageStepBaseProps & CreateFullPageStepFieldsetProps;

package/lib/components/CreateFullPage/CreateFullPageStep.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
@@ -20,11 +18,6 @@ var pconsole = require('../../global/js/utils/pconsole.js');
 var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
 var useRetrieveStepData = require('../../global/js/hooks/useRetrieveStepData.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["children", "className", "subtitle", "description", "disableSubmit", "includeStep", "introStep", "invalid", "title", "hasFieldset", "fieldsetLegendText", "onNext", "onMount", "secondaryLabel"];
 var componentName = 'CreateFullPageStep';
 var blockClass = "".concat(settings.pkg.prefix, "--create-full-page__step");
@@ -33,6 +26,11 @@ var blockClass = "".concat(settings.pkg.prefix, "--create-full-page__step");
 var defaults = {
   includeStep: true
 };
+
+// Try to specify the hasFieldset and fieldsetLegendText Typescript requirements.
+// Basically, fieldsetLegendText should only be specified when hasFieldset is true.
+// And usually, hasFieldset won't be specified at all unless it's being set to true.
+
 exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -99,30 +97,30 @@ exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
         className: "".concat(blockClass, "-description")
       }, span);
       if (typeof description === 'string') {
-        return /*#__PURE__*/React__default["default"].createElement(react.Column, _rollupPluginBabelHelpers["extends"]({}, common, {
+        return /*#__PURE__*/React.createElement(react.Column, _rollupPluginBabelHelpers.extends({}, common, {
           as: "p"
         }));
       } else if ( /*#__PURE__*/React.isValidElement(description)) {
-        return /*#__PURE__*/React__default["default"].createElement(react.Column, _rollupPluginBabelHelpers["extends"]({}, common, {
+        return /*#__PURE__*/React.createElement(react.Column, _rollupPluginBabelHelpers.extends({}, common, {
           as: "div"
         }));
       }
     }
     return null;
   };
-  return stepsContext ? /*#__PURE__*/React__default["default"].createElement("section", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__step--hidden-step"), stepNumber !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep))),
+  return stepsContext ? /*#__PURE__*/React.createElement("section", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__step--hidden-step"), stepNumber !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep))),
     ref: ref
-  }), /*#__PURE__*/React__default["default"].createElement(react.Grid, null, /*#__PURE__*/React__default["default"].createElement(react.Column, span, /*#__PURE__*/React__default["default"].createElement(react.Grid, null, /*#__PURE__*/React__default["default"].createElement(react.Column, _rollupPluginBabelHelpers["extends"]({
+  }), /*#__PURE__*/React.createElement(react.Grid, null, /*#__PURE__*/React.createElement(react.Column, span, /*#__PURE__*/React.createElement(react.Grid, null, /*#__PURE__*/React.createElement(react.Column, _rollupPluginBabelHelpers.extends({
     className: "".concat(blockClass, "-title"),
     as: "h5"
-  }, span), title), subtitle && /*#__PURE__*/React__default["default"].createElement(react.Column, _rollupPluginBabelHelpers["extends"]({
+  }, span), title), subtitle && /*#__PURE__*/React.createElement(react.Column, _rollupPluginBabelHelpers.extends({
     className: "".concat(blockClass, "-subtitle"),
     as: "h6"
-  }, span), subtitle), renderDescription()))), hasFieldset ? /*#__PURE__*/React__default["default"].createElement(react.FormGroup, {
+  }, span), subtitle), renderDescription()))), hasFieldset ? /*#__PURE__*/React.createElement(react.FormGroup, {
     legendText: fieldsetLegendText,
     className: "".concat(blockClass, "-fieldset")
-  }, children) : children) : pconsole["default"].warn("You have tried using a ".concat(componentName, " component outside of a CreateFullPage. This is not allowed. ").concat(componentName, "s should always be children of the CreateFullPage"));
+  }, children) : children) : pconsole.default.warn("You have tried using a ".concat(componentName, " component outside of a CreateFullPage. This is not allowed. ").concat(componentName, "s should always be children of the CreateFullPage"));
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -131,67 +129,65 @@ exports.CreateFullPageStep.propTypes = {
   /**
    * Content that shows in the CreateFullPage step
    */
-  children: index["default"].node,
+  children: index.default.node,
   /**
    * Sets an optional className to be added to the CreateFullPage step
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Sets an optional description on the progress step component
    */
-  description: index["default"].node,
+  description: index.default.node,
   /**
    * This will conditionally disable the submit button in the multi step CreateFullPage
    */
-  /**@ts-ignore */
-  disableSubmit: index["default"].bool,
+  disableSubmit: index.default.bool,
   /**
    * This is the legend text that appears above a fieldset html element for accessibility purposes. It is required when the optional `hasFieldset` prop is provided to a FullPageStep.
    */
   /**@ts-ignore */
-  fieldsetLegendText: index["default"].string.isRequired.if(function (_ref2) {
+  fieldsetLegendText: index.default.string.isRequired.if(function (_ref2) {
     var hasFieldset = _ref2.hasFieldset;
     return hasFieldset === true;
   }),
   /**
    * This optional prop will render your form content inside of a fieldset html element
    */
-  /**@ts-ignore */
-  hasFieldset: index["default"].bool,
+  hasFieldset: index.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: index["default"].bool,
+  includeStep: index.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: index["default"].bool,
+  introStep: index.default.bool,
   /**
    * This optional prop will indicate an error icon on the progress indicator step item
    */
-  invalid: index["default"].bool,
+  invalid: index.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: index["default"].func,
+  onMount: index.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 CreateFullPage will handle the submitting state of the next button.
    */
-  onNext: index["default"].func,
+  onNext: index.default.func,
   /**
    * Sets the optional secondary label on the progress step component
    */
-  secondaryLabel: index["default"].string,
+  secondaryLabel: index.default.string,
   /**
    * Sets an optional subtitle on the progress step component
    */
-  subtitle: index["default"].string,
+  subtitle: index.default.string,
   /**
    * Sets the title text for a create full page step
    */
-  title: index["default"].node.isRequired
+  title: index.default.node.isRequired
 };