@kaizen/components 3.3.1 → 3.3.3

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

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
 import classnames from 'classnames';
 import { ButtonGroup } from '../../../ButtonGroup/ButtonGroup.mjs';
@@ -9,39 +9,36 @@ import { isRefObject } from '../../../utils/isRefObject.mjs';
 import { FilterButton } from '../FilterButton/FilterButton.mjs';
 import { FilterButtonBase } from '../subcomponents/FilterButtonBase/FilterButtonBase.mjs';
 import modules_9dc7d370 from './FilterButtonRemovable.module.css.mjs';
-const FilterButtonRemovable = /*#__PURE__*/function () {
-  const FilterButtonRemovable = /*#__PURE__*/forwardRef(function (_a, ref) {
-    var _b;
-    var triggerButtonProps = _a.triggerButtonProps,
-      removeButtonProps = _a.removeButtonProps,
-      restProps = __rest(_a, ["triggerButtonProps", "removeButtonProps"]);
-    var formatMessage = 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'
-    }, {
-      filterLabel: triggerButtonProps === null || triggerButtonProps === void 0 ? void 0 : triggerButtonProps.label
-    });
-    var customRefObject = isRefObject(ref) ? ref.current : null;
-    var removeButtonRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.removeButtonRef;
-    var removeButtonLabel = (_b = removeButtonProps === null || removeButtonProps === void 0 ? void 0 : removeButtonProps.tooltipText) !== null && _b !== void 0 ? _b : removeButtonLabelFallback;
-    return /*#__PURE__*/React.createElement(ButtonGroup, __assign({}, restProps), /*#__PURE__*/React.createElement(FilterButton, __assign({
-      ref: ref
-    }, triggerButtonProps)), /*#__PURE__*/React.createElement(Tooltip, {
-      text: removeButtonLabel,
-      display: "inline-block",
-      position: "below"
-    }, /*#__PURE__*/React.createElement(FilterButtonBase, __assign({
-      ref: removeButtonRef,
-      classNameOverride: classnames(modules_9dc7d370.filterButtonBase, restProps.classNameOverride)
-    }, removeButtonProps), /*#__PURE__*/React.createElement(Icon, {
-      name: "cancel",
-      alt: removeButtonLabel,
-      isFilled: true
-    }))));
+var FilterButtonRemovable = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _b;
+  var triggerButtonProps = _a.triggerButtonProps,
+    removeButtonProps = _a.removeButtonProps,
+    restProps = __rest(_a, ["triggerButtonProps", "removeButtonProps"]);
+  var formatMessage = 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'
+  }, {
+    filterLabel: triggerButtonProps === null || triggerButtonProps === void 0 ? void 0 : triggerButtonProps.label
   });
-  FilterButtonRemovable.displayName = 'FilterButtonRemovable';
-  return FilterButtonRemovable;
-}();
+  var customRefObject = isRefObject(ref) ? ref.current : null;
+  var removeButtonRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.removeButtonRef;
+  var removeButtonLabel = (_b = removeButtonProps === null || removeButtonProps === void 0 ? void 0 : removeButtonProps.tooltipText) !== null && _b !== void 0 ? _b : removeButtonLabelFallback;
+  return /*#__PURE__*/React__default.createElement(ButtonGroup, __assign({}, restProps), /*#__PURE__*/React__default.createElement(FilterButton, __assign({
+    ref: ref
+  }, triggerButtonProps)), /*#__PURE__*/React__default.createElement(Tooltip, {
+    text: removeButtonLabel,
+    display: "inline-block",
+    position: "below"
+  }, /*#__PURE__*/React__default.createElement(FilterButtonBase, __assign({
+    ref: removeButtonRef,
+    classNameOverride: classnames(modules_9dc7d370.filterButtonBase, restProps.classNameOverride)
+  }, removeButtonProps), /*#__PURE__*/React__default.createElement(Icon, {
+    name: "cancel",
+    alt: removeButtonLabel,
+    isFilled: true
+  }))));
+});
+FilterButtonRemovable.displayName = 'FilterButtonRemovable';
 export { FilterButtonRemovable };

package/dist/esm/src/Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mjs

