@kaizen/components 0.0.0-canary-debug-kaizen-provider-final-20250107212529 → 0.0.0-canary-fix-filter-select-jump-issue-useHasStableYPosition-20250120225815

package/dist/cjs/Input/InputRange/InputRange.cjs

@@ -24,9 +24,9 @@ var InputRange = function (_a) {
     minLabel = _a.minLabel,
     maxLabel = _a.maxLabel,
     _b = _a.min,
-    min = _b === void 0 ? 1 : _b,
+    min = _b === undefined ? 1 : _b,
     _c = _a.max,
-    max = _c === void 0 ? 10 : _c,
+    max = _c === undefined ? 10 : _c,
     onChange = _a.onChange,
     ariaDescribedby = _a["aria-describedby"],
     classNameOverride = _a.classNameOverride,
@@ -40,11 +40,11 @@ var InputRange = function (_a) {
   var readOnlyWithNoValue = readOnly && !value && !defaultValue;
   // This has been split out into a different variable to allow usage of defaultValue above^
   // Plus it lets us use max from props with its default value
-  var defaultValueWithDefault = defaultValue !== null && defaultValue !== void 0 ? defaultValue : (max + 1) / 2;
+  var defaultValueWithDefault = defaultValue !== null && defaultValue !== undefined ? defaultValue : (max + 1) / 2;
   return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("input", tslib.__assign({
     id: id,
     className: classnames__default.default(InputRange_module.ratingScaleRange, classNameOverride, readOnlyWithNoValue && InputRange_module.hideThumb, disabled && InputRange_module.disabled),
-    disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly,
+    disabled: disabled !== null && disabled !== undefined ? disabled : readOnly,
     type: "range",
     min: min,
     max: max,
@@ -57,7 +57,7 @@ var InputRange = function (_a) {
     "aria-describedby": "".concat(visuallyHiddenHintId, " ").concat(ariaDescribedby ? ariaDescribedby : ''),
     onChange: function (e) {
       setStep(1); // Put the stepper to 1 to avoid floating value
-      onChange === null || onChange === void 0 ? void 0 : onChange(e);
+      onChange === null || onChange === undefined ? undefined : onChange(e);
     }
   }, restProps)), React__default.default.createElement("div", {
     className: classnames__default.default(InputRange_module.spokes, disabled && InputRange_module.disabled)

package/dist/cjs/Input/InputSearch/InputSearch.cjs

@@ -26,18 +26,18 @@ var InputSearch = function (props) {
     classNameOverride = props.classNameOverride,
     disabled = props.disabled,
     _a = props.reversed,
-    reversed = _a === void 0 ? false : _a,
+    reversed = _a === undefined ? false : _a,
     _b = props.loading,
-    loading = _b === void 0 ? false : _b,
+    loading = _b === undefined ? false : _b,
     _c = props.secondary,
-    secondary = _c === void 0 ? false : _c,
+    secondary = _c === undefined ? false : _c,
     restProps = tslib.__rest(props, ["value", "onChange", "onClear", "classNameOverride", "disabled", "reversed", "loading", "secondary"]);
   var formatMessage = i18nReactIntl.useIntl().formatMessage;
   var inputRef = React.useRef(null);
   var handleOnClear = function () {
     var _a;
-    (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    onClear === null || onClear === void 0 ? void 0 : onClear();
+    (_a = inputRef.current) === null || _a === undefined ? undefined : _a.focus();
+    onClear === null || onClear === undefined ? undefined : onClear();
   };
   var clearButtonLabel = formatMessage({
     id: 'inputSearch.clear',

package/dist/cjs/KaizenProvider/KaizenProvider.cjs

@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var KaizenProvider = function (_a) {
   var children = _a.children,
     _b = _a.locale,
-    locale = _b === void 0 ? 'en' : _b;
+    locale = _b === undefined ? 'en' : _b;
   var _c = React.useState(false),
     documentIsAvailable = _c[0],
     setDocumentIsAvailable = _c[1];

package/dist/cjs/Label/Label.cjs

@@ -14,15 +14,15 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var Label = function (_a) {
   var children = _a.children,
     _b = _a.labelText,
-    labelText = _b === void 0 ? '' : _b,
+    labelText = _b === undefined ? '' : _b,
     _c = _a.labelType,
-    labelType = _c === void 0 ? 'text' : _c,
+    labelType = _c === undefined ? 'text' : _c,
     _d = _a.labelPosition,
-    labelPosition = _d === void 0 ? 'end' : _d,
+    labelPosition = _d === undefined ? 'end' : _d,
     _e = _a.reversed,
-    reversed = _e === void 0 ? false : _e,
+    reversed = _e === undefined ? false : _e,
     _f = _a.variant,
-    variant = _f === void 0 ? 'default' : _f,
+    variant = _f === undefined ? 'default' : _f,
     disabled = _a.disabled,
     classNameOverride = _a.classNameOverride,
     restProps = tslib.__rest(_a, ["children", "labelText", "labelType", "labelPosition", "reversed", "variant", "disabled", "classNameOverride"]);

package/dist/cjs/LikertScaleLegacy/LikertScaleLegacy.cjs

@@ -31,7 +31,7 @@ var LikertScaleLegacy = function (_a) {
     selectedItem = _a.selectedItem,
     reversed = _a.reversed,
     _d = _a.colorSchema,
-    colorSchema = _d === void 0 ? 'classical' : _d,
+    colorSchema = _d === undefined ? 'classical' : _d,
     dataTestId = _a["data-testid"],
     onSelect = _a.onSelect,
     validationMessage = _a.validationMessage,
@@ -49,11 +49,11 @@ var LikertScaleLegacy = function (_a) {
   var handleRadioClick = function (item) {
     var _a;
     // Is this a click on the item that is currently selected?
-    var isClickOnSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === item.value;
+    var isClickOnSelectedItem = (selectedItem === null || selectedItem === undefined ? undefined : selectedItem.value) === item.value;
     // Grab "Not rated" state item from the scale, its value is -1
     var notYetRated = (_a = scale.find(function (s) {
       return s.value === -1;
-    })) !== null && _a !== void 0 ? _a : null;
+    })) !== null && _a !== undefined ? _a : null;
     // Clear or set new selection
     var newItem = isClickOnSelectedItem ? notYetRated : item;
     onSelect(newItem);
@@ -69,15 +69,15 @@ var LikertScaleLegacy = function (_a) {
       event.preventDefault();
       onSelect((_a = scale.find(function (s) {
         return s.value === newPosition;
-      })) !== null && _a !== void 0 ? _a : null);
+      })) !== null && _a !== undefined ? _a : null);
       // Update focus
       var itemRef = itemRefs.find(function (item) {
         return item.value === newPosition;
       });
-      (_c = (_b = itemRef === null || itemRef === void 0 ? void 0 : itemRef.ref) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
+      (_c = (_b = itemRef === null || itemRef === undefined ? undefined : itemRef.ref) === null || _b === undefined ? undefined : _b.current) === null || _c === undefined ? undefined : _c.focus();
     }
   };
-  var legend = (_c = (_b = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.label) !== null && _b !== void 0 ? _b : selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) !== null && _c !== void 0 ? _c : 'Not rated';
+  var legend = (_c = (_b = hoveredItem === null || hoveredItem === undefined ? undefined : hoveredItem.label) !== null && _b !== undefined ? _b : selectedItem === null || selectedItem === undefined ? undefined : selectedItem.label) !== null && _c !== undefined ? _c : 'Not rated';
   var shouldDisplayValidationMessage = status !== 'default' && validationMessage !== undefined;
   var validationMessageId = shouldDisplayValidationMessage ? "".concat(labelId, "-field-validation-message") : undefined;
   var isRated = selectedItem && selectedItem.value > 0;
@@ -100,7 +100,7 @@ var LikertScaleLegacy = function (_a) {
     if (item.value <= 0) {
       return;
     }
-    var isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === item.value;
+    var isSelectedItem = (selectedItem === null || selectedItem === undefined ? undefined : selectedItem.value) === item.value;
     var itemRef = itemRefs.find(function (i) {
       return item.value === i.value;
     });
@@ -110,7 +110,7 @@ var LikertScaleLegacy = function (_a) {
     if (selectedItem && selectedItem.value > 0 && selectedItem.value !== item.value) {
       tabIndex = -1;
     }
-    var isSelected = selectedItem && item.value <= (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) && !hoveredItem;
+    var isSelected = selectedItem && item.value <= (selectedItem === null || selectedItem === undefined ? undefined : selectedItem.value) && !hoveredItem;
     var isSuggested = hoveredItem && hoveredItem.value >= item.value;
     var isUnselected = selectedItem && selectedItem.value < item.value;
     return React__default.default.createElement("div", {
@@ -141,7 +141,7 @@ var LikertScaleLegacy = function (_a) {
       "aria-posinset": item.value,
       "aria-setsize": 5,
       tabIndex: tabIndex,
-      ref: itemRef === null || itemRef === void 0 ? void 0 : itemRef.ref
+      ref: itemRef === null || itemRef === undefined ? undefined : itemRef.ref
     }, React__default.default.createElement("div", {
       className: classnames__default.default(LikertScaleLegacy_module.likertItemFill, LikertScaleLegacy_module["field".concat(item.value)], isSelectedItem && LikertScaleLegacy_module.pop)
     }), isSelectedItem ? React__default.default.createElement(SelectedItemIcon, null) : null);

package/dist/cjs/LikertScaleLegacy/utils/determineSelectionFromKeyPress.cjs

@@ -37,13 +37,13 @@ var oneSelectionForward = function (value) {
     return 1;
   }
   var calculatedPosition = SCALE_VALUE_RESPONSE.get(value + 1);
-  return calculatedPosition !== null && calculatedPosition !== void 0 ? calculatedPosition : null;
+  return calculatedPosition !== null && calculatedPosition !== undefined ? calculatedPosition : null;
 };
 var oneSelectionBackward = function (value) {
   if (value === 1) {
     return 5;
   }
   var calculatedPosition = SCALE_VALUE_RESPONSE.get(value - 1);
-  return calculatedPosition !== null && calculatedPosition !== void 0 ? calculatedPosition : null;
+  return calculatedPosition !== null && calculatedPosition !== undefined ? calculatedPosition : null;
 };
 module.exports = determineSelectionFromKeyPress;

package/dist/cjs/LinkButton/LinkButton.cjs

@@ -24,22 +24,22 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var LinkButton = React.forwardRef(function (_a, ref) {
   var children = _a.children,
     _b = _a.variant,
-    variant = _b === void 0 ? 'primary' : _b,
+    variant = _b === undefined ? 'primary' : _b,
     _c = _a.size,
-    size = _c === void 0 ? 'medium' : _c,
+    size = _c === undefined ? 'medium' : _c,
     icon = _a.icon,
     _d = _a.iconPosition,
-    iconPosition = _d === void 0 ? 'start' : _d,
+    iconPosition = _d === undefined ? 'start' : _d,
     _e = _a.hasHiddenLabel,
-    hasHiddenLabel = _e === void 0 ? false : _e,
+    hasHiddenLabel = _e === undefined ? false : _e,
     _f = _a.isFullWidth,
-    isFullWidth = _f === void 0 ? false : _f,
+    isFullWidth = _f === undefined ? false : _f,
     isDisabled = _a.isDisabled,
     className = _a.className,
     isReversed = _a.isReversed,
     otherProps = tslib.__rest(_a, ["children", "variant", "size", "icon", "iconPosition", "hasHiddenLabel", "isFullWidth", "isDisabled", "className", "isReversed"]);
   var shouldUseReverse = ReversedColors.useReversedColors();
-  var isReversedVariant = isReversed !== null && isReversed !== void 0 ? isReversed : shouldUseReverse;
+  var isReversedVariant = isReversed !== null && isReversed !== undefined ? isReversed : shouldUseReverse;
   return React__default.default.createElement(reactAriaComponents.Link, tslib.__assign({
     ref: ref,
     className: mergeClassNames.mergeClassNames(LinkButton_module.linkButton, Button_module.button, Button_module[size], hasHiddenLabel && Button_module["".concat(size, "IconButton")], isDisabled && Button_module.isDisabled, isReversedVariant ? Button_module["".concat(variant, "Reversed")] : Button_module[variant], isFullWidth && Button_module.fullWidth, className),

package/dist/cjs/Loading/LoadingInput/LoadingInput.cjs

@@ -22,7 +22,7 @@ var LoadingInput = function (_a) {
     width = _a.width,
     classNameOverride = _a.classNameOverride,
     _b = _a.height,
-    height = _b === void 0 ? 48 : _b,
+    height = _b === undefined ? 48 : _b,
     props = tslib.__rest(_a, ["isAnimated", "isReversed", "width", "classNameOverride", "height"]);
   return React__default.default.createElement("div", tslib.__assign({
     className: classnames__default.default(LoadingInput_module.loadingInput, isAnimated && LoadingInput_module.isAnimated, isReversed && LoadingInput_module.isReversed, classNameOverride),

package/dist/cjs/Loading/LoadingSpinner/LoadingSpinner.cjs

@@ -20,9 +20,9 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  */
 var LoadingSpinner = function (_a) {
   var _b = _a.accessibilityLabel,
-    accessibilityLabel = _b === void 0 ? 'Loading' : _b,
+    accessibilityLabel = _b === undefined ? 'Loading' : _b,
     _c = _a.size,
-    size = _c === void 0 ? 'md' : _c,
+    size = _c === undefined ? 'md' : _c,
     classNameOverride = _a.classNameOverride,
     props = tslib.__rest(_a, ["accessibilityLabel", "size", "classNameOverride"]);
   return React__default.default.createElement("div", tslib.__assign({

package/dist/cjs/Menu/Menu.cjs

@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var Menu = function (_a) {
   var button = _a.button,
     _b = _a.menuVisible,
-    menuVisible = _b === void 0 ? false : _b,
+    menuVisible = _b === undefined ? false : _b,
     rest = tslib.__rest(_a, ["button", "menuVisible"]);
   var _c = React.useState(menuVisible),
     isMenuVisible = _c[0],
@@ -43,12 +43,12 @@ var Menu = function (_a) {
         onClick: function (e) {
           var _a, _b;
           props.onClick(e);
-          (_b = (_a = button.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+          (_b = (_a = button.props).onClick) === null || _b === undefined ? undefined : _b.call(_a, e);
         },
         onMouseDown: function (e) {
           var _a, _b;
           props.onMouseDown(e);
-          (_b = (_a = button.props).onMouseDown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+          (_b = (_a = button.props).onMouseDown) === null || _b === undefined ? undefined : _b.call(_a, e);
         }
       }));
     }

package/dist/cjs/Menu/subcomponents/MenuDropdown/MenuDropdown.cjs

@@ -19,11 +19,11 @@ var MenuDropdown = function (_a) {
     id = _a.id,
     hideMenuDropdown = _a.hideMenuDropdown,
     _b = _a.autoHide,
-    autoHide = _b === void 0 ? 'on' : _b,
+    autoHide = _b === undefined ? 'on' : _b,
     _c = _a.align,
-    align = _c === void 0 ? 'left' : _c,
+    align = _c === undefined ? 'left' : _c,
     _d = _a.width,
-    width = _d === void 0 ? 'default' : _d;
+    width = _d === undefined ? 'default' : _d;
   var _e = React.useState(null),
     popperElement = _e[0],
     setPopperElement = _e[1];
@@ -46,7 +46,7 @@ var MenuDropdown = function (_a) {
     attributes = _f.attributes;
   // This callback handler will not run when autoHide === "off"
   var handleDocumentClickForAutoHide = React.useCallback(function (e) {
-    if (popperElement && e.target instanceof Node && !popperElement.contains(e.target) && referenceElement !== e.target && !(referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.contains(e.target))) {
+    if (popperElement && e.target instanceof Node && !popperElement.contains(e.target) && referenceElement !== e.target && !(referenceElement === null || referenceElement === undefined ? undefined : referenceElement.contains(e.target))) {
       hideMenuDropdown();
     }
   }, [popperElement, referenceElement, hideMenuDropdown]);
@@ -82,7 +82,7 @@ var MenuDropdown = function (_a) {
     shards: referenceElement ? [referenceElement] : undefined,
     onEscapeKey: hideMenuDropdown,
     returnFocus: function () {
-      referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.focus();
+      referenceElement === null || referenceElement === undefined ? undefined : referenceElement.focus();
       return false;
     }
   }, React__default.default.createElement("div", tslib.__assign({

package/dist/cjs/Menu/subcomponents/MenuList/MenuList.cjs

@@ -16,7 +16,7 @@ const MenuList = /*#__PURE__*/function () {
       children = props.children,
       restProps = tslib.__rest(props, ["heading", "children"]);
     var reactId = React.useId();
-    var listHeadingID = (_a = heading === null || heading === void 0 ? void 0 : heading.props.id) !== null && _a !== void 0 ? _a : reactId;
+    var listHeadingID = (_a = heading === null || heading === undefined ? undefined : heading.props.id) !== null && _a !== undefined ? _a : reactId;
     return React__default.default.createElement(React__default.default.Fragment, null, heading && React.cloneElement(heading, {
       id: listHeadingID
     }), React__default.default.createElement("ul", tslib.__assign({

package/dist/cjs/Menu/subcomponents/StatelessMenu/StatelessMenu.cjs

@@ -13,11 +13,11 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 var StatelessMenu = function (_a) {
   var _b = _a.align,
-    align = _b === void 0 ? 'left' : _b,
+    align = _b === undefined ? 'left' : _b,
     _c = _a.dropdownWidth,
-    dropdownWidth = _c === void 0 ? 'default' : _c,
+    dropdownWidth = _c === undefined ? 'default' : _c,
     _d = _a.autoHide,
-    autoHide = _d === void 0 ? 'on' : _d,
+    autoHide = _d === undefined ? 'on' : _d,
     dataTestId = _a["data-testid"],
     dropdownId = _a.dropdownId,
     children = _a.children,

package/dist/cjs/Modal/ConfirmationModal/ConfirmationModal.cjs

@@ -70,9 +70,9 @@ var getIcon = function (variantName, isProminent) {
 var ConfirmationModal = function (_a) {
   var isOpen = _a.isOpen,
     _b = _a.isProminent,
-    isProminent = _b === void 0 ? false : _b,
+    isProminent = _b === undefined ? false : _b,
     _c = _a.unpadded,
-    unpadded = _c === void 0 ? false : _c,
+    unpadded = _c === undefined ? false : _c,
     mood = _a.mood,
     variant = _a.variant,
     title = _a.title,
@@ -80,14 +80,14 @@ var ConfirmationModal = function (_a) {
     onAfterLeave = _a.onAfterLeave,
     onAfterEnter = _a.onAfterEnter,
     _d = _a.confirmLabel,
-    confirmLabel = _d === void 0 ? 'Confirm' : _d,
+    confirmLabel = _d === undefined ? 'Confirm' : _d,
     _e = _a.dismissLabel,
-    dismissLabel = _e === void 0 ? 'Cancel' : _e,
+    dismissLabel = _e === undefined ? 'Cancel' : _e,
     confirmWorking = _a.confirmWorking,
     propsOnDismiss = _a.onDismiss,
     children = _a.children,
     props = tslib.__rest(_a, ["isOpen", "isProminent", "unpadded", "mood", "variant", "title", "onConfirm", "onAfterLeave", "onAfterEnter", "confirmLabel", "dismissLabel", "confirmWorking", "onDismiss", "children"]);
-  var variantName = variant !== null && variant !== void 0 ? variant : mood;
+  var variantName = variant !== null && variant !== undefined ? variant : mood;
   var onDismiss = confirmWorking ? undefined : propsOnDismiss;
   var footerActions = [];
   if (onConfirm) {

package/dist/cjs/Modal/ContextModal/ContextModal.cjs

@@ -27,16 +27,16 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var ContextModal = function (_a) {
   var isOpen = _a.isOpen,
     _b = _a.unpadded,
-    unpadded = _b === void 0 ? false : _b,
+    unpadded = _b === undefined ? false : _b,
     _c = _a.layout,
-    layout = _c === void 0 ? 'portrait' : _c,
+    layout = _c === undefined ? 'portrait' : _c,
     title = _a.title,
     onConfirm = _a.onConfirm,
     propsOnDismiss = _a.onDismiss,
     onAfterLeave = _a.onAfterLeave,
     onAfterEnter = _a.onAfterEnter,
     _d = _a.confirmLabel,
-    confirmLabel = _d === void 0 ? 'Confirm' : _d,
+    confirmLabel = _d === undefined ? 'Confirm' : _d,
     confirmWorking = _a.confirmWorking,
     renderBackground = _a.renderBackground,
     children = _a.children,
@@ -75,7 +75,7 @@ var ContextModal = function (_a) {
   }, React__default.default.createElement("div", tslib.__assign({
     className: ContextModal_module.modal,
     "data-modal": true
-  }, props), renderBackground === null || renderBackground === void 0 ? void 0 : renderBackground(), React__default.default.createElement(ModalHeader.ModalHeader, {
+  }, props), renderBackground === null || renderBackground === undefined ? undefined : renderBackground(), React__default.default.createElement(ModalHeader.ModalHeader, {
     onDismiss: onDismiss
   }, React__default.default.createElement("div", {
     className: classnames__default.default(ContextModal_module.header, !unpadded && ContextModal_module.padded)

package/dist/cjs/Modal/GenericModal/GenericModal.cjs

@@ -18,14 +18,14 @@ var GenericModal = function (_a) {
   var propsId = _a.id,
     children = _a.children,
     _b = _a.isOpen,
-    isOpen = _b === void 0 ? true : _b,
+    isOpen = _b === undefined ? true : _b,
     focusLockDisabled = _a.focusLockDisabled,
     onEscapeKeyup = _a.onEscapeKeyup,
     onOutsideModalClick = _a.onOutsideModalClick,
     onAfterEnter = _a.onAfterEnter,
     propsOnAfterLeave = _a.onAfterLeave;
   var reactId = React.useId();
-  var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+  var id = propsId !== null && propsId !== undefined ? propsId : reactId;
   var labelledByID = React.useId();
   var describedByID = React.useId();
   var _c = React.useState(null),
@@ -45,16 +45,16 @@ var GenericModal = function (_a) {
   };
   var outsideModalClickHandler = function (event) {
     if (event.target === scrollLayer || event.target === modalLayer) {
-      onOutsideModalClick === null || onOutsideModalClick === void 0 ? void 0 : onOutsideModalClick(event);
+      onOutsideModalClick === null || onOutsideModalClick === undefined ? undefined : onOutsideModalClick(event);
     }
   };
   var focusOnAccessibleLabel = function () {
     // Check if focus already exists within the modal
-    if (modalLayer === null || modalLayer === void 0 ? void 0 : modalLayer.contains(document.activeElement)) {
+    if (modalLayer === null || modalLayer === undefined ? undefined : modalLayer.contains(document.activeElement)) {
       return;
     }
     var labelElement = document.getElementById(labelledByID);
-    labelElement === null || labelElement === void 0 ? void 0 : labelElement.focus();
+    labelElement === null || labelElement === undefined ? undefined : labelElement.focus();
   };
   var a11yWarn = function () {
     // Ensure that consumers have provided an element that labels the modal
@@ -75,7 +75,7 @@ var GenericModal = function (_a) {
   var onAfterEnterHandler = function () {
     scrollModalToTop();
     if (modalLayer) {
-      onAfterEnter === null || onAfterEnter === void 0 ? void 0 : onAfterEnter();
+      onAfterEnter === null || onAfterEnter === undefined ? undefined : onAfterEnter();
       focusOnAccessibleLabel();
       a11yWarn();
     }
@@ -85,7 +85,7 @@ var GenericModal = function (_a) {
     if (onEscapeKeyup) {
       document.addEventListener('keyup', function (event) {
         if (event.key === 'Escape') {
-          onEscapeKeyup === null || onEscapeKeyup === void 0 ? void 0 : onEscapeKeyup(event);
+          onEscapeKeyup === null || onEscapeKeyup === undefined ? undefined : onEscapeKeyup(event);
         }
       });
     }
@@ -106,7 +106,7 @@ var GenericModal = function (_a) {
   }, []);
   var onAfterLeaveHandler = function () {
     cleanUpAfterClose();
-    propsOnAfterLeave === null || propsOnAfterLeave === void 0 ? void 0 : propsOnAfterLeave();
+    propsOnAfterLeave === null || propsOnAfterLeave === undefined ? undefined : propsOnAfterLeave();
   };
   return ReactDOM.createPortal(React__default.default.createElement(react.Transition, {
     appear: true,

package/dist/cjs/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.cjs

@@ -14,7 +14,7 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var ModalAccessibleLabel = function (_a) {
   var children = _a.children,
     _b = _a.isProminent,
-    isProminent = _b === void 0 ? false : _b;
+    isProminent = _b === undefined ? false : _b;
   return React__default.default.createElement(ModalContext.ModalContext.Consumer, null, function (_a) {
     var labelledByID = _a.labelledByID;
     return React__default.default.createElement("div", {

package/dist/cjs/Modal/GenericModal/subcomponents/ModalBody/ModalBody.cjs

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var ModalBody = function (_a) {
   var _b = _a.inputEdit,
-    inputEdit = _b === void 0 ? false : _b,
+    inputEdit = _b === undefined ? false : _b,
     children = _a.children;
   return React__default.default.createElement("div", {
     className: classnames__default.default(inputEdit && ModalBody_module.inputEdit)

package/dist/cjs/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.cjs

@@ -19,7 +19,7 @@ var ModalFooter = function (_a) {
   var unpadded = _a.unpadded,
     actions = _a.actions,
     _b = _a.appearance,
-    appearance = _b === void 0 ? 'primary' : _b,
+    appearance = _b === undefined ? 'primary' : _b,
     alignStart = _a.alignStart,
     variant = _a.variant,
     props = tslib.__rest(_a, ["unpadded", "actions", "appearance", "alignStart", "variant"]);

package/dist/cjs/Modal/InputEditModal/InputEditModal.cjs

@@ -32,16 +32,16 @@ var InputEditModal = function (_a) {
     onSecondaryAction = _a.onSecondaryAction,
     onAfterLeave = _a.onAfterLeave,
     _b = _a.localeDirection,
-    localeDirection = _b === void 0 ? 'ltr' : _b,
+    localeDirection = _b === undefined ? 'ltr' : _b,
     _c = _a.submitLabel,
-    submitLabel = _c === void 0 ? 'Submit' : _c,
+    submitLabel = _c === undefined ? 'Submit' : _c,
     _d = _a.dismissLabel,
-    dismissLabel = _d === void 0 ? 'Cancel' : _d,
+    dismissLabel = _d === undefined ? 'Cancel' : _d,
     secondaryLabel = _a.secondaryLabel,
     submitWorking = _a.submitWorking,
     children = _a.children,
     _e = _a.unpadded,
-    unpadded = _e === void 0 ? false : _e,
+    unpadded = _e === undefined ? false : _e,
     propsOnDismiss = _a.onDismiss,
     onAfterEnter = _a.onAfterEnter,
     props = tslib.__rest(_a, ["isOpen", "mood", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "localeDirection", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss", "onAfterEnter"]);

package/dist/cjs/MultiSelect/MultiSelect.cjs

@@ -30,7 +30,7 @@ var MultiSelect = function (_a) {
     validationMessage = _a.validationMessage,
     restProps = tslib.__rest(_a, ["id", "label", "items", "selectedValues", "description", "onSelectedValuesChange", "isOpen", "onOpenChange", "classNameOverride", "validationMessage"]);
   var fallbackId = React.useId();
-  var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+  var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
   var descriptionId = "".concat(id, "-description");
   var validationId = "".concat(id, "-validation-message");
   var toggleButtonRef = React.useRef(null);
@@ -83,7 +83,7 @@ var MultiSelect = function (_a) {
     selectedOptions: Array.from(selectedValues).map(function (value) {
       return itemsMap[value];
     }),
-    status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
+    status: validationMessage === null || validationMessage === undefined ? undefined : validationMessage.status,
     onRemoveOption: handleOnRemoveOption,
     onRemoveAllOptions: handleRemoveAllOptions
   })), validationMessage && React__default.default.createElement(FieldMessage.FieldMessage, tslib.__assign({
@@ -105,7 +105,7 @@ var MultiSelect = function (_a) {
       noIsolation: true,
       onActivation: function () {
         var _a, _b;
-        return (_b = (_a = refs.floating) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
+        return (_b = (_a = refs.floating) === null || _a === undefined ? undefined : _a.current) === null || _b === undefined ? undefined : _b.focus();
       }
     },
     classNameOverride: MultiSelect_module.popover

package/dist/cjs/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.cjs

@@ -20,7 +20,7 @@ var MultiSelectToggle = React.forwardRef(function (_a, ref) {
     ariaDescribedBy = _a["aria-describedby"],
     ariaControls = _a["aria-controls"],
     _b = _a.isOpen,
-    isOpen = _b === void 0 ? false : _b,
+    isOpen = _b === undefined ? false : _b,
     classNameOverride = _a.classNameOverride,
     selectedOptions = _a.selectedOptions,
     onRemoveOption = _a.onRemoveOption,

package/dist/cjs/MultiSelect/subcomponents/Popover/Popover.cjs

@@ -49,7 +49,7 @@ var Popover = function (_a) {
     ref: refs.setFloating,
     style: floatingStyles,
     className: classnames__default.default(Popover_module.popover, classNameOverride)
-  }, restProps), children)), portalContainer !== null && portalContainer !== void 0 ? portalContainer : document.body);
+  }, restProps), children)), portalContainer !== null && portalContainer !== undefined ? portalContainer : document.body);
 };
 Popover.displayName = 'Popover';
 exports.Popover = Popover;

package/dist/cjs/Notification/GlobalNotification/GlobalNotification.cjs

@@ -16,7 +16,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
  */
 var GlobalNotification = function (_a) {
   var _b = _a.persistent,
-    persistent = _b === void 0 ? false : _b,
+    persistent = _b === undefined ? false : _b,
     props = tslib.__rest(_a, ["persistent"]);
   return React__default.default.createElement(GenericNotification.GenericNotification, tslib.__assign({
     persistent: persistent,

package/dist/cjs/Notification/InlineNotification/InlineNotification.cjs

@@ -20,9 +20,9 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var InlineNotification = React.forwardRef(function (_a, ref) {
   var isSubtle = _a.isSubtle,
     _b = _a.hideCloseIcon,
-    hideCloseIcon = _b === void 0 ? false : _b,
+    hideCloseIcon = _b === undefined ? false : _b,
     _c = _a.persistent,
-    persistent = _c === void 0 ? false : _c,
+    persistent = _c === undefined ? false : _c,
     classNameOverride = _a.classNameOverride,
     otherProps = tslib.__rest(_a, ["isSubtle", "hideCloseIcon", "persistent", "classNameOverride"]);
   return React__default.default.createElement(GenericNotification.GenericNotification, tslib.__assign({

package/dist/cjs/Notification/ToastNotification/ToastNotification/ToastNotification.cjs

@@ -6,13 +6,13 @@ var ToastNotificationContext = require('../context/ToastNotificationContext.cjs'
 var ToastNotification = function (_a) {
   var propsId = _a.id,
     _b = _a.hideCloseIcon,
-    hideCloseIcon = _b === void 0 ? false : _b,
+    hideCloseIcon = _b === undefined ? false : _b,
     title = _a.title,
     onHide = _a.onHide,
     children = _a.children,
     restProps = tslib.__rest(_a, ["id", "hideCloseIcon", "title", "onHide", "children"]);
   var fallbackId = React.useId();
-  var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+  var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
   var addToastNotification = ToastNotificationContext.useToastNotificationContext().addToastNotification;
   var persistent = hideCloseIcon;
   React.useEffect(function () {

package/dist/cjs/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.cjs

@@ -10,6 +10,7 @@ function _interopDefault(e) {
   };
 }
 var React__default = /*#__PURE__*/_interopDefault(React);
+var toastNotificationListId = 'toast-notifications-list';
 var ToastNotificationsList = function () {
   var _a = ToastNotificationContext.useToastNotificationContext(),
     notifications = _a.notifications,
@@ -18,10 +19,11 @@ var ToastNotificationsList = function () {
     toastContainer = _b[0],
     setToastContainer = _b[1];
   React.useEffect(function () {
-    var container = document.querySelector('[data-testid="toast-notifications-list"]');
+    // this is to ensure that the container is created only once. Regardless of how many KaizenProvider is set up, they will also reuse the same container.
+    var container = document.querySelector("[id=\"".concat(toastNotificationListId, "\"]"));
     if (!container) {
       container = document.createElement('div');
-      container.setAttribute('data-testid', 'toast-notifications-list');
+      container.setAttribute('id', toastNotificationListId);
       container.setAttribute('role', 'status');
       container.className = ToastNotificationsList_module.toastNotificationsList;
       document.body.appendChild(container);

package/dist/cjs/Notification/subcomponents/GenericNotification/GenericNotification.cjs

@@ -22,7 +22,7 @@ var GenericNotification = React.forwardRef(function (_a, ref) {
     children = _a.children,
     title = _a.title,
     _b = _a.persistent,
-    persistent = _b === void 0 ? false : _b,
+    persistent = _b === undefined ? false : _b,
     onHide = _a.onHide,
     noBottomMargin = _a.noBottomMargin,
     forceMultiline = _a.forceMultiline,
@@ -54,7 +54,7 @@ var GenericNotification = React.forwardRef(function (_a, ref) {
     // Be careful: this assumes the final CSS property to be animated is "margin-top".
     if (isHidden && e.propertyName === 'margin-top') {
       setIsRemoved(true);
-      onHide === null || onHide === void 0 ? void 0 : onHide();
+      onHide === null || onHide === undefined ? undefined : onHide();
     }
   };
   if (isRemoved) {