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

package/dist/RelativeRangePicker/Elements/CustomRangeForm/CustomRangeForm.js

@@ -1,64 +1,44 @@
-import lensPath from 'ramda/src/lensPath';
-import set from 'ramda/src/set';
-import React from 'react';
-import { RANGES_MODE } from '../../../constants';
-import * as S from '../../RelativeRangePicker.styles';
-import ModeDropdown from '../ModeDropdown/ModeDropdown';
-import TimestampRange from '../TimestampRange/TimestampRange';
-import DurationField from './DurationField/DurationField';
-import OffsetField from './OffsetField/OffsetField';
-export var setOffsetType = set(lensPath(['offset', 'type']));
-var CustomRangeForm = function CustomRangeForm(_ref) {
-  var ranges = _ref.ranges,
-    rangeUnits = _ref.rangeUnits,
-    currentRange = _ref.currentRange,
-    currentGroup = _ref.currentGroup,
-    handleDurationValueChange = _ref.handleDurationValueChange,
-    handleOffsetValueChange = _ref.handleOffsetValueChange,
-    handleModeChange = _ref.handleModeChange,
-    handleChange = _ref.handleChange,
-    texts = _ref.texts,
-    handleTimestampChange = _ref.handleTimestampChange,
-    timestamp = _ref.timestamp,
-    relativeModes = _ref.relativeModes;
-  var isSinceModeEnable = currentGroup === RANGES_MODE.SINCE;
-  var renderOffsetColumn = function renderOffsetColumn() {
-    return /*#__PURE__*/React.createElement(S.RangeFormColumn, null, /*#__PURE__*/React.createElement(OffsetField, {
-      currentRange: currentRange,
-      currentGroup: currentGroup,
-      handleChange: handleChange,
-      handleOffsetValueChange: handleOffsetValueChange,
-      texts: texts,
-      rangeUnits: rangeUnits
-    }));
+import { jsxs, jsx } from "react/jsx-runtime";
+import lensPath from "ramda/src/lensPath";
+import set from "ramda/src/set";
+import { RANGES_MODE } from "../../../constants.js";
+import { CustomForm, RangeFormColumn } from "../../RelativeRangePicker.styles.js";
+import ModeDrop from "../ModeDropdown/ModeDropdown.js";
+import TimestampRange from "../TimestampRange/TimestampRange.js";
+import DurationField from "./DurationField/DurationField.js";
+import OffsetField from "./OffsetField/OffsetField.js";
+const setOffsetType = set(lensPath(["offset", "type"]));
+const CustomRangeForm = ({
+  ranges,
+  rangeUnits,
+  currentRange,
+  currentGroup,
+  handleDurationValueChange,
+  handleOffsetValueChange,
+  handleModeChange,
+  handleChange,
+  texts,
+  handleTimestampChange,
+  timestamp,
+  relativeModes
+}) => {
+  const isSinceModeEnable = currentGroup === RANGES_MODE.SINCE;
+  const renderOffsetColumn = () => {
+    return /* @__PURE__ */ jsx(RangeFormColumn, { children: /* @__PURE__ */ jsx(OffsetField, { currentRange, currentGroup, handleChange, handleOffsetValueChange, texts, rangeUnits }) });
   };
-  var renderDurationColumn = function renderDurationColumn() {
-    return /*#__PURE__*/React.createElement(S.RangeFormColumn, null, /*#__PURE__*/React.createElement(DurationField, {
-      currentRange: currentRange,
-      currentGroup: currentGroup,
-      handleChange: handleChange,
-      handleDurationValueChange: handleDurationValueChange,
-      texts: texts,
-      rangeUnits: rangeUnits
-    }));
+  const renderDurationColumn = () => {
+    return /* @__PURE__ */ jsx(RangeFormColumn, { children: /* @__PURE__ */ jsx(DurationField, { currentRange, currentGroup, handleChange, handleDurationValueChange, texts, rangeUnits }) });
   };
-  var renderTimestampRange = function renderTimestampRange() {
-    return /*#__PURE__*/React.createElement(S.RangeFormColumn, null, /*#__PURE__*/React.createElement(TimestampRange, {
-      handleModeChange: handleModeChange,
-      currentRange: currentRange,
-      handleChange: handleChange,
-      onTimestampChange: handleTimestampChange,
-      timestamp: timestamp,
-      texts: texts
-    }));
+  const renderTimestampRange = () => {
+    return /* @__PURE__ */ jsx(RangeFormColumn, { children: /* @__PURE__ */ jsx(TimestampRange, { handleModeChange, currentRange, handleChange, onTimestampChange: handleTimestampChange, timestamp, texts }) });
   };
-  return /*#__PURE__*/React.createElement(S.CustomForm, null, /*#__PURE__*/React.createElement(S.RangeFormColumn, null, /*#__PURE__*/React.createElement(ModeDropdown, {
-    ranges: ranges,
-    currentGroup: currentGroup,
-    currentRange: currentRange,
-    onModeChange: handleModeChange,
-    texts: texts,
-    modes: relativeModes
-  })), isSinceModeEnable ? renderTimestampRange() : renderDurationColumn(), !isSinceModeEnable && renderOffsetColumn());
+  return /* @__PURE__ */ jsxs(CustomForm, { children: [
+    /* @__PURE__ */ jsx(RangeFormColumn, { children: /* @__PURE__ */ jsx(ModeDrop, { ranges, currentGroup, currentRange, onModeChange: handleModeChange, texts, modes: relativeModes }) }),
+    isSinceModeEnable ? renderTimestampRange() : renderDurationColumn(),
+    !isSinceModeEnable && renderOffsetColumn()
+  ] });
+};
+export {
+  CustomRangeForm as default,
+  setOffsetType
 };
-export default CustomRangeForm;

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

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

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

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

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

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

package/dist/RelativeRangePicker/Elements/CustomRangeForm/DurationField/DurationField.js

@@ -1,56 +1,47 @@
-import lensPath from 'ramda/src/lensPath';
-import set from 'ramda/src/set';
-import React, { useEffect } from 'react';
-import InputNumber from '@synerise/ds-input-number';
-import Select from '@synerise/ds-select';
-import { RANGES_MODE, RELATIVE_DURATION_MAX, RELATIVE_UNITS } from '../../../../constants';
-import * as S from '../../../RelativeRangePicker.styles';
-export var setDurationType = set(lensPath(['duration', 'type']));
-var SELECT_DROPDOWN_OFFSET = -4;
-var DurationField = function DurationField(_ref) {
-  var currentGroup = _ref.currentGroup,
-    currentRange = _ref.currentRange,
-    handleChange = _ref.handleChange,
-    handleDurationValueChange = _ref.handleDurationValueChange,
-    rangeUnits = _ref.rangeUnits,
-    texts = _ref.texts;
-  var duration = currentRange.duration;
-  useEffect(function () {
-    if ((duration == null ? void 0 : duration.value) < 1) {
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import lensPath from "ramda/src/lensPath";
+import set from "ramda/src/set";
+import { useEffect } from "react";
+import InputNumber from "@synerise/ds-input-number";
+import Select from "@synerise/ds-select";
+import { RANGES_MODE, RELATIVE_DURATION_MAX, RELATIVE_UNITS } from "../../../../constants.js";
+import { Title, InputSelectGroup } from "../../../RelativeRangePicker.styles.js";
+const setDurationType = set(lensPath(["duration", "type"]));
+const SELECT_DROPDOWN_OFFSET = -4;
+const DurationField = ({
+  currentGroup,
+  currentRange,
+  handleChange,
+  handleDurationValueChange,
+  rangeUnits,
+  texts
+}) => {
+  const {
+    duration
+  } = currentRange;
+  useEffect(() => {
+    if (duration?.value < 1) {
       handleDurationValueChange(1);
     }
   }, [duration, handleDurationValueChange]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Title, null, currentGroup === RANGES_MODE.PAST ? texts.last : texts.next), /*#__PURE__*/React.createElement(S.InputSelectGroup, {
-    compact: true
-  }, /*#__PURE__*/React.createElement(InputNumber, {
-    min: 1,
-    max: RELATIVE_DURATION_MAX,
-    precision: 0,
-    step: 1,
-    value: duration == null ? void 0 : duration.value,
-    onBlur: function onBlur(_ref2) {
-      var value = _ref2.target.value;
-      !value && handleDurationValueChange(1);
-    },
-    onChange: handleDurationValueChange,
-    raw: true
-  }), /*#__PURE__*/React.createElement(Select, {
-    value: duration == null ? void 0 : duration.type,
-    onChange: function onChange(type) {
-      return handleChange(setDurationType(type, currentRange));
-    },
-    dropdownAlign: {
-      points: ['bl', 'tl'],
-      offset: [0, SELECT_DROPDOWN_OFFSET]
-    },
-    getPopupContainer: function getPopupContainer(node) {
-      return node.parentElement !== null ? node.parentElement : document.body;
-    }
-  }, (rangeUnits || RELATIVE_UNITS).map(function (type) {
-    return /*#__PURE__*/React.createElement(Select.Option, {
-      key: type,
-      value: type
-    }, texts[type.toLowerCase()]);
-  }))));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Title, { children: currentGroup === RANGES_MODE.PAST ? texts.last : texts.next }),
+    /* @__PURE__ */ jsxs(InputSelectGroup, { compact: true, children: [
+      /* @__PURE__ */ jsx(InputNumber, { min: 1, max: RELATIVE_DURATION_MAX, precision: 0, step: 1, value: duration?.value, onBlur: ({
+        target: {
+          value
+        }
+      }) => {
+        !value && handleDurationValueChange(1);
+      }, onChange: handleDurationValueChange, raw: true }),
+      /* @__PURE__ */ jsx(Select, { value: duration?.type, onChange: (type) => handleChange(setDurationType(type, currentRange)), dropdownAlign: {
+        points: ["bl", "tl"],
+        offset: [0, SELECT_DROPDOWN_OFFSET]
+      }, getPopupContainer: (node) => node.parentElement !== null ? node.parentElement : document.body, children: (rangeUnits || RELATIVE_UNITS).map((type) => /* @__PURE__ */ jsx(Select.Option, { value: type, children: texts[type.toLowerCase()] }, type)) })
+    ] })
+  ] });
+};
+export {
+  DurationField as default,
+  setDurationType
 };
-export default DurationField;

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

@@ -1,4 +1,4 @@
-import { type FieldProps } from '../CustomRangeForm.types';
+import { FieldProps } from '../CustomRangeForm.types';
 export type Props = {
     handleDurationValueChange: (value?: string | number | null) => void;
 } & FieldProps;

package/dist/RelativeRangePicker/Elements/CustomRangeForm/DurationField/DurationField.types.js

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type Props } from './OffsetField.types';
+import { default as React } from 'react';
+import { Props } from './OffsetField.types';
 declare const OffsetField: ({ handleOffsetValueChange, currentGroup, handleChange, currentRange, texts, rangeUnits, }: Props) => React.JSX.Element;
 export default OffsetField;

package/dist/RelativeRangePicker/Elements/CustomRangeForm/OffsetField/OffsetField.js

@@ -1,53 +1,45 @@
-import React, { useEffect } from 'react';
-import InputNumber from '@synerise/ds-input-number';
-import Select from '@synerise/ds-select';
-import { RANGES_MODE, RELATIVE_OFFSET_MAX, RELATIVE_UNITS } from '../../../../constants';
-import * as S from '../../../RelativeRangePicker.styles';
-import { setOffsetType } from '../CustomRangeForm';
-var SELECT_DROPDOWN_OFFSET = -4;
-var OffsetField = function OffsetField(_ref) {
-  var handleOffsetValueChange = _ref.handleOffsetValueChange,
-    currentGroup = _ref.currentGroup,
-    handleChange = _ref.handleChange,
-    currentRange = _ref.currentRange,
-    texts = _ref.texts,
-    rangeUnits = _ref.rangeUnits;
-  var offset = currentRange.offset;
-  useEffect(function () {
-    if ((offset == null ? void 0 : offset.value) < 0) {
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import InputNumber from "@synerise/ds-input-number";
+import Select from "@synerise/ds-select";
+import { RANGES_MODE, RELATIVE_OFFSET_MAX, RELATIVE_UNITS } from "../../../../constants.js";
+import { Title, InputSelectGroup } from "../../../RelativeRangePicker.styles.js";
+import { setOffsetType } from "../CustomRangeForm.js";
+const SELECT_DROPDOWN_OFFSET = -4;
+const OffsetField = ({
+  handleOffsetValueChange,
+  currentGroup,
+  handleChange,
+  currentRange,
+  texts,
+  rangeUnits
+}) => {
+  const {
+    offset
+  } = currentRange;
+  useEffect(() => {
+    if (offset?.value < 0) {
       handleOffsetValueChange(0);
     }
   }, [offset, handleOffsetValueChange]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, ' ', /*#__PURE__*/React.createElement(S.Title, null, currentGroup === RANGES_MODE.PAST ? texts.before : texts.after), /*#__PURE__*/React.createElement(S.InputSelectGroup, {
-    compact: true
-  }, /*#__PURE__*/React.createElement(InputNumber, {
-    min: 0,
-    max: RELATIVE_OFFSET_MAX,
-    precision: 0,
-    step: 1,
-    value: offset == null ? void 0 : offset.value,
-    onBlur: function onBlur(_ref2) {
-      var value = _ref2.target.value;
-      !value && handleOffsetValueChange(0);
-    },
-    onChange: handleOffsetValueChange
-  }), /*#__PURE__*/React.createElement(Select, {
-    value: offset == null ? void 0 : offset.type,
-    onChange: function onChange(type) {
-      return handleChange(setOffsetType(type, currentRange));
-    },
-    dropdownAlign: {
-      points: ['bl', 'tl'],
-      offset: [0, SELECT_DROPDOWN_OFFSET]
-    },
-    getPopupContainer: function getPopupContainer(node) {
-      return node.parentElement !== null ? node.parentElement : document.body;
-    }
-  }, (rangeUnits || RELATIVE_UNITS).map(function (type) {
-    return /*#__PURE__*/React.createElement(Select.Option, {
-      key: type,
-      value: type
-    }, texts[type.toLowerCase()]);
-  }))));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    " ",
+    /* @__PURE__ */ jsx(Title, { children: currentGroup === RANGES_MODE.PAST ? texts.before : texts.after }),
+    /* @__PURE__ */ jsxs(InputSelectGroup, { compact: true, children: [
+      /* @__PURE__ */ jsx(InputNumber, { min: 0, max: RELATIVE_OFFSET_MAX, precision: 0, step: 1, value: offset?.value, onBlur: ({
+        target: {
+          value
+        }
+      }) => {
+        !value && handleOffsetValueChange(0);
+      }, onChange: handleOffsetValueChange }),
+      /* @__PURE__ */ jsx(Select, { value: offset?.type, onChange: (type) => handleChange(setOffsetType(type, currentRange)), dropdownAlign: {
+        points: ["bl", "tl"],
+        offset: [0, SELECT_DROPDOWN_OFFSET]
+      }, getPopupContainer: (node) => node.parentElement !== null ? node.parentElement : document.body, children: (rangeUnits || RELATIVE_UNITS).map((type) => /* @__PURE__ */ jsx(Select.Option, { value: type, children: texts[type.toLowerCase()] }, type)) })
+    ] })
+  ] });
+};
+export {
+  OffsetField as default
 };
-export default OffsetField;

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

@@ -1,4 +1,4 @@
-import { type FieldProps } from '../CustomRangeForm.types';
+import { FieldProps } from '../CustomRangeForm.types';
 export type Props = {
     handleOffsetValueChange: (value?: string | number | null) => void;
 } & FieldProps;

package/dist/RelativeRangePicker/Elements/CustomRangeForm/OffsetField/OffsetField.types.js

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type Props } from './ModeDropdown.types';
+import { default as React } from 'react';
+import { Props } from './ModeDropdown.types';
 declare const ModeDrop: ({ currentGroup, onModeChange, modes, texts }: Props) => React.JSX.Element;
 export default ModeDrop;

package/dist/RelativeRangePicker/Elements/ModeDropdown/ModeDropdown.js

@@ -1,60 +1,36 @@
-import React, { useCallback, useRef, useState } from 'react';
-import { theme } from '@synerise/ds-core';
-import Icon, { CheckS } from '@synerise/ds-icon';
-import { useOnClickOutside } from '@synerise/ds-utils';
-import { RANGES_ICON } from '../../../constants';
-import * as S from '../../RelativeRangePicker.styles';
-var MODE_TRANSLATION_KEYS = {
-  PAST: 'last',
-  FUTURE: 'next',
-  SINCE: 'since'
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef, useCallback } from "react";
+import { theme } from "@synerise/ds-core";
+import Icon, { CheckS } from "@synerise/ds-icon";
+import { useOnClickOutside } from "@synerise/ds-utils";
+import { RANGES_ICON } from "../../../constants.js";
+import { OverlayWrapper, DropMenu, DropMenuItem, DropdownContainer, ModeDropdownTrigger } from "../../RelativeRangePicker.styles.js";
+const MODE_TRANSLATION_KEYS = {
+  PAST: "last",
+  FUTURE: "next",
+  SINCE: "since"
 };
-var ModeDrop = function ModeDrop(_ref) {
-  var currentGroup = _ref.currentGroup,
-    onModeChange = _ref.onModeChange,
-    modes = _ref.modes,
-    texts = _ref.texts;
-  var _useState = useState(false),
-    dropVisible = _useState[0],
-    setDropVisible = _useState[1];
-  var overlayRef = useRef(null);
-  var handleMenuItemClick = useCallback(function (mode) {
+const ModeDrop = ({
+  currentGroup,
+  onModeChange,
+  modes,
+  texts
+}) => {
+  const [dropVisible, setDropVisible] = useState(false);
+  const overlayRef = useRef(null);
+  const handleMenuItemClick = useCallback((mode) => {
     onModeChange && onModeChange(mode);
     setDropVisible(false);
   }, [onModeChange]);
-  useOnClickOutside(overlayRef, function () {
+  useOnClickOutside(overlayRef, () => {
     setDropVisible(false);
   });
-  var overlay = /*#__PURE__*/React.createElement(S.OverlayWrapper, {
-    visible: dropVisible,
-    ref: overlayRef,
-    width: 180
-  }, /*#__PURE__*/React.createElement(S.DropMenu, null, modes.map(function (mode) {
-    return /*#__PURE__*/React.createElement(S.DropMenuItem, {
-      key: mode,
-      onClick: function onClick() {
-        return handleMenuItemClick(mode);
-      },
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: RANGES_ICON[mode]
-      }),
-      suffixel: mode === currentGroup ? /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(CheckS, null),
-        color: theme.palette['green-600']
-      }) : null
-    }, texts[MODE_TRANSLATION_KEYS[mode]]);
-  })));
-  return /*#__PURE__*/React.createElement(S.DropdownContainer, null, /*#__PURE__*/React.createElement(S.ModeDropdownTrigger, {
-    key: "TOGGLE",
-    mode: "single-icon",
-    type: "secondary",
-    onClick: function onClick() {
-      return setDropVisible(true);
-    },
-    disabled: !modes || !(modes != null && modes.length) || modes.length === 1
-  }, !!currentGroup && /*#__PURE__*/React.createElement(Icon, {
-    key: currentGroup,
-    component: [RANGES_ICON[currentGroup]]
-  })), overlay);
+  const overlay = /* @__PURE__ */ jsx(OverlayWrapper, { visible: dropVisible, ref: overlayRef, width: 180, children: /* @__PURE__ */ jsx(DropMenu, { children: modes.map((mode) => /* @__PURE__ */ jsx(DropMenuItem, { onClick: () => handleMenuItemClick(mode), prefixel: /* @__PURE__ */ jsx(Icon, { component: RANGES_ICON[mode] }), suffixel: mode === currentGroup ? /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(CheckS, {}), color: theme.palette["green-600"] }) : null, children: texts[MODE_TRANSLATION_KEYS[mode]] }, mode)) }) });
+  return /* @__PURE__ */ jsxs(DropdownContainer, { children: [
+    /* @__PURE__ */ jsx(ModeDropdownTrigger, { mode: "single-icon", type: "secondary", onClick: () => setDropVisible(true), disabled: !modes || !modes?.length || modes.length === 1, children: !!currentGroup && /* @__PURE__ */ jsx(Icon, { component: [RANGES_ICON[currentGroup]] }, currentGroup) }, "TOGGLE"),
+    overlay
+  ] });
+};
+export {
+  ModeDrop as default
 };
-export default ModeDrop;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type Props } from './RangeButtons.types';
+import { default as React } from 'react';
+import { Props } from './RangeButtons.types';
 declare const RangeButtons: ({ ranges, currentRange, texts, onChange }: Props) => React.JSX.Element;
 export default RangeButtons;