@@ -1,19 +1,16 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import classnames from 'classnames';
 import modules_3ecc71e6 from './FilterButtonBase.module.scss.mjs';
-const FilterButtonBase = /*#__PURE__*/function () {
-  const FilterButtonBase = /*#__PURE__*/forwardRef(function (_a, ref) {
-    var children = _a.children,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("button", __assign({
-      ref: ref,
-      type: "button",
-      className: classnames(modules_3ecc71e6.filterButtonBase, classNameOverride)
-    }, restProps), children);
-  });
-  FilterButtonBase.displayName = 'FilterButtonBase';
-  return FilterButtonBase;
-}();
+var FilterButtonBase = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement("button", __assign({
+    ref: ref,
+    type: "button",
+    className: classnames(modules_3ecc71e6.filterButtonBase, classNameOverride)
+  }, restProps), children);
+});
+FilterButtonBase.displayName = 'FilterButtonBase';
 export { FilterButtonBase };

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

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import '../../Calendar/CalendarSingle/CalendarSingle.mjs';
 import '../../Calendar/CalendarRange/CalendarRange.mjs';
 import 'date-fns';
@@ -9,35 +9,32 @@ import { getLocale } from '../../DatePicker/utils/getLocale.mjs';
 import { Filter } from '../Filter/Filter.mjs';
 import { FilterContents } from '../Filter/subcomponents/FilterContents/FilterContents.mjs';
 import { FilterDatePickerField } from './subcomponents/FilterDatePickerField/FilterDatePickerField.mjs';
-const FilterDatePicker = /*#__PURE__*/function () {
-  const FilterDatePicker = function (_a) {
-    var isOpen = _a.isOpen,
-      setIsOpen = _a.setIsOpen,
-      renderTrigger = _a.renderTrigger,
-      selectedDate = _a.selectedDate,
-      label = _a.label,
-      locale = _a.locale,
-      onDateSubmit = _a.onDateSubmit,
-      restProps = __rest(_a, ["isOpen", "setIsOpen", "renderTrigger", "selectedDate", "label", "locale", "onDateSubmit"]);
-    return /*#__PURE__*/React.createElement(Filter, {
-      isOpen: isOpen,
-      setIsOpen: setIsOpen,
-      renderTrigger: function (triggerProps) {
-        return renderTrigger(__assign({
-          selectedValue: selectedDate ? formatDateAsText(selectedDate, undefined, getLocale(locale)) : undefined,
-          label: label
-        }, triggerProps));
-      }
-    }, /*#__PURE__*/React.createElement(FilterContents, null, /*#__PURE__*/React.createElement(FilterDatePickerField, __assign({
-      locale: locale,
-      selectedDate: selectedDate,
-      onDateSubmit: function (date) {
-        setIsOpen(false);
-        onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
-      }
-    }, restProps))));
-  };
-  FilterDatePicker.displayName = 'FilterDatePicker';
-  return FilterDatePicker;
-}();
+var FilterDatePicker = function (_a) {
+  var isOpen = _a.isOpen,
+    setIsOpen = _a.setIsOpen,
+    renderTrigger = _a.renderTrigger,
+    selectedDate = _a.selectedDate,
+    label = _a.label,
+    locale = _a.locale,
+    onDateSubmit = _a.onDateSubmit,
+    restProps = __rest(_a, ["isOpen", "setIsOpen", "renderTrigger", "selectedDate", "label", "locale", "onDateSubmit"]);
+  return /*#__PURE__*/React__default.createElement(Filter, {
+    isOpen: isOpen,
+    setIsOpen: setIsOpen,
+    renderTrigger: function (triggerProps) {
+      return renderTrigger(__assign({
+        selectedValue: selectedDate ? formatDateAsText(selectedDate, undefined, getLocale(locale)) : undefined,
+        label: label
+      }, triggerProps));
+    }
+  }, /*#__PURE__*/React__default.createElement(FilterContents, null, /*#__PURE__*/React__default.createElement(FilterDatePickerField, __assign({
+    locale: locale,
+    selectedDate: selectedDate,
+    onDateSubmit: function (date) {
+      setIsOpen(false);
+      onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
+    }
+  }, restProps))));
+};
+FilterDatePicker.displayName = 'FilterDatePicker';
 export { FilterDatePicker };

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

