@kaizen/components 1.68.6 → 1.68.8

package/dist/cjs/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.cjs

@@ -18,9 +18,9 @@ var AddFiltersMenu = function () {
   var formatMessage = i18nReactIntl.useIntl().formatMessage;
   var buttonRef = React.useRef(null);
   var menuButtonLabel = formatMessage({
-    id: "filterBar.addFiltersMenu.buttonLabel",
-    defaultMessage: "Add Filters",
-    description: "Menu button label to show additional available filter options"
+    id: 'filterBar.addFiltersMenu.buttonLabel',
+    defaultMessage: 'Add Filters',
+    description: 'Menu button label to show additional available filter options'
   });
   var _a = FilterBarContext.useFilterBarContext(),
     getInactiveFilters = _a.getInactiveFilters,
@@ -30,11 +30,11 @@ var AddFiltersMenu = function () {
   var inactiveFilters = getInactiveFilters();
   React.useEffect(function () {
     var _a;
-    if (focusId === "add_filter") {
+    if (focusId === 'add_filter') {
       (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
       setFocus(undefined);
     }
-  }, [focusId]);
+  }, [focusId, setFocus]);
   return React__default.default.createElement(Menu.Menu, {
     button: React__default.default.createElement(Button.Button, {
       ref: buttonRef,
@@ -58,5 +58,5 @@ var AddFiltersMenu = function () {
     });
   })));
 };
-AddFiltersMenu.displayName = "FilterBar.AddFiltersMenu";
+AddFiltersMenu.displayName = 'FilterBar.AddFiltersMenu';
 exports.AddFiltersMenu = AddFiltersMenu;

package/dist/cjs/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.cjs

@@ -17,14 +17,14 @@ var ClearAllButton = function () {
   var _a;
   var formatMessage = i18nReactIntl.useIntl().formatMessage;
   var clearButtonLabel = formatMessage({
-    id: "filterBar.clearAllButton.label",
-    defaultMessage: "Clear all",
-    description: "Button label to clear all values within the filter bar"
+    id: 'filterBar.clearAllButton.label',
+    defaultMessage: 'Clear all',
+    description: 'Button label to clear all values within the filter bar'
   });
   var clearButtonAriaLabel = formatMessage({
-    id: "filterBar.clearAllButton.ariaLabel",
-    defaultMessage: "Clear all filters",
-    description: "Button aria-label to clear all values within the filter bar"
+    id: 'filterBar.clearAllButton.ariaLabel',
+    defaultMessage: 'Clear all filters',
+    description: 'Button aria-label to clear all values within the filter bar'
   });
   var _b = FilterBarContext.useFilterBarContext(),
     clearAllFilters = _b.clearAllFilters,
@@ -37,5 +37,5 @@ var ClearAllButton = function () {
     onClick: clearAllFilters
   });
 };
-ClearAllButton.displayName = "FilterBar.ClearAllButton";
+ClearAllButton.displayName = 'FilterBar.ClearAllButton';
 exports.ClearAllButton = ClearAllButton;

package/dist/cjs/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.cjs

@@ -31,7 +31,7 @@ var FilterBarButton = React.forwardRef(function (_a, 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();
       setFocus(undefined);
     }
-  }, [focusId]);
+  }, [filterId, focusId, ref, setFocus]);
   return isRemovable ? React__default.default.createElement(FilterButtonRemovable.FilterButtonRemovable, {
     ref: ref,
     triggerButtonProps: props,
@@ -46,5 +46,5 @@ var FilterBarButton = React.forwardRef(function (_a, ref) {
     classNameOverride: classnames__default.default(classNameOverride, FilterBarButton_module.filterBarButton)
   }, props));
 });
-FilterBarButton.displayName = "FilterBar.Button";
+FilterBarButton.displayName = 'FilterBar.Button';
 exports.FilterBarButton = FilterBarButton;

package/dist/cjs/Filter/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.cjs