package/dist/RelativeRangePicker/Elements/RangeButtons/RangeButtons.js

@@ -1,23 +1,22 @@
-import React from 'react';
-import { findMatchingPreset } from '../../../RelativeRangePicker/utils';
-import { ALL_TIME } from '../../../constants';
-import * as S from '../../RelativeRangePicker.styles';
-import { isLifetime } from '../RangeDropdown/RangeDropdown';
-var RangeButtons = function RangeButtons(_ref) {
-  var ranges = _ref.ranges,
-    currentRange = _ref.currentRange,
-    texts = _ref.texts,
-    onChange = _ref.onChange;
-  var matchingPreset = findMatchingPreset(currentRange);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, ranges.map(function (range) {
-    return /*#__PURE__*/React.createElement(S.Range, {
-      "data-testid": "relative-range-preset-" + (range.key || range.id),
-      key: range.key || range.id,
-      onClick: function onClick() {
-        onChange && onChange(range);
-      },
-      activated: matchingPreset && matchingPreset.key === range.key || isLifetime(currentRange) && range.key === ALL_TIME
-    }, range.translationKey ? texts[range.translationKey] : texts == null ? void 0 : texts.custom);
-  }));
+import { jsx, Fragment } from "react/jsx-runtime";
+import { findMatchingPreset } from "../../utils/findMatchingPreset.utils.js";
+import "../../utils/setFuture.utils.js";
+import { ALL_TIME } from "../../../constants.js";
+import "ramda/src/lensPath";
+import "ramda/src/set";
+import { Range } from "../../RelativeRangePicker.styles.js";
+import { isLifetime } from "../RangeDropdown/RangeDropdown.js";
+const RangeButtons = ({
+  ranges,
+  currentRange,
+  texts,
+  onChange
+}) => {
+  const matchingPreset = findMatchingPreset(currentRange);
+  return /* @__PURE__ */ jsx(Fragment, { children: ranges.map((range) => /* @__PURE__ */ jsx(Range, { "data-testid": `relative-range-preset-${range.key || range.id}`, onClick: () => {
+    onChange && onChange(range);
+  }, activated: matchingPreset && matchingPreset.key === range.key || isLifetime(currentRange) && range.key === ALL_TIME, children: range.translationKey ? texts[range.translationKey] : texts?.custom }, range.key || range.id)) });
+};
+export {
+  RangeButtons as default
 };
-export default RangeButtons;

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

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

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

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

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { type DateRange } from '../../../date.types';
-import { type RangeDropdownProps } from './RangeDropdown.types';
+import { default as React } from 'react';
+import { DateRange } from '../../../date.types';
+import { RangeDropdownProps } from './RangeDropdown.types';
 /**
  * Tell whether given date (range) is a lifetime value.
  *