@kaizen/components 1.70.9 → 1.70.11

package/dist/esm/Card/Card.mjs

@@ -11,12 +11,12 @@ const Card = /*#__PURE__*/function () {
   const Card = function (_a) {
     var children = _a.children,
       _b = _a.tag,
-      tag = _b === void 0 ? 'div' : _b,
+      tag = _b === undefined ? 'div' : _b,
       variant = _a.variant,
       _c = _a.color,
-      color = _c === void 0 ? 'white' : _c,
+      color = _c === undefined ? 'white' : _c,
       _d = _a.isElevated,
-      isElevated = _d === void 0 ? false : _d,
+      isElevated = _d === undefined ? false : _d,
       classNameOverride = _a.classNameOverride,
       props = __rest(_a, ["children", "tag", "variant", "color", "isElevated", "classNameOverride"]);
     var Element = tag;

package/dist/esm/Checkbox/Checkbox/Checkbox.mjs

@@ -17,10 +17,10 @@ var getCheckedFromStatus = function (checkedStatus) {
 const Checkbox = /*#__PURE__*/function () {
   const Checkbox = function (_a) {
     var _b = _a.checkedStatus,
-      checkedStatus = _b === void 0 ? 'off' : _b,
+      checkedStatus = _b === undefined ? 'off' : _b,
       onCheck = _a.onCheck,
       _c = _a.reversed,
-      reversed = _c === void 0 ? false : _c,
+      reversed = _c === undefined ? false : _c,
       value = _a.value,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["checkedStatus", "onCheck", "reversed", "value", "classNameOverride"]);
@@ -37,7 +37,7 @@ const Checkbox = /*#__PURE__*/function () {
       className: classnames(styles.checkbox, classNameOverride, reversed && styles.reversed),
       checked: getCheckedFromStatus(checkedStatus),
       onChange: onCheck,
-      value: value !== null && value !== void 0 ? value : checkedStatus,
+      value: value !== null && value !== undefined ? value : checkedStatus,
       readOnly: onCheck === undefined
     }, restProps)), /*#__PURE__*/React.createElement("span", {
       className: classnames(styles.box, reversed && styles.reversed)

package/dist/esm/Checkbox/CheckboxField/CheckboxField.mjs

@@ -15,16 +15,16 @@ const CheckboxField = /*#__PURE__*/function () {
       labelText = _a.labelText,
       checkedStatus = _a.checkedStatus,
       _b = _a.disabled,
-      disabled = _b === void 0 ? false : _b,
+      disabled = _b === undefined ? false : _b,
       _c = _a.reversed,
-      reversed = _c === void 0 ? false : _c,
+      reversed = _c === undefined ? false : _c,
       _d = _a.noBottomMargin,
-      noBottomMargin = _d === void 0 ? false : _d,
+      noBottomMargin = _d === undefined ? false : _d,
       dataTestId = _a["data-testid"],
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ['id', "labelText", "checkedStatus", "disabled", "reversed", "noBottomMargin", 'data-testid', "classNameOverride"]);
     var fallbackId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
     return /*#__PURE__*/React.createElement("div", {
       "data-testid": dataTestId,
       className: classnames(styles.container, classNameOverride, checkedStatus === 'on' && styles.checked, checkedStatus === 'mixed' && styles.mixed, reversed && styles.reversed, noBottomMargin && styles.noBottomMargin)

package/dist/esm/Checkbox/CheckboxGroup/CheckboxGroup.mjs

@@ -14,13 +14,13 @@ const CheckboxGroup = /*#__PURE__*/function () {
       labelText = _a.labelText,
       propsLabelId = _a.labelId,
       _b = _a.noBottomMargin,
-      noBottomMargin = _b === void 0 ? false : _b,
+      noBottomMargin = _b === undefined ? false : _b,
       _c = _a.reversed,
-      reversed = _c === void 0 ? false : _c,
+      reversed = _c === undefined ? false : _c,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "labelText", "labelId", "noBottomMargin", "reversed", "classNameOverride"]);
     var fallbackId = useId();
-    var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : fallbackId;
+    var labelId = propsLabelId !== null && propsLabelId !== undefined ? propsLabelId : fallbackId;
     return /*#__PURE__*/React.createElement("div", __assign({
       className: classnames(styles.checkboxGroupContainer, classNameOverride, noBottomMargin && styles.noBottomMargin, reversed && styles.reversed),
       role: "group",

package/dist/esm/ClearButton/ClearButton.mjs

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

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

@@ -19,24 +19,24 @@ const Collapsible = /*#__PURE__*/function () {
       noSectionPadding = _a.noSectionPadding,
       onToggle = _a.onToggle,
       _b = _a.variant,
-      variant = _b === void 0 ? 'default' : _b,
+      variant = _b === undefined ? 'default' : _b,
       lazyLoad = _a.lazyLoad,
       controlled = _a.controlled,
       classNameOverride = _a.classNameOverride,
       propsId = _a.id,
       restProps = __rest(_a, ["children", "title", "renderHeader", "open", "group", "separated", "sticky", "noSectionPadding", "onToggle", "variant", "lazyLoad", "controlled", "classNameOverride", "id"]);
-    var _c = useState(open !== null && open !== void 0 ? open : false),
+    var _c = useState(open !== null && open !== undefined ? open : false),
       stateIsOpen = _c[0],
       setIsOpen = _c[1];
     var getOpen = function () {
       return controlled ? open : stateIsOpen;
     };
     var fallbackId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
     var handleSectionToggle = function () {
       var newIsOpen = !getOpen();
       if (!controlled) setIsOpen(newIsOpen);
-      onToggle === null || onToggle === void 0 ? void 0 : onToggle(newIsOpen, id);
+      onToggle === null || onToggle === undefined ? undefined : onToggle(newIsOpen, id);
     };
     var handleButtonPress = function (event) {
       event.stopPropagation();
@@ -57,7 +57,7 @@ const Collapsible = /*#__PURE__*/function () {
       },
       onClick: handleSectionToggle,
       "data-testid": "collapsible-header-".concat(id)
-    }, renderHeader !== undefined ? renderHeader(title) : ( /*#__PURE__*/React.createElement("div", {
+    }, renderHeader !== undefined ? renderHeader(title) : (/*#__PURE__*/React.createElement("div", {
       className: styles.title,
       "data-testid": "collapsible-button-title-".concat(id)
     }, /*#__PURE__*/React.createElement(Heading, {
@@ -76,7 +76,7 @@ const Collapsible = /*#__PURE__*/function () {
       id: buttonId,
       onClick: handleButtonPress,
       classNameOverride: styles.chevronButton
-    }))), (!lazyLoad || isOpen) && ( /*#__PURE__*/React.createElement(AnimateHeight, {
+    }))), (!lazyLoad || isOpen) && (/*#__PURE__*/React.createElement(AnimateHeight, {
       height: isOpen ? 'auto' : 0,
       "data-testid": "collapsible-section-".concat(id)
     }, /*#__PURE__*/React.createElement("div", {

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 === void 0 ? false : _b,
+    separated = _b === undefined ? false : _b,
     sticky = _a.sticky,
     _c = _a.noSectionPadding,
-    noSectionPadding = _c === void 0 ? false : _c,
+    noSectionPadding = _c === undefined ? false : _c,
     _d = _a.lazyLoad,
-    lazyLoad = _d === void 0 ? false : _d,
+    lazyLoad = _d === undefined ? 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 === void 0 ? false : _b,
+      isReversed = _b === undefined ? false : _b,
       classNameOverride = _a.classNameOverride,
       inputProps = __rest(_a, ["id", "labelText", "disabled", "isReversed", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", {

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

@@ -1,6 +1,6 @@
 var formatDescriptionInputFormat = function (locale) {
   var _a;
-  return (_a = locale.formatLong) === null || _a === void 0 ? void 0 : _a.date({
+  return (_a = locale.formatLong) === null || _a === undefined ? undefined : _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 === void 0 ? void 0 : customRefObject.inputRef;
-    var buttonRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.buttonRef;
+    var inputRef = customRefObject === null || customRefObject === undefined ? undefined : customRefObject.inputRef;
+    var buttonRef = customRefObject === null || customRefObject === undefined ? undefined : 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 === void 0 ? 'en-AU' : _b,
+      propsLocale = _b === undefined ? '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 !== void 0 ? propsId : reactId;
+    var id = propsId !== null && propsId !== undefined ? propsId : reactId;
     var containerRef = useRef(null);
     var inputRef = useRef(null);
     var fallbackButtonRef = useRef(null);
-    var buttonRef = propsButtonRef !== null && propsButtonRef !== void 0 ? propsButtonRef : fallbackButtonRef;
+    var buttonRef = propsButtonRef !== null && propsButtonRef !== undefined ? 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 === void 0 ? void 0 : onInputClick(e);
+      onInputClick === null || onInputClick === undefined ? undefined : 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 === void 0 ? void 0 : onInputFocus(e);
+      onInputFocus === null || onInputFocus === undefined ? undefined : onInputFocus(e);
     };
     var handleInputChange = function (e) {
       setInputValue(e.target.value);
-      onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(e);
+      onInputChange === null || onInputChange === undefined ? undefined : 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 === void 0 ? void 0 : onInputBlur(e);
+        onInputBlur === null || onInputBlur === undefined ? undefined : onInputBlur(e);
         return;
       }
       handleDayChange(undefined, inputValue);
-      onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(e);
+      onInputBlur === null || onInputBlur === undefined ? undefined : 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 === void 0 ? void 0 : onButtonClick(e);
+      onButtonClick === null || onButtonClick === undefined ? undefined : 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 === void 0 ? void 0 : _a.focus();
+        return (_a = inputRef.current) === null || _a === undefined ? undefined : _a.focus();
       }
-      (_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+      (_b = buttonRef.current) === null || _b === undefined ? undefined : _b.focus();
     };
     useEffect(function () {
       if (selectedDay) {
@@ -221,7 +221,7 @@ const DatePicker = /*#__PURE__*/function () {
       onKeyDown: handleKeyDown,
       status: status !== undefined || !shouldUseInbuiltValidation ? status : inbuiltStatus,
       validationMessage: validationMessage !== undefined || !shouldUseInbuiltValidation ? validationMessage : inbuiltValidationMessage
-    }, restDateInputFieldProps))), isOpen && ( /*#__PURE__*/React.createElement(CalendarPopover, {
+    }, restDateInputFieldProps))), isOpen && (/*#__PURE__*/React.createElement(CalendarPopover, {
       referenceElement: containerRef.current,
       "aria-labelledby": "".concat(id, "-calendar-label ").concat(id, "-input-label")
     }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VisuallyHidden, {

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

package/dist/esm/DatePicker/utils/validateDate.mjs

@@ -32,14 +32,14 @@ var validateDate = function (_a) {
     return {
       validationResponse: __assign(__assign({}, baseResponse), {
         status: 'error',
-        validationMessage: inputValue ? ( /*#__PURE__*/React.createElement(FormattedMessage, {
+        validationMessage: inputValue ? (/*#__PURE__*/React.createElement(FormattedMessage, {
           id: "date.validation.invalidDateWithValue",
           defaultMessage: "{inputValue} is an invalid date",
           description: "Error message when the user enters an invalid date and we know their input value",
           values: {
             inputValue: inputValue
           }
-        })) : ( /*#__PURE__*/React.createElement(FormattedMessage, {
+        })) : (/*#__PURE__*/React.createElement(FormattedMessage, {
           id: "date.validation.invalidDate",
           defaultMessage: "Date is invalid",
           description: "Error message when the user enters an invalid date and we do not know their input value"
@@ -53,7 +53,7 @@ var validateDate = function (_a) {
     return {
       validationResponse: __assign(__assign({}, baseResponse), {
         status: 'error',
-        validationMessage: ( /*#__PURE__*/React.createElement(FormattedMessage, {
+        validationMessage: (/*#__PURE__*/React.createElement(FormattedMessage, {
           id: "date.validation.unavailableDate",
           defaultMessage: "{inputValue} is not available, try another date",
           description: "Error message when the user tries to select a date that is unavailable",

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 === void 0 ? false : _c,
+      isDisabled = _c === undefined ? 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 !== void 0 ? buttonRef : fallbackRef;
+    var ref = buttonRef !== null && buttonRef !== undefined ? buttonRef : fallbackRef;
     var reactId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+    var id = propsId !== null && propsId !== undefined ? 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 === void 0 ? void 0 : selectedDateRange.from) ? "Change date: ".concat(value) : 'Choose date'
+      "aria-label": (selectedDateRange === null || selectedDateRange === undefined ? undefined : 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 === void 0 ? void 0 : selectedDateRange.from) ? value : undefined))), isOpen && ( /*#__PURE__*/React.createElement(FocusOn, {
+    }, (selectedDateRange === null || selectedDateRange === undefined ? undefined : 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 === 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/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 === 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/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/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) {