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

package/dist/esm/DateRangePicker/utils/formatDateRangeValue.mjs

@@ -10,8 +10,8 @@ var dateWithoutYearFormatOptions = {
 var formatDateRangeValue = function (dateRange) {
   var _a, _b, _c, _d;
   if (dateRange.to) {
-    var isSameYear = ((_a = dateRange.from) === null || _a === void 0 ? void 0 : _a.getFullYear()) === ((_b = dateRange === null || dateRange === void 0 ? void 0 : dateRange.to) === null || _b === void 0 ? void 0 : _b.getFullYear());
-    var from = isSameYear ? (_c = dateRange.from) === null || _c === void 0 ? void 0 : _c.toLocaleDateString('en-US', dateWithoutYearFormatOptions) : (_d = dateRange.from) === null || _d === void 0 ? void 0 : _d.toLocaleDateString('en-US', dateFormatOptions);
+    var isSameYear = ((_a = dateRange.from) === null || _a === undefined ? undefined : _a.getFullYear()) === ((_b = dateRange === null || dateRange === undefined ? undefined : dateRange.to) === null || _b === undefined ? undefined : _b.getFullYear());
+    var from = isSameYear ? (_c = dateRange.from) === null || _c === undefined ? undefined : _c.toLocaleDateString('en-US', dateWithoutYearFormatOptions) : (_d = dateRange.from) === null || _d === undefined ? undefined : _d.toLocaleDateString('en-US', dateFormatOptions);
     var to = dateRange.to.toLocaleDateString('en-US', dateFormatOptions);
     return "".concat(from, " \u2013 ").concat(to);
   } else {

package/dist/esm/Divider/Divider.mjs

@@ -11,7 +11,7 @@ const Divider = /*#__PURE__*/function () {
   const Divider = function (_a) {
     var variant = _a.variant,
       _b = _a.isReversed,
-      isReversed = _b === void 0 ? false : _b,
+      isReversed = _b === undefined ? false : _b,
       classNameOverride = _a.classNameOverride,
       props = __rest(_a, ["variant", "isReversed", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("hr", __assign({

package/dist/esm/EmptyState/EmptyState.mjs

@@ -31,18 +31,18 @@ const EmptyState = /*#__PURE__*/function () {
       id = _a.id,
       illustrationType = _a.illustrationType,
       _b = _a.variant,
-      variant = _b === void 0 ? 'informative' : _b;
+      variant = _b === undefined ? 'informative' : _b;
     _a.layoutContext;
     var headingProps = _a.headingProps,
       bodyText = _a.bodyText,
       straightCorners = _a.straightCorners,
       _c = _a.isAnimated,
-      isAnimated = _c === void 0 ? true : _c,
+      isAnimated = _c === undefined ? true : _c,
       _d = _a.loop,
-      loop = _d === void 0 ? false : _d,
+      loop = _d === undefined ? false : _d,
       classNameOverride = _a.classNameOverride,
       props = __rest(_a, ["children", "id", "illustrationType", "variant", "layoutContext", "headingProps", "bodyText", "straightCorners", "isAnimated", "loop", "classNameOverride"]);
-    var IllustrationComponent = ILLUSTRATIONS[illustrationType !== null && illustrationType !== void 0 ? illustrationType : variant];
+    var IllustrationComponent = ILLUSTRATIONS[illustrationType !== null && illustrationType !== undefined ? illustrationType : variant];
     return /*#__PURE__*/React.createElement("div", __assign({
       className: classnames(styles.container, illustrationType ? styles[illustrationType] : styles[variant], straightCorners && styles.straightCorners, classNameOverride),
       id: id
@@ -50,11 +50,11 @@ const EmptyState = /*#__PURE__*/function () {
       className: styles.content
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.illustrationContainer
-    }, isAnimated ? ( /*#__PURE__*/React.createElement(IllustrationComponent, {
+    }, isAnimated ? (/*#__PURE__*/React.createElement(IllustrationComponent, {
       isAnimated: true,
       loop: loop,
       classNameOverride: styles.illustration
-    })) : ( /*#__PURE__*/React.createElement(IllustrationComponent, {
+    })) : (/*#__PURE__*/React.createElement(IllustrationComponent, {
       classNameOverride: styles.illustration
     }))), /*#__PURE__*/React.createElement("div", {
       className: styles.textContainer

package/dist/esm/ErrorPage/ErrorPage.mjs

@@ -29,9 +29,9 @@ const ErrorPage = /*#__PURE__*/function () {
     var content = useErrorMessages(code);
     var actions = {
       primary: {
-        href: (_b = callToAction === null || callToAction === void 0 ? void 0 : callToAction.homeHref) !== null && _b !== void 0 ? _b : HOME_HREF
+        href: (_b = callToAction === null || callToAction === undefined ? undefined : callToAction.homeHref) !== null && _b !== undefined ? _b : HOME_HREF
       },
-      secondary: (callToAction === null || callToAction === void 0 ? void 0 : callToAction.onContactSupport) ? {
+      secondary: (callToAction === null || callToAction === undefined ? undefined : callToAction.onContactSupport) ? {
         onClick: callToAction.onContactSupport
       } : {
         href: getMailToHref(code)
@@ -45,7 +45,7 @@ const ErrorPage = /*#__PURE__*/function () {
         className: styles.paragraphPadding
       }, /*#__PURE__*/React.createElement(Text, {
         variant: "intro-lede"
-      }, message !== null && message !== void 0 ? message : content.message)), /*#__PURE__*/React.createElement(Text, {
+      }, message !== null && message !== undefined ? message : content.message)), /*#__PURE__*/React.createElement(Text, {
         color: "dark-reduced-opacity",
         variant: "small"
       }, /*#__PURE__*/React.createElement(FormattedMessage, {
@@ -86,7 +86,7 @@ const ErrorPage = /*#__PURE__*/function () {
         })
       }),
       text: {
-        title: title !== null && title !== void 0 ? title : content.title
+        title: title !== null && title !== undefined ? title : content.title
       }
     }));
   };

package/dist/esm/FieldGroup/FieldGroup.mjs

@@ -6,7 +6,7 @@ const FieldGroup = /*#__PURE__*/function () {
   const FieldGroup = function (_a) {
     var children = _a.children,
       _b = _a.inline,
-      inline = _b === void 0 ? false : _b,
+      inline = _b === undefined ? false : _b,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "inline", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", __assign({

package/dist/esm/FieldMessage/FieldMessage.mjs

@@ -8,17 +8,17 @@ const FieldMessage = /*#__PURE__*/function () {
   const FieldMessage = function (_a) {
     var message = _a.message,
       _b = _a.status,
-      status = _b === void 0 ? 'default' : _b,
+      status = _b === undefined ? 'default' : _b,
       _c = _a.position,
-      position = _c === void 0 ? 'bottom' : _c,
+      position = _c === undefined ? 'bottom' : _c,
       _d = _a.reversed,
-      reversed = _d === void 0 ? false : _d,
+      reversed = _d === undefined ? false : _d,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["message", "status", "position", "reversed", "classNameOverride"]);
     var textColor = status === 'default' || status === 'success' ? reversed ? 'white-reduced-opacity' : 'dark-reduced-opacity' : 'dark';
     return /*#__PURE__*/React.createElement("div", __assign({
       className: classnames(styles.message, styles[status], classNameOverride, reversed && styles.reversed, position === 'bottom' && styles.positionBottom, position === 'top' && styles.positionTop)
-    }, restProps), (status === 'error' || status === 'caution') && ( /*#__PURE__*/React.createElement("span", {
+    }, restProps), (status === 'error' || status === 'caution') && (/*#__PURE__*/React.createElement("span", {
       className: styles.warningIcon
     }, /*#__PURE__*/React.createElement(Icon, {
       name: status === 'error' ? 'error' : 'warning',

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

@@ -29,19 +29,19 @@ const Filter = /*#__PURE__*/function () {
     var inbuiltRef = useRef({
       triggerRef: inbuiltButtonRef
     });
-    var filterButtonRef = (_b = trigger.ref) !== null && _b !== void 0 ? _b : inbuiltRef;
+    var filterButtonRef = (_b = trigger.ref) !== null && _b !== undefined ? _b : inbuiltRef;
     useEffect(function () {
       var _a, _b;
-      if ((_b = (_a = filterButtonRef.current) === null || _a === void 0 ? void 0 : _a.triggerRef) === null || _b === void 0 ? void 0 : _b.current) {
+      if ((_b = (_a = filterButtonRef.current) === null || _a === undefined ? undefined : _a.triggerRef) === null || _b === undefined ? undefined : _b.current) {
         setIsRefLoaded(true);
-        onMount === null || onMount === void 0 ? void 0 : onMount(filterButtonRef.current.triggerRef);
+        onMount === null || onMount === undefined ? undefined : onMount(filterButtonRef.current.triggerRef);
       }
     }, [filterButtonRef, onMount]);
     return /*#__PURE__*/React.createElement("div", __assign({
       className: classnames(styles.filter, classNameOverride)
     }, restProps), /*#__PURE__*/React.cloneElement(trigger, {
       ref: filterButtonRef
-    }), isRefLoaded && isOpen && ( /*#__PURE__*/React.createElement(FocusOn, {
+    }), isRefLoaded && isOpen && (/*#__PURE__*/React.createElement(FocusOn, {
       scrollLock: false,
       onClickOutside: function () {
         return setIsOpen(false);
@@ -50,7 +50,7 @@ const Filter = /*#__PURE__*/function () {
         return setIsOpen(false);
       }
     }, /*#__PURE__*/React.createElement(FilterPopover, {
-      referenceElement: (_e = (_d = (_c = filterButtonRef.current) === null || _c === void 0 ? void 0 : _c.triggerRef) === null || _d === void 0 ? void 0 : _d.current) !== null && _e !== void 0 ? _e : null,
+      referenceElement: (_e = (_d = (_c = filterButtonRef.current) === null || _c === undefined ? undefined : _c.triggerRef) === null || _d === undefined ? undefined : _d.current) !== null && _e !== undefined ? _e : null,
       "aria-labelledby": trigger.props.id
     }, children))));
   };

package/dist/esm/Filter/Filter/subcomponents/FilterContents/FilterContents.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import styles from './FilterContents.module.scss.mjs';
+import styles from './FilterContents.module.css.mjs';
 const FilterContents = /*#__PURE__*/function () {
   const FilterContents = function (_a) {
     var children = _a.children,

package/dist/esm/Filter/Filter/subcomponents/FilterContents/FilterContents.module.css.mjs

@@ -0,0 +1,4 @@
+var styles = {
+  "filterContents": "FilterContents-module_filterContents__LEVFe"
+};
+export { styles as default };

package/dist/esm/Filter/Filter/subcomponents/FilterPopover/FilterPopover.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React, { useState } from 'react';
 import classnames from 'classnames';
 import { usePopper } from 'react-popper';
-import styles from './FilterPopover.module.scss.mjs';
+import styles from './FilterPopover.module.css.mjs';
 const FilterPopover = /*#__PURE__*/function () {
   const FilterPopover = function (_a) {
     var children = _a.children,
@@ -26,8 +26,8 @@ const FilterPopover = /*#__PURE__*/function () {
       popperAttributes = _c.attributes;
     return /*#__PURE__*/React.createElement("div", __assign({
       ref: setPopperElement,
-      style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper
-    }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, {
+      style: popperStyles === null || popperStyles === undefined ? undefined : popperStyles.popper
+    }, popperAttributes === null || popperAttributes === undefined ? undefined : popperAttributes.popper, {
       className: classnames(styles.filterPopover, classNameOverride),
       role: "dialog",
       "aria-modal": "true"

package/dist/esm/Filter/Filter/subcomponents/FilterPopover/FilterPopover.module.css.mjs

@@ -0,0 +1,4 @@
+var styles = {
+  "filterPopover": "FilterPopover-module_filterPopover__ZAkra"
+};
+export { styles as default };

package/dist/esm/Filter/FilterBar/context/reducer/filterBarStateReducer.mjs

@@ -35,7 +35,7 @@ var filterBarStateReducer = function (state, action) {
             name: (_b = (_a = action.data.find(function (_a) {
               var id = _a.id;
               return id === filter.id;
-            })) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : filter.name
+            })) === null || _a === undefined ? undefined : _a.name) !== null && _b !== undefined ? _b : filter.name
           });
           return acc;
         }, {})

package/dist/esm/Filter/FilterBar/context/reducer/setupFilterBarState.mjs

@@ -9,7 +9,7 @@ var setupFilterBarState = function (filters, values) {
     baseState.filters[id] = {
       id: id,
       name: name,
-      isRemovable: isRemovable !== null && isRemovable !== void 0 ? isRemovable : false,
+      isRemovable: isRemovable !== null && isRemovable !== undefined ? isRemovable : false,
       isUsableWhen: isUsableWhen,
       isOpen: false,
       isUsable: true

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

@@ -23,7 +23,7 @@ const AddFiltersMenu = /*#__PURE__*/function () {
     useEffect(function () {
       var _a;
       if (focusId === 'add_filter') {
-        (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        (_a = buttonRef.current) === null || _a === undefined ? undefined : _a.focus();
         setFocus(undefined);
       }
     }, [focusId, setFocus]);

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

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { Button } from '../../../../Button/Button/Button.mjs';
 import '../../../../Button/IconButton/IconButton.mjs';
 import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
-import styles from './ClearAllButton.module.scss.mjs';
+import styles from './ClearAllButton.module.css.mjs';
 const ClearAllButton = /*#__PURE__*/function () {
   const ClearAllButton = function () {
     var _a;

package/dist/esm/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.module.css.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "clearAllButton": "ClearAllButton-module_clearAllButton__dl4nS",
+  "hidden": "ClearAllButton-module_hidden__guVNI"
+};
+export { styles as default };

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

@@ -10,7 +10,7 @@ const FilterBarButton = /*#__PURE__*/function () {
   const FilterBarButton = /*#__PURE__*/forwardRef(function (_a, ref) {
     var filterId = _a.filterId,
       _b = _a.isRemovable,
-      isRemovable = _b === void 0 ? false : _b,
+      isRemovable = _b === undefined ? false : _b,
       classNameOverride = _a.classNameOverride,
       props = __rest(_a, ["filterId", "isRemovable", "classNameOverride"]);
     var _c = useFilterBarContext(),
@@ -20,11 +20,11 @@ const FilterBarButton = /*#__PURE__*/function () {
     useEffect(function () {
       var _a, _b, _c;
       if (focusId === filterId && isRefObject(ref)) {
-        (_c = (_b = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.triggerRef) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
+        (_c = (_b = (_a = ref === null || ref === undefined ? undefined : ref.current) === null || _a === undefined ? undefined : _a.triggerRef) === null || _b === undefined ? undefined : _b.current) === null || _c === undefined ? undefined : _c.focus();
         setFocus(undefined);
       }
     }, [filterId, focusId, ref, setFocus]);
-    return isRemovable ? ( /*#__PURE__*/React.createElement(FilterButtonRemovable, {
+    return isRemovable ? (/*#__PURE__*/React.createElement(FilterButtonRemovable, {
       ref: ref,
       triggerButtonProps: props,
       removeButtonProps: {
@@ -33,7 +33,7 @@ const FilterBarButton = /*#__PURE__*/function () {
         }
       },
       classNameOverride: classnames(classNameOverride, styles.filterBarButton)
-    })) : ( /*#__PURE__*/React.createElement(FilterButton, __assign({
+    })) : (/*#__PURE__*/React.createElement(FilterButton, __assign({
       ref: ref,
       classNameOverride: classnames(classNameOverride, styles.filterBarButton)
     }, props)));

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

@@ -17,7 +17,7 @@ const FilterBarDatePicker = /*#__PURE__*/function () {
     var id = _a.id,
       onDateChange = _a.onDateChange,
       _b = _a.locale,
-      locale = _b === void 0 ? 'en-AU' : _b,
+      locale = _b === undefined ? 'en-AU' : _b,
       props = __rest(_a, ["id", "onDateChange", "locale"]);
     var _c = useFilterBarContext(),
       getFilterState = _c.getFilterState,
@@ -38,7 +38,7 @@ const FilterBarDatePicker = /*#__PURE__*/function () {
       },
       onDateChange: function (key) {
         updateValue(id, key);
-        onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange(key);
+        onDateChange === null || onDateChange === undefined ? undefined : onDateChange(key);
       },
       isOpen: filterState.isOpen,
       setIsOpen: function (open) {

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,