@synerise/ds-date-range-picker 1.6.11 → 1.6.13

package/dist/RawDateRangePicker.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import type { DateRangePickerProps } from './DateRangePicker.types';
-import type { DateRange } from './date.types';
+import { default as React } from 'react';
+import { DateRangePickerProps } from './DateRangePicker.types';
+import { DateRange } from './date.types';
 export declare function defaultValueTransformer(value: DateRange): DateRange;
 export declare const RawDateRangePicker: ({ showRelativePicker, showFilter, showTime, format, valueFormatOptions, disabledDate, validate, forceAdjacentMonths, savedFilters, onFilterSave, containerClass, footerProps, allowedFilterTypes, disableAbsoluteTimepickerInRelative, filterValueSelectionModes, filterRangeDisplayMode, showNowButton, relativeFuture, relativePast, ranges, relativeModes, rangeUnits, showCustomRange, valueTransformer, onValueChange, isTruncateMs, forceAbsolute, onApply, texts, value, }: Omit<DateRangePickerProps, "placement">) => React.JSX.Element;
 export default RawDateRangePicker;

package/dist/RawDateRangePicker.js

@@ -1,185 +1,185 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import fnsIsValid from 'date-fns/isValid';
-import fnsStartOfSecond from 'date-fns/startOfSecond';
-import isUndefined from 'lodash.isundefined';
-import omitBy from 'lodash.omitby';
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { useIntl } from 'react-intl';
-import { legacyParse } from '@date-fns/upgrade/v2';
-import AddonCollapse from './AddonCollapse/AddonCollapse';
-import { Addon, Container, DateRangePickerWrapper, Separator } from './DateRangePicker.styles';
-import Footer from './Footer/Footer';
-import RangeFilter from './RangeFilter/RangeFilter';
-import RangeFilterStatus from './RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus';
-import RangePicker from './RangePicker/RangePicker';
-import { isLifetime } from './RelativeRangePicker/Elements/RangeDropdown/RangeDropdown';
-import RelativeRangePicker from './RelativeRangePicker/RelativeRangePicker';
-import { ABSOLUTE, ABSOLUTE_PRESETS, ALL_TIME, CUSTOM_RANGE_KEY, MODES, RELATIVE, RELATIVE_PRESETS } from './constants';
-import relativeToAbsolute from './dateUtils/relativeToAbsolute';
-import { getDefaultTexts, normalizeRange, toIsoString } from './utils';
-var isRelative = function isRelative(dateRange) {
-  var isLegacyCustom = Object.keys(dateRange).includes('key') && dateRange.key === undefined;
-  return dateRange.key && (RELATIVE_PRESETS.map(function (preset) {
-    return preset.key;
-  }).includes(dateRange.key) || dateRange.key === CUSTOM_RANGE_KEY) || isLegacyCustom;
+import { jsx, jsxs } from "react/jsx-runtime";
+import fnsIsValid from "date-fns/isValid";
+import fnsStartOfSecond from "date-fns/startOfSecond";
+import isUndefined from "lodash.isundefined";
+import omitBy from "lodash.omitby";
+import { useState, useEffect, useMemo, useCallback } from "react";
+import { useIntl } from "react-intl";
+import { legacyParse } from "@date-fns/upgrade/v2";
+import AddonCollapse from "./AddonCollapse/AddonCollapse.js";
+import { Container, Separator, Addon, DateRangePickerWrapper } from "./DateRangePicker.styles.js";
+import Footer from "./Footer/Footer.js";
+import RangeFilter from "./RangeFilter/RangeFilter.js";
+import RangeFilterStatus from "./RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.js";
+import RangePicker from "./RangePicker/RangePicker.js";
+import { isLifetime } from "./RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.js";
+import RelativeRangePicker from "./RelativeRangePicker/RelativeRangePicker.js";
+import { MODES, ALL_TIME, RELATIVE, ABSOLUTE, RELATIVE_PRESETS, ABSOLUTE_PRESETS, CUSTOM_RANGE_KEY } from "./constants.js";
+import relativeToAbsolute from "./dateUtils/relativeToAbsolute.js";
+import { normalizeRange, getDefaultTexts, toIsoString } from "./utils.js";
+const isRelative = (dateRange) => {
+  const isLegacyCustom = Object.keys(dateRange).includes("key") && dateRange.key === void 0;
+  return dateRange.key && (RELATIVE_PRESETS.map((preset) => preset.key).includes(dateRange.key) || dateRange.key === CUSTOM_RANGE_KEY) || isLegacyCustom;
 };
-export function defaultValueTransformer(value) {
-  var id = value.id,
-    timestamp = value.timestamp,
-    translationKey = value.translationKey,
-    filter = value.filter;
-  if (value.key === 'ALL_TIME' || isLifetime(value)) {
-    return _extends({
-      type: 'ABSOLUTE',
-      translationKey: translationKey
-    }, filter ? {
-      filter: filter
-    } : {});
+function defaultValueTransformer(value) {
+  const {
+    id,
+    timestamp,
+    translationKey,
+    filter
+  } = value;
+  if (value.key === "ALL_TIME" || isLifetime(value)) {
+    return {
+      type: "ABSOLUTE",
+      translationKey,
+      ...filter ? {
+        filter
+      } : {}
+    };
   }
-  var baseValue = _extends({}, id ? {
-    id: id
-  } : {}, timestamp ? {
-    timestamp: timestamp
-  } : {}, translationKey ? {
-    translationKey: translationKey
-  } : {}, filter ? {
-    filter: filter
-  } : {});
-  if (value.type === 'ABSOLUTE') {
-    return _extends({}, baseValue, {
-      type: value.type
-    }, value.from ? {
-      from: value.from
-    } : {}, value.to ? {
-      to: value.to
-    } : {});
+  const baseValue = {
+    ...id ? {
+      id
+    } : {},
+    ...timestamp ? {
+      timestamp
+    } : {},
+    ...translationKey ? {
+      translationKey
+    } : {},
+    ...filter ? {
+      filter
+    } : {}
+  };
+  if (value.type === "ABSOLUTE") {
+    return {
+      ...baseValue,
+      type: value.type,
+      // FIXME type set explicitly for better type narrowing in typescript
+      ...value.from ? {
+        from: value.from
+      } : {},
+      ...value.to ? {
+        to: value.to
+      } : {}
+    };
   }
-  if (value.type === 'RELATIVE') {
-    return _extends({}, baseValue, {
+  if (value.type === "RELATIVE") {
+    return {
+      ...baseValue,
       type: value.type,
       key: value.key,
       duration: value.duration,
       offset: value.offset,
       future: value.future
-    });
+    };
   }
   return value;
 }
-export var RawDateRangePicker = function RawDateRangePicker(_ref) {
-  var _ref$showRelativePick = _ref.showRelativePicker,
-    showRelativePicker = _ref$showRelativePick === void 0 ? true : _ref$showRelativePick,
-    showFilter = _ref.showFilter,
-    showTime = _ref.showTime,
-    format = _ref.format,
-    valueFormatOptions = _ref.valueFormatOptions,
-    disabledDate = _ref.disabledDate,
-    _ref$validate = _ref.validate,
-    validate = _ref$validate === void 0 ? function () {
-      return {
-        valid: true
-      };
-    } : _ref$validate,
-    forceAdjacentMonths = _ref.forceAdjacentMonths,
-    savedFilters = _ref.savedFilters,
-    onFilterSave = _ref.onFilterSave,
-    _ref$containerClass = _ref.containerClass,
-    containerClass = _ref$containerClass === void 0 ? 'ds-date-range-picker' : _ref$containerClass,
-    footerProps = _ref.footerProps,
-    allowedFilterTypes = _ref.allowedFilterTypes,
-    _ref$disableAbsoluteT = _ref.disableAbsoluteTimepickerInRelative,
-    disableAbsoluteTimepickerInRelative = _ref$disableAbsoluteT === void 0 ? false : _ref$disableAbsoluteT,
-    filterValueSelectionModes = _ref.filterValueSelectionModes,
-    filterRangeDisplayMode = _ref.filterRangeDisplayMode,
-    _ref$showNowButton = _ref.showNowButton,
-    showNowButton = _ref$showNowButton === void 0 ? true : _ref$showNowButton,
-    relativeFuture = _ref.relativeFuture,
-    _ref$relativePast = _ref.relativePast,
-    relativePast = _ref$relativePast === void 0 ? true : _ref$relativePast,
-    _ref$ranges = _ref.ranges,
-    ranges = _ref$ranges === void 0 ? [].concat(RELATIVE_PRESETS, ABSOLUTE_PRESETS) : _ref$ranges,
-    relativeModes = _ref.relativeModes,
-    rangeUnits = _ref.rangeUnits,
-    showCustomRange = _ref.showCustomRange,
-    _ref$valueTransformer = _ref.valueTransformer,
-    valueTransformer = _ref$valueTransformer === void 0 ? defaultValueTransformer : _ref$valueTransformer,
-    onValueChange = _ref.onValueChange,
-    _ref$isTruncateMs = _ref.isTruncateMs,
-    isTruncateMs = _ref$isTruncateMs === void 0 ? true : _ref$isTruncateMs,
-    forceAbsolute = _ref.forceAbsolute,
-    onApply = _ref.onApply,
-    texts = _ref.texts,
-    value = _ref.value;
-  var _useState = useState(normalizeRange(value)),
-    localValue = _useState[0],
-    setLocalValue = _useState[1];
-  var _useState2 = useState(MODES.DATE),
-    mode = _useState2[0],
-    setMode = _useState2[1];
-  var _useState3 = useState('relative-picker'),
-    visibleAddonKey = _useState3[0],
-    setVisibleAddonKey = _useState3[1];
-  var intl = useIntl();
-  var timeZone = intl.timeZone;
-  useEffect(function () {
+const RawDateRangePicker = ({
+  showRelativePicker = true,
+  showFilter,
+  showTime,
+  format,
+  valueFormatOptions,
+  disabledDate,
+  validate = () => ({
+    valid: true
+  }),
+  forceAdjacentMonths,
+  savedFilters,
+  onFilterSave,
+  containerClass = "ds-date-range-picker",
+  footerProps,
+  allowedFilterTypes,
+  disableAbsoluteTimepickerInRelative = false,
+  filterValueSelectionModes,
+  filterRangeDisplayMode,
+  showNowButton = true,
+  relativeFuture,
+  relativePast = true,
+  ranges = [...RELATIVE_PRESETS, ...ABSOLUTE_PRESETS],
+  relativeModes,
+  rangeUnits,
+  showCustomRange,
+  valueTransformer = defaultValueTransformer,
+  onValueChange,
+  isTruncateMs = true,
+  forceAbsolute,
+  onApply,
+  texts,
+  value
+}) => {
+  const [localValue, setLocalValue] = useState(normalizeRange(value));
+  const [mode, setMode] = useState(MODES.DATE);
+  const [visibleAddonKey, setVisibleAddonKey] = useState("relative-picker");
+  const intl = useIntl();
+  const {
+    timeZone
+  } = intl;
+  useEffect(() => {
     setLocalValue(normalizeRange(value));
   }, [value]);
-  var allTexts = useMemo(function () {
+  const allTexts = useMemo(() => {
     return getDefaultTexts(intl, false, texts);
   }, [intl, texts]);
-  var handleRangeChange = useCallback(function (range) {
-    var _valueTransformer;
+  const handleRangeChange = useCallback((range) => {
     if (!range) {
       return;
     }
-    if (range.from && !fnsIsValid(range == null ? void 0 : range.from)) {
+    if (range.from && !fnsIsValid(range?.from)) {
       return;
     }
-    var newValue = normalizeRange(_extends({}, range, {
+    const newValue = normalizeRange({
+      ...range,
       filter: localValue.filter
-    }));
+    });
     if (isTruncateMs) {
-      if (newValue.from !== undefined) {
+      if (newValue.from !== void 0) {
         newValue.from = fnsStartOfSecond(legacyParse(newValue.from));
       }
-      if (newValue.to !== undefined) {
+      if (newValue.to !== void 0) {
         newValue.to = fnsStartOfSecond(legacyParse(newValue.to));
       }
     }
-    if ((newValue.type === 'RELATIVE' || newValue.key === ALL_TIME) && mode === MODES.TIME) {
+    if ((newValue.type === "RELATIVE" || newValue.key === ALL_TIME) && mode === MODES.TIME) {
       setMode(MODES.DATE);
     }
-    if (range != null && range.key) {
-      newValue.key = range == null ? void 0 : range.key;
+    if (range?.key) {
+      newValue.key = range?.key;
     }
-
-    // transformation has to take place here, because `key` property might get omitted by valueTransformer
-    var legacyValue = (_valueTransformer = valueTransformer == null ? void 0 : valueTransformer(newValue)) != null ? _valueTransformer : newValue;
-    setLocalValue(_extends({}, legacyValue, {
-      translationKey: range == null ? void 0 : range.translationKey
-    }));
+    const legacyValue = valueTransformer?.(newValue) ?? newValue;
+    setLocalValue({
+      ...legacyValue,
+      translationKey: range?.translationKey
+    });
     onValueChange && onValueChange(legacyValue);
   }, [isTruncateMs, mode, localValue.filter, onValueChange, valueTransformer]);
-  var handleAddonCollapse = useCallback(function (addonKey, expanded) {
-    setVisibleAddonKey(expanded ? addonKey : undefined);
+  const handleAddonCollapse = useCallback((addonKey, expanded) => {
+    setVisibleAddonKey(expanded ? addonKey : void 0);
   }, []);
-  var handleFilterApply = useCallback(function (filter) {
+  const handleFilterApply = useCallback((filter) => {
     setMode(MODES.DATE);
-    setLocalValue(_extends({}, localValue, {
-      filter: filter
-    }));
+    setLocalValue({
+      ...localValue,
+      filter
+    });
   }, [localValue]);
-  var handleRemoveFilterClick = useCallback(function () {
-    handleFilterApply(undefined);
+  const handleRemoveFilterClick = useCallback(() => {
+    handleFilterApply(void 0);
   }, [handleFilterApply]);
-  var handleModalOpenClick = useCallback(function () {
+  const handleModalOpenClick = useCallback(() => {
     setMode(MODES.FILTER);
   }, []);
-  var handleFilterCancel = useCallback(function () {
+  const handleFilterCancel = useCallback(() => {
     setMode(MODES.DATE);
   }, []);
-  var handleApply = useCallback(function () {
+  const handleApply = useCallback(() => {
     if (forceAbsolute && localValue.type === RELATIVE) {
-      onApply && onApply(_extends({}, localValue, relativeToAbsolute(localValue)));
+      onApply && onApply({
+        ...localValue,
+        ...relativeToAbsolute(localValue)
+      });
       return;
     }
     if (localValue.key === ALL_TIME) {
@@ -187,140 +187,82 @@ export var RawDateRangePicker = function RawDateRangePicker(_ref) {
       return;
     }
     if (onApply) {
-      var valueToEmit = _extends({}, localValue, {
-        from: localValue.type === ABSOLUTE && localValue.from instanceof Date ? toIsoString(localValue.from, timeZone) : undefined,
-        to: localValue.type === ABSOLUTE && localValue.to instanceof Date ? toIsoString(localValue.to, timeZone) : undefined,
+      const valueToEmit = {
+        ...localValue,
+        from: localValue.type === ABSOLUTE && localValue.from instanceof Date ? toIsoString(localValue.from, timeZone) : void 0,
+        to: localValue.type === ABSOLUTE && localValue.to instanceof Date ? toIsoString(localValue.to, timeZone) : void 0,
         type: localValue.type
-      });
+      };
       onApply(valueToEmit);
     }
   }, [forceAbsolute, timeZone, localValue, onApply]);
-  var handleSwitchMode = useCallback(function () {
-    var updatedMode = mode === MODES.TIME ? MODES.DATE : MODES.TIME;
+  const handleSwitchMode = useCallback(() => {
+    const updatedMode = mode === MODES.TIME ? MODES.DATE : MODES.TIME;
     setMode(updatedMode);
   }, [mode]);
-  var fullValue = useMemo(function () {
-    if (localValue && localValue.type === 'RELATIVE' && (!localValue.from || !localValue.to)) {
-      var _normalizeRange = normalizeRange(localValue),
-        to = _normalizeRange.to,
-        from = _normalizeRange.from;
-      return _extends({}, localValue, {
-        from: from,
-        to: to
-      });
+  const fullValue = useMemo(() => {
+    if (localValue && localValue.type === "RELATIVE" && (!localValue.from || !localValue.to)) {
+      const {
+        to,
+        from
+      } = normalizeRange(localValue);
+      return {
+        ...localValue,
+        from,
+        to
+      };
     }
     return localValue;
   }, [localValue]);
-  var addons = useMemo(function () {
-    var result = [];
-    if (showRelativePicker && !!relativeModes && (relativeModes == null ? void 0 : relativeModes.length) > 0) {
-      var addonKey = 'relative-picker';
-      var rangeTranslationKey = localValue == null ? void 0 : localValue.translationKey;
+  const addons = useMemo(() => {
+    const result = [];
+    if (showRelativePicker && !!relativeModes && relativeModes?.length > 0) {
+      const addonKey = "relative-picker";
+      const rangeTranslationKey = localValue?.translationKey;
       result.push({
-        content: /*#__PURE__*/React.createElement(AddonCollapse, {
-          content: /*#__PURE__*/React.createElement(RelativeRangePicker, {
-            future: relativeFuture,
-            past: relativePast,
-            ranges: ranges,
-            value: localValue,
-            onChange: handleRangeChange,
-            relativeModes: relativeModes,
-            texts: allTexts,
-            rangeUnits: rangeUnits,
-            showCustomRange: showCustomRange,
-            valueTransformer: valueTransformer
-          }),
-          expanded: addonKey === visibleAddonKey,
-          title: allTexts.relativeDateRange,
-          onCollapseChange: function onCollapseChange(expanded) {
-            return handleAddonCollapse(addonKey, expanded);
-          },
-          collapsedSummary: rangeTranslationKey && allTexts[rangeTranslationKey]
-        }),
+        content: /* @__PURE__ */ jsx(AddonCollapse, { content: /* @__PURE__ */ jsx(RelativeRangePicker, { future: relativeFuture, past: relativePast, ranges, value: localValue, onChange: handleRangeChange, relativeModes, texts: allTexts, rangeUnits, showCustomRange, valueTransformer }), expanded: addonKey === visibleAddonKey, title: allTexts.relativeDateRange, onCollapseChange: (expanded) => handleAddonCollapse(addonKey, expanded), collapsedSummary: rangeTranslationKey && allTexts[rangeTranslationKey] }),
         key: addonKey
       });
     }
     if (showFilter) {
-      var _addonKey = 'filter';
-      var filterEnabled = fullValue.from && fullValue.to || isLifetime(fullValue);
-      var label = localValue != null && localValue.filter ? allTexts.filterEnabled : allTexts.selectDateFilter;
+      const addonKey = "filter";
+      const filterEnabled = fullValue.from && fullValue.to || isLifetime(fullValue);
+      const label = localValue?.filter ? allTexts.filterEnabled : allTexts.selectDateFilter;
       result.push({
-        content: /*#__PURE__*/React.createElement(RangeFilterStatus, {
-          onFilterRemove: handleRemoveFilterClick,
-          filter: localValue.filter,
-          texts: allTexts,
-          disabled: !filterEnabled,
-          label: label,
-          onClick: handleModalOpenClick
-        }),
-        key: _addonKey
+        content: /* @__PURE__ */ jsx(RangeFilterStatus, { onFilterRemove: handleRemoveFilterClick, filter: localValue.filter, texts: allTexts, disabled: !filterEnabled, label, onClick: handleModalOpenClick }),
+        key: addonKey
       });
     }
     return result;
   }, [showRelativePicker, relativeModes, showFilter, localValue, relativeFuture, relativePast, ranges, handleRangeChange, allTexts, rangeUnits, showCustomRange, valueTransformer, visibleAddonKey, handleAddonCollapse, fullValue, handleRemoveFilterClick, handleModalOpenClick]);
-  var content;
+  let content;
   if (mode === MODES.FILTER) {
-    content = /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(RangeFilter, {
-      texts: allTexts,
-      value: localValue.filter,
-      onCancel: handleFilterCancel,
-      onApply: handleFilterApply,
-      savedFilters: savedFilters,
-      allowedFilterTypes: allowedFilterTypes,
-      onFilterSave: onFilterSave,
-      valueSelectionModes: filterValueSelectionModes,
-      rangeDisplayMode: filterRangeDisplayMode
-    }));
+    content = /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(RangeFilter, { texts: allTexts, value: localValue.filter, onCancel: handleFilterCancel, onApply: handleFilterApply, savedFilters, allowedFilterTypes, onFilterSave, valueSelectionModes: filterValueSelectionModes, rangeDisplayMode: filterRangeDisplayMode }) });
   } else {
-    var from = localValue.from,
-      to = localValue.to,
-      key = localValue.key;
-    var validator = validate ? validate(localValue) : {
+    const {
+      from,
+      to,
+      key
+    } = localValue;
+    const validator = validate ? validate(localValue) : {
       valid: true
     };
-    var isValidAbsolute = !Object.keys(localValue).includes('key') && Boolean(from && to);
-    var isValidRelative = isRelative(localValue) && Boolean(localValue.offset && localValue.duration);
-    var isValidSince = localValue.type === 'SINCE' && Boolean(localValue.offset && localValue.duration);
-    // TODO apply ranges and find mapped lifetime here, this applies only for defaultValueTransformer
-    var isValid = (isValidAbsolute || isValidRelative || isValidSince || key === ALL_TIME) && validator.valid;
-    var canSwitchToTimePicker = isValid && !isLifetime(localValue) && (!disableAbsoluteTimepickerInRelative || localValue.type === 'ABSOLUTE');
-    content = /*#__PURE__*/React.createElement(Container, {
-      className: containerClass
-    }, /*#__PURE__*/React.createElement(RangePicker, {
-      showNowButton: showNowButton,
-      value: normalizeRange(localValue),
-      onChange: handleRangeChange,
-      mode: mode,
-      disabledDate: disabledDate,
-      onSwitchMode: handleSwitchMode,
-      dateOnly: !showTime,
-      canSwitchMode: canSwitchToTimePicker,
-      texts: allTexts,
-      forceAdjacentMonths: forceAdjacentMonths,
-      intl: intl
-    }), addons.length > 0 && /*#__PURE__*/React.createElement(Separator, null), addons.map(function (addon, index) {
-      return /*#__PURE__*/React.createElement(Addon, {
-        last: addons.length === index + 1,
-        className: "addon-wrapper",
-        key: addon.key
-      }, addon.content);
-    }), /*#__PURE__*/React.createElement(Footer, _extends({
-      canApply: isValid || isLifetime(localValue),
-      onApply: handleApply,
-      dateOnly: !showTime,
-      mode: mode,
-      canSwitchMode: isValid,
-      message: !validator.valid ? validator.message : null,
-      onSwitchMode: handleSwitchMode,
-      texts: allTexts,
-      value: fullValue,
-      showTime: showTime,
-      format: format,
-      valueFormatOptions: valueFormatOptions
-    }, footerProps)));
+    const isValidAbsolute = !Object.keys(localValue).includes("key") && Boolean(from && to);
+    const isValidRelative = isRelative(localValue) && Boolean(localValue.offset && localValue.duration);
+    const isValidSince = localValue.type === "SINCE" && Boolean(localValue.offset && localValue.duration);
+    const isValid = (isValidAbsolute || isValidRelative || isValidSince || key === ALL_TIME) && validator.valid;
+    const canSwitchToTimePicker = isValid && !isLifetime(localValue) && (!disableAbsoluteTimepickerInRelative || localValue.type === "ABSOLUTE");
+    content = /* @__PURE__ */ jsxs(Container, { className: containerClass, children: [
+      /* @__PURE__ */ jsx(RangePicker, { showNowButton, value: normalizeRange(localValue), onChange: handleRangeChange, mode, disabledDate, onSwitchMode: handleSwitchMode, dateOnly: !showTime, canSwitchMode: canSwitchToTimePicker, texts: allTexts, forceAdjacentMonths, intl }),
+      addons.length > 0 && /* @__PURE__ */ jsx(Separator, {}),
+      addons.map((addon, index) => /* @__PURE__ */ jsx(Addon, { last: addons.length === index + 1, className: "addon-wrapper", children: addon.content }, addon.key)),
+      /* @__PURE__ */ jsx(Footer, { canApply: isValid || isLifetime(localValue), onApply: handleApply, dateOnly: !showTime, mode, canSwitchMode: isValid, message: !validator.valid ? validator.message : null, onSwitchMode: handleSwitchMode, texts: allTexts, value: fullValue, showTime, format, valueFormatOptions, ...footerProps })
+    ] });
   }
-  return /*#__PURE__*/React.createElement(DateRangePickerWrapper, {
-    "data-testid": "date-range-picker-container"
-  }, content);
+  return /* @__PURE__ */ jsx(DateRangePickerWrapper, { "data-testid": "date-range-picker-container", children: content });
+};
+export {
+  RawDateRangePicker,
+  RawDateRangePicker as default,
+  defaultValueTransformer
 };
-export default RawDateRangePicker;

package/dist/RelativeRangePicker/Elements/CustomRangeForm/CustomRangeForm.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type Props } from './CustomRangeForm.types';
+import { default as React } from 'react';
+import { Props } from './CustomRangeForm.types';
 export declare const setOffsetType: (a: any, obj: any) => any;
 declare const CustomRangeForm: ({ ranges, rangeUnits, currentRange, currentGroup, handleDurationValueChange, handleOffsetValueChange, handleModeChange, handleChange, texts, handleTimestampChange, timestamp, relativeModes, }: Props) => React.JSX.Element;
 export default CustomRangeForm;