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

package/dist/RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.js

@@ -1,103 +1,73 @@
-import isEqual from 'lodash.isequal';
-import find from 'ramda/src/find';
-import React, { useCallback, useRef, useState } from 'react';
-import { theme } from '@synerise/ds-core';
-import Icon, { AngleDownS, CheckS } from '@synerise/ds-icon';
-import Scrollbar from '@synerise/ds-scrollbar';
-import { useOnClickOutside } from '@synerise/ds-utils';
-import { ALL_TIME } from '../../../constants';
-import * as S from '../../RelativeRangePicker.styles';
-import { findRangeByKey } from '../../utils';
-var MAX_ITEMS_COUNT = 7;
-var ITEMS_HEIGHT = 32;
-var DROPDOWN_WIDTH = 160;
-var DROPDOWN_PADDING = 8;
-
-/**
- * Tell whether given date (range) is a lifetime value.
- *
- * @param date-value @{type DateRange}
- * @param fallback whether to accept existing properties, but set to `undefined`, default `false`
- */
-export var isLifetime = function isLifetime(range, fallback) {
-  if (fallback === void 0) {
-    fallback = false;
-  }
+import { jsx, jsxs } from "react/jsx-runtime";
+import isEqual from "lodash.isequal";
+import find from "ramda/src/find";
+import { useState, useRef, useCallback } from "react";
+import { theme } from "@synerise/ds-core";
+import Icon, { CheckS, AngleDownS } from "@synerise/ds-icon";
+import Scrollbar from "@synerise/ds-scrollbar";
+import { useOnClickOutside } from "@synerise/ds-utils";
+import { ALL_TIME } from "../../../constants.js";
+import { OverlayWrapper, DropMenu, DropMenuItem, DropdownContainer, Range } from "../../RelativeRangePicker.styles.js";
+import "../../utils/setFuture.utils.js";
+import "ramda/src/lensPath";
+import "ramda/src/set";
+import { findRangeByKey } from "../../utils/findRangeByKey.utils.js";
+const MAX_ITEMS_COUNT = 7;
+const ITEMS_HEIGHT = 32;
+const DROPDOWN_WIDTH = 160;
+const DROPDOWN_PADDING = 8;
+const isLifetime = (range, fallback = false) => {
   if (!range) {
     return false;
   }
-  var keys = Object.keys(range);
-  var legacyDef = range.type === 'ABSOLUTE' && !keys.includes('from') && !keys.includes('to');
-  // reasonable def comes from the fact that empty from and to sometimes might be also set like this (from/to as undefined)
-  var reasonableDef = range.type === 'ABSOLUTE' && range.from === undefined && range.to === undefined;
-  var legacyValueButLifetimeForSure = reasonableDef && range.translationKey === 'allTime';
+  const keys = Object.keys(range);
+  const legacyDef = range.type === "ABSOLUTE" && !keys.includes("from") && !keys.includes("to");
+  const reasonableDef = range.type === "ABSOLUTE" && range.from === void 0 && range.to === void 0;
+  const legacyValueButLifetimeForSure = reasonableDef && range.translationKey === "allTime";
   return legacyDef || fallback && reasonableDef || legacyValueButLifetimeForSure;
 };
-var RangeDropdown = function RangeDropdown(_ref) {
-  var ranges = _ref.ranges,
-    currentRange = _ref.currentRange,
-    texts = _ref.texts,
-    onChange = _ref.onChange,
-    _ref$valueTransformer = _ref.valueTransformer,
-    valueTransformer = _ref$valueTransformer === void 0 ? function (e) {
-      return e;
-    } : _ref$valueTransformer;
-  var _useState = useState(false),
-    dropVisible = _useState[0],
-    setDropVisible = _useState[1];
-  var dropdownRef = useRef(null);
-  useOnClickOutside(dropdownRef, function () {
+const RangeDropdown = ({
+  ranges,
+  currentRange,
+  texts,
+  onChange,
+  valueTransformer = (e) => e
+}) => {
+  const [dropVisible, setDropVisible] = useState(false);
+  const dropdownRef = useRef(null);
+  useOnClickOutside(dropdownRef, () => {
     setDropVisible(false);
   });
-  var onMenuItemClick = useCallback(function (itemData) {
-    var range = findRangeByKey(ranges, itemData.key);
+  const onMenuItemClick = useCallback((itemData) => {
+    const range = findRangeByKey(ranges, itemData.key);
     onChange(range);
     setDropVisible(false);
   }, [onChange, ranges]);
   if (!ranges || ranges.length === 0) {
     return null;
   }
-  var mappedRanges = ranges.map(valueTransformer);
-  var transformedCurrentRange = valueTransformer(currentRange);
-  var anyOfTransformedRangesMatchesCurrentRange = isLifetime(transformedCurrentRange) ? false : find(function (r) {
-    return isEqual(transformedCurrentRange, r);
-  }, mappedRanges);
-  var containsCurrentRange = currentRange && find(function (range) {
-    var key = isLifetime(currentRange) ? ALL_TIME : currentRange.key;
+  const mappedRanges = ranges.map(valueTransformer);
+  const transformedCurrentRange = valueTransformer(currentRange);
+  const anyOfTransformedRangesMatchesCurrentRange = isLifetime(transformedCurrentRange) ? false : find((r) => isEqual(transformedCurrentRange, r), mappedRanges);
+  const containsCurrentRange = currentRange && find((range) => {
+    const key = isLifetime(currentRange) ? ALL_TIME : currentRange.key;
     return range.key === key;
   }, ranges) || anyOfTransformedRangesMatchesCurrentRange;
-  var overlay = /*#__PURE__*/React.createElement(S.OverlayWrapper, {
-    visible: dropVisible,
-    width: DROPDOWN_WIDTH
-  }, /*#__PURE__*/React.createElement(Scrollbar, {
-    maxHeight: MAX_ITEMS_COUNT * ITEMS_HEIGHT,
-    style: {
-      width: DROPDOWN_WIDTH - DROPDOWN_PADDING
-    },
-    absolute: true
-  }, /*#__PURE__*/React.createElement(S.DropMenu, null, ranges.map(function (range) {
-    var selected = (currentRange == null ? void 0 : currentRange.key) === range.key || isLifetime(currentRange) && range.key === ALL_TIME;
-    return /*#__PURE__*/React.createElement(S.DropMenuItem, {
-      onClick: onMenuItemClick,
-      key: range.key || range.id,
-      itemKey: range.key || range.id,
-      suffixel: selected && /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(CheckS, null),
-        color: theme.palette['green-600']
-      })
-    }, range.translationKey ? texts[range.translationKey] : range.key);
-  }))));
-  return /*#__PURE__*/React.createElement(S.DropdownContainer, {
-    ref: dropdownRef
-  }, /*#__PURE__*/React.createElement(S.Range, {
-    "data-testid": "relative-ranges-dropdown",
-    activated: !!containsCurrentRange,
-    mode: "label-icon",
-    onClick: function onClick() {
-      return setDropVisible(!dropVisible);
-    }
-  }, currentRange && texts[containsCurrentRange && currentRange.translationKey ? currentRange.translationKey : 'more'], /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(AngleDownS, null)
-  })), overlay);
+  const overlay = /* @__PURE__ */ jsx(OverlayWrapper, { visible: dropVisible, width: DROPDOWN_WIDTH, children: /* @__PURE__ */ jsx(Scrollbar, { maxHeight: MAX_ITEMS_COUNT * ITEMS_HEIGHT, style: {
+    width: DROPDOWN_WIDTH - DROPDOWN_PADDING
+  }, absolute: true, children: /* @__PURE__ */ jsx(DropMenu, { children: ranges.map((range) => {
+    const selected = currentRange?.key === range.key || isLifetime(currentRange) && range.key === ALL_TIME;
+    return /* @__PURE__ */ jsx(DropMenuItem, { onClick: onMenuItemClick, itemKey: range.key || range.id, suffixel: selected && /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(CheckS, {}), color: theme.palette["green-600"] }), children: range.translationKey ? texts[range.translationKey] : range.key }, range.key || range.id);
+  }) }) }) });
+  return /* @__PURE__ */ jsxs(DropdownContainer, { ref: dropdownRef, children: [
+    /* @__PURE__ */ jsxs(Range, { "data-testid": "relative-ranges-dropdown", activated: !!containsCurrentRange, mode: "label-icon", onClick: () => setDropVisible(!dropVisible), children: [
+      currentRange && texts[containsCurrentRange && currentRange.translationKey ? currentRange.translationKey : "more"],
+      /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AngleDownS, {}) })
+    ] }),
+    overlay
+  ] });
+};
+export {
+  RangeDropdown as default,
+  isLifetime
 };
