@carbon/ibm-products 2.59.0 → 2.60.0

package/lib/components/CreateFullPage/CreateFullPageStep.js

@@ -38,7 +38,7 @@ exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     description = _ref.description,
     disableSubmit = _ref.disableSubmit,
     _ref$includeStep = _ref.includeStep,
-    includeStep = _ref$includeStep === void 0 ? defaults.includeStep : _ref$includeStep,
+    includeStep = _ref$includeStep === undefined ? defaults.includeStep : _ref$includeStep,
     introStep = _ref.introStep,
     invalid = _ref.invalid,
     title = _ref.title,
@@ -56,7 +56,7 @@ exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     shouldIncludeStep = _useState2[0],
     setShouldIncludeStep = _useState2[1];
   var previousState = usePreviousValue.usePreviousValue({
-    currentStep: stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep
+    currentStep: stepsContext === null || stepsContext === undefined ? undefined : stepsContext.currentStep
   });
   useRetrieveStepData.useRetrieveStepData({
     invalid: invalid,
@@ -71,10 +71,10 @@ exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   // This useEffect reports back the onMount value so that they can be used
   // in the appropriate custom hooks.
   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 || stepsContext.setOnMount(onMount);
+    if (stepNumber === (stepsContext === null || stepsContext === undefined ? undefined : stepsContext.currentStep) && (previousState === null || previousState === undefined ? undefined : previousState.currentStep) !== (stepsContext === null || stepsContext === undefined ? undefined : stepsContext.currentStep)) {
+      stepsContext === null || stepsContext === undefined || stepsContext.setOnMount(onMount);
     }
-  }, [onMount, stepsContext, stepNumber, previousState === null || previousState === void 0 ? void 0 : previousState.currentStep]);
+  }, [onMount, stepsContext, stepNumber, previousState === null || previousState === undefined ? undefined : previousState.currentStep]);
   React.useEffect(function () {
     setShouldIncludeStep(includeStep);
   }, [includeStep, stepsContext, title]);
@@ -82,10 +82,10 @@ exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   // 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.
   React.useEffect(function () {
-    if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
+    if (stepNumber === (stepsContext === null || stepsContext === undefined ? undefined : stepsContext.currentStep)) {
       stepsContext.setIsDisabled(disableSubmit);
-      stepsContext === null || stepsContext === void 0 || stepsContext.setOnNext(onNext); // needs to be updated here otherwise there could be stale state values from only initially setting onNext
-      stepsContext === null || stepsContext === void 0 || stepsContext.setOnPrevious(onPrevious);
+      stepsContext === null || stepsContext === undefined || stepsContext.setOnNext(onNext); // needs to be updated here otherwise there could be stale state values from only initially setting onNext
+      stepsContext === null || stepsContext === undefined || stepsContext.setOnPrevious(onPrevious);
     }
   }, [stepsContext, stepNumber, disableSubmit, onNext, onPrevious]);
   var span = {
@@ -102,7 +102,7 @@ exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
         return /*#__PURE__*/React.createElement(react.Column, _rollupPluginBabelHelpers.extends({}, common, {
           as: "p"
         }));
-      } else if ( /*#__PURE__*/React.isValidElement(description)) {
+      } else if (/*#__PURE__*/React.isValidElement(description)) {
         return /*#__PURE__*/React.createElement(react.Column, _rollupPluginBabelHelpers.extends({}, common, {
           as: "div"
         }));
@@ -111,7 +111,7 @@ exports.CreateFullPageStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     return null;
   };
   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))),
+    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__step--hidden-step"), stepNumber !== (stepsContext === null || stepsContext === undefined ? undefined : stepsContext.currentStep)), "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === undefined ? undefined : stepsContext.currentStep))),
     ref: ref
   }), /*#__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"),

package/lib/components/CreateInfluencer/CreateInfluencer.d.ts

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { PropsWithChildren, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 import '../../global/js/utils/props-helper';
 interface Step {
     introStep?: boolean;
@@ -42,28 +41,23 @@ export declare const CreateInfluencer: {
         /**
          * Provide an optional class to be applied to the containing node.
          */