@@ -24,18 +24,18 @@ var FilterBarDatePicker = function (_a) {
   var id = _a.id,
     onDateChange = _a.onDateChange,
     _b = _a.locale,
-    locale = _b === void 0 ? "en-AU" : _b,
+    locale = _b === void 0 ? 'en-AU' : _b,
     props = tslib.__rest(_a, ["id", "onDateChange", "locale"]);
   var _c = FilterBarContext.useFilterBarContext(),
     getFilterState = _c.getFilterState,
     setFilterOpenState = _c.setFilterOpenState,
     updateValue = _c.updateValue;
-  if (!id) throw Error("Missing `id` prop in FilterBarDatePicker");
+  if (!id) throw Error('Missing `id` prop in FilterBarDatePicker');
   var filterState = getFilterState(id);
   return React__default.default.createElement(FilterDatePicker.FilterDatePicker, tslib.__assign({}, props, {
     id: id,
     locale: locale,
-    selectedDate: filterState.value || undefined,
+    selectedDate: filterState.value,
     label: filterState.name,
     renderTrigger: function (triggerProps) {
       return React__default.default.createElement(FilterBarButton.FilterBarButton, tslib.__assign({}, triggerProps, {
@@ -53,5 +53,5 @@ var FilterBarDatePicker = function (_a) {
     }
   }));
 };
-FilterBarDatePicker.displayName = "FilterBar.DatePicker";
+FilterBarDatePicker.displayName = 'FilterBar.DatePicker';
 exports.FilterBarDatePicker = FilterBarDatePicker;

package/dist/cjs/Filter/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.cjs

@@ -15,13 +15,13 @@ var FilterBarDateRangePicker = function (_a) {
   var id = _a.id,
     onRangeChange = _a.onRangeChange,
     _b = _a.locale,
-    locale = _b === void 0 ? "en-AU" : _b,
+    locale = _b === void 0 ? 'en-AU' : _b,
     props = tslib.__rest(_a, ["id", "onRangeChange", "locale"]);
   var _c = FilterBarContext.useFilterBarContext(),
     getFilterState = _c.getFilterState,
     setFilterOpenState = _c.setFilterOpenState,
     updateValue = _c.updateValue;
-  if (!id) throw Error("Missing `id` prop in FilterBarDateRangePicker");
+  if (!id) throw Error('Missing `id` prop in FilterBarDateRangePicker');
   var filterState = getFilterState(id);
   return React__default.default.createElement(FilterDateRangePicker.FilterDateRangePicker, tslib.__assign({}, props, {
     id: id,
@@ -44,5 +44,5 @@ var FilterBarDateRangePicker = function (_a) {
     locale: locale
   }));
 };
-FilterBarDateRangePicker.displayName = "FilterBar.DateRangePicker";
+FilterBarDateRangePicker.displayName = 'FilterBar.DateRangePicker';
 exports.FilterBarDateRangePicker = FilterBarDateRangePicker;

package/dist/cjs/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.cjs

@@ -16,7 +16,7 @@ function _interopDefault(e) {
 }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var convertSelectionToAConsumableFormat = function (value) {
-  if (value === "all") return "all";
+  if (value === 'all') return 'all';
   var arrayOfValues = Array.from(value);
   return arrayOfValues.length > 0 ? Array.from(value) : undefined;
 };
@@ -24,28 +24,31 @@ var convertConsumableFormatIntoSelection = function (value) {
   return new Set(value);
 };
 var FilterBarMultiSelect = function (_a) {
+  var _b;
   var id = _a.id,
     propsItems = _a.items,
     children = _a.children,
     onSelectionChange = _a.onSelectionChange,
     props = tslib.__rest(_a, ["id", "items", "children", "onSelectionChange"]);
-  var _b = FilterBarContext.useFilterBarContext(),
-    getFilterState = _b.getFilterState,
-    setFilterOpenState = _b.setFilterOpenState,
-    updateValue = _b.updateValue,
-    hideFilter = _b.hideFilter,
-    focusId = _b.focusId,
-    setFocus = _b.setFocus;
-  var _c = React.useState(propsItems),
-    items = _c[0],
-    setItems = _c[1];
+  var _c = FilterBarContext.useFilterBarContext(),
+    getFilterState = _c.getFilterState,
+    setFilterOpenState = _c.setFilterOpenState,
+    updateValue = _c.updateValue,
+    hideFilter = _c.hideFilter,
+    focusId = _c.focusId,
+    setFocus = _c.setFocus;
+  var _d = React.useState(propsItems),
+    items = _d[0],
+    setItems = _d[1];
   var buttonRef = React.useRef(null);
-  if (!id) throw Error("Missing `id` prop in FilterBarMultiSelect");
+  if (!id) throw Error('Missing `id` prop in FilterBarMultiSelect');
   var filterState = getFilterState(id);
   React.useEffect(function () {
     if (!checkArraysMatch.checkArraysMatch(items, propsItems)) {
       setItems(propsItems);
     }
+    // We only want to run this effect when propsItems changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [propsItems]);
   React.useEffect(function () {
     if (Array.isArray(filterState.value)) {
@@ -60,6 +63,8 @@ var FilterBarMultiSelect = function (_a) {
         updateValue(id, filteredValues);
       }
     }
+    // We only want to run this effect when items changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [items]);
   React.useEffect(function () {
     var _a;
@@ -67,11 +72,11 @@ var FilterBarMultiSelect = function (_a) {
       (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
       setFocus(undefined);
     }
-  }, [focusId]);
+  }, [focusId, id, setFocus]);
   return React__default.default.createElement(FilterMultiSelect.FilterMultiSelect, tslib.__assign({
     label: filterState.name,
     // Convert the incoming FilterBar state to a Set (internal FilterMultiSelect state)
-    selectedKeys: new Set(filterState.value || 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));
@@ -100,5 +105,5 @@ var FilterBarMultiSelect = function (_a) {
     triggerRef: buttonRef
   }, props), children);
 };
-FilterBarMultiSelect.displayName = "FilterBar.MultiSelect";
+FilterBarMultiSelect.displayName = 'FilterBar.MultiSelect';
 exports.FilterBarMultiSelect = FilterBarMultiSelect;

package/dist/cjs/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.cjs

@@ -13,23 +13,26 @@ function _interopDefault(e) {
 }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var FilterBarSelect = function (_a) {
+  var _b;
   var id = _a.id,
     propsItems = _a.items,
     onSelectionChange = _a.onSelectionChange,
     props = tslib.__rest(_a, ["id", "items", "onSelectionChange"]);
-  var _b = FilterBarContext.useFilterBarContext(),
-    getFilterState = _b.getFilterState,
-    setFilterOpenState = _b.setFilterOpenState,
-    updateValue = _b.updateValue;
-  var _c = React.useState(propsItems),
-    items = _c[0],
-    setItems = _c[1];
-  if (!id) throw Error("Missing `id` prop in FilterBarSelect");
+  var _c = FilterBarContext.useFilterBarContext(),
+    getFilterState = _c.getFilterState,
+    setFilterOpenState = _c.setFilterOpenState,
+    updateValue = _c.updateValue;
+  var _d = React.useState(propsItems),
+    items = _d[0],
+    setItems = _d[1];
+  if (!id) throw Error('Missing `id` prop in FilterBarSelect');
   var filterState = getFilterState(id);
   React.useEffect(function () {
     if (!checkArraysMatch.checkArraysMatch(items, propsItems)) {
       setItems(propsItems);
     }
+    // We only want to run this effect when propsItems changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [propsItems]);
   React.useEffect(function () {
     if (filterState.value) {
@@ -40,10 +43,12 @@ var FilterBarSelect = function (_a) {
         updateValue(id, undefined);
       }
     }
+    // We only want to run this effect when items changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [items]);
   return React__default.default.createElement(FilterSelect.FilterSelect, tslib.__assign({}, props, {
     items: items,
-    selectedKey: filterState.value || null,
+    selectedKey: (_b = filterState.value) !== null && _b !== void 0 ? _b : null,
     label: filterState.name,
     renderTrigger: function (triggerProps) {
       return React__default.default.createElement(FilterBarButton.FilterBarButton, tslib.__assign({}, triggerProps, {
@@ -61,5 +66,5 @@ var FilterBarSelect = function (_a) {
     }
   }));
 };
-FilterBarSelect.displayName = "FilterBarSelect";
+FilterBarSelect.displayName = 'FilterBarSelect';
 exports.FilterBarSelect = FilterBarSelect;

package/dist/cjs/Filter/FilterButton/FilterButton/FilterButton.cjs

@@ -36,9 +36,9 @@ var FilterButton = React.forwardRef(function (_a, ref) {
   }, React__default.default.createElement("span", null, label), React__default.default.createElement("span", {
     className: FilterButton_module.labelSeparator
   }, ":")), React__default.default.createElement("span", null, selectedValuesLabel)) : label), React__default.default.createElement(Icon.Icon, {
-    name: isOpen ? "keyboard_arrow_up" : "keyboard_arrow_down",
+    name: isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down',
     isPresentational: true
   }));
 });
-FilterButton.displayName = "FilterButton";
+FilterButton.displayName = 'FilterButton';
 exports.FilterButton = FilterButton;

package/dist/cjs/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.cjs

@@ -25,9 +25,9 @@ var FilterButtonRemovable = React.forwardRef(function (_a, ref) {
     restProps = tslib.__rest(_a, ["triggerButtonProps", "removeButtonProps"]);
   var formatMessage = i18nReactIntl.useIntl().formatMessage;
   var removeButtonLabelFallback = formatMessage({
-    id: "filterButton.removable.removeButtonLabel",
-    defaultMessage: "Remove filter - {filterLabel}",
-    description: "Button label to remove a single filter from the filter bar"
+    id: 'filterButton.removable.removeButtonLabel',
+    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
   });
@@ -49,5 +49,5 @@ var FilterButtonRemovable = React.forwardRef(function (_a, ref) {
     isFilled: true
   }))));
 });
-FilterButtonRemovable.displayName = "FilterButtonRemovable";
+FilterButtonRemovable.displayName = 'FilterButtonRemovable';
 exports.FilterButtonRemovable = FilterButtonRemovable;

package/dist/cjs/Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.cjs

@@ -21,5 +21,5 @@ var FilterButtonBase = React.forwardRef(function (_a, ref) {
     className: classnames__default.default(FilterButtonBase_module.filterButtonBase, classNameOverride)
   }, restProps), children);
 });
-FilterButtonBase.displayName = "FilterButtonBase";
+FilterButtonBase.displayName = 'FilterButtonBase';
 exports.FilterButtonBase = FilterButtonBase;

package/dist/cjs/Filter/FilterDatePicker/FilterDatePicker.cjs

@@ -44,5 +44,5 @@ var FilterDatePicker = function (_a) {
     }
   }, restProps))));
 };