-export default RangeDropdown;

package/dist/RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.types.d.ts

@@ -1,5 +1,5 @@
-import { type DateRangePickerProps, type Texts } from '../../../DateRangePicker.types';
-import { type DateRange } from '../../../date.types';
+import { DateRangePickerProps, Texts } from '../../../DateRangePicker.types';
+import { DateRange } from '../../../date.types';
 export type RangeDropdownProps = {
     ranges: DateRange[];
     currentRange: DateRange;

package/dist/RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.types.js

@@ -1 +1 @@
-export {};
+

package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampDuration/TimestampDuration.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type Props } from './TimestampDuration.types';
+import { default as React } from 'react';
+import { Props } from './TimestampDuration.types';
 declare const TimestampDuration: React.FC<Props>;
 export default TimestampDuration;

package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampDuration/TimestampDuration.js

@@ -1,69 +1,40 @@
-import React from 'react';
-import InputNumber from '@synerise/ds-input-number';
-import Select from '@synerise/ds-select';
-import * as CONST from '../../../../constants';
-import { DURATION_MODIFIERS } from '../../../../constants';
-import * as S from '../../../RelativeRangePicker.styles';
-var SELECT_DROPDOWN_OFFSET = -4;
-var TimestampDuration = function TimestampDuration(_ref) {
-  var handleDurationValueChange = _ref.handleDurationValueChange,
-    durationModifier = _ref.durationModifier,
-    onDurationModifierChange = _ref.onDurationModifierChange,
-    value = _ref.value,
-    onDurationUnitChange = _ref.onDurationUnitChange,
-    unit = _ref.unit,
-    texts = _ref.texts;
-  var durationModiferValues = Object.values(DURATION_MODIFIERS);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Title, null, texts.timestampTill), /*#__PURE__*/React.createElement(S.InputSelectGroup, {
-    compact: true
-  }, /*#__PURE__*/React.createElement(Select, {
-    className: "ds-select-duration-type",
-    value: durationModifier,
-    onChange: function onChange(modifier) {
-      onDurationModifierChange(modifier);
-    },
-    dropdownStyle: {
-      minWidth: '125px'
-    },
-    dropdownAlign: {
-      points: ['bl', 'tl'],
-      offset: [0, SELECT_DROPDOWN_OFFSET]
-    },
-    getPopupContainer: function getPopupContainer(node) {
-      return node.parentElement !== null ? node.parentElement : document.body;
-    }
-  }, durationModiferValues.map(function (modifier) {
-    return /*#__PURE__*/React.createElement(Select.Option, {
-      key: modifier,
-      value: modifier
-    }, texts[modifier]);
-  })), /*#__PURE__*/React.createElement(InputNumber, {
-    min: 1,
-    max: CONST.RELATIVE_DURATION_MAX,
-    precision: 0,
-    step: 1,
-    value: value,
-    onChange: handleDurationValueChange
-  }), /*#__PURE__*/React.createElement(Select, {
-    value: unit,
-    dropdownStyle: {
-      minWidth: '125px'
-    },
-    onChange: function onChange(type) {
-      return onDurationUnitChange(type);
-    },
-    dropdownAlign: {
-      points: ['bl', 'tl'],
-      offset: [0, SELECT_DROPDOWN_OFFSET]
-    },
-    getPopupContainer: function getPopupContainer(node) {
-      return node.parentElement !== null ? node.parentElement : document.body;
-    }
-  }, CONST.RELATIVE_UNITS.map(function (type) {
-    return /*#__PURE__*/React.createElement(Select.Option, {
-      key: type,
-      value: type
-    }, texts[type.toLowerCase()]);
-  }))));
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import InputNumber from "@synerise/ds-input-number";
+import Select from "@synerise/ds-select";
+import { RELATIVE_DURATION_MAX, RELATIVE_UNITS, DURATION_MODIFIERS } from "../../../../constants.js";
+import { Title, InputSelectGroup } from "../../../RelativeRangePicker.styles.js";
+const SELECT_DROPDOWN_OFFSET = -4;
+const TimestampDuration = ({
+  handleDurationValueChange,
+  durationModifier,
+  onDurationModifierChange,
+  value,
+  onDurationUnitChange,
+  unit,
+  texts
+}) => {
+  const durationModiferValues = Object.values(DURATION_MODIFIERS);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Title, { children: texts.timestampTill }),
+    /* @__PURE__ */ jsxs(InputSelectGroup, { compact: true, children: [
+      /* @__PURE__ */ jsx(Select, { className: "ds-select-duration-type", value: durationModifier, onChange: (modifier) => {
+        onDurationModifierChange(modifier);
+      }, dropdownStyle: {
+        minWidth: "125px"
+      }, dropdownAlign: {
+        points: ["bl", "tl"],
+        offset: [0, SELECT_DROPDOWN_OFFSET]
+      }, getPopupContainer: (node) => node.parentElement !== null ? node.parentElement : document.body, children: durationModiferValues.map((modifier) => /* @__PURE__ */ jsx(Select.Option, { value: modifier, children: texts[modifier] }, modifier)) }),
+      /* @__PURE__ */ jsx(InputNumber, { min: 1, max: RELATIVE_DURATION_MAX, precision: 0, step: 1, value, onChange: handleDurationValueChange }),
+      /* @__PURE__ */ jsx(Select, { value: unit, dropdownStyle: {
+        minWidth: "125px"
+      }, onChange: (type) => onDurationUnitChange(type), dropdownAlign: {
+        points: ["bl", "tl"],
+        offset: [0, SELECT_DROPDOWN_OFFSET]
+      }, getPopupContainer: (node) => node.parentElement !== null ? node.parentElement : document.body, children: RELATIVE_UNITS.map((type) => /* @__PURE__ */ jsx(Select.Option, { value: type, children: texts[type.toLowerCase()] }, type)) })
+    ] })
+  ] });
+};
+export {
+  TimestampDuration as default
 };