-        className: PropTypes.Requireable<string>;
+        className: any;
         /**
          * Used to mark the current step on the ProgressIndicator component
          */
-        currentStep: PropTypes.Validator<number>;
+        currentStep: any;
         /**
          * onChange event for Progress Indicator
          */
-        onClickStep: PropTypes.Requireable<(...args: any[]) => any>;
+        onClickStep: any;
         /**
          * The step data that renders the progress items
          */
-        stepData: PropTypes.Requireable<(PropTypes.InferProps<{
-            introStep: PropTypes.Requireable<boolean>;
-            secondaryLabel: PropTypes.Requireable<string>;
-            shouldIncludeStep: PropTypes.Requireable<boolean>;
-            title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        }> | null | undefined)[]>;
+        stepData: any;
         /**
          * The main title of the full page, displayed in the influencer area.
          */
-        title: PropTypes.Requireable<string>;
+        title: any;
     };
 };
 export {};

package/lib/components/CreateInfluencer/CreateInfluencer.js

@@ -29,7 +29,7 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
     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) {
+      if (((_array$index = array[index]) === null || _array$index === undefined ? undefined : _array$index[key]) === false && index <= currentStep - 1) {
         dynamicSteps.push(item);
       }
     });
@@ -39,11 +39,11 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
   // 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 extractedSteps = stepData === null || stepData === undefined ? undefined : stepData.filter(function (item) {