-FilterDatePicker.displayName = "FilterDatePicker";
+FilterDatePicker.displayName = 'FilterDatePicker';
 exports.FilterDatePicker = FilterDatePicker;

package/dist/cjs/Filter/FilterDatePicker/hooks/useDateInputHandlers.cjs

@@ -37,7 +37,7 @@ var useDateInputHandlers = function (_a) {
   };
   var handleBlur = function (e) {
     if (isSelectingDayInCalendar.isSelectingDayInCalendar(e.relatedTarget)) return;
-    if (e.currentTarget.value === "") {
+    if (e.currentTarget.value === '') {
       onDateChange(undefined);
       onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
       return;
@@ -51,7 +51,7 @@ var useDateInputHandlers = function (_a) {
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
   };
   var handleKeyDown = function (e) {
-    if (e.key === "Enter") {
+    if (e.key === 'Enter') {
       e.preventDefault();
       var date = parseDateFromNumeralFormatValue.parseDateFromNumeralFormatValue(e.currentTarget.value, locale);
       onDateChange(date);

package/dist/cjs/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.cjs

@@ -27,9 +27,9 @@ var DateInputField = React__default.default.forwardRef(function (_a, ref) {
     restProps = tslib.__rest(_a, ["id", "labelText", "description", "disabled", "isReversed", "validationMessage", "locale", "classNameOverride"]);
   var formatMessage = i18nReactIntl.useIntl().formatMessage;
   var dateInputLabelFallback = formatMessage({
-    id: "filterDatePickerDateInputField.dateInputLabelFallback",
-    defaultMessage: "Date",
-    description: "Default label for date input field"
+    id: 'filterDatePickerDateInputField.dateInputLabelFallback',
+    defaultMessage: 'Date',
+    description: 'Default label for date input field'
   });
   var descriptionId = "".concat(id, "--field-message");
   var errorMessageId = validationMessage ? "".concat(id, "--date-error-message") : undefined;
@@ -38,7 +38,7 @@ var DateInputField = React__default.default.forwardRef(function (_a, ref) {
   return React__default.default.createElement("div", null, React__default.default.createElement(DateInput.DateInput, tslib.__assign({
     ref: ref,
     id: id,
-    labelText: labelText || dateInputLabelFallback,
+    labelText: labelText !== null && labelText !== void 0 ? labelText : dateInputLabelFallback,
     "aria-describedby": inputDescribedBy,
     "aria-errormessage": errorMessageId,
     "aria-invalid": dateIsInvalid,
@@ -61,5 +61,5 @@ var DateInputField = React__default.default.forwardRef(function (_a, ref) {
     classNameOverride: disabled ? DateInputField_module.disabled : undefined
   }));
 });
-DateInputField.displayName = "DateInputField";
+DateInputField.displayName = 'DateInputField';
 exports.DateInputField = DateInputField;

package/dist/cjs/Filter/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.cjs

@@ -56,8 +56,8 @@ var FilterDatePickerField = function (_a) {
   };
   var _b = React.useReducer(filterDatePickerFieldReducer.filterDatePickerFieldReducer, {
       selectedDate: selectedDate,
-      inputValue: transformDateToInputValue.transformDateToInputValue(selectedDate, disabledDays, locale) || "",
-      startMonth: selectedDate && !isInvalidDate.isInvalidDate(selectedDate) ? selectedDate : defaultMonth || new Date()
+      inputValue: transformDateToInputValue.transformDateToInputValue(selectedDate, disabledDays, locale) || '',
+      startMonth: selectedDate && !isInvalidDate.isInvalidDate(selectedDate) ? selectedDate : defaultMonth !== null && defaultMonth !== void 0 ? defaultMonth : new Date()
     }),
     state = _b[0],
     dispatch = _b[1];
@@ -69,7 +69,7 @@ var FilterDatePickerField = function (_a) {
     disabledDays: disabledDays,
     setInputValue: function (value) {
       dispatch({
-        type: "update_input_field",
+        type: 'update_input_field',
         inputValue: value
       });
     },
@@ -79,7 +79,7 @@ var FilterDatePickerField = function (_a) {
       // which is triggered by `onBlur` function
       var newDate = validateDate(date, state.inputValue);
       dispatch({
-        type: "update_selected_date",
+        type: 'update_selected_date',
         date: newDate
       });
       handleDateChange(newDate);
@@ -101,11 +101,11 @@ var FilterDatePickerField = function (_a) {
     var inputValue = transformDateToInputValue.transformDateToInputValue(date, disabledDays, locale);
     var newDate = validateDate(date, inputValue);
     dispatch({
-      type: "update_selected_date",
+      type: 'update_selected_date',
       date: newDate
     });
     dispatch({
-      type: "update_input_field",
+      type: 'update_input_field',
       inputValue: inputValue
     });
     handleDateChange(newDate);
@@ -113,6 +113,8 @@ var FilterDatePickerField = function (_a) {
   };
   React.useEffect(function () {
     validateDate(selectedDate, state.inputValue);
+    // We only want to validate on first render - subsequent validations are handled by the input handlers
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return React__default.default.createElement("div", tslib.__assign({
     className: classnames__default.default(FilterDatePickerField_module.filterDatePickerField, classNameOverride)
@@ -130,7 +132,7 @@ var FilterDatePickerField = function (_a) {
     month: state.startMonth,
     onMonthChange: function (value) {
       return dispatch({
-        type: "navigate_months",
+        type: 'navigate_months',
         date: value
       });
     }

package/dist/cjs/Filter/FilterDatePicker/subcomponents/FilterDatePickerField/filterDatePickerFieldReducer.cjs

@@ -7,18 +7,19 @@ require('date-fns');
 var isInvalidDate = require('../../../../Calendar/utils/isInvalidDate.cjs');
 require('react-day-picker');
 var filterDatePickerFieldReducer = function (state, action) {
+  var _a;
   switch (action.type) {
-    case "update_selected_date":
+    case 'update_selected_date':
       return tslib.__assign(tslib.__assign({}, state), {
         selectedDate: action.date,
-        inputValue: action.inputValue === undefined ? state.inputValue : action.inputValue,
+        inputValue: (_a = action.inputValue) !== null && _a !== void 0 ? _a : state.inputValue,
         startMonth: action.date && !isInvalidDate.isInvalidDate(action.date) ? action.date : new Date()
       });
-    case "navigate_months":
+    case 'navigate_months':
       return tslib.__assign(tslib.__assign({}, state), {
         startMonth: action.date && !isInvalidDate.isInvalidDate(action.date) ? action.date : new Date()
       });
-    case "update_input_field":
+    case 'update_input_field':
       return tslib.__assign(tslib.__assign({}, state), {
         inputValue: action.inputValue
       });

package/dist/cjs/Filter/FilterDatePicker/utils/transformDateToInputValue.cjs

@@ -7,6 +7,6 @@ require('date-fns');
 var formatDateAsText = require('../../../Calendar/utils/formatDateAsText.cjs');
 require('react-day-picker');
 var transformDateToInputValue = function (date, disabledDays, locale) {
-  return date ? formatDateAsText.formatDateAsText(date, disabledDays, locale) : "";
+  return date ? formatDateAsText.formatDateAsText(date, disabledDays, locale) : '';
 };
 exports.transformDateToInputValue = transformDateToInputValue;

package/dist/cjs/Filter/FilterDateRangePicker/FilterDateRangePicker.cjs

@@ -45,5 +45,5 @@ var FilterDateRangePicker = function (_a) {
     selectedRange: selectedRange
   }, restProps))));
 };
-FilterDateRangePicker.displayName = "FilterDateRangePicker";
+FilterDateRangePicker.displayName = 'FilterDateRangePicker';
 exports.FilterDateRangePicker = FilterDateRangePicker;

package/dist/cjs/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.cjs

@@ -23,5 +23,5 @@ var DateRangeDisplayLabel = function (_a) {
     className: DateRangeDisplayLabel_module.dateRangeDisplayLabel
   }, React__default.default.createElement("span", null, formattedDateFrom), React__default.default.createElement("span", null, "-"), React__default.default.createElement("span", null, formattedDateTo));
 };
-DateRangeDisplayLabel.displayName = "DateRangeDisplayLabel";
+DateRangeDisplayLabel.displayName = 'DateRangeDisplayLabel';
 exports.DateRangeDisplayLabel = DateRangeDisplayLabel;

package/dist/cjs/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.cjs

@@ -85,5 +85,5 @@ var DateRangeInputField = React__default.default.forwardRef(function (_a, ref) {
     classNameOverride: disabled ? DateRangeInputField_module.disabled : undefined
   }));
 });
-DateRangeInputField.displayName = "DateRangeInputField";
+DateRangeInputField.displayName = 'DateRangeInputField';
 exports.DateRangeInputField = DateRangeInputField;

package/dist/cjs/Filter/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.cjs

@@ -61,5 +61,5 @@ var DateRangeValidationMessage = function (_a) {
   }
   return null;
 };
-DateRangeValidationMessage.displayName = "DateRangeValidationMessage";
+DateRangeValidationMessage.displayName = 'DateRangeValidationMessage';
 exports.DateRangeValidationMessage = DateRangeValidationMessage;