@kaizen/components 1.70.9 → 1.70.11

package/dist/esm/Filter/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.mjs

@@ -8,7 +8,7 @@ const FilterBarDateRangePicker = /*#__PURE__*/function () {
     var id = _a.id,
       onRangeChange = _a.onRangeChange,
       _b = _a.locale,
-      locale = _b === void 0 ? 'en-AU' : _b,
+      locale = _b === undefined ? 'en-AU' : _b,
       props = __rest(_a, ["id", "onRangeChange", "locale"]);
     var _c = useFilterBarContext(),
       getFilterState = _c.getFilterState,
@@ -32,7 +32,7 @@ const FilterBarDateRangePicker = /*#__PURE__*/function () {
       selectedRange: filterState.value,
       onRangeChange: function (range) {
         updateValue(id, range);
-        onRangeChange === null || onRangeChange === void 0 ? void 0 : onRangeChange(range);
+        onRangeChange === null || onRangeChange === undefined ? undefined : onRangeChange(range);
       },
       locale: locale
     }));

package/dist/esm/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.mjs

@@ -62,18 +62,18 @@ const FilterBarMultiSelect = /*#__PURE__*/function () {
     useEffect(function () {
       var _a;
       if (focusId === id) {
-        (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        (_a = buttonRef.current) === null || _a === undefined ? undefined : _a.focus();
         setFocus(undefined);
       }
     }, [focusId, id, setFocus]);
     return /*#__PURE__*/React.createElement(FilterMultiSelect, __assign({
       label: filterState.name,
       // Convert the incoming FilterBar state to a Set (internal FilterMultiSelect state)
-      selectedKeys: new Set((_b = filterState.value) !== null && _b !== void 0 ? _b : null),
+      selectedKeys: new Set((_b = filterState.value) !== null && _b !== undefined ? _b : null),
       onSelectionChange: function (keys) {
         // Convert the internal FilterMultiSelect state (Set) to an Array for FilterBar state
         updateValue(id, convertSelectionToAConsumableFormat(keys));
-        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(keys);
+        onSelectionChange === null || onSelectionChange === undefined ? undefined : onSelectionChange(keys);
       },
       items: items,
       isOpen: filterState.isOpen,
@@ -86,12 +86,12 @@ const FilterBarMultiSelect = /*#__PURE__*/function () {
           selectedOptionLabels: filterState.value ? getSelectedOptionLabels(convertConsumableFormatIntoSelection(filterState.value), items) : [],
           label: filterState.name
         };
-        return filterState.isRemovable ? ( /*#__PURE__*/React.createElement(FilterMultiSelect.RemovableTrigger, __assign({}, triggerProps, {
+        return filterState.isRemovable ? (/*#__PURE__*/React.createElement(FilterMultiSelect.RemovableTrigger, __assign({}, triggerProps, {
           onRemove: function () {
             return hideFilter(id);
           },
           classNameOverride: styles.triggerButton
-        }))) : ( /*#__PURE__*/React.createElement(FilterMultiSelect.TriggerButton, __assign({
+        }))) : (/*#__PURE__*/React.createElement(FilterMultiSelect.TriggerButton, __assign({
           classNameOverride: styles.triggerButton
         }, triggerProps)));
       },

package/dist/esm/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.mjs

@@ -30,7 +30,7 @@ const FilterBarSelect = /*#__PURE__*/function () {
     useEffect(function () {
       if (filterState.value) {
         var itemValues = items.map(function (item) {
-          return item === null || item === void 0 ? void 0 : item.value;
+          return item === null || item === undefined ? undefined : item.value;
         });
         if (!itemValues.includes(filterState.value)) {
           updateValue(id, undefined);
@@ -41,7 +41,7 @@ const FilterBarSelect = /*#__PURE__*/function () {
     }, [items]);
     return /*#__PURE__*/React.createElement(FilterSelect, __assign({}, props, {
       items: items,
-      selectedKey: (_b = filterState.value) !== null && _b !== void 0 ? _b : null,
+      selectedKey: (_b = filterState.value) !== null && _b !== undefined ? _b : null,
       label: filterState.name,
       renderTrigger: function (triggerProps) {
         return /*#__PURE__*/React.createElement(FilterBarButton, __assign({}, triggerProps, {
@@ -51,7 +51,7 @@ const FilterBarSelect = /*#__PURE__*/function () {
       },
       onSelectionChange: function (key) {
         updateValue(id, key);
-        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(key);
+        onSelectionChange === null || onSelectionChange === undefined ? undefined : onSelectionChange(key);
       },
       isOpen: filterState.isOpen,
       setIsOpen: function (open) {

package/dist/esm/Filter/FilterButton/FilterButton/FilterButton.mjs

@@ -10,11 +10,11 @@ const FilterButton = /*#__PURE__*/function () {
     var label = _a.label,
       selectedValue = _a.selectedValue,
       _b = _a.isOpen,
-      isOpen = _b === void 0 ? false : _b,
+      isOpen = _b === undefined ? false : _b,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["label", "selectedValue", "isOpen", "classNameOverride"]);
     var customRefObject = isRefObject(ref) ? ref.current : null;
-    var triggerRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.triggerRef;
+    var triggerRef = customRefObject === null || customRefObject === undefined ? undefined : customRefObject.triggerRef;
     var selectedValuesLabel = selectedValue;
     return /*#__PURE__*/React.createElement(FilterButtonBase, __assign({
       ref: triggerRef,
@@ -23,7 +23,7 @@ const FilterButton = /*#__PURE__*/function () {
       "aria-expanded": isOpen
     }, restProps), /*#__PURE__*/React.createElement("span", {
       className: styles.labelContainer
-    }, selectedValuesLabel ? ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    }, selectedValuesLabel ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
       className: styles.hasSelectedValues
     }, /*#__PURE__*/React.createElement("span", null, label), /*#__PURE__*/React.createElement("span", {
       className: styles.labelSeparator

package/dist/esm/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.mjs

@@ -21,11 +21,11 @@ const FilterButtonRemovable = /*#__PURE__*/function () {
       defaultMessage: 'Remove filter - {filterLabel}',
       description: 'Button label to remove a single filter from the filter bar'
     }, {
-      filterLabel: triggerButtonProps === null || triggerButtonProps === void 0 ? void 0 : triggerButtonProps.label
+      filterLabel: triggerButtonProps === null || triggerButtonProps === undefined ? undefined : triggerButtonProps.label
     });
     var customRefObject = isRefObject(ref) ? ref.current : null;
-    var removeButtonRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.removeButtonRef;
-    var removeButtonLabel = (_b = removeButtonProps === null || removeButtonProps === void 0 ? void 0 : removeButtonProps.tooltipText) !== null && _b !== void 0 ? _b : removeButtonLabelFallback;
+    var removeButtonRef = customRefObject === null || customRefObject === undefined ? undefined : customRefObject.removeButtonRef;
+    var removeButtonLabel = (_b = removeButtonProps === null || removeButtonProps === undefined ? undefined : removeButtonProps.tooltipText) !== null && _b !== undefined ? _b : removeButtonLabelFallback;
     return /*#__PURE__*/React.createElement(ButtonGroup, __assign({}, restProps), /*#__PURE__*/React.createElement(FilterButton, __assign({
       ref: ref
     }, triggerButtonProps)), /*#__PURE__*/React.createElement(Tooltip, {

package/dist/esm/Filter/FilterDatePicker/FilterDatePicker.mjs

@@ -33,7 +33,7 @@ const FilterDatePicker = /*#__PURE__*/function () {
       selectedDate: selectedDate,
       onDateSubmit: function (date) {
         setIsOpen(false);
-        onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
+        onDateSubmit === null || onDateSubmit === undefined ? undefined : onDateSubmit(date);
       }
     }, restProps))));
   };

package/dist/esm/Filter/FilterDatePicker/hooks/useDateInputHandlers.mjs

@@ -23,7 +23,7 @@ var useDateInputHandlers = function (_a) {
   };
   var handleChange = function (e) {
     setInputValue(e.currentTarget.value);
-    onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    onChange === null || onChange === undefined ? undefined : onChange(e);
   };
   var handleFocus = function (e) {
     var date = parseDateFromTextFormatValue(e.currentTarget.value, locale);
@@ -31,13 +31,13 @@ var useDateInputHandlers = function (_a) {
       var newInputValue = formatDateAsNumeral(date, locale);
       setInputValue(newInputValue);
     }
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+    onFocus === null || onFocus === undefined ? undefined : onFocus(e);
   };
   var handleBlur = function (e) {
     if (isSelectingDayInCalendar(e.relatedTarget)) return;
     if (e.currentTarget.value === '') {
       onDateChange(undefined);
-      onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+      onBlur === null || onBlur === undefined ? undefined : onBlur(e);
       return;
     }
     var date = parseDateFromNumeralFormatValue(e.currentTarget.value, locale);
@@ -46,16 +46,16 @@ var useDateInputHandlers = function (_a) {
       setInputValue(newInputValue);
     }
     onDateChange(date);
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    onBlur === null || onBlur === undefined ? undefined : onBlur(e);
   };
   var handleKeyDown = function (e) {
     if (e.key === 'Enter') {
       e.preventDefault();
       var date = parseDateFromNumeralFormatValue(e.currentTarget.value, locale);
       onDateChange(date);
-      onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
+      onDateSubmit === null || onDateSubmit === undefined ? undefined : onDateSubmit(date);
     }
-    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+    onKeyDown === null || onKeyDown === undefined ? undefined : onKeyDown(e);
   };
   return {
     onChange: handleChange,

package/dist/esm/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs

@@ -13,7 +13,7 @@ const DateInputField = /*#__PURE__*/function () {
       description = _a.description,
       disabled = _a.disabled,
       _b = _a.isReversed,
-      isReversed = _b === void 0 ? false : _b,
+      isReversed = _b === undefined ? false : _b,
       validationMessage = _a.validationMessage,
       locale = _a.locale,
       classNameOverride = _a.classNameOverride,
@@ -31,18 +31,18 @@ const DateInputField = /*#__PURE__*/function () {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DateInput, __assign({
       ref: ref,
       id: id,
-      labelText: labelText !== null && labelText !== void 0 ? labelText : dateInputLabelFallback,
+      labelText: labelText !== null && labelText !== undefined ? labelText : dateInputLabelFallback,
       "aria-describedby": inputDescribedBy,
       "aria-errormessage": errorMessageId,
       "aria-invalid": dateIsInvalid,
       autoComplete: "off",
       disabled: disabled,
-      status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
+      status: validationMessage === null || validationMessage === undefined ? undefined : validationMessage.status,
       classNameOverride: classNameOverride
-    }, restProps)), validationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
+    }, restProps)), validationMessage && (/*#__PURE__*/React.createElement(FieldMessage, {
       id: errorMessageId,
-      message: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.message,
-      status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
+      message: validationMessage === null || validationMessage === undefined ? undefined : validationMessage.message,
+      status: validationMessage === null || validationMessage === undefined ? undefined : validationMessage.status,
       reversed: isReversed
     })), /*#__PURE__*/React.createElement(FieldMessage, {
       id: descriptionId,

package/dist/esm/Filter/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.mjs

@@ -28,7 +28,7 @@ var FilterDatePickerField = function (_a) {
     classNameOverride = _a.classNameOverride,
     restProps = __rest(_a, ["id", "inputProps", "locale", "defaultMonth", "selectedDate", "onDateChange", "onDateSubmit", "disabledDays", "description", "validationMessage", "onValidate", "classNameOverride"]);
   var reactId = useId();
-  var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+  var id = propsId !== null && propsId !== undefined ? propsId : reactId;
   var locale = getLocale(propsLocale);
   var dateValidation = useDateValidation({
     disabledDays: disabledDays,
@@ -48,7 +48,7 @@ var FilterDatePickerField = function (_a) {
   var _b = useReducer(filterDatePickerFieldReducer, {
       selectedDate: selectedDate,
       inputValue: transformDateToInputValue(selectedDate, disabledDays, locale) || '',
-      startMonth: selectedDate && !isInvalidDate(selectedDate) ? selectedDate : defaultMonth !== null && defaultMonth !== void 0 ? defaultMonth : new Date()
+      startMonth: selectedDate && !isInvalidDate(selectedDate) ? selectedDate : defaultMonth !== null && defaultMonth !== undefined ? defaultMonth : new Date()
     }),
     state = _b[0],
     dispatch = _b[1];
@@ -78,7 +78,7 @@ var FilterDatePickerField = function (_a) {
     onDateSubmit: function (date) {
       // Only provide consumers with a valid date to the `onDateSubmit` function
       if (!isInvalidDate(date)) {
-        onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
+        onDateSubmit === null || onDateSubmit === undefined ? undefined : onDateSubmit(date);
       }
     }
   }, inputProps));
@@ -100,7 +100,7 @@ var FilterDatePickerField = function (_a) {
       inputValue: inputValue
     });
     handleDateChange(newDate);
-    onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(newDate);
+    onDateSubmit === null || onDateSubmit === undefined ? undefined : onDateSubmit(newDate);
   };
   useEffect(function () {
     validateDate(selectedDate, state.inputValue);

package/dist/esm/Filter/FilterDatePicker/subcomponents/FilterDatePickerField/filterDatePickerFieldReducer.mjs

@@ -10,7 +10,7 @@ var filterDatePickerFieldReducer = function (state, action) {
     case 'update_selected_date':
       return __assign(__assign({}, state), {
         selectedDate: action.date,
-        inputValue: (_a = action.inputValue) !== null && _a !== void 0 ? _a : state.inputValue,
+        inputValue: (_a = action.inputValue) !== null && _a !== undefined ? _a : state.inputValue,
         startMonth: action.date && !isInvalidDate(action.date) ? action.date : new Date()
       });
     case 'navigate_months':

package/dist/esm/Filter/FilterDatePicker/utils/getDateValidationHandler.mjs

@@ -14,7 +14,7 @@ var getDateValidationHandler = function (_a) {
     }
     setInbuiltValidationMessage({
       status: validationMessage.status,
-      message: inputLabel ? ( /*#__PURE__*/React.createElement(LabelledMessage, {
+      message: inputLabel ? (/*#__PURE__*/React.createElement(LabelledMessage, {
         label: "".concat(getNodeText(inputLabel)),
         message: validationMessage.message
       })) : validationMessage.message

package/dist/esm/Filter/FilterDateRangePicker/FilterDateRangePicker.mjs

@@ -18,13 +18,13 @@ const FilterDateRangePicker = /*#__PURE__*/function () {
       locale = _a.locale,
       restProps = __rest(_a, ["id", "isOpen", "setIsOpen", "renderTrigger", "selectedRange", "label", "locale"]);
     var reactId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+    var id = propsId !== null && propsId !== undefined ? propsId : reactId;
     return /*#__PURE__*/React.createElement(Filter, {
       isOpen: isOpen,
       setIsOpen: setIsOpen,
       renderTrigger: function (triggerProps) {
         return renderTrigger(__assign({
-          selectedValue: isCompleteDateRange(selectedRange) && isValidRange(selectedRange.from, selectedRange.to) ? ( /*#__PURE__*/React.createElement(DateRangeDisplayLabel, {
+          selectedValue: isCompleteDateRange(selectedRange) && isValidRange(selectedRange.from, selectedRange.to) ? (/*#__PURE__*/React.createElement(DateRangeDisplayLabel, {
             dateRange: selectedRange,
             locale: getLocale(locale)
           })) : undefined,

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.mjs

@@ -19,21 +19,21 @@ const DateRangeInputField = /*#__PURE__*/function () {
       description = _a.description,
       disabled = _a.disabled,
       _d = _a.isReversed,
-      isReversed = _d === void 0 ? false : _d,
+      isReversed = _d === undefined ? false : _d,
       validationMessage = _a.validationMessage,
       locale = _a.locale,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["id", "legend", "inputStartDateProps", "inputEndDateProps", "description", "disabled", "isReversed", "validationMessage", "locale", "classNameOverride"]);
     var customRefObject = isRefObject(ref) ? ref.current : null;
-    var inputStartDateRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputStartDateRef;
-    var inputEndDateRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputEndDateRef;
+    var inputStartDateRef = customRefObject === null || customRefObject === undefined ? undefined : customRefObject.inputStartDateRef;
+    var inputEndDateRef = customRefObject === null || customRefObject === undefined ? undefined : customRefObject.inputEndDateRef;
     var descriptionId = "".concat(id, "--field-message");
     // Date Start aria labels
-    var dateStartErrorMessageId = (validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart) ? "".concat(id, "--date-start-error-message") : undefined;
+    var dateStartErrorMessageId = (validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateStart) ? "".concat(id, "--date-start-error-message") : undefined;
     var dateStartInputDescribedBy = dateStartErrorMessageId ? "".concat(dateStartErrorMessageId, " ").concat(descriptionId) : descriptionId;
     var dateStartIsInvalid = dateStartErrorMessageId !== undefined;
     // Date End aria labels
-    var dateEndErrorMessageId = (validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd) ? "".concat(id, "--date-end-error-message") : undefined;
+    var dateEndErrorMessageId = (validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateEnd) ? "".concat(id, "--date-end-error-message") : undefined;
     var dateEndInputDescribedBy = dateEndErrorMessageId ? "".concat(dateEndErrorMessageId, " ").concat(descriptionId) : descriptionId;
     var dateEndIsInvalid = dateEndErrorMessageId !== undefined;
     return /*#__PURE__*/React.createElement("div", __assign({
@@ -48,7 +48,7 @@ const DateRangeInputField = /*#__PURE__*/function () {
       "aria-invalid": dateStartIsInvalid,
       autoComplete: "off",
       disabled: disabled,
-      status: (_b = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart) === null || _b === void 0 ? void 0 : _b.status
+      status: (_b = validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateStart) === null || _b === undefined ? undefined : _b.status
     }, inputStartDateProps, {
       classNameOverride: classnames(styles.inputStartDate, inputStartDateProps.classNameOverride)
     })), /*#__PURE__*/React.createElement(DateInput, __assign({
@@ -59,10 +59,10 @@ const DateRangeInputField = /*#__PURE__*/function () {
       "aria-invalid": dateEndIsInvalid,
       autoComplete: "off",
       disabled: disabled,
-      status: (_c = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd) === null || _c === void 0 ? void 0 : _c.status
+      status: (_c = validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateEnd) === null || _c === undefined ? undefined : _c.status
     }, inputEndDateProps, {
       classNameOverride: classnames(styles.inputEndDate, inputEndDateProps.classNameOverride)
-    }))), validationMessage && ( /*#__PURE__*/React.createElement(DateRangeValidationMessage, {
+    }))), validationMessage && (/*#__PURE__*/React.createElement(DateRangeValidationMessage, {
       validationMessage: validationMessage,
       isReversed: isReversed,
       dateStartId: dateStartErrorMessageId,

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.mjs

@@ -46,8 +46,8 @@ const FilterDateRangePickerField = /*#__PURE__*/function () {
       defaultMessage: 'Date to',
       description: "Label for the 'date to' field"
     });
-    var inputStartDateLabel = (_b = inputStartDateProps === null || inputStartDateProps === void 0 ? void 0 : inputStartDateProps.labelText) !== null && _b !== void 0 ? _b : translatedDateFrom;
-    var inputEndDateLabel = (_c = inputEndDateProps === null || inputEndDateProps === void 0 ? void 0 : inputEndDateProps.labelText) !== null && _c !== void 0 ? _c : translatedDateTo;
+    var inputStartDateLabel = (_b = inputStartDateProps === null || inputStartDateProps === undefined ? undefined : inputStartDateProps.labelText) !== null && _b !== undefined ? _b : translatedDateFrom;
+    var inputEndDateLabel = (_c = inputEndDateProps === null || inputEndDateProps === undefined ? undefined : inputEndDateProps.labelText) !== null && _c !== undefined ? _c : translatedDateTo;
     var transformDateToInputValue = function (date) {
       return date ? formatDateAsText(date, disabledDays, locale) : '';
     };
@@ -57,14 +57,14 @@ const FilterDateRangePickerField = /*#__PURE__*/function () {
     var dateStartValidation = useStartDateValidation({
       inputLabel: inputStartDateLabel,
       disabledDays: disabledDays,
-      validationMessage: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart,
-      onValidate: onValidate === null || onValidate === void 0 ? void 0 : onValidate.dateStart
+      validationMessage: validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateStart,
+      onValidate: onValidate === null || onValidate === undefined ? undefined : onValidate.dateStart
     });
     var dateEndValidation = useEndDateValidation({
       inputLabel: inputEndDateLabel,
       disabledDays: disabledDays,
-      validationMessage: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd,
-      onValidate: onValidate === null || onValidate === void 0 ? void 0 : onValidate.dateEnd
+      validationMessage: validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateEnd,
+      onValidate: onValidate === null || onValidate === undefined ? undefined : onValidate.dateEnd
     });
     var validateStartDate = function (date, inputValue) {
       return dateStartValidation.validateDate({
@@ -76,16 +76,16 @@ const FilterDateRangePickerField = /*#__PURE__*/function () {
       return dateEndValidation.validateDate({
         endDate: date,
         endDateInputValue: inputValue,
-        startDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from,
+        startDate: selectedRange === null || selectedRange === undefined ? undefined : selectedRange.from,
         startDateFieldLabel: inputStartDateLabel
       });
     };
     var _d = useReducer(filterDatePickerFieldReducer, {
-        selectedStartDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from,
-        selectedEndDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to,
-        inputStartValue: transformDateToInputValue(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from),
-        inputEndValue: transformDateToInputValue(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to),
-        startMonth: (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) && !isInvalidDate(selectedRange.from) ? selectedRange.from : defaultMonth !== null && defaultMonth !== void 0 ? defaultMonth : new Date()
+        selectedStartDate: selectedRange === null || selectedRange === undefined ? undefined : selectedRange.from,
+        selectedEndDate: selectedRange === null || selectedRange === undefined ? undefined : selectedRange.to,
+        inputStartValue: transformDateToInputValue(selectedRange === null || selectedRange === undefined ? undefined : selectedRange.from),
+        inputEndValue: transformDateToInputValue(selectedRange === null || selectedRange === undefined ? undefined : selectedRange.to),
+        startMonth: (selectedRange === null || selectedRange === undefined ? undefined : selectedRange.from) && !isInvalidDate(selectedRange.from) ? selectedRange.from : defaultMonth !== null && defaultMonth !== undefined ? defaultMonth : new Date()
       }),
       state = _d[0],
       dispatch = _d[1];
@@ -153,10 +153,10 @@ const FilterDateRangePickerField = /*#__PURE__*/function () {
       }
     }, inputEndDateProps));
     var handleCalendarSelectRange = function (range) {
-      var inputStartValue = transformDateToInputValue(range === null || range === void 0 ? void 0 : range.from);
-      var inputEndValue = transformDateToInputValue(range === null || range === void 0 ? void 0 : range.to);
-      var newStartDate = validateStartDate(range === null || range === void 0 ? void 0 : range.from, inputStartValue);
-      var newEndDate = validateEndDate(range === null || range === void 0 ? void 0 : range.to, inputEndValue);
+      var inputStartValue = transformDateToInputValue(range === null || range === undefined ? undefined : range.from);
+      var inputEndValue = transformDateToInputValue(range === null || range === undefined ? undefined : range.to);
+      var newStartDate = validateStartDate(range === null || range === undefined ? undefined : range.from, inputStartValue);
+      var newEndDate = validateEndDate(range === null || range === undefined ? undefined : range.to, inputEndValue);
       dispatch({
         type: 'update_selected_start_date',
         date: newStartDate,
@@ -180,8 +180,8 @@ const FilterDateRangePickerField = /*#__PURE__*/function () {
       if (state.inputStartValue === '' && state.inputEndValue === '') {
         return;
       }
-      var newStartDate = validateStartDate(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, state.inputStartValue);
-      var newEndDate = validateEndDate(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to, state.inputEndValue);
+      var newStartDate = validateStartDate(selectedRange === null || selectedRange === undefined ? undefined : selectedRange.from, state.inputStartValue);
+      var newEndDate = validateEndDate(selectedRange === null || selectedRange === undefined ? undefined : selectedRange.to, state.inputEndValue);
       if (newStartDate && !isValidRange(newStartDate, newEndDate)) {
         dispatch({
           type: 'update_selected_end_date',

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.mjs

@@ -10,13 +10,13 @@ var filterDatePickerFieldReducer = function (state, action) {
     case 'update_selected_start_date':
       return __assign(__assign({}, state), {
         selectedStartDate: action.date,
-        inputStartValue: (_a = action.inputValue) !== null && _a !== void 0 ? _a : state.inputStartValue,
+        inputStartValue: (_a = action.inputValue) !== null && _a !== undefined ? _a : state.inputStartValue,
         startMonth: action.date && !isInvalidDate(action.date) ? action.date : new Date()
       });
     case 'update_selected_end_date':
       return __assign(__assign({}, state), {
         selectedEndDate: action.date,
-        inputEndValue: (_b = action.inputValue) !== null && _b !== void 0 ? _b : state.inputEndValue
+        inputEndValue: (_b = action.inputValue) !== null && _b !== undefined ? _b : state.inputEndValue
       });
     case 'navigate_months':
       return __assign(__assign({}, state), {

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.mjs

@@ -22,7 +22,7 @@ var validateEndDateBeforeStartDate = function (_a) {
       validationResponse: __assign(__assign({}, baseResponse), {
         validationMessage: {
           status: 'error',
-          message: ( /*#__PURE__*/React.createElement(FormattedMessage, {
+          message: (/*#__PURE__*/React.createElement(FormattedMessage, {
             id: "date.validation.rangeEndBeforeRangeStart",
             defaultMessage: 'Cannot be earlier than the selection in "{startDateFieldLabel}"',
             description: "Error message when the user tries to select an end date earlier than the start date",

package/dist/esm/Filter/FilterDateRangePicker/utils/isCompleteDateRange.mjs

@@ -1,4 +1,4 @@
 var isCompleteDateRange = function (dateRange) {
-  return (dateRange === null || dateRange === void 0 ? void 0 : dateRange.from) !== undefined && (dateRange === null || dateRange === void 0 ? void 0 : dateRange.to) !== undefined;
+  return (dateRange === null || dateRange === undefined ? undefined : dateRange.from) !== undefined && (dateRange === null || dateRange === undefined ? undefined : dateRange.to) !== undefined;
 };
 export { isCompleteDateRange };

package/dist/esm/Filter/FilterMultiSelect/FilterMultiSelect.mjs

@@ -31,7 +31,7 @@ const FilterMultiSelect = /*#__PURE__*/function () {
       defaultSelectedKeys = _a.defaultSelectedKeys,
       onSelectionChange = _a.onSelectionChange,
       _b = _a.selectionMode,
-      selectionMode = _b === void 0 ? 'multiple' : _b,
+      selectionMode = _b === undefined ? 'multiple' : _b,
       onSearchInputChange = _a.onSearchInputChange,
       triggerRef = _a.triggerRef,
       className = _a.className;
@@ -45,7 +45,7 @@ const FilterMultiSelect = /*#__PURE__*/function () {
       isLoading: isLoading,
       loadingSkeleton: loadingSkeleton
     };
-    var disabledKeys = new Set(items === null || items === void 0 ? void 0 : items.filter(function (item) {
+    var disabledKeys = new Set(items === null || items === undefined ? undefined : items.filter(function (item) {
       return item.isDisabled === true;
     }).map(function (disabledItem) {
       return disabledItem.value;

package/dist/esm/Filter/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.mjs

@@ -17,7 +17,7 @@ function MenuTriggerProvider(_a) {
   });
   // Get A11y attributes and events for the menu trigger and menu elements
   var fallbackRef = useRef(null);
-  var ref = triggerRef !== null && triggerRef !== void 0 ? triggerRef : fallbackRef;
+  var ref = triggerRef !== null && triggerRef !== undefined ? triggerRef : fallbackRef;
   var _b = useMenuTrigger({}, state, ref),
     menuTriggerProps = _b.menuTriggerProps,
     menuProps = _b.menuProps;

package/dist/esm/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs

@@ -17,7 +17,7 @@ const ListBoxSection = /*#__PURE__*/function () {
       "aria-label": !hasSectionHeader ? sectionName : undefined,
       "aria-labelledby": hasSectionHeader ? listSectionId : undefined,
       role: "group"
-    }, hasSectionHeader && ( /*#__PURE__*/React.createElement("li", {
+    }, hasSectionHeader && (/*#__PURE__*/React.createElement("li", {
       className: styles.listBoxSectionHeader,
       id: listSectionId,
       role: "presentation"

package/dist/esm/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.mjs

@@ -9,7 +9,7 @@ import styles from './MenuLoadingSkeleton.module.scss.mjs';
 const MenuLoadingSkeleton = /*#__PURE__*/function () {
   const MenuLoadingSkeleton = function (_a) {
     var _b = _a.isAnimated,
-      isAnimated = _b === void 0 ? false : _b;
+      isAnimated = _b === undefined ? false : _b;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: styles.loadingContainer
     }, /*#__PURE__*/React.createElement(LoadingInput, {

package/dist/esm/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.mjs

@@ -26,10 +26,10 @@ const MenuPopup = /*#__PURE__*/function () {
     // and auto focus on the first focusable item after loading. (disable eslint no-autofocus error for it)
     // In addition, add hidden <DismissButton> components at the start and end of the list
     // to allow screen reader users to dismiss the popup easily.
-    return menuTriggerState.isOpen ? ( /*#__PURE__*/React.createElement("div", __assign({}, overlayProps, {
+    return menuTriggerState.isOpen ? (/*#__PURE__*/React.createElement("div", __assign({}, overlayProps, {
       ref: overlayRef,
       className: styles.menuPopup
-    }), isLoading && loadingSkeleton ? ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DismissButton, {
+    }), isLoading && loadingSkeleton ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DismissButton, {
       onDismiss: onClose
     }), loadingSkeleton, /*#__PURE__*/React.createElement(DismissButton, {
       onDismiss: onClose
@@ -44,7 +44,7 @@ const MenuPopup = /*#__PURE__*/function () {
       onDismiss: onClose
     }), children, /*#__PURE__*/React.createElement(DismissButton, {
       onDismiss: onClose
-    }))))) : ( /*#__PURE__*/React.createElement(React.Fragment, null));
+    }))))) : (/*#__PURE__*/React.createElement(React.Fragment, null));
   };
   MenuPopup.displayName = 'FilterMultiSelect.MenuPopup';
   return MenuPopup;

package/dist/esm/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.mjs

@@ -33,14 +33,14 @@ const MultiSelectOption = /*#__PURE__*/function () {
     return /*#__PURE__*/React.createElement("li", __assign({}, mergeProps(optionProps, focusProps), {
       ref: ref,
       className: classnames(styles.option, classNameOverride, isSelected && styles.isSelected, isFocusVisible && styles.isFocusVisible, isDisabled && styles.isDisabled),
-      "aria-label": (_b = item.value) === null || _b === void 0 ? void 0 : _b.label,
-      "aria-describedby": ((_c = item.value) === null || _c === void 0 ? void 0 : _c.count) ? countElementId : undefined
+      "aria-label": (_b = item.value) === null || _b === undefined ? undefined : _b.label,
+      "aria-describedby": ((_c = item.value) === null || _c === undefined ? undefined : _c.count) ? countElementId : undefined
     }), /*#__PURE__*/React.createElement("span", {
       className: classnames(styles.icon, isSelected && styles.isSelected)
     }, isSelected && /*#__PURE__*/React.createElement(Icon, {
       name: "check",
       isPresentational: true
-    })), item.rendered, ((_d = item.value) === null || _d === void 0 ? void 0 : _d.count) && ( /*#__PURE__*/React.createElement("span", {
+    })), item.rendered, ((_d = item.value) === null || _d === undefined ? undefined : _d.count) && (/*#__PURE__*/React.createElement("span", {
       id: countElementId,
       className: styles.badgeContainer
     }, /*#__PURE__*/React.createElement(Badge, {

package/dist/esm/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.mjs

@@ -20,7 +20,7 @@ const SearchInput = /*#__PURE__*/function () {
       return setSearchQuery('');
     };
     var reactId = useId();
-    var inputId = id !== null && id !== void 0 ? id : reactId;
+    var inputId = id !== null && id !== undefined ? id : reactId;
     var defaultAriaLabel = formatMessage({
       id: 'filterMultiSelectSearchInput.label',
       defaultMessage: 'Filter options by search query',
@@ -35,7 +35,7 @@ const SearchInput = /*#__PURE__*/function () {
       className: styles.inputSearchContainer
     }, /*#__PURE__*/React.createElement(InputSearch, {
       id: inputId,
-      "aria-label": label !== null && label !== void 0 ? label : defaultAriaLabel,
+      "aria-label": label !== null && label !== undefined ? label : defaultAriaLabel,
       secondary: true,
       placeholder: placeholder,
       value: searchQuery,

package/dist/esm/Filter/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.mjs

@@ -11,7 +11,7 @@ const FilterTriggerButton = /*#__PURE__*/function () {
       label = _a.label,
       classNameOverride = _a.classNameOverride,
       _b = _a.labelCharacterLimitBeforeTruncate,
-      labelCharacterLimitBeforeTruncate = _b === void 0 ? 50 : _b;
+      labelCharacterLimitBeforeTruncate = _b === undefined ? 50 : _b;
     var _c = useMenuTriggerContext(),
       buttonProps = _c.buttonProps,
       buttonRef = _c.buttonRef,

package/dist/esm/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.mjs

@@ -12,7 +12,7 @@ const RemovableFilterTrigger = /*#__PURE__*/function () {
     var label = _a.label,
       selectedOptionLabels = _a.selectedOptionLabels,
       _b = _a.labelCharacterLimitBeforeTruncate,
-      labelCharacterLimitBeforeTruncate = _b === void 0 ? 50 : _b,
+      labelCharacterLimitBeforeTruncate = _b === undefined ? 50 : _b,
       classNameOverride = _a.classNameOverride,
       onRemove = _a.onRemove;
     var _c = useMenuTriggerContext(),

package/dist/esm/Filter/FilterMultiSelect/utils/getSelectedOptionLabels.mjs

@@ -11,7 +11,7 @@ var getSelectedOptionLabels = function (keys, items) {
     var _a, _b;
     return (_b = (_a = items.find(function (item) {
       return item.value === key;
-    })) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : '';
+    })) === null || _a === undefined ? undefined : _a.label) !== null && _b !== undefined ? _b : '';
   }).filter(function (item) {
     return item !== '';
   });

package/dist/esm/Filter/FilterMultiSelect/utils/getTruncatedLabel.mjs

@@ -1,6 +1,6 @@
 var CONNECTOR = ', ';
 var truncateByCharacterLimit = function (labels, limit, labelsTruncatedCount) {
-  if (labelsTruncatedCount === void 0) {
+  if (labelsTruncatedCount === undefined) {
     labelsTruncatedCount = 0;
   }
   if (labels.length === 1 || labels.join('').replace(/,/g, '').length < limit) {