@@ -1,60 +1,57 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
 import { DateInput } from '../../../../DateInput/DateInput/DateInput.mjs';
 import { DateInputDescription } from '../../../../DateInput/DateInputDescription/DateInputDescription.mjs';
 import '../../../../DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs';
 import { FieldMessage } from '../../../../FieldMessage/FieldMessage.mjs';
 import modules_99160b40 from './DateInputField.module.scss.mjs';
-const DateInputField = /*#__PURE__*/function () {
-  const DateInputField = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-    var id = _a.id,
-      labelText = _a.labelText,
-      description = _a.description,
-      disabled = _a.disabled,
-      _b = _a.isReversed,
-      isReversed = _b === void 0 ? false : _b,
-      validationMessage = _a.validationMessage,
-      locale = _a.locale,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["id", "labelText", "description", "disabled", "isReversed", "validationMessage", "locale", "classNameOverride"]);
-    var formatMessage = useIntl().formatMessage;
-    var dateInputLabelFallback = formatMessage({
-      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;
-    var inputDescribedBy = errorMessageId ? "".concat(errorMessageId, " ").concat(descriptionId) : descriptionId;
-    var dateIsInvalid = errorMessageId !== undefined;
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DateInput, __assign({
-      ref: ref,
-      id: id,
-      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 === void 0 ? void 0 : validationMessage.status,
-      classNameOverride: classNameOverride
-    }, restProps)), validationMessage && (/*#__PURE__*/React.createElement(FieldMessage, {
-      id: errorMessageId,
-      message: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.message,
-      status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
-      reversed: isReversed
-    })), /*#__PURE__*/React.createElement(FieldMessage, {
-      id: descriptionId,
-      message: /*#__PURE__*/React.createElement(DateInputDescription, {
-        description: description,
-        locale: locale
-      }),
-      reversed: isReversed,
-      classNameOverride: disabled ? modules_99160b40.disabled : undefined
-    }));
+var DateInputField = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
+  var id = _a.id,
+    labelText = _a.labelText,
+    description = _a.description,
+    disabled = _a.disabled,
+    _b = _a.isReversed,
+    isReversed = _b === void 0 ? false : _b,
+    validationMessage = _a.validationMessage,
+    locale = _a.locale,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["id", "labelText", "description", "disabled", "isReversed", "validationMessage", "locale", "classNameOverride"]);
+  var formatMessage = useIntl().formatMessage;
+  var dateInputLabelFallback = formatMessage({
+    id: 'filterDatePickerDateInputField.dateInputLabelFallback',
+    defaultMessage: 'Date',
+    description: 'Default label for date input field'
   });
-  DateInputField.displayName = 'DateInputField';
-  return DateInputField;
-}();
+  var descriptionId = "".concat(id, "--field-message");
+  var errorMessageId = validationMessage ? "".concat(id, "--date-error-message") : undefined;
+  var inputDescribedBy = errorMessageId ? "".concat(errorMessageId, " ").concat(descriptionId) : descriptionId;
+  var dateIsInvalid = errorMessageId !== undefined;
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(DateInput, __assign({
+    ref: ref,
+    id: id,
+    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 === void 0 ? void 0 : validationMessage.status,
+    classNameOverride: classNameOverride
+  }, restProps)), validationMessage && (/*#__PURE__*/React__default.createElement(FieldMessage, {
+    id: errorMessageId,
+    message: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.message,
+    status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
+    reversed: isReversed
+  })), /*#__PURE__*/React__default.createElement(FieldMessage, {
+    id: descriptionId,
+    message: /*#__PURE__*/React__default.createElement(DateInputDescription, {
+      description: description,
+      locale: locale
+    }),
+    reversed: isReversed,
+    classNameOverride: disabled ? modules_99160b40.disabled : undefined
+  }));
+});
+DateInputField.displayName = 'DateInputField';
 export { DateInputField };

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

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useId, useReducer, useEffect } from 'react';
+import React__default, { useId, useReducer, useEffect } from 'react';
 import classnames from 'classnames';
 import { CalendarSingle } from '../../../../Calendar/CalendarSingle/CalendarSingle.mjs';
 import '../../../../Calendar/CalendarRange/CalendarRange.mjs';