+      return !(item !== null && item !== undefined && 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;
+    var progressSteps = extractedSteps === null || extractedSteps === undefined ? undefined : extractedSteps.filter(function (item) {
+      return item === null || item === undefined ? undefined : item.shouldIncludeStep;
     });
 
     // To get the ProgressIndicator's `currentIndex`, accounting for dynamic steps,
@@ -54,8 +54,8 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
       className: "".concat(blockClass, "__left-nav")
     }, title && /*#__PURE__*/React.createElement("h3", {
       className: "".concat(blockClass, "__title")
-    }, title), currentStep === 1 && (_stepData$ = stepData[0]) !== null && _stepData$ !== void 0 && _stepData$.introStep ? null : /*#__PURE__*/React.createElement(react.ProgressIndicator, {
-      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
+    }, title), currentStep === 1 && (_stepData$ = stepData[0]) !== null && _stepData$ !== undefined && _stepData$.introStep ? null : /*#__PURE__*/React.createElement(react.ProgressIndicator, {
+      currentIndex: (_stepData$2 = stepData[0]) !== null && _stepData$2 !== undefined && _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,
@@ -64,7 +64,7 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
       onChange: onClickStep
     }, progressSteps.map(function (step, stepIndex) {
       return /*#__PURE__*/React.createElement(react.ProgressStep, {
-        label: step === null || step === void 0 ? void 0 : step.title,
+        label: step === null || step === undefined ? undefined : step.title,
         key: stepIndex,
         secondaryLabel: step.secondaryLabel || undefined,
         invalid: step.invalid

package/lib/components/CreateModal/CreateModal.d.ts

@@ -4,7 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/// <reference path="../../../src/custom-typings/index.d.ts" />
 import { ComposedModal } from '@carbon/react';
 import React, { ReactNode } from 'react';
 export interface CreateModalProps extends React.ComponentProps<typeof ComposedModal> {
@@ -67,5 +66,5 @@ content, and is persistent until dismissed. The purpose of this modal should be
 immediately apparent to the user, with a clear and obvious path to completion.
  */
 export declare let CreateModal: React.ForwardRefExoticComponent<CreateModalProps & {
-    children?: React.ReactNode;
+    children?: ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/lib/components/CreateModal/CreateModal.js

@@ -52,7 +52,7 @@ exports.CreateModal = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     selectorPrimaryFocus = _ref2.selectorPrimaryFocus,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded);
   var renderPortalUse = usePortalTarget.usePortalTarget(portalTargetIn);
-  return renderPortalUse( /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
+  return renderPortalUse(/*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
     selectorPrimaryFocus: selectorPrimaryFocus,
     className: cx(blockClass, className),
     open: open,
@@ -61,7 +61,7 @@ exports.CreateModal = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     size: "sm",
     preventCloseOnClickOutside: true,
     onClose: function onClose() {
-      onRequestClose === null || onRequestClose === void 0 || onRequestClose();
+      onRequestClose === null || onRequestClose === undefined || onRequestClose();
       return false;
     }
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(react.ModalHeader, {

package/lib/components/CreateSidePanel/CreateSidePanel.d.ts

@@ -79,6 +79,6 @@ interface CreateSidePanelProps {
  * Use with medium complexity creations if the user needs page context. On-page content can be seen and interacted with.
  */
 export declare let CreateSidePanel: React.ForwardRefExoticComponent<CreateSidePanelProps & {
-    children?: React.ReactNode;
+    children?: ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/CreateSidePanel/CreateSidePanel.js

@@ -49,7 +49,7 @@ exports.CreateSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     label: primaryButtonText,
     onClick: function onClick(event) {
       event.preventDefault();
-      onRequestSubmit === null || onRequestSubmit === void 0 || onRequestSubmit();
+      onRequestSubmit === null || onRequestSubmit === undefined || onRequestSubmit();
     },
     kind: 'primary',
     disabled: disableSubmit,

package/lib/components/CreateTearsheet/CreateTearsheet.js

@@ -48,7 +48,7 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     description = _ref.description,
     hasError = _ref.hasError,
     _ref$influencerWidth = _ref.influencerWidth,
-    influencerWidth = _ref$influencerWidth === void 0 ? 'narrow' : _ref$influencerWidth,
+    influencerWidth = _ref$influencerWidth === undefined ? 'narrow' : _ref$influencerWidth,
     initialStep = _ref.initialStep,
     label = _ref.label,
     nextButtonText = _ref.nextButtonText,
@@ -61,16 +61,16 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     submitButtonText = _ref.submitButtonText,
     title = _ref.title,
     _ref$verticalPosition = _ref.verticalPosition,
-    verticalPosition = _ref$verticalPosition === void 0 ? 'normal' : _ref$verticalPosition,
+    verticalPosition = _ref$verticalPosition === undefined ? 'normal' : _ref$verticalPosition,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState([]),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     createTearsheetActions = _useState2[0],
     setCreateTearsheetActions = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    shouldViewAll = _useState4[0],
-    setShouldViewAll = _useState4[1];
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2);
+    _useState4[0];
+    _useState4[1];
   var _useState5 = React.useState(0),
     _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
     currentStep = _useState6[0],
@@ -154,7 +154,7 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     stepData: stepData,
     /**@ts-ignore */
     initialStep: initialStep,
-    totalSteps: stepData === null || stepData === void 0 ? void 0 : stepData.length,
+    totalSteps: stepData === null || stepData === undefined ? undefined : stepData.length,
     componentName: componentName
   });
   useCreateComponentStepChange.useCreateComponentStepChange({
@@ -166,7 +166,6 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     isSubmitDisabled: isDisabled,
     setCurrentStep: setCurrentStep,
     setIsSubmitting: setIsSubmitting,
-    setShouldViewAll: setShouldViewAll,
     /**@ts-ignore */
     setLoadingPrevious: setLoadingPrevious,
     loadingPrevious: loadingPrevious,
@@ -174,7 +173,6 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onRequestSubmit: onRequestSubmit,
     componentName: componentName,
     currentStep: currentStep,
-    shouldViewAll: shouldViewAll,
     backButtonText: backButtonText,
     cancelButtonText: cancelButtonText,
     submitButtonText: submitButtonText,
@@ -182,7 +180,7 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     isSubmitting: isSubmitting,
     componentBlockClass: blockClass,
     experimentalSecondarySubmit: experimentalSecondarySubmit,
-    experimentalSecondarySubmitText: experimentalSecondarySubmit !== null && experimentalSecondarySubmit !== void 0 && experimentalSecondarySubmit.labelText ? experimentalSecondarySubmit.labelText : experimentalSecondarySubmitText,
+    experimentalSecondarySubmitText: experimentalSecondarySubmit !== null && experimentalSecondarySubmit !== undefined && experimentalSecondarySubmit.labelText ? experimentalSecondarySubmit.labelText : experimentalSecondarySubmitText,
     setCreateComponentActions: setCreateTearsheetActions
   });
   return /*#__PURE__*/React.createElement(TearsheetShell.TearsheetShell, _rollupPluginBabelHelpers.extends({}, devtools.getDevtoolsProps(componentName), rest, {

package/lib/components/CreateTearsheet/CreateTearsheetStep.js

@@ -45,9 +45,9 @@ exports.CreateTearsheetStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     experimentalSecondarySubmit = _ref.experimentalSecondarySubmit,
     fieldsetLegendText = _ref.fieldsetLegendText,
     _ref$hasFieldset = _ref.hasFieldset,
-    hasFieldset = _ref$hasFieldset === void 0 ? defaults.hasFieldset : _ref$hasFieldset,
+    hasFieldset = _ref$hasFieldset === undefined ? defaults.hasFieldset : _ref$hasFieldset,
     _ref$includeStep = _ref.includeStep,
-    includeStep = _ref$includeStep === void 0 ? defaults.includeStep : _ref$includeStep,
+    includeStep = _ref$includeStep === undefined ? defaults.includeStep : _ref$includeStep,
     introStep = _ref.introStep,
     invalid = _ref.invalid,
     onMount = _ref.onMount,
@@ -67,7 +67,7 @@ exports.CreateTearsheetStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     shouldIncludeStep = _useState2[0],
     setShouldIncludeStep = _useState2[1];
   var previousState = usePreviousValue.usePreviousValue({
-    currentStep: stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep
+    currentStep: stepsContext === null || stepsContext === undefined ? undefined : stepsContext.currentStep
   });
   useRetrieveStepData.useRetrieveStepData({
     stepsContext: stepsContext,
@@ -82,18 +82,18 @@ exports.CreateTearsheetStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   // This useEffect reports back the onMount value so that they can be used
   // in the appropriate custom hooks.
   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 || stepsContext.setOnMount(onMount);
-      stepsContext === null || stepsContext === void 0 || stepsContext.setExperimentalSecondarySubmit(experimentalSecondarySubmit);
+    if (stepNumber === (stepsContext === null || stepsContext === undefined ? undefined : stepsContext.currentStep) && (previousState === null || previousState === undefined ? undefined : previousState.currentStep) !== (stepsContext === null || stepsContext === undefined ? undefined : stepsContext.currentStep)) {
+      stepsContext === null || stepsContext === undefined || stepsContext.setOnMount(onMount);
+      stepsContext === null || stepsContext === undefined || stepsContext.setExperimentalSecondarySubmit(experimentalSecondarySubmit);
     }
-  }, [onMount, experimentalSecondarySubmit, stepsContext, stepNumber, previousState === null || previousState === void 0 ? void 0 : previousState.currentStep]);
+  }, [onMount, experimentalSecondarySubmit, stepsContext, stepNumber, previousState === null || previousState === undefined ? undefined : previousState.currentStep]);
 
   // Used to take the `includeStep` prop and use it as a local state value
   React.useEffect(function () {
     setShouldIncludeStep(includeStep);
   }, [includeStep, stepsContext, title]);
   var setFocusChildrenTabIndex = function setFocusChildrenTabIndex(childInputs, value) {
-    if (childInputs !== null && childInputs !== void 0 && childInputs.length) {
+    if (childInputs !== null && childInputs !== undefined && childInputs.length) {
       childInputs.forEach(function (child) {
         child.tabIndex = value;
       });
@@ -104,25 +104,25 @@ exports.CreateTearsheetStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   // steps container context so that it can manage the 'Next' button appropriately.
   React.useEffect(function () {
     var focusElementQuery = "button, input, select, textarea, a";
-    if (stepNumber !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
+    if (stepNumber !== (stepsContext === null || stepsContext === undefined ? undefined : stepsContext.currentStep)) {
       // Specify tab-index -1 for focusable elements not contained
       // in the current step so that the useFocus hook can exclude
       // from the focus trap
-      var childInputs = stepRefValue === null || stepRefValue === void 0 ? void 0 : stepRefValue.querySelectorAll(focusElementQuery);
+      var childInputs = stepRefValue === null || stepRefValue === undefined ? undefined : stepRefValue.querySelectorAll(focusElementQuery);
       setFocusChildrenTabIndex(childInputs, -1);
     }
-    if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
+    if (stepNumber === (stepsContext === null || stepsContext === undefined ? undefined : stepsContext.currentStep)) {
       // Specify tab-index 0 for current step focusable elements
       // for the useFocus hook to know which elements to include
       // in focus trap
-      var _childInputs = stepRefValue === null || stepRefValue === void 0 ? void 0 : stepRefValue.querySelectorAll(focusElementQuery);
+      var _childInputs = stepRefValue === null || stepRefValue === undefined ? undefined : stepRefValue.querySelectorAll(focusElementQuery);
       setFocusChildrenTabIndex(_childInputs, 0);
       stepsContext.setIsDisabled(!!disableSubmit);
-      stepsContext === null || stepsContext === void 0 || stepsContext.setOnNext(onNext); // needs to be updated here otherwise there could be stale state values from only initially setting onNext
-      stepsContext === null || stepsContext === void 0 || stepsContext.setOnPrevious(onPrevious);
+      stepsContext === null || stepsContext === undefined || stepsContext.setOnNext(onNext); // needs to be updated here otherwise there could be stale state values from only initially setting onNext
+      stepsContext === null || stepsContext === undefined || stepsContext.setOnPrevious(onPrevious);
 
       //Handle props for experimentalSecondarySubmit button, depending on state change
-      stepsContext === null || stepsContext === void 0 || stepsContext.setExperimentalSecondarySubmit(experimentalSecondarySubmit);
+      stepsContext === null || stepsContext === undefined || stepsContext.setExperimentalSecondarySubmit(experimentalSecondarySubmit);
     }
   }, [stepsContext, stepNumber, disableSubmit, onNext, onPrevious, stepRef, stepRefValue, experimentalSecondarySubmit]);
   var renderDescription = function renderDescription() {
@@ -132,7 +132,7 @@ exports.CreateTearsheetStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
           className: "".concat(blockClass, "--description")
         }, description);
       }
-      if ( /*#__PURE__*/React.isValidElement(description)) {
+      if (/*#__PURE__*/React.isValidElement(description)) {
         return /*#__PURE__*/React.createElement("div", {
           className: "".concat(blockClass, "--description")
         }, description);
@@ -143,7 +143,7 @@ exports.CreateTearsheetStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   return stepsContext ? /*#__PURE__*/React.createElement("div", {
     ref: stepRef
   }, /*#__PURE__*/React.createElement(react.Grid, _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)))
+    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__step--hidden-step"), stepNumber !== (stepsContext === null || stepsContext === undefined ? undefined : stepsContext.currentStep)), "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === undefined ? undefined : stepsContext.currentStep)))
   }), /*#__PURE__*/React.createElement(react.Column, {
     xlg: 12,
     lg: 12,

package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js

@@ -66,7 +66,7 @@ exports.CreateTearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, re
     open: open,
     ref: ref,
     onClose: function onClose() {
-      onRequestClose === null || onRequestClose === void 0 || onRequestClose();
+      onRequestClose === null || onRequestClose === undefined || onRequestClose();
       return false;
     },
     label: label,