@kaizen/components 1.73.6 → 1.73.7

package/dist/esm/Collapsible/Collapsible/Collapsible.module.scss.mjs

@@ -10,7 +10,6 @@ var styles = {
   "clearVariant": "Collapsible-module_clearVariant__BHkHf",
   "sticky": "Collapsible-module_sticky__m1V8p",
   "section": "Collapsible-module_section__yfZvI",
-  "noPadding": "Collapsible-module_noPadding__Vfm3q",
-  "hide": "Collapsible-module_hide__cvbIi"
+  "noPadding": "Collapsible-module_noPadding__Vfm3q"
 };
 export { styles as default };

package/dist/esm/Collapsible/CollapsibleGroup/CollapsibleGroup.mjs

@@ -10,12 +10,12 @@ import styles from './CollapsibleGroup.module.scss.mjs';
 var CollapsibleGroup = function (_a) {
   var children = _a.children,
     _b = _a.separated,
-    separated = _b === undefined ? false : _b,
+    separated = _b === void 0 ? false : _b,
     sticky = _a.sticky,
     _c = _a.noSectionPadding,
-    noSectionPadding = _c === undefined ? false : _c,
+    noSectionPadding = _c === void 0 ? false : _c,
     _d = _a.lazyLoad,
-    lazyLoad = _d === undefined ? false : _d,
+    lazyLoad = _d === void 0 ? false : _d,
     onToggle = _a.onToggle,
     classNameOverride = _a.classNameOverride,
     props = __rest(_a, ["children", "separated", "sticky", "noSectionPadding", "lazyLoad", "onToggle", "classNameOverride"]);

package/dist/esm/DateInput/DateInput/DateInput.mjs

@@ -13,7 +13,7 @@ const DateInput = /*#__PURE__*/function () {
       labelText = _a.labelText,
       disabled = _a.disabled,
       _b = _a.isReversed,
-      isReversed = _b === undefined ? false : _b,
+      isReversed = _b === void 0 ? false : _b,
       classNameOverride = _a.classNameOverride,
       inputProps = __rest(_a, ["id", "labelText", "disabled", "isReversed", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", {

package/dist/esm/DateInput/DateInputDescription/DateInputDescription.module.scss.mjs

@@ -1,7 +1,5 @@
 var styles = {
   "dateInputDescription": "DateInputDescription-module_dateInputDescription__dEWv8",
-  "dateInputFormatContainer": "DateInputDescription-module_dateInputFormatContainer__U-zur",
-  "descriptionInputFormat": "DateInputDescription-module_descriptionInputFormat__rQ-Z5",
-  "labelSeparator": "DateInputDescription-module_labelSeparator__L7Be4"
+  "dateInputFormatContainer": "DateInputDescription-module_dateInputFormatContainer__U-zur"
 };
 export { styles as default };

package/dist/esm/DateInput/DateInputDescription/utils/formatDescriptionInputFormat.mjs

@@ -1,6 +1,6 @@
 var formatDescriptionInputFormat = function (locale) {
   var _a;
-  return (_a = locale.formatLong) === null || _a === undefined ? undefined : _a.date({
+  return (_a = locale.formatLong) === null || _a === void 0 ? void 0 : _a.date({
     width: 'short'
   }).toLowerCase();
 };

package/dist/esm/DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs

@@ -12,8 +12,8 @@ const DateInputWithIconButton = /*#__PURE__*/function () {
       value = _a.value,
       restProps = __rest(_a, ["onButtonClick", "disabled", "value"]);
     var customRefObject = isRefObject(ref) ? ref.current : null;
-    var inputRef = customRefObject === null || customRefObject === undefined ? undefined : customRefObject.inputRef;
-    var buttonRef = customRefObject === null || customRefObject === undefined ? undefined : customRefObject.buttonRef;
+    var inputRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputRef;
+    var buttonRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.buttonRef;
     var IconButton = /*#__PURE__*/React.createElement("button", {
       ref: buttonRef,
       type: "button",

package/dist/esm/DatePicker/DatePicker.mjs

@@ -28,7 +28,7 @@ const DatePicker = /*#__PURE__*/function () {
     var propsId = _a.id,
       propsButtonRef = _a.buttonRef,
       _b = _a.locale,
-      propsLocale = _b === undefined ? 'en-AU' : _b,
+      propsLocale = _b === void 0 ? 'en-AU' : _b,
       disabledDates = _a.disabledDates,
       disabledDaysOfWeek = _a.disabledDaysOfWeek,
       disabledRange = _a.disabledRange,
@@ -55,11 +55,11 @@ const DatePicker = /*#__PURE__*/function () {
       description: 'Label for the search input'
     });
     var reactId = useId();
-    var id = propsId !== null && propsId !== undefined ? propsId : reactId;
+    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
     var containerRef = useRef(null);
     var inputRef = useRef(null);
     var fallbackButtonRef = useRef(null);
-    var buttonRef = propsButtonRef !== null && propsButtonRef !== undefined ? propsButtonRef : fallbackButtonRef;
+    var buttonRef = propsButtonRef !== null && propsButtonRef !== void 0 ? propsButtonRef : fallbackButtonRef;
     var dateInputRefs = useRef({
       inputRef: inputRef,
       buttonRef: buttonRef
@@ -118,7 +118,7 @@ const DatePicker = /*#__PURE__*/function () {
     };
     var handleInputClick = function (e) {
       setIsOpen(true);
-      onInputClick === null || onInputClick === undefined ? undefined : onInputClick(e);
+      onInputClick === null || onInputClick === void 0 ? void 0 : onInputClick(e);
     };
     var handleInputFocus = function (e) {
       setLastTrigger('inputFocus');
@@ -126,11 +126,11 @@ const DatePicker = /*#__PURE__*/function () {
         var newInputValue = formatDateAsNumeral(selectedDay, locale);
         setInputValue(newInputValue);
       }
-      onInputFocus === null || onInputFocus === undefined ? undefined : onInputFocus(e);
+      onInputFocus === null || onInputFocus === void 0 ? void 0 : onInputFocus(e);
     };
     var handleInputChange = function (e) {
       setInputValue(e.target.value);
-      onInputChange === null || onInputChange === undefined ? undefined : onInputChange(e);
+      onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(e);
     };
     var handleInputBlur = function (e) {
       if (isSelectingDayInCalendar(e.relatedTarget)) return;
@@ -140,11 +140,11 @@ const DatePicker = /*#__PURE__*/function () {
           setInputValue(formatDateAsText(parsedDate, disabledDays, locale));
         }
         handleDayChange(parsedDate, inputValue);
-        onInputBlur === null || onInputBlur === undefined ? undefined : onInputBlur(e);
+        onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(e);
         return;
       }
       handleDayChange(undefined, inputValue);
-      onInputBlur === null || onInputBlur === undefined ? undefined : onInputBlur(e);
+      onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(e);
     };
     var handleKeyDown = function (e) {
       if (e.key === 'Enter') {
@@ -161,7 +161,7 @@ const DatePicker = /*#__PURE__*/function () {
     var handleButtonClick = function (e) {
       setIsOpen(!isOpen);
       setLastTrigger('calendarButton');
-      onButtonClick === null || onButtonClick === undefined ? undefined : onButtonClick(e);
+      onButtonClick === null || onButtonClick === void 0 ? void 0 : onButtonClick(e);
     };
     var handleCalendarMount = function (calendarElement) {
       if (lastTrigger === 'inputFocus') return;
@@ -170,9 +170,9 @@ const DatePicker = /*#__PURE__*/function () {
     var handleReturnFocus = function () {
       var _a, _b;
       if (lastTrigger === 'inputKeydown' || lastTrigger === 'inputFocus') {
-        return (_a = inputRef.current) === null || _a === undefined ? undefined : _a.focus();
+        return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
       }
-      (_b = buttonRef.current) === null || _b === undefined ? undefined : _b.focus();
+      (_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
     };
     useEffect(function () {
       if (selectedDay) {

package/dist/esm/DatePicker/subcomponents/DateInputField/DateInputField.mjs

@@ -13,15 +13,15 @@ const DateInputField = /*#__PURE__*/function () {
       status = _a.status,
       validationMessage = _a.validationMessage,
       _b = _a.locale,
-      locale = _b === undefined ? enAU : _b,
+      locale = _b === void 0 ? enAU : _b,
       propsId = _a.id,
       disabled = _a.disabled,
       _c = _a.isReversed,
-      isReversed = _c === undefined ? false : _c,
+      isReversed = _c === void 0 ? false : _c,
       classNameOverride = _a.classNameOverride,
       dateInputWithIconButtonProps = __rest(_a, ["description", "status", "validationMessage", "locale", "id", "disabled", "isReversed", "classNameOverride"]);
     var reactId = useId();
-    var id = propsId !== null && propsId !== undefined ? propsId : reactId;
+    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
     var descriptionId = "".concat(id, "-field-message");
     var shouldShowValidationMessage = !disabled && validationMessage;
     return /*#__PURE__*/React.createElement("div", {

package/dist/esm/DateRangePicker/DateRangePicker.mjs

@@ -28,7 +28,7 @@ const DateRangePicker = /*#__PURE__*/function () {
     _a.description; // not used
     var labelText = _a.labelText,
       _c = _a.isDisabled,
-      isDisabled = _c === undefined ? false : _c,
+      isDisabled = _c === void 0 ? false : _c,
       classNameOverride = _a.classNameOverride,
       disabledDates = _a.disabledDates,
       disabledDaysOfWeek = _a.disabledDaysOfWeek,
@@ -43,9 +43,9 @@ const DateRangePicker = /*#__PURE__*/function () {
       onChange = _a.onChange,
       inputProps = __rest(_a, ["id", "buttonRef", "description", "labelText", "isDisabled", "classNameOverride", "disabledDates", "disabledDaysOfWeek", "disabledRange", "disabledBeforeAfter", "disabledBefore", "disabledAfter", "weekStartsOn", "defaultMonth", "selectedDateRange", "value", "onChange"]);
     var fallbackRef = useRef(null);
-    var ref = buttonRef !== null && buttonRef !== undefined ? buttonRef : fallbackRef;
+    var ref = buttonRef !== null && buttonRef !== void 0 ? buttonRef : fallbackRef;
     var reactId = useId();
-    var id = propsId !== null && propsId !== undefined ? propsId : reactId;
+    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
     var containerRef = useRef(null);
     var _d = useState(false),
       isOpen = _d[0],
@@ -114,7 +114,7 @@ const DateRangePicker = /*#__PURE__*/function () {
       disabled: isDisabled,
       ref: ref,
       onClick: handleOpenClose,
-      "aria-label": (selectedDateRange === null || selectedDateRange === undefined ? undefined : selectedDateRange.from) ? "Change date: ".concat(value) : 'Choose date'
+      "aria-label": (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? "Change date: ".concat(value) : 'Choose date'
     }, inputProps), /*#__PURE__*/React.createElement("div", {
       className: styles.startIconAdornment
     }, /*#__PURE__*/React.createElement(Icon, {
@@ -123,7 +123,7 @@ const DateRangePicker = /*#__PURE__*/function () {
       isFilled: true
     })), /*#__PURE__*/React.createElement("span", {
       className: styles.value
-    }, (selectedDateRange === null || selectedDateRange === undefined ? undefined : selectedDateRange.from) ? value : undefined))), isOpen && (/*#__PURE__*/React.createElement(FocusOn, {
+    }, (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? value : undefined))), isOpen && (/*#__PURE__*/React.createElement(FocusOn, {
       scrollLock: false,
       onDeactivation: handleReturnFocus,
       onClickOutside: handleOpenClose,

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 === 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 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 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 === undefined ? false : _b,
+      isReversed = _b === void 0 ? false : _b,
       classNameOverride = _a.classNameOverride,
       props = __rest(_a, ["variant", "isReversed", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("hr", __assign({

package/dist/esm/EmptyState/EmptyState.mjs

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { Heading } from '../Heading/Heading.mjs';
 import '../Illustration/subcomponents/Base/Base.mjs';
 import '../Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.mjs';
-import { EmptyStatesPositive, EmptyStatesNegative, EmptyStatesInformative, EmptyStatesNeutral } from '../Illustration/Scene/Scene.mjs';
+import { EmptyStatesNegative, EmptyStatesNeutral, EmptyStatesPositive, EmptyStatesInformative } from '../Illustration/Scene/Scene.mjs';
 import { Text } from '../Text/Text.mjs';
 import styles from './EmptyState.module.css.mjs';
 var ILLUSTRATIONS = {
@@ -31,18 +31,18 @@ const EmptyState = /*#__PURE__*/function () {
       id = _a.id,
       illustrationType = _a.illustrationType,
       _b = _a.variant,
-      variant = _b === undefined ? 'informative' : _b;
+      variant = _b === void 0 ? 'informative' : _b;
     _a.layoutContext;
     var headingProps = _a.headingProps,
       bodyText = _a.bodyText,
       straightCorners = _a.straightCorners,
       _c = _a.isAnimated,
-      isAnimated = _c === undefined ? true : _c,
+      isAnimated = _c === void 0 ? true : _c,
       _d = _a.loop,
-      loop = _d === undefined ? false : _d,
+      loop = _d === void 0 ? 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 !== undefined ? illustrationType : variant];
+    var IllustrationComponent = ILLUSTRATIONS[illustrationType !== null && illustrationType !== void 0 ? illustrationType : variant];
     return /*#__PURE__*/React.createElement("div", __assign({
       className: classnames(styles.container, illustrationType ? styles[illustrationType] : styles[variant], straightCorners && styles.straightCorners, classNameOverride),
       id: id

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 === undefined ? undefined : callToAction.homeHref) !== null && _b !== undefined ? _b : HOME_HREF
+        href: (_b = callToAction === null || callToAction === void 0 ? void 0 : callToAction.homeHref) !== null && _b !== void 0 ? _b : HOME_HREF
       },
-      secondary: (callToAction === null || callToAction === undefined ? undefined : callToAction.onContactSupport) ? {
+      secondary: (callToAction === null || callToAction === void 0 ? void 0 : 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 !== undefined ? message : content.message)), /*#__PURE__*/React.createElement(Text, {
+      }, message !== null && message !== void 0 ? 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 !== undefined ? title : content.title
+        title: title !== null && title !== void 0 ? 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 === undefined ? false : _b,
+      inline = _b === void 0 ? false : _b,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "inline", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", __assign({

package/dist/esm/FieldMessage/FieldMessage.mjs

@@ -8,11 +8,11 @@ const FieldMessage = /*#__PURE__*/function () {
   const FieldMessage = function (_a) {
     var message = _a.message,
       _b = _a.status,
-      status = _b === undefined ? 'default' : _b,
+      status = _b === void 0 ? 'default' : _b,
       _c = _a.position,
-      position = _c === undefined ? 'bottom' : _c,
+      position = _c === void 0 ? 'bottom' : _c,
       _d = _a.reversed,
-      reversed = _d === undefined ? false : _d,
+      reversed = _d === void 0 ? 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';

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

@@ -29,12 +29,12 @@ const Filter = /*#__PURE__*/function () {
     var inbuiltRef = useRef({
       triggerRef: inbuiltButtonRef
     });
-    var filterButtonRef = (_b = trigger.ref) !== null && _b !== undefined ? _b : inbuiltRef;
+    var filterButtonRef = (_b = trigger.ref) !== null && _b !== void 0 ? _b : inbuiltRef;
     useEffect(function () {
       var _a, _b;
-      if ((_b = (_a = filterButtonRef.current) === null || _a === undefined ? undefined : _a.triggerRef) === null || _b === undefined ? undefined : _b.current) {
+      if ((_b = (_a = filterButtonRef.current) === null || _a === void 0 ? void 0 : _a.triggerRef) === null || _b === void 0 ? void 0 : _b.current) {
         setIsRefLoaded(true);
-        onMount === null || onMount === undefined ? undefined : onMount(filterButtonRef.current.triggerRef);
+        onMount === null || onMount === void 0 ? void 0 : onMount(filterButtonRef.current.triggerRef);
       }
     }, [filterButtonRef, onMount]);
     return /*#__PURE__*/React.createElement("div", __assign({
@@ -50,7 +50,7 @@ const Filter = /*#__PURE__*/function () {
         return setIsOpen(false);
       }
     }, /*#__PURE__*/React.createElement(FilterPopover, {
-      referenceElement: (_e = (_d = (_c = filterButtonRef.current) === null || _c === undefined ? undefined : _c.triggerRef) === null || _d === undefined ? undefined : _d.current) !== null && _e !== undefined ? _e : null,
+      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,
       "aria-labelledby": trigger.props.id
     }, children))));
   };

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

@@ -26,8 +26,8 @@ const FilterPopover = /*#__PURE__*/function () {
       popperAttributes = _c.attributes;
     return /*#__PURE__*/React.createElement("div", __assign({
       ref: setPopperElement,
-      style: popperStyles === null || popperStyles === undefined ? undefined : popperStyles.popper
-    }, popperAttributes === null || popperAttributes === undefined ? undefined : popperAttributes.popper, {
+      style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper
+    }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, {
       className: classnames(styles.filterPopover, classNameOverride),
       role: "dialog",
       "aria-modal": "true"

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 === undefined ? undefined : _a.name) !== null && _b !== undefined ? _b : filter.name
+            })) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _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 !== undefined ? isRemovable : false,
+      isRemovable: isRemovable !== null && isRemovable !== void 0 ? 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 === undefined ? undefined : _a.focus();
+        (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         setFocus(undefined);
       }
     }, [focusId, setFocus]);

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

@@ -11,7 +11,7 @@ const FilterBarButton = /*#__PURE__*/function () {
   const FilterBarButton = /*#__PURE__*/forwardRef(function (_a, ref) {
     var filterId = _a.filterId,
       _b = _a.isRemovable,
-      isRemovable = _b === undefined ? false : _b,
+      isRemovable = _b === void 0 ? false : _b,
       classNameOverride = _a.classNameOverride,
       props = __rest(_a, ["filterId", "isRemovable", "classNameOverride"]);
     var _c = useFilterBarContext(),
@@ -21,7 +21,7 @@ const FilterBarButton = /*#__PURE__*/function () {
     useEffect(function () {
       var _a, _b, _c;
       if (focusId === filterId && isRefObject(ref)) {
-        (_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();
+        (_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();
         setFocus(undefined);
       }
     }, [filterId, focusId, ref, setFocus]);

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 === undefined ? 'en-AU' : _b,
+      locale = _b === void 0 ? '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 === undefined ? undefined : onDateChange(key);
+        onDateChange === null || onDateChange === void 0 ? void 0 : 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 === undefined ? 'en-AU' : _b,
+      locale = _b === void 0 ? '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 === undefined ? undefined : onRangeChange(range);
+        onRangeChange === null || onRangeChange === void 0 ? void 0 : 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 === undefined ? undefined : _a.focus();
+        (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _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 !== undefined ? _b : null),
+      selectedKeys: new Set((_b = filterState.value) !== null && _b !== void 0 ? _b : null),
       onSelectionChange: function (keys) {
         // Convert the internal FilterMultiSelect state (Set) to an Array for FilterBar state
         updateValue(id, convertSelectionToAConsumableFormat(keys));
-        onSelectionChange === null || onSelectionChange === undefined ? undefined : onSelectionChange(keys);
+        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(keys);
       },
       items: items,
       isOpen: filterState.isOpen,

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 === undefined ? undefined : item.value;
+          return item === null || item === void 0 ? void 0 : 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 !== undefined ? _b : null,
+      selectedKey: (_b = filterState.value) !== null && _b !== void 0 ? _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 === undefined ? undefined : onSelectionChange(key);
+        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : 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 === undefined ? false : _b,
+      isOpen = _b === void 0 ? false : _b,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["label", "selectedValue", "isOpen", "classNameOverride"]);
     var customRefObject = isRefObject(ref) ? ref.current : null;
-    var triggerRef = customRefObject === null || customRefObject === undefined ? undefined : customRefObject.triggerRef;
+    var triggerRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.triggerRef;
     var selectedValuesLabel = selectedValue;
     return /*#__PURE__*/React.createElement(FilterButtonBase, __assign({
       ref: triggerRef,

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 === undefined ? undefined : triggerButtonProps.label
+      filterLabel: triggerButtonProps === null || triggerButtonProps === void 0 ? void 0 : triggerButtonProps.label
     });
     var customRefObject = isRefObject(ref) ? ref.current : null;
-    var removeButtonRef = customRefObject === null || customRefObject === undefined ? undefined : customRefObject.removeButtonRef;
-    var removeButtonLabel = (_b = removeButtonProps === null || removeButtonProps === undefined ? undefined : removeButtonProps.tooltipText) !== null && _b !== undefined ? _b : removeButtonLabelFallback;
+    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;
     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 === undefined ? undefined : onDateSubmit(date);
+        onDateSubmit === null || onDateSubmit === void 0 ? void 0 : 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 === undefined ? undefined : onChange(e);
+    onChange === null || onChange === void 0 ? void 0 : 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 === undefined ? undefined : onFocus(e);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
   };
   var handleBlur = function (e) {
     if (isSelectingDayInCalendar(e.relatedTarget)) return;
     if (e.currentTarget.value === '') {
       onDateChange(undefined);
-      onBlur === null || onBlur === undefined ? undefined : onBlur(e);
+      onBlur === null || onBlur === void 0 ? void 0 : 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 === undefined ? undefined : onBlur(e);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
   };
   var handleKeyDown = function (e) {
     if (e.key === 'Enter') {
       e.preventDefault();
       var date = parseDateFromNumeralFormatValue(e.currentTarget.value, locale);
       onDateChange(date);
-      onDateSubmit === null || onDateSubmit === undefined ? undefined : onDateSubmit(date);
+      onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
     }
-    onKeyDown === null || onKeyDown === undefined ? undefined : onKeyDown(e);
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : 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 === undefined ? false : _b,
+      isReversed = _b === void 0 ? 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 !== undefined ? labelText : dateInputLabelFallback,
+      labelText: labelText !== null && labelText !== void 0 ? labelText : dateInputLabelFallback,
       "aria-describedby": inputDescribedBy,
       "aria-errormessage": errorMessageId,
       "aria-invalid": dateIsInvalid,
       autoComplete: "off",
       disabled: disabled,
-      status: validationMessage === null || validationMessage === undefined ? undefined : validationMessage.status,
+      status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
       classNameOverride: classNameOverride
     }, restProps)), validationMessage && (/*#__PURE__*/React.createElement(FieldMessage, {
       id: errorMessageId,
-      message: validationMessage === null || validationMessage === undefined ? undefined : validationMessage.message,
-      status: validationMessage === null || validationMessage === undefined ? undefined : validationMessage.status,
+      message: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.message,
+      status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
       reversed: isReversed
     })), /*#__PURE__*/React.createElement(FieldMessage, {
       id: descriptionId,