@@ -107,15 +107,15 @@ var FilterDatePickerField = function (_a) {
     // 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 /*#__PURE__*/React.createElement("div", __assign({
+  return /*#__PURE__*/React__default.createElement("div", __assign({
     className: classnames(modules_7c8b827d.filterDatePickerField, classNameOverride)
-  }, restProps), /*#__PURE__*/React.createElement(DateInputField, __assign({
+  }, restProps), /*#__PURE__*/React__default.createElement(DateInputField, __assign({
     id: "".concat(id, "--input"),
     locale: locale,
     value: state.inputValue,
     description: description,
     validationMessage: dateValidation.validationMessage
-  }, inputDateHandlers, inputProps)), /*#__PURE__*/React.createElement(CalendarSingle, {
+  }, inputDateHandlers, inputProps)), /*#__PURE__*/React__default.createElement(CalendarSingle, {
     disabled: disabledDays,
     locale: locale,
     selected: state.selectedDate,

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { LabelledMessage } from '../../../LabelledMessage/LabelledMessage.mjs';
 import { getNodeText } from '../../../utils/getNodeText.mjs';
 var getDateValidationHandler = function (_a) {
@@ -14,7 +14,7 @@ var getDateValidationHandler = function (_a) {
     }
     setInbuiltValidationMessage({
       status: validationMessage.status,
-      message: inputLabel ? (/*#__PURE__*/React.createElement(LabelledMessage, {
+      message: inputLabel ? (/*#__PURE__*/React__default.createElement(LabelledMessage, {
         label: "".concat(getNodeText(inputLabel)),
         message: validationMessage.message
       })) : validationMessage.message

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

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useId } from 'react';
+import React__default, { useId } from 'react';
 import classnames from 'classnames';
 import { getLocale } from '../../DatePicker/utils/getLocale.mjs';
 import { Filter } from '../Filter/Filter.mjs';
@@ -9,40 +9,37 @@ import { FilterDateRangePickerField } from './subcomponents/FilterDateRangePicke
 import { isValidRange } from './subcomponents/FilterDateRangePickerField/utils/isValidRange.mjs';
 import { isCompleteDateRange } from './utils/isCompleteDateRange.mjs';
 import modules_94e1295f from './FilterDateRangePicker.module.css.mjs';
-const FilterDateRangePicker = /*#__PURE__*/function () {
-  const FilterDateRangePicker = function (_a) {
-    var propsId = _a.id,
-      isOpen = _a.isOpen,
-      setIsOpen = _a.setIsOpen,
-      renderTrigger = _a.renderTrigger,
-      selectedRange = _a.selectedRange,
-      label = _a.label,
-      locale = _a.locale,
-      restProps = __rest(_a, ["id", "isOpen", "setIsOpen", "renderTrigger", "selectedRange", "label", "locale"]);
-    var reactId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
-    return /*#__PURE__*/React.createElement(Filter, {
-      isOpen: isOpen,
-      setIsOpen: setIsOpen,
-      renderTrigger: function (triggerProps) {
-        return renderTrigger(__assign({
-          selectedValue: isCompleteDateRange(selectedRange) && isValidRange(selectedRange.from, selectedRange.to) ? (/*#__PURE__*/React.createElement(DateRangeDisplayLabel, {
-            dateRange: selectedRange,
-            locale: getLocale(locale)
-          })) : undefined,
-          label: label
-        }, triggerProps));
-      }
-    }, /*#__PURE__*/React.createElement(FilterContents, {
-      classNameOverride: classnames(modules_94e1295f.filterDateRangePickerContents)
-    }, /*#__PURE__*/React.createElement(FilterDateRangePickerField, __assign({
-      id: "".concat(id, "--input"),
-      label: label,
-      locale: locale,
-      selectedRange: selectedRange
-    }, restProps))));
-  };
-  FilterDateRangePicker.displayName = 'FilterDateRangePicker';
-  return FilterDateRangePicker;
-}();
+var FilterDateRangePicker = function (_a) {
+  var propsId = _a.id,
+    isOpen = _a.isOpen,
+    setIsOpen = _a.setIsOpen,
+    renderTrigger = _a.renderTrigger,
+    selectedRange = _a.selectedRange,
+    label = _a.label,
+    locale = _a.locale,
+    restProps = __rest(_a, ["id", "isOpen", "setIsOpen", "renderTrigger", "selectedRange", "label", "locale"]);
+  var reactId = useId();
+  var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+  return /*#__PURE__*/React__default.createElement(Filter, {
+    isOpen: isOpen,
+    setIsOpen: setIsOpen,
+    renderTrigger: function (triggerProps) {
+      return renderTrigger(__assign({
+        selectedValue: isCompleteDateRange(selectedRange) && isValidRange(selectedRange.from, selectedRange.to) ? (/*#__PURE__*/React__default.createElement(DateRangeDisplayLabel, {
+          dateRange: selectedRange,
+          locale: getLocale(locale)
+        })) : undefined,
+        label: label
+      }, triggerProps));
+    }
+  }, /*#__PURE__*/React__default.createElement(FilterContents, {
+    classNameOverride: classnames(modules_94e1295f.filterDateRangePickerContents)
+  }, /*#__PURE__*/React__default.createElement(FilterDateRangePickerField, __assign({
+    id: "".concat(id, "--input"),
+    label: label,
+    locale: locale,
+    selectedRange: selectedRange
+  }, restProps))));
+};
+FilterDateRangePicker.displayName = 'FilterDateRangePicker';
 export { FilterDateRangePicker };

package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.mjs

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import '../../../../Calendar/CalendarSingle/CalendarSingle.mjs';
 import '../../../../Calendar/CalendarRange/CalendarRange.mjs';
 import 'tslib';
@@ -6,17 +6,14 @@ import 'date-fns';
 import { formatDateAsText } from '../../../../Calendar/utils/formatDateAsText.mjs';
 import 'react-day-picker';
 import modules_d9679edc from './DateRangeDisplayLabel.module.scss.mjs';
-const DateRangeDisplayLabel = /*#__PURE__*/function () {
-  const DateRangeDisplayLabel = function (_a) {
-    var dateRange = _a.dateRange,
-      locale = _a.locale;
-    var formattedDateFrom = formatDateAsText(dateRange.from, undefined, locale);
-    var formattedDateTo = formatDateAsText(dateRange.to, undefined, locale);
-    return /*#__PURE__*/React.createElement("span", {
-      className: modules_d9679edc.dateRangeDisplayLabel
-    }, /*#__PURE__*/React.createElement("span", null, formattedDateFrom), /*#__PURE__*/React.createElement("span", null, "-"), /*#__PURE__*/React.createElement("span", null, formattedDateTo));
-  };
-  DateRangeDisplayLabel.displayName = 'DateRangeDisplayLabel';
-  return DateRangeDisplayLabel;
-}();
+var DateRangeDisplayLabel = function (_a) {
+  var dateRange = _a.dateRange,
+    locale = _a.locale;
+  var formattedDateFrom = formatDateAsText(dateRange.from, undefined, locale);
+  var formattedDateTo = formatDateAsText(dateRange.to, undefined, locale);
+  return /*#__PURE__*/React__default.createElement("span", {
+    className: modules_d9679edc.dateRangeDisplayLabel
+  }, /*#__PURE__*/React__default.createElement("span", null, formattedDateFrom), /*#__PURE__*/React__default.createElement("span", null, "-"), /*#__PURE__*/React__default.createElement("span", null, formattedDateTo));
+};
+DateRangeDisplayLabel.displayName = 'DateRangeDisplayLabel';
 export { DateRangeDisplayLabel };

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

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { DateInput } from '../../../../DateInput/DateInput/DateInput.mjs';
 import { DateInputDescription } from '../../../../DateInput/DateInputDescription/DateInputDescription.mjs';
@@ -9,75 +9,72 @@ import { VisuallyHidden } from '../../../../VisuallyHidden/VisuallyHidden.mjs';
 import { isRefObject } from '../../../../utils/isRefObject.mjs';
 import { DateRangeValidationMessage } from '../DateRangeValidationMessage/DateRangeValidationMessage.mjs';
 import modules_26a9f584 from './DateRangeInputField.module.scss.mjs';
-const DateRangeInputField = /*#__PURE__*/function () {
-  const DateRangeInputField = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-    var _b, _c;
-    var id = _a.id,
-      legend = _a.legend,
-      inputStartDateProps = _a.inputStartDateProps,
-      inputEndDateProps = _a.inputEndDateProps,
-      description = _a.description,
-      disabled = _a.disabled,
-      _d = _a.isReversed,
-      isReversed = _d === void 0 ? false : _d,
-      validationMessage = _a.validationMessage,
-      locale = _a.locale,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["id", "legend", "inputStartDateProps", "inputEndDateProps", "description", "disabled", "isReversed", "validationMessage", "locale", "classNameOverride"]);
-    var customRefObject = isRefObject(ref) ? ref.current : null;
-    var inputStartDateRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputStartDateRef;
-    var inputEndDateRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputEndDateRef;
-    var descriptionId = "".concat(id, "--field-message");
-    // Date Start aria labels
-    var dateStartErrorMessageId = (validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart) ? "".concat(id, "--date-start-error-message") : undefined;
-    var dateStartInputDescribedBy = dateStartErrorMessageId ? "".concat(dateStartErrorMessageId, " ").concat(descriptionId) : descriptionId;
-    var dateStartIsInvalid = dateStartErrorMessageId !== undefined;
-    // Date End aria labels
-    var dateEndErrorMessageId = (validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd) ? "".concat(id, "--date-end-error-message") : undefined;
-    var dateEndInputDescribedBy = dateEndErrorMessageId ? "".concat(dateEndErrorMessageId, " ").concat(descriptionId) : descriptionId;
-    var dateEndIsInvalid = dateEndErrorMessageId !== undefined;
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classNameOverride
-    }, restProps), /*#__PURE__*/React.createElement("fieldset", {
-      className: modules_26a9f584.dateRangeInputContainer
-    }, /*#__PURE__*/React.createElement("legend", null, /*#__PURE__*/React.createElement(VisuallyHidden, null, legend)), /*#__PURE__*/React.createElement(DateInput, __assign({
-      ref: inputStartDateRef,
-      id: "".concat(id, "--from"),
-      "aria-describedby": dateStartInputDescribedBy,
-      "aria-errormessage": dateStartErrorMessageId,
-      "aria-invalid": dateStartIsInvalid,
-      autoComplete: "off",
-      disabled: disabled,
-      status: (_b = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart) === null || _b === void 0 ? void 0 : _b.status
-    }, inputStartDateProps, {
-      classNameOverride: classnames(modules_26a9f584.inputStartDate, inputStartDateProps.classNameOverride)
-    })), /*#__PURE__*/React.createElement(DateInput, __assign({
-      ref: inputEndDateRef,
-      id: "".concat(id, "--to"),
-      "aria-describedby": dateEndInputDescribedBy,
-      "aria-errormessage": dateEndErrorMessageId,
-      "aria-invalid": dateEndIsInvalid,
-      autoComplete: "off",
-      disabled: disabled,
-      status: (_c = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd) === null || _c === void 0 ? void 0 : _c.status
-    }, inputEndDateProps, {
-      classNameOverride: classnames(modules_26a9f584.inputEndDate, inputEndDateProps.classNameOverride)
-    }))), validationMessage && (/*#__PURE__*/React.createElement(DateRangeValidationMessage, {
-      validationMessage: validationMessage,
-      isReversed: isReversed,
-      dateStartId: dateStartErrorMessageId,
-      dateEndId: dateEndErrorMessageId
-    })), /*#__PURE__*/React.createElement(FieldMessage, {
-      id: descriptionId,
-      message: /*#__PURE__*/React.createElement(DateInputDescription, {
-        description: description,
-        locale: locale
-      }),
-      reversed: isReversed,
-      classNameOverride: disabled ? modules_26a9f584.disabled : undefined
-    }));
-  });
-  DateRangeInputField.displayName = 'DateRangeInputField';
-  return DateRangeInputField;
-}();
+var DateRangeInputField = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
+  var _b, _c;
+  var id = _a.id,
+    legend = _a.legend,
+    inputStartDateProps = _a.inputStartDateProps,
+    inputEndDateProps = _a.inputEndDateProps,
+    description = _a.description,
+    disabled = _a.disabled,
+    _d = _a.isReversed,
+    isReversed = _d === void 0 ? false : _d,
+    validationMessage = _a.validationMessage,
+    locale = _a.locale,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["id", "legend", "inputStartDateProps", "inputEndDateProps", "description", "disabled", "isReversed", "validationMessage", "locale", "classNameOverride"]);
+  var customRefObject = isRefObject(ref) ? ref.current : null;
+  var inputStartDateRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputStartDateRef;
+  var inputEndDateRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputEndDateRef;
+  var descriptionId = "".concat(id, "--field-message");
+  // Date Start aria labels
+  var dateStartErrorMessageId = (validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart) ? "".concat(id, "--date-start-error-message") : undefined;
+  var dateStartInputDescribedBy = dateStartErrorMessageId ? "".concat(dateStartErrorMessageId, " ").concat(descriptionId) : descriptionId;
+  var dateStartIsInvalid = dateStartErrorMessageId !== undefined;
+  // Date End aria labels
+  var dateEndErrorMessageId = (validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd) ? "".concat(id, "--date-end-error-message") : undefined;
+  var dateEndInputDescribedBy = dateEndErrorMessageId ? "".concat(dateEndErrorMessageId, " ").concat(descriptionId) : descriptionId;
+  var dateEndIsInvalid = dateEndErrorMessageId !== undefined;
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classNameOverride
+  }, restProps), /*#__PURE__*/React__default.createElement("fieldset", {
+    className: modules_26a9f584.dateRangeInputContainer
+  }, /*#__PURE__*/React__default.createElement("legend", null, /*#__PURE__*/React__default.createElement(VisuallyHidden, null, legend)), /*#__PURE__*/React__default.createElement(DateInput, __assign({
+    ref: inputStartDateRef,
+    id: "".concat(id, "--from"),
+    "aria-describedby": dateStartInputDescribedBy,
+    "aria-errormessage": dateStartErrorMessageId,
+    "aria-invalid": dateStartIsInvalid,
+    autoComplete: "off",
+    disabled: disabled,
+    status: (_b = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart) === null || _b === void 0 ? void 0 : _b.status
+  }, inputStartDateProps, {
+    classNameOverride: classnames(modules_26a9f584.inputStartDate, inputStartDateProps.classNameOverride)
+  })), /*#__PURE__*/React__default.createElement(DateInput, __assign({
+    ref: inputEndDateRef,
+    id: "".concat(id, "--to"),
+    "aria-describedby": dateEndInputDescribedBy,
+    "aria-errormessage": dateEndErrorMessageId,
+    "aria-invalid": dateEndIsInvalid,
+    autoComplete: "off",
+    disabled: disabled,
+    status: (_c = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd) === null || _c === void 0 ? void 0 : _c.status
+  }, inputEndDateProps, {
+    classNameOverride: classnames(modules_26a9f584.inputEndDate, inputEndDateProps.classNameOverride)
+  }))), validationMessage && (/*#__PURE__*/React__default.createElement(DateRangeValidationMessage, {
+    validationMessage: validationMessage,
+    isReversed: isReversed,
+    dateStartId: dateStartErrorMessageId,
+    dateEndId: dateEndErrorMessageId
+  })), /*#__PURE__*/React__default.createElement(FieldMessage, {
+    id: descriptionId,
+    message: /*#__PURE__*/React__default.createElement(DateInputDescription, {
+      description: description,
+      locale: locale
+    }),
+    reversed: isReversed,
+    classNameOverride: disabled ? modules_26a9f584.disabled : undefined
+  }));
+});
+DateRangeInputField.displayName = 'DateRangeInputField';
 export { DateRangeInputField };