-export default TimestampDuration;

package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampDuration/TimestampDuration.types.d.ts

@@ -1,5 +1,5 @@
-import { type Texts } from '../../../../DateRangePicker.types';
-import { type RelativeDateRange } from '../../../../date.types';
+import { Texts } from '../../../../DateRangePicker.types';
+import { RelativeDateRange } from '../../../../date.types';
 export type Props = {
     currentRange: RelativeDateRange;
     handleDurationValueChange: (value?: string | number | null) => void;

package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampDuration/TimestampDuration.types.js

@@ -1 +1 @@
-export {};
+

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type TimestampRangeProps as Props } from './TimestampRange.types';
+import { default as React } from 'react';
+import { TimestampRangeProps as Props } from './TimestampRange.types';
 declare const TimestampRange: React.FC<Props>;
 export default TimestampRange;

package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampRange.js

@@ -1,126 +1,94 @@
-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); }
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React from 'react';
-import { useIntl } from 'react-intl';
-import DatePicker from '@synerise/ds-date-picker/dist/DatePicker';
-import { getDefaultTexts } from '@synerise/ds-date-picker/dist/utils/getDefaultTexts';
-import { CUSTOM_RANGE_KEY, DURATION_MODIFIERS } from '../../../constants';
-import { DEFAULT_RANGE } from '../../../utils';
-import * as S from '../../RelativeRangePicker.styles';
-import TimestampDuration from './TimestampDuration/TimestampDuration';
-var TimestampRange = function TimestampRange(_ref) {
-  var _currentRange$duratio, _currentRange$duratio2;
-  var currentRange = _ref.currentRange,
-    handleChange = _ref.handleChange,
-    texts = _ref.texts,
-    onTimestampChange = _ref.onTimestampChange,
-    _ref$getValueOnReset = _ref.getValueOnReset,
-    getValueOnReset = _ref$getValueOnReset === void 0 ? function () {
-      return _extends({}, DEFAULT_RANGE, {
-        type: 'RELATIVE',
-        offset: {
-          type: 'SINCE',
-          value: new Date()
-        },
-        duration: {
-          type: 'DAYS',
-          value: 30
-        },
-        translationKey: CUSTOM_RANGE_KEY
-      });
-    } : _ref$getValueOnReset,
-    timestamp = _ref.timestamp;
-  var _React$useState = React.useState(currentRange != null && currentRange.future ? DURATION_MODIFIERS.NEXT : DURATION_MODIFIERS.LAST),
-    durationModifier = _React$useState[0],
-    setDurationModifier = _React$useState[1];
-  var _React$useState2 = React.useState(currentRange == null || (_currentRange$duratio = currentRange.duration) == null ? void 0 : _currentRange$duratio.value),
-    durationValue = _React$useState2[0],
-    setDurationValue = _React$useState2[1];
-  var _React$useState3 = React.useState(currentRange == null || (_currentRange$duratio2 = currentRange.duration) == null ? void 0 : _currentRange$duratio2.type),
-    durationUnit = _React$useState3[0],
-    setDurationUnit = _React$useState3[1];
-  var _React$useState4 = React.useState(!timestamp),
-    error = _React$useState4[0],
-    setError = _React$useState4[1];
-  var intl = useIntl();
-  var allTexts = getDefaultTexts(intl, texts);
-  React.useEffect(function () {
+import { jsxs, jsx } from "react/jsx-runtime";
+import React from "react";
+import { useIntl } from "react-intl";
+import DatePicker from "@synerise/ds-date-picker/dist/DatePicker";
+import { getDefaultTexts } from "@synerise/ds-date-picker/dist/utils/getDefaultTexts";
+import { DURATION_MODIFIERS, CUSTOM_RANGE_KEY } from "../../../constants.js";
+import { DEFAULT_RANGE } from "../../../utils.js";
+import { RangeFormColumn, DatePickerWrapper } from "../../RelativeRangePicker.styles.js";
+import TimestampDuration from "./TimestampDuration/TimestampDuration.js";
+const TimestampRange = ({
+  currentRange,
+  handleChange,
+  texts,
+  onTimestampChange,
+  getValueOnReset = () => ({
+    ...DEFAULT_RANGE,
+    type: "RELATIVE",
+    offset: {
+      type: "SINCE",
+      value: /* @__PURE__ */ new Date()
+    },
+    duration: {
+      type: "DAYS",
+      value: 30
+    },
+    translationKey: CUSTOM_RANGE_KEY
+  }),
+  timestamp
+}) => {
+  const [durationModifier, setDurationModifier] = React.useState(currentRange?.future ? DURATION_MODIFIERS.NEXT : DURATION_MODIFIERS.LAST);
+  const [durationValue, setDurationValue] = React.useState(currentRange?.duration?.value);
+  const [durationUnit, setDurationUnit] = React.useState(currentRange?.duration?.type);
+  const [error, setError] = React.useState(!timestamp);
+  const intl = useIntl();
+  const allTexts = getDefaultTexts(intl, texts);
+  React.useEffect(() => {
     setError(!timestamp);
   }, [timestamp]);
-  var handleRangeChange = function handleRangeChange(date, duration) {
+  const handleRangeChange = (date, duration) => {
     if (date) {
-      var offsetToTimestamp = {
+      const offsetToTimestamp = {
         future: durationModifier === DURATION_MODIFIERS.NEXT,
         duration: {
           type: duration.type,
           value: duration.value
         },
         offset: {
-          type: 'SINCE',
+          type: "SINCE",
           value: timestamp
         },
-        key: undefined,
+        key: void 0,
         translationKey: CUSTOM_RANGE_KEY
       };
-      handleChange(offsetToTimestamp); // FIXME
+      handleChange(offsetToTimestamp);
     }
   };
-  React.useEffect(function () {
-    var duration = {
+  React.useEffect(() => {
+    const duration = {
       type: durationUnit,
       value: durationValue
     };
     handleRangeChange(timestamp, duration);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [durationValue, durationModifier, durationUnit, timestamp]);
-  var renderDatePicker = function renderDatePicker() {
-    return /*#__PURE__*/React.createElement(S.DatePickerWrapper, {
-      error: error
-    }, /*#__PURE__*/React.createElement(DatePicker, {
-      value: timestamp,
-      onValueChange: function onValueChange(value) {
-        setError(!value);
-        onTimestampChange && onTimestampChange(value);
-      },
-      onApply: function onApply(date) {
-        onTimestampChange && onTimestampChange(date);
-      },
-      onClear: function onClear() {
-        onTimestampChange && onTimestampChange(getValueOnReset()); // FIXME cannot reselect date after clearing
-      },
-      dropdownProps: {
-        getPopupContainer: function getPopupContainer(node) {
-          return node.parentElement !== null ? node.parentElement : document.body;
-        }
-      },
-      texts: {
-        apply: allTexts.apply,
-        now: allTexts.now,
-        clearTooltip: allTexts.clearTooltip,
-        inputPlaceholder: allTexts.inputPlaceholder
-      },
-      showTime: true,
-      error: error,
-      errorText: error ? texts.emptyDateError : null,
-      popoverPlacement: "topLeft"
-    }));
+  const renderDatePicker = () => {
+    return /* @__PURE__ */ jsx(DatePickerWrapper, { error, children: /* @__PURE__ */ jsx(DatePicker, { value: timestamp, onValueChange: (value) => {
+      setError(!value);
+      onTimestampChange && onTimestampChange(value);
+    }, onApply: (date) => {
+      onTimestampChange && onTimestampChange(date);
+    }, onClear: () => {
+      onTimestampChange && onTimestampChange(getValueOnReset());
+    }, dropdownProps: {
+      getPopupContainer: (node) => node.parentElement !== null ? node.parentElement : document.body
+    }, texts: {
+      apply: allTexts.apply,
+      now: allTexts.now,
+      clearTooltip: allTexts.clearTooltip,
+      inputPlaceholder: allTexts.inputPlaceholder
+    }, showTime: true, error, errorText: error ? texts.emptyDateError : null, popoverPlacement: "topLeft" }) });
   };
-  return /*#__PURE__*/React.createElement(S.RangeFormColumn, null, renderDatePicker(), /*#__PURE__*/React.createElement(TimestampDuration, {
-    currentRange: currentRange,
-    value: durationValue,
-    handleDurationValueChange: function handleDurationValueChange(val) {
+  return /* @__PURE__ */ jsxs(RangeFormColumn, { children: [
+    renderDatePicker(),
+    /* @__PURE__ */ jsx(TimestampDuration, { currentRange, value: durationValue, handleDurationValueChange: (val) => {
       val && setDurationValue(Number(val));
-    },
-    onDurationUnitChange: function onDurationUnitChange(unit) {
+    }, onDurationUnitChange: (unit) => {
       unit && setDurationUnit(unit);
-    },
-    unit: durationUnit,
-    durationModifier: durationModifier,
-    onDurationModifierChange: function onDurationModifierChange(modifier) {
-      setDurationModifier(modifier); // FIXME
-    },
-    texts: texts
-  }));
+    }, unit: durationUnit, durationModifier, onDurationModifierChange: (modifier) => {
+      setDurationModifier(modifier);
+    }, texts })
+  ] });
+};
+export {
+  TimestampRange as default
 };
-export default TimestampRange;
-/* eslint-enable @typescript-eslint/no-explicit-any */

package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampRange.types.d.ts

@@ -1,5 +1,5 @@
-import { type RelativeMode, type Texts } from '../../../DateRangePicker.types';
-import { type RelativeDateRange } from '../../../date.types';
+import { RelativeMode, Texts } from '../../../DateRangePicker.types';
+import { RelativeDateRange } from '../../../date.types';
 export type TimestampRangeProps = {
     currentRange: RelativeDateRange;
     handleChange: (value: RelativeDateRange) => void;

package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampRange.types.js

@@ -1 +1 @@
-export {};
+

package/dist/RelativeRangePicker/RelativeRangePicker.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { type WrappedComponentProps } from 'react-intl';
-declare const _default: React.FC<import("react-intl").WithIntlProps<import("./RelativeRangePicker.types").RelativeRangePickerProps & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<import("./RelativeRangePicker.types").RelativeRangePickerProps & WrappedComponentProps>;
+import { default as React } from 'react';
+import { WrappedComponentProps } from 'react-intl';
+declare const _default: React.FC<import('react-intl').WithIntlProps<import('./RelativeRangePicker.types').RelativeRangePickerProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<import('./RelativeRangePicker.types').RelativeRangePickerProps & WrappedComponentProps>;
 };
 export default _default;