npm - @carbon/ibm-products - Versions diffs - 2.61.0 → 2.62.0-rc.0 - Mend

@carbon/ibm-products 2.61.0 → 2.62.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (547) hide show

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

@@ -13,7 +13,7 @@ var util = require('./util.js');
 var handleKeyDown = function handleKeyDown(evt, conditionBuilderRef, variant) {
   var _activeElement$closes;
   var activeElement = document.activeElement;
-  if (!((_activeElement$closes = activeElement.closest(".".concat(util.blockClass, "__popover"))) !== null && _activeElement$closes !== undefined && _activeElement$closes.querySelector('[role="dialog"]'))) {
+  if (!((_activeElement$closes = activeElement.closest(".".concat(util.blockClass, "__popover"))) !== null && _activeElement$closes !== void 0 && _activeElement$closes.querySelector('[role="dialog"]'))) {
     handleKeyPressForMainContent(evt, conditionBuilderRef, variant);
   }
 };
@@ -21,7 +21,7 @@ var handleKeyDownForPopover = function handleKeyDownForPopover(evt, conditionBui
   if (excludeKeyPress(evt)) {
     return;
   }
-  handleKeyPressForPopover(evt, popoverRef === null || popoverRef === undefined ? undefined : popoverRef.current, conditionBuilderRef);
+  handleKeyPressForPopover(evt, popoverRef === null || popoverRef === void 0 ? void 0 : popoverRef.current, conditionBuilderRef);
 };
 //skipping keyboard handling for date and time fields to get take carbon's
@@ -32,8 +32,8 @@ var handleKeyPressForPopover = function handleKeyPressForPopover(evt, parentCont
   var _parentContainer$quer, _parentContainer$quer2, _evt$target$closest$q, _evt$target$closest;
   var key = evt.key;
   var isHoldingShiftKey = util.checkForHoldingKey(evt, 'shiftKey');
-  var isMultiSelect = (_parentContainer$quer = parentContainer.querySelector('ul')) === null || _parentContainer$quer === undefined ? undefined : _parentContainer$quer.dataset.multiSelect;
-  var isOptionInput = (_parentContainer$quer2 = parentContainer.querySelectorAll("[role=\"option\"]")) === null || _parentContainer$quer2 === undefined ? undefined : _parentContainer$quer2.length;
+  var isMultiSelect = (_parentContainer$quer = parentContainer.querySelector('ul')) === null || _parentContainer$quer === void 0 ? void 0 : _parentContainer$quer.dataset.multiSelect;
+  var isOptionInput = (_parentContainer$quer2 = parentContainer.querySelectorAll("[role=\"option\"]")) === null || _parentContainer$quer2 === void 0 ? void 0 : _parentContainer$quer2.length;
   var allItems = [];
   if (key === 'Escape') {
     //focus the corresponding field in which the popover is triggered from
@@ -49,7 +49,7 @@ var handleKeyPressForPopover = function handleKeyPressForPopover(evt, parentCont
           util.traverseReverse(eachElem, index, allElements, null, null, conditionBuilderRef);
         });
         //scroll to top when we reach a the top of the list to make search box visible
-        if (Array.from((_evt$target$closest$q = (_evt$target$closest = evt.target.closest('ul')) === null || _evt$target$closest === undefined ? undefined : _evt$target$closest.querySelectorAll('li')) !== null && _evt$target$closest$q !== undefined ? _evt$target$closest$q : []).indexOf(evt.target) === 1) {
+        if (Array.from((_evt$target$closest$q = (_evt$target$closest = evt.target.closest('ul')) === null || _evt$target$closest === void 0 ? void 0 : _evt$target$closest.querySelectorAll('li')) !== null && _evt$target$closest$q !== void 0 ? _evt$target$closest$q : []).indexOf(evt.target) === 1) {
           parentContainer.querySelector(".".concat(util.blockClass, "__popover-content-wrapper")).scrollTop = 0;
         }
         break;
@@ -76,7 +76,7 @@ var handleKeyPressForPopover = function handleKeyPressForPopover(evt, parentCont
           if (document.activeElement.type !== 'button') {
             var _document$activeEleme;
             //for button , enter key is click which already handled by framework, for other elements trigger click
-            (_document$activeEleme = document.activeElement) === null || _document$activeEleme === undefined || _document$activeEleme.click();
+            (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 || _document$activeEleme.click();
           }
           evt.preventDefault();
         }
@@ -86,7 +86,7 @@ var handleKeyPressForPopover = function handleKeyPressForPopover(evt, parentCont
           var _document$activeEleme2;
           //for button , enter key is click which already handled by framework, else trigger click
           util.focusThisField(evt, conditionBuilderRef);
-          (_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === undefined || _document$activeEleme2.click();
+          (_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 || _document$activeEleme2.click();
         }
         break;
     }
@@ -96,7 +96,7 @@ var handleKeyPressForPopover = function handleKeyPressForPopover(evt, parentCont
         var _document$activeEleme3;
         //for button , enter key is click which already handled by framework, else trigger click
         util.focusThisField(evt, conditionBuilderRef);
-        (_document$activeEleme3 = document.activeElement) === null || _document$activeEleme3 === undefined || _document$activeEleme3.click();
+        (_document$activeEleme3 = document.activeElement) === null || _document$activeEleme3 === void 0 || _document$activeEleme3.click();
       }
     }
   }
@@ -108,7 +108,7 @@ var handleKeyPressForMainContent = function handleKeyPressForMainContent(evt, co
       evt.preventDefault();
       if (variant == util.HIERARCHICAL_VARIANT) {
         var _evt$target$closest2;
-        var allCellsInRow = Array.from((_evt$target$closest2 = evt.target.closest('[role="row"]')) === null || _evt$target$closest2 === undefined ? undefined : _evt$target$closest2.querySelectorAll('[role="gridcell"] button'));
+        var allCellsInRow = Array.from((_evt$target$closest2 = evt.target.closest('[role="row"]')) === null || _evt$target$closest2 === void 0 ? void 0 : _evt$target$closest2.querySelectorAll('[role="gridcell"] button'));
         if (allCellsInRow.length === 1) {
           evt.target = evt.target.closest('[role="row"]');
           handleRowNavigationHierarchical(evt, conditionBuilderRef, variant);
@@ -138,7 +138,7 @@ var handleKeyPressForMainContent = function handleKeyPressForMainContent(evt, co
           var _evt$target$closest3;
           //when any cell is focussed, arrow left will select the previous cell or current row
-          var _allCellsInRow = Array.from((_evt$target$closest3 = evt.target.closest('[role="row"]')) === null || _evt$target$closest3 === undefined ? undefined : _evt$target$closest3.querySelectorAll('[role="gridcell"] button'));
+          var _allCellsInRow = Array.from((_evt$target$closest3 = evt.target.closest('[role="row"]')) === null || _evt$target$closest3 === void 0 ? void 0 : _evt$target$closest3.querySelectorAll('[role="gridcell"] button'));
           var _currentItemIndex = _allCellsInRow.indexOf(evt.target);
           if (_currentItemIndex > 0) {
             util.focusThisItem(_allCellsInRow[_currentItemIndex - 1], conditionBuilderRef);
@@ -162,16 +162,16 @@ var handleKeyPressForMainContent = function handleKeyPressForMainContent(evt, co
       }
       break;
     case 'Enter':
-      if (((_document$activeEleme4 = document.activeElement) === null || _document$activeEleme4 === undefined || (_document$activeEleme4 = _document$activeEleme4.querySelectorAll("button")) === null || _document$activeEleme4 === undefined ? undefined : _document$activeEleme4.length) === 1) {
+      if (((_document$activeEleme4 = document.activeElement) === null || _document$activeEleme4 === void 0 || (_document$activeEleme4 = _document$activeEleme4.querySelectorAll("button")) === null || _document$activeEleme4 === void 0 ? void 0 : _document$activeEleme4.length) === 1) {
         var _document$activeEleme5;
-        (_document$activeEleme5 = document.activeElement) === null || _document$activeEleme5 === undefined || (_document$activeEleme5 = _document$activeEleme5.querySelectorAll("button")[0]) === null || _document$activeEleme5 === undefined || _document$activeEleme5.click();
+        (_document$activeEleme5 = document.activeElement) === null || _document$activeEleme5 === void 0 || (_document$activeEleme5 = _document$activeEleme5.querySelectorAll("button")[0]) === null || _document$activeEleme5 === void 0 || _document$activeEleme5.click();
       }
       break;
   }
 };
 var getRows = function getRows(conditionBuilderRef) {
   var _conditionBuilderRef$;
-  return Array.from((_conditionBuilderRef$ = conditionBuilderRef.current) === null || _conditionBuilderRef$ === undefined ? undefined : _conditionBuilderRef$.querySelectorAll('[role="row"]'));
+  return Array.from((_conditionBuilderRef$ = conditionBuilderRef.current) === null || _conditionBuilderRef$ === void 0 ? void 0 : _conditionBuilderRef$.querySelectorAll('[role="row"]'));
 };
 var getRowIndex = function getRowIndex(element, conditionBuilderRef) {
   var rows = getRows(conditionBuilderRef);
@@ -220,8 +220,8 @@ var navigateToNextRowCell = function navigateToNextRowCell(evt, currentRowIndex,
   }
   var nextRow = rows[nextRowIndex];
   var itemName = evt.target.dataset.name;
-  if (nextRow !== null && nextRow !== undefined && nextRow.querySelector("[data-name=\"".concat(itemName, "\"]"))) {
-    util.manageTabIndexAndFocus(nextRow === null || nextRow === undefined ? undefined : nextRow.querySelector("[data-name=\"".concat(itemName, "\"]")), conditionBuilderRef);
+  if (nextRow !== null && nextRow !== void 0 && nextRow.querySelector("[data-name=\"".concat(itemName, "\"]"))) {
+    util.manageTabIndexAndFocus(nextRow === null || nextRow === void 0 ? void 0 : nextRow.querySelector("[data-name=\"".concat(itemName, "\"]")), conditionBuilderRef);
   } else if (variant === util.HIERARCHICAL_VARIANT) {
     //when the next row is a if statement , then that row is focused. From any cell of last row of an group , arrow down select the next row (if)
     util.manageTabIndexAndFocus(nextRow, conditionBuilderRef);

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

@@ -113,7 +113,7 @@ var useDataConfigs = function useDataConfigs() {
     type: 'date'
   }];
   return {
-    statementConfig: statementConfigCustom !== null && statementConfigCustom !== undefined ? statementConfigCustom : statementConfigDefault,
+    statementConfig: statementConfigCustom !== null && statementConfigCustom !== void 0 ? statementConfigCustom : statementConfigDefault,
     connectorConfig: connectorConfig,
     operatorConfig: operatorConfig
   };

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

@@ -15,10 +15,10 @@ var useTranslations = function useTranslations(translationKeys, alterTranslation
   var _useContext = React.useContext(ConditionBuilderProvider.ConditionBuilderContext),
     translateWithId = _useContext.translateWithId;
   return translationKeys.map(function (translationKey) {
-    if (alterTranslationKeyMap !== null && alterTranslationKeyMap !== undefined && alterTranslationKeyMap[translationKey]) {
+    if (alterTranslationKeyMap !== null && alterTranslationKeyMap !== void 0 && alterTranslationKeyMap[translationKey]) {
       translationKey = alterTranslationKeyMap[translationKey];
     }
-    if (translateWithId !== null && translateWithId !== undefined && translateWithId(translationKey)) {
+    if (translateWithId !== null && translateWithId !== void 0 && translateWithId(translationKey)) {
       return translateWithId(translationKey);
     } else if (translationObject.translationsObject[translationKey]) {
       return translationObject.translationsObject[translationKey];

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

@@ -16,9 +16,9 @@ var focusThisField = function focusThisField(evt, conditionBuilderRef) {
   if (evt) {
     setTimeout(function () {
       var _evt$target$closest, _evt$target$closest2, _evt$target$closest3;
-      manageTabIndexAndFocus((_evt$target$closest = evt.target.closest('[role="gridcell"]')) === null || _evt$target$closest === undefined ? undefined : _evt$target$closest.querySelector('button'), conditionBuilderRef);
-      (_evt$target$closest2 = evt.target.closest('[role="gridcell"]')) === null || _evt$target$closest2 === undefined || (_evt$target$closest2 = _evt$target$closest2.querySelector('button')) === null || _evt$target$closest2 === undefined || _evt$target$closest2.click();
-      (_evt$target$closest3 = evt.target.closest('[role="gridcell"]')) === null || _evt$target$closest3 === undefined || (_evt$target$closest3 = _evt$target$closest3.querySelector('button')) === null || _evt$target$closest3 === undefined || _evt$target$closest3.focus();
+      manageTabIndexAndFocus((_evt$target$closest = evt.target.closest('[role="gridcell"]')) === null || _evt$target$closest === void 0 ? void 0 : _evt$target$closest.querySelector('button'), conditionBuilderRef);
+      (_evt$target$closest2 = evt.target.closest('[role="gridcell"]')) === null || _evt$target$closest2 === void 0 || (_evt$target$closest2 = _evt$target$closest2.querySelector('button')) === null || _evt$target$closest2 === void 0 || _evt$target$closest2.click();
+      (_evt$target$closest3 = evt.target.closest('[role="gridcell"]')) === null || _evt$target$closest3 === void 0 || (_evt$target$closest3 = _evt$target$closest3.querySelector('button')) === null || _evt$target$closest3 === void 0 || _evt$target$closest3.focus();
     }, 0);
   }
 };
@@ -57,13 +57,13 @@ var checkIsValid = function checkIsValid(item) {
 };
 var manageTabIndexAndFocus = function manageTabIndexAndFocus(currentElement, conditionBuilderRef) {
   var _currentElement$close, _conditionBuilderRef$;
-  var contentContainer = (_currentElement$close = currentElement === null || currentElement === undefined ? undefined : currentElement.closest(".".concat(blockClass, "__content-container"))) !== null && _currentElement$close !== undefined ? _currentElement$close : currentElement === null || currentElement === undefined ? undefined : currentElement.closest(".".concat(blockClass, "__actions-container"));
+  var contentContainer = (_currentElement$close = currentElement === null || currentElement === void 0 ? void 0 : currentElement.closest(".".concat(blockClass, "__content-container"))) !== null && _currentElement$close !== void 0 ? _currentElement$close : currentElement === null || currentElement === void 0 ? void 0 : currentElement.closest(".".concat(blockClass, "__actions-container"));
   contentContainer && Array.from(contentContainer.querySelectorAll('[tabindex="0"]')).map(function (element) {
-    return element === null || element === undefined ? undefined : element.setAttribute('tabindex', '-1');
+    return element === null || element === void 0 ? void 0 : element.setAttribute('tabindex', '-1');
   });
-  currentElement === null || currentElement === undefined || currentElement.setAttribute('tabindex', '0');
-  (_conditionBuilderRef$ = conditionBuilderRef.current) === null || _conditionBuilderRef$ === undefined || (_conditionBuilderRef$ = _conditionBuilderRef$.querySelector(".".concat(blockClass, "__statement-button"))) === null || _conditionBuilderRef$ === undefined || _conditionBuilderRef$.setAttribute('tabindex', '1');
-  currentElement === null || currentElement === undefined || currentElement.focus();
+  currentElement === null || currentElement === void 0 || currentElement.setAttribute('tabindex', '0');
+  (_conditionBuilderRef$ = conditionBuilderRef.current) === null || _conditionBuilderRef$ === void 0 || (_conditionBuilderRef$ = _conditionBuilderRef$.querySelector(".".concat(blockClass, "__statement-button"))) === null || _conditionBuilderRef$ === void 0 || _conditionBuilderRef$.setAttribute('tabindex', '1');
+  currentElement === null || currentElement === void 0 || currentElement.focus();
 };
 var formatDate = function formatDate(date) {
   var day = String(date.getDate()).padStart(2, '0');
@@ -72,7 +72,7 @@ var formatDate = function formatDate(date) {
   return "".concat(day, "/").concat(month, "/").concat(year);
 };
 var getValue = function getValue(type, value, config) {
-  if (config !== null && config !== undefined && config.valueFormatter && ['date', 'custom'].includes(type)) {
+  if (config !== null && config !== void 0 && config.valueFormatter && ['date', 'custom'].includes(type)) {
     return config.valueFormatter(value);
   } else {
     var formatters = {
@@ -99,8 +99,8 @@ var getValue = function getValue(type, value, config) {
       },
       date: function date(value) {
         if (Array.isArray(value) && value.length > 1) {
-          var start = value !== null && value !== undefined && value[0] && !isNaN(new Date(value[0])) ? formatDate(new Date(value[0])) : '';
-          var end = value !== null && value !== undefined && value[1] && !isNaN(new Date(value[1])) ? formatDate(new Date(value[1])) : '';
+          var start = value !== null && value !== void 0 && value[0] && !isNaN(new Date(value[0])) ? formatDate(new Date(value[0])) : '';
+          var end = value !== null && value !== void 0 && value[1] && !isNaN(new Date(value[1])) ? formatDate(new Date(value[1])) : '';
           return "".concat(start, " To ").concat(end);
         } else if (Array.isArray(value) && !isNaN(new Date(value[0]))) {
           return formatDate(new Date(value[0]));
@@ -119,8 +119,8 @@ var getValue = function getValue(type, value, config) {
 //check if the operator is configured as multiSelect in the input configuration or operator is on of
 var checkForMultiSelectOperator = function checkForMultiSelectOperator(condition, config) {
   var _config$operators;
-  return (condition === null || condition === undefined ? undefined : condition.operator) === 'oneOf' || (config === null || config === undefined || (_config$operators = config.operators) === null || _config$operators === undefined ? undefined : _config$operators.find(function (operator) {
-    return (condition === null || condition === undefined ? undefined : condition.operator) === operator.id && operator.isMultiSelect;
+  return (condition === null || condition === void 0 ? void 0 : condition.operator) === 'oneOf' || (config === null || config === void 0 || (_config$operators = config.operators) === null || _config$operators === void 0 ? void 0 : _config$operators.find(function (operator) {
+    return (condition === null || condition === void 0 ? void 0 : condition.operator) === operator.id && operator.isMultiSelect;
   }));
 };
 //this will close the popover on escape key on search box

package/lib/components/CreateFullPage/CreateFullPage.js CHANGED Viewed

@@ -72,7 +72,7 @@ exports.CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     title = _ref.title,
     secondaryTitle = _ref.secondaryTitle,
     _ref$breadcrumbOverfl = _ref.breadcrumbOverflowTooltipAlign,
-    breadcrumbOverflowTooltipAlign = _ref$breadcrumbOverfl === undefined ? 'right' : _ref$breadcrumbOverfl,
+    breadcrumbOverflowTooltipAlign = _ref$breadcrumbOverfl === void 0 ? 'right' : _ref$breadcrumbOverfl,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState([]),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -128,7 +128,7 @@ exports.CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setLastIncludedStep = _useState24[1];
   React.useEffect(function () {
     var firstItem = stepData.findIndex(function (item) {
-      return item === null || item === undefined ? undefined : item.shouldIncludeStep;
+      return item === null || item === void 0 ? void 0 : item.shouldIncludeStep;
     }) + 1;
     var lastItem = lastIndexInArray.lastIndexInArray(stepData, 'shouldIncludeStep', true);
     if (firstItem !== firstIncludedStep) {
@@ -160,7 +160,7 @@ exports.CreateFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     stepData: stepData,
     /**@ts-ignore */
     initialStep: initialStep,
-    totalSteps: stepData === null || stepData === undefined ? undefined : stepData.length,
+    totalSteps: stepData === null || stepData === void 0 ? void 0 : stepData.length,
     componentName: componentName
   });
   useCreateComponentStepChange.useCreateComponentStepChange({

package/lib/components/CreateFullPage/CreateFullPageStep.js CHANGED Viewed

@@ -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 === undefined ? defaults.includeStep : _ref$includeStep,
+    includeStep = _ref$includeStep === void 0 ? 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 === undefined ? undefined : stepsContext.currentStep
+    currentStep: stepsContext === null || stepsContext === void 0 ? void 0 : 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 === 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);
+    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);
     }
-  }, [onMount, stepsContext, stepNumber, previousState === null || previousState === undefined ? undefined : previousState.currentStep]);
+  }, [onMount, stepsContext, stepNumber, previousState === null || previousState === void 0 ? void 0 : 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 === undefined ? undefined : stepsContext.currentStep)) {
+    if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
       stepsContext.setIsDisabled(disableSubmit);
-      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 === 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, stepNumber, disableSubmit, onNext, onPrevious]);
   var span = {
@@ -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 === undefined ? undefined : stepsContext.currentStep)), "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === undefined ? undefined : stepsContext.currentStep))),
+    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.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.js CHANGED Viewed

@@ -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 === undefined ? undefined : _array$index[key]) === false && index <= currentStep - 1) {
+      if (((_array$index = array[index]) === null || _array$index === void 0 ? void 0 : _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 === undefined ? undefined : stepData.filter(function (item) {
-      return !(item !== null && item !== undefined && item.introStep);
+    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 === undefined ? undefined : extractedSteps.filter(function (item) {
-      return item === null || item === undefined ? undefined : item.shouldIncludeStep;
+    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,
@@ -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$ !== 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
+    }, 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
       : 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 === undefined ? undefined : step.title,
+        label: step === null || step === void 0 ? void 0 : step.title,
         key: stepIndex,
         secondaryLabel: step.secondaryLabel || undefined,
         invalid: step.invalid

package/lib/components/CreateModal/CreateModal.js CHANGED Viewed

@@ -61,7 +61,7 @@ exports.CreateModal = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     size: "sm",
     preventCloseOnClickOutside: true,
     onClose: function onClose() {
-      onRequestClose === null || onRequestClose === undefined || onRequestClose();
+      onRequestClose === null || onRequestClose === void 0 || onRequestClose();
       return false;
     }
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(react.ModalHeader, {

package/lib/components/CreateSidePanel/CreateSidePanel.js CHANGED Viewed

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

package/lib/components/CreateTearsheet/CreateTearsheet.js CHANGED Viewed

@@ -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 === undefined ? 'narrow' : _ref$influencerWidth,
+    influencerWidth = _ref$influencerWidth === void 0 ? 'narrow' : _ref$influencerWidth,
     initialStep = _ref.initialStep,
     label = _ref.label,
     nextButtonText = _ref.nextButtonText,
@@ -61,7 +61,7 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     submitButtonText = _ref.submitButtonText,
     title = _ref.title,
     _ref$verticalPosition = _ref.verticalPosition,
-    verticalPosition = _ref$verticalPosition === undefined ? 'normal' : _ref$verticalPosition,
+    verticalPosition = _ref$verticalPosition === void 0 ? 'normal' : _ref$verticalPosition,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState([]),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -154,7 +154,7 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     stepData: stepData,
     /**@ts-ignore */
     initialStep: initialStep,
-    totalSteps: stepData === null || stepData === undefined ? undefined : stepData.length,
+    totalSteps: stepData === null || stepData === void 0 ? void 0 : stepData.length,
     componentName: componentName
   });
   useCreateComponentStepChange.useCreateComponentStepChange({
@@ -180,7 +180,7 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     isSubmitting: isSubmitting,
     componentBlockClass: blockClass,
     experimentalSecondarySubmit: experimentalSecondarySubmit,
-    experimentalSecondarySubmitText: experimentalSecondarySubmit !== null && experimentalSecondarySubmit !== undefined && experimentalSecondarySubmit.labelText ? experimentalSecondarySubmit.labelText : experimentalSecondarySubmitText,
+    experimentalSecondarySubmitText: experimentalSecondarySubmit !== null && experimentalSecondarySubmit !== void 0 && 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 CHANGED Viewed

@@ -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 === undefined ? defaults.hasFieldset : _ref$hasFieldset,
+    hasFieldset = _ref$hasFieldset === void 0 ? defaults.hasFieldset : _ref$hasFieldset,
     _ref$includeStep = _ref.includeStep,
-    includeStep = _ref$includeStep === undefined ? defaults.includeStep : _ref$includeStep,
+    includeStep = _ref$includeStep === void 0 ? 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 === undefined ? undefined : stepsContext.currentStep
+    currentStep: stepsContext === null || stepsContext === void 0 ? void 0 : 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 === 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);
+    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);
     }
-  }, [onMount, experimentalSecondarySubmit, stepsContext, stepNumber, previousState === null || previousState === undefined ? undefined : previousState.currentStep]);
+  }, [onMount, experimentalSecondarySubmit, stepsContext, stepNumber, previousState === null || previousState === void 0 ? void 0 : previousState.currentStep]);
   // Used to take the `includeStep` prop and use it as a local state value
   React.useEffect(function () {
     setShouldIncludeStep(includeStep);
   }, [includeStep, stepsContext, title]);
   var setFocusChildrenTabIndex = function setFocusChildrenTabIndex(childInputs, value) {
-    if (childInputs !== null && childInputs !== undefined && childInputs.length) {
+    if (childInputs !== null && childInputs !== void 0 && 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 === undefined ? undefined : stepsContext.currentStep)) {
+    if (stepNumber !== (stepsContext === null || stepsContext === void 0 ? void 0 : 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 === undefined ? undefined : stepRefValue.querySelectorAll(focusElementQuery);
+      var childInputs = stepRefValue === null || stepRefValue === void 0 ? void 0 : stepRefValue.querySelectorAll(focusElementQuery);
       setFocusChildrenTabIndex(childInputs, -1);
     }
-    if (stepNumber === (stepsContext === null || stepsContext === undefined ? undefined : stepsContext.currentStep)) {
+    if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : 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 === undefined ? undefined : stepRefValue.querySelectorAll(focusElementQuery);
+      var _childInputs = stepRefValue === null || stepRefValue === void 0 ? void 0 : stepRefValue.querySelectorAll(focusElementQuery);
       setFocusChildrenTabIndex(_childInputs, 0);
       stepsContext.setIsDisabled(!!disableSubmit);
-      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 === 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);
       //Handle props for experimentalSecondarySubmit button, depending on state change
-      stepsContext === null || stepsContext === undefined || stepsContext.setExperimentalSecondarySubmit(experimentalSecondarySubmit);
+      stepsContext === null || stepsContext === void 0 || stepsContext.setExperimentalSecondarySubmit(experimentalSecondarySubmit);
     }
   }, [stepsContext, stepNumber, disableSubmit, onNext, onPrevious, stepRef, stepRefValue, experimentalSecondarySubmit]);
   var renderDescription = function renderDescription() {
@@ -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 === undefined ? undefined : stepsContext.currentStep)), "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === undefined ? undefined : stepsContext.currentStep)))
+    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)))
   }), /*#__PURE__*/React.createElement(react.Column, {
     xlg: 12,
     lg: 12,

package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js CHANGED Viewed

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