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

package/dist/RelativeRangePicker/RelativeRangePicker.js

@@ -1,182 +1,199 @@
-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); }
-function _inheritsLoose(t, o) { t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-import React from 'react';
-import { injectIntl } from 'react-intl';
-import * as CONST from '../constants';
-import { CUSTOM_RANGE_KEY, RANGES_MODE } from '../constants';
-import getRelativePresetForRange from '../dateUtils/getRelativePresetForRange';
-import { fnsIsAfter } from '../fns';
-import { DEFAULT_RANGE, normalizeRange } from '../utils';
-import CustomRangeForm from './Elements/CustomRangeForm/CustomRangeForm';
-import RangeButtons from './Elements/RangeButtons/RangeButtons';
-import RangeDropdown from './Elements/RangeDropdown/RangeDropdown';
-import * as S from './RelativeRangePicker.styles';
-import { findMatchingPreset, getCurrentGroupFromProps, getDefaultCustomRange, setDurationValue, setFuture, setOffsetValue, updatePresetKey } from './utils';
-var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
-  function RelativeRangePicker(props) {
-    var _this;
-    _this = _React$PureComponent.call(this, props) || this;
-    // @ts-expect-error - types mismatch
-    // eslint-disable-next-line react/state-in-constructor
-    _this.onModeChange = function (mode) {
-      var currentGroup = _this.state.currentGroup;
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { injectIntl } from "react-intl";
+import { CUSTOM_RANGE_KEY, RANGES_MODE, RELATIVE_UNITS, RELATIVE_PRESETS, ABSOLUTE_PRESETS, RELATIVE_SECTION_BUTTON_KEYS_ORDER, RELATIVE } from "../constants.js";
+import getRelativePresetForRange from "../dateUtils/getRelativePresetForRange.js";
+import "date-fns/addDays";
+import "date-fns/addHours";
+import "date-fns/addMinutes";
+import "date-fns/addMonths";
+import "date-fns/addSeconds";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/endOfDay";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/getYear";
+import fnsIsAfter from "date-fns/isAfter";
+import "date-fns/isBefore";
+import "date-fns/isSameMonth";
+import "date-fns/isSameYear";
+import "date-fns/setDate";
+import "date-fns/setMonth";
+import "date-fns/setYear";
+import "date-fns/startOfDay";
+import "date-fns/startOfMonth";
+import { DEFAULT_RANGE, normalizeRange } from "../utils.js";
+import CustomRangeForm from "./Elements/CustomRangeForm/CustomRangeForm.js";
+import RangeButtons from "./Elements/RangeButtons/RangeButtons.js";
+import RangeDropdown from "./Elements/RangeDropdown/RangeDropdown.js";
+import { Container, Ranges, Range } from "./RelativeRangePicker.styles.js";
+import { findMatchingPreset } from "./utils/findMatchingPreset.utils.js";
+import { setFuture } from "./utils/setFuture.utils.js";
+import { updatePresetKey } from "./utils/updatePresetKey.utils.js";
+import { setDurationValue } from "./utils/setDurationValue.utils.js";
+import { setOffsetValue } from "./utils/setOffsetValue.utils.js";
+import { getDefaultCustomRange } from "./utils/getDefaultCustomRange.utils.js";
+import { getCurrentGroupFromProps } from "./utils/getCurrentGroupFromProps.utils.js";
+const _RelativeRangePicker = class _RelativeRangePicker extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.onModeChange = (mode) => {
+      const {
+        currentGroup
+      } = this.state;
       if (mode !== currentGroup) {
-        _this.setState({
+        this.setState({
           currentGroup: mode,
-          lastCustomRange: undefined,
-          sinceTimestamp: new Date()
+          lastCustomRange: void 0,
+          sinceTimestamp: /* @__PURE__ */ new Date()
         });
-        var onChange = _this.props.onChange;
+        const {
+          onChange
+        } = this.props;
         onChange(DEFAULT_RANGE);
       }
     };
-    _this.onTimestampChange = function (timestamp) {
-      _this.setState({
+    this.onTimestampChange = (timestamp) => {
+      this.setState({
         sinceTimestamp: timestamp
       });
       if (!timestamp) {
-        var onChange = _this.props.onChange;
-        var updatedRange = normalizeRange({
-          to: undefined,
-          from: undefined
+        const {
+          onChange
+        } = this.props;
+        const updatedRange = normalizeRange({
+          to: void 0,
+          from: void 0
         });
         onChange(updatedRange);
       }
     };
-    _this.handleCustomClick = function () {
-      var onChange = _this.props.onChange;
-      var _this$state = _this.state,
-        lastCustomRange = _this$state.lastCustomRange,
-        currentGroup = _this$state.currentGroup;
+    this.handleCustomClick = () => {
+      const {
+        onChange
+      } = this.props;
+      const {
+        lastCustomRange,
+        currentGroup
+      } = this.state;
       if (lastCustomRange && lastCustomRange.translationKey === CUSTOM_RANGE_KEY) {
-        onChange(_extends({}, lastCustomRange, {
-          key: undefined
-        }));
+        onChange({
+          ...lastCustomRange,
+          key: void 0
+        });
       } else {
-        var sourceRange = getDefaultCustomRange(currentGroup);
-        onChange(_extends({}, sourceRange, {
-          key: undefined,
+        const sourceRange = getDefaultCustomRange(currentGroup);
+        onChange({
+          ...sourceRange,
+          key: void 0,
           translationKey: CUSTOM_RANGE_KEY
-        }));
+        });
       }
     };
-    _this.onChange = function (value) {
-      var currentGroup = _this.state.currentGroup;
-      var onChange = _this.props.onChange;
-      var isSince = currentGroup === RANGES_MODE.SINCE;
-      var isFuture = isSince ? value.future : value.timestamp && fnsIsAfter(value.timestamp, new Date()); // FIXME since past/future
-      var changes = _extends({}, setFuture(currentGroup === RANGES_MODE.FUTURE || isFuture, value), {
-        type: 'RELATIVE'
-      });
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      var resultRange = normalizeRange(updatePresetKey(changes));
-      if ((resultRange == null ? void 0 : resultRange.translationKey) === CUSTOM_RANGE_KEY) {
-        _this.setState({
+    this.onChange = (value) => {
+      const {
+        currentGroup
+      } = this.state;
+      const {
+        onChange
+      } = this.props;
+      const isSince = currentGroup === RANGES_MODE.SINCE;
+      const isFuture = isSince ? value.future : value.timestamp && fnsIsAfter(value.timestamp, /* @__PURE__ */ new Date());
+      const changes = {
+        ...setFuture(currentGroup === RANGES_MODE.FUTURE || isFuture, value),
+        type: "RELATIVE"
+      };
+      const resultRange = normalizeRange(updatePresetKey(changes));
+      if (resultRange?.translationKey === CUSTOM_RANGE_KEY) {
+        this.setState({
           lastCustomRange: resultRange
         });
       }
       onChange(resultRange);
     };
-    _this.renderRanges = function (ranges) {
+    this.renderRanges = (ranges) => {
       if (!ranges || ranges.length === 0) {
         return null;
       }
-      var currentRange = _this.state.currentRange;
-      var _this$props = _this.props,
-        onChange = _this$props.onChange,
-        texts = _this$props.texts,
-        value = _this$props.value;
-      return /*#__PURE__*/React.createElement(RangeButtons, {
-        ranges: ranges,
-        currentRange: currentRange,
-        value: value,
-        texts: texts,
-        onChange: onChange
-      });
+      const {
+        currentRange
+      } = this.state;
+      const {
+        onChange,
+        texts,
+        value
+      } = this.props;
+      return /* @__PURE__ */ jsx(RangeButtons, { ranges, currentRange, value, texts, onChange });
     };
-    _this.renderRangesDropdown = function (ranges) {
-      var currentRange = _this.state.currentRange;
-      var _this$props2 = _this.props,
-        onChange = _this$props2.onChange,
-        texts = _this$props2.texts,
-        valueTransformer = _this$props2.valueTransformer;
-      return /*#__PURE__*/React.createElement(RangeDropdown, {
-        ranges: ranges,
-        currentRange: currentRange,
-        texts: texts,
-        onChange: onChange,
-        valueTransformer: valueTransformer
-      });
+    this.renderRangesDropdown = (ranges) => {
+      const {
+        currentRange
+      } = this.state;
+      const {
+        onChange,
+        texts,
+        valueTransformer
+      } = this.props;
+      return /* @__PURE__ */ jsx(RangeDropdown, { ranges, currentRange, texts, onChange, valueTransformer });
     };
-    _this.onOffsetValueChange = function (value) {
-      var currentRange = _this.state.currentRange;
-      if (typeof value === 'number' && value >= 0 && currentRange) {
-        var changes = setOffsetValue(value, currentRange);
-        _this.onChange(changes);
+    this.onOffsetValueChange = (value) => {
+      const {
+        currentRange
+      } = this.state;
+      if (typeof value === "number" && value >= 0 && currentRange) {
+        const changes = setOffsetValue(value, currentRange);
+        this.onChange(changes);
       }
     };
-    _this.onDurationValueChange = function (value) {
-      var currentRange = _this.state.currentRange;
+    this.onDurationValueChange = (value) => {
+      const {
+        currentRange
+      } = this.state;
       if (value && currentRange) {
-        var changes = setDurationValue(value, currentRange);
-        _this.onChange(changes);
+        const changes = setDurationValue(value, currentRange);
+        this.onChange(changes);
       }
     };
-    _this.renderCustomRangeForm = function () {
-      var _this$state2 = _this.state,
-        currentRange = _this$state2.currentRange,
-        currentGroup = _this$state2.currentGroup,
-        sinceTimestamp = _this$state2.sinceTimestamp;
-      var _this$props3 = _this.props,
-        ranges = _this$props3.ranges,
-        texts = _this$props3.texts,
-        relativeModes = _this$props3.relativeModes,
-        rangeUnits = _this$props3.rangeUnits;
-      return /*#__PURE__*/React.createElement(CustomRangeForm, {
-        handleModeChange: _this.onModeChange,
-        ranges: ranges,
-        currentRange: currentRange,
-        currentGroup: currentGroup,
-        handleChange: _this.onChange,
-        handleDurationValueChange: _this.onDurationValueChange,
-        handleOffsetValueChange: _this.onOffsetValueChange,
-        handleTimestampChange: _this.onTimestampChange,
-        timestamp: sinceTimestamp,
-        relativeModes: relativeModes || [],
-        texts: texts,
-        rangeUnits: rangeUnits
-      });
+    this.renderCustomRangeForm = () => {
+      const {
+        currentRange,
+        currentGroup,
+        sinceTimestamp
+      } = this.state;
+      const {
+        ranges,
+        texts,
+        relativeModes,
+        rangeUnits
+      } = this.props;
+      return /* @__PURE__ */ jsx(CustomRangeForm, { handleModeChange: this.onModeChange, ranges, currentRange, currentGroup, handleChange: this.onChange, handleDurationValueChange: this.onDurationValueChange, handleOffsetValueChange: this.onOffsetValueChange, handleTimestampChange: this.onTimestampChange, timestamp: sinceTimestamp, relativeModes: relativeModes || [], texts, rangeUnits });
     };
-    _this.state = {
+    this.state = {
       currentGroup: getCurrentGroupFromProps(props),
       future: props.future || false,
       past: props.past || true,
-      sinceTimestamp: new Date()
+      sinceTimestamp: /* @__PURE__ */ new Date()
     };
-    return _this;
   }
-  _inheritsLoose(RelativeRangePicker, _React$PureComponent);
-  RelativeRangePicker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
-    var ranges = nextProps.ranges,
-      value = nextProps.value,
-      future = nextProps.future,
-      past = nextProps.past,
-      relativeModes = nextProps.relativeModes;
-    var state = prevState;
-    var currentRange = getRelativePresetForRange(value);
+  static getDerivedStateFromProps(nextProps, prevState) {
+    const {
+      ranges,
+      value,
+      future,
+      past,
+      relativeModes
+    } = nextProps;
+    const state = prevState;
+    const currentRange = getRelativePresetForRange(value);
     state.currentRange = currentRange;
     state.groupedRanges = ranges;
     if (state.groupedRanges) {
-      if (!(relativeModes != null && relativeModes.includes('PAST'))) {
-        state.groupedRanges = state.groupedRanges.filter(function (preset) {
-          return preset.future;
-        });
+      if (!relativeModes?.includes("PAST")) {
+        state.groupedRanges = state.groupedRanges.filter((preset) => preset.future);
       }
-      if (!(relativeModes != null && relativeModes.includes('FUTURE'))) {
-        state.groupedRanges = state.groupedRanges.filter(function (preset) {
-          return !preset.future;
-        });
+      if (!relativeModes?.includes("FUTURE")) {
+        state.groupedRanges = state.groupedRanges.filter((preset) => !preset.future);
       }
     }
     if (future !== prevState.future || past !== prevState.past || relativeModes && !relativeModes.includes(state.currentGroup)) {
@@ -185,42 +202,44 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
       state.past = prevState.past;
     }
     return state;
-  };
-  var _proto = RelativeRangePicker.prototype;
-  _proto.render = function render() {
-    var _this$props4 = this.props,
-      texts = _this$props4.texts,
-      showCustomRange = _this$props4.showCustomRange;
-    var _this$state3 = this.state,
-      groupedRanges = _this$state3.groupedRanges,
-      currentGroup = _this$state3.currentGroup,
-      currentRange = _this$state3.currentRange;
-    var isCustomValue = currentRange.type === 'RELATIVE' && !findMatchingPreset(currentRange);
-    var orderedGroupedRanges = groupedRanges == null ? void 0 : groupedRanges.sort(function (a, b) {
-      return CONST.RELATIVE_SECTION_BUTTON_KEYS_ORDER.indexOf(a.key) - CONST.RELATIVE_SECTION_BUTTON_KEYS_ORDER.indexOf(b.key);
-    });
-    var visibleRanges = orderedGroupedRanges ? orderedGroupedRanges.slice(0, 4) : [];
-    var hiddenRanges = orderedGroupedRanges ? orderedGroupedRanges.slice(4) : [];
-    var displayRangeForm = isCustomValue || currentRange && currentRange.type === CONST.RELATIVE;
+  }
+  render() {
+    const {
+      texts,
+      showCustomRange
+    } = this.props;
+    const {
+      groupedRanges,
+      currentGroup,
+      currentRange
+    } = this.state;
+    const isCustomValue = currentRange.type === "RELATIVE" && !findMatchingPreset(currentRange);
+    const orderedGroupedRanges = groupedRanges?.sort((a, b) => RELATIVE_SECTION_BUTTON_KEYS_ORDER.indexOf(a.key) - RELATIVE_SECTION_BUTTON_KEYS_ORDER.indexOf(b.key));
+    const visibleRanges = orderedGroupedRanges ? orderedGroupedRanges.slice(0, 4) : [];
+    const hiddenRanges = orderedGroupedRanges ? orderedGroupedRanges.slice(4) : [];
+    const displayRangeForm = isCustomValue || currentRange && currentRange.type === RELATIVE;
     if (!currentGroup) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(S.Container, null, /*#__PURE__*/React.createElement(S.Ranges, null, showCustomRange && /*#__PURE__*/React.createElement(S.Range, {
-      "data-testid": "relative-range-preset-" + CUSTOM_RANGE_KEY,
-      key: CUSTOM_RANGE_KEY,
-      onClick: this.handleCustomClick,
-      activated: !!isCustomValue
-    }, texts == null ? void 0 : texts.custom), this.renderRanges(visibleRanges), this.renderRangesDropdown(hiddenRanges)), displayRangeForm && this.renderCustomRangeForm());
-  };
-  return RelativeRangePicker;
-}(React.PureComponent);
-RelativeRangePicker.defaultProps = {
-  ranges: [].concat(CONST.RELATIVE_PRESETS, CONST.ABSOLUTE_PRESETS),
-  relativeModes: ['PAST', 'FUTURE'],
-  rangeUnits: CONST.RELATIVE_UNITS,
-  showCustomRange: true,
-  valueTransformer: function valueTransformer(e) {
-    return e;
+    return /* @__PURE__ */ jsxs(Container, { children: [
+      /* @__PURE__ */ jsxs(Ranges, { children: [
+        showCustomRange && /* @__PURE__ */ jsx(Range, { "data-testid": `relative-range-preset-${CUSTOM_RANGE_KEY}`, onClick: this.handleCustomClick, activated: !!isCustomValue, children: texts?.custom }, CUSTOM_RANGE_KEY),
+        this.renderRanges(visibleRanges),
+        this.renderRangesDropdown(hiddenRanges)
+      ] }),
+      displayRangeForm && this.renderCustomRangeForm()
+    ] });
   }
 };
-export default injectIntl(RelativeRangePicker);
+_RelativeRangePicker.defaultProps = {
+  ranges: [...RELATIVE_PRESETS, ...ABSOLUTE_PRESETS],
+  relativeModes: ["PAST", "FUTURE"],
+  rangeUnits: RELATIVE_UNITS,
+  showCustomRange: true,
+  valueTransformer: (e) => e
+};
+let RelativeRangePicker = _RelativeRangePicker;
+const RelativeRangePicker$1 = injectIntl(RelativeRangePicker);
+export {
+  RelativeRangePicker$1 as default
+};

package/dist/RelativeRangePicker/RelativeRangePicker.styles.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import { type Props as InputGroupProps } from '@synerise/ds-input/dist/InputGroup.types';
-import { type StyledListItem } from '@synerise/ds-list-item';
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Help: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Ranges: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CustomForm: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InputSelectGroup: import("styled-components").StyledComponent<({ children, label, errors, description, resetMargin, tooltip, tooltipConfig, ...antdInputGroupProps }: InputGroupProps) => React.JSX.Element, any, InputGroupProps, never>;
-export declare const ModeDropdownTrigger: import("styled-components").StyledComponent<({ children, ...rest }: any) => React.JSX.Element, any, {}, never>;
-export declare const Range: import("styled-components").StyledComponent<({ children, ...rest }: any) => React.JSX.Element, any, {}, never>;
-export declare const RangeFormColumn: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DatePickerWrapper: import("styled-components").StyledComponent<"div", any, {
+import { default as React } from 'react';
+import { Props as InputGroupProps } from '@synerise/ds-input/dist/InputGroup.types';
+import { StyledListItem } from '@synerise/ds-list-item';
+export declare const Container: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Header: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Title: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Help: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Ranges: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const CustomForm: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const InputSelectGroup: import('styled-components').StyledComponent<({ children, label, errors, description, resetMargin, tooltip, tooltipConfig, ...antdInputGroupProps }: InputGroupProps) => React.JSX.Element, any, InputGroupProps, never>;
+export declare const ModeDropdownTrigger: import('styled-components').StyledComponent<({ children, ...rest }: any) => React.JSX.Element, any, {}, never>;
+export declare const Range: import('styled-components').StyledComponent<({ children, ...rest }: any) => React.JSX.Element, any, {}, never>;
+export declare const RangeFormColumn: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const DatePickerWrapper: import('styled-components').StyledComponent<"div", any, {
     error: boolean;
 }, never>;
-export declare const DropMenu: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DropMenu: import('styled-components').StyledComponent<"div", any, {}, never>;
 export declare const DropMenuItem: StyledListItem;
-export declare const OverlayWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const OverlayWrapper: import('styled-components').StyledComponent<"div", any, {
     visible?: boolean;
     width?: number;
 }, never>;
-export declare const DropdownContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DropdownContainer: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/RelativeRangePicker/RelativeRangePicker.styles.js

@@ -1,90 +1,89 @@
-var _excluded = ["children"],
-  _excluded2 = ["children"];
-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); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import styled from 'styled-components';
-import Button, { ButtonToggle } from '@synerise/ds-button';
-import { InputGroup } from '@synerise/ds-input';
-import { InputGroupItem } from '@synerise/ds-input/dist/InputGroup.styles';
-import ListItem from '@synerise/ds-list-item';
-export var Container = styled.div.withConfig({
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import Button, { ButtonToggle } from "@synerise/ds-button";
+import { InputGroup } from "@synerise/ds-input";
+import { InputGroupItem } from "@synerise/ds-input/dist/InputGroup.styles";
+import ListItem from "@synerise/ds-list-item";
+const Container = /* @__PURE__ */ styled.div.withConfig({
   displayName: "RelativeRangePickerstyles__Container",
   componentId: "sc-17ul7sp-0"
 })([""]);
-export var Header = styled.div.withConfig({
+const Header = /* @__PURE__ */ styled.div.withConfig({
   displayName: "RelativeRangePickerstyles__Header",
   componentId: "sc-17ul7sp-1"
 })(["display:flex;"]);
-export var Title = styled.div.withConfig({
+const Title = /* @__PURE__ */ styled.div.withConfig({
   displayName: "RelativeRangePickerstyles__Title",
   componentId: "sc-17ul7sp-2"
 })(["font-weight:500;margin-right:12px;margin-left:12px;line-height:32px;"]);
-export var Help = styled.div.withConfig({
+const Help = /* @__PURE__ */ styled.div.withConfig({
   displayName: "RelativeRangePickerstyles__Help",
   componentId: "sc-17ul7sp-3"
-})(["flex:0;color:", ";"], function (props) {
-  return props.theme.palette['grey-400'];
-});
-export var Ranges = styled.div.withConfig({
+})(["flex:0;color:", ";"], (props) => props.theme.palette["grey-400"]);
+const Ranges = /* @__PURE__ */ styled.div.withConfig({
   displayName: "RelativeRangePickerstyles__Ranges",
   componentId: "sc-17ul7sp-4"
 })(["margin-top:4px;display:inline-flex;flex-wrap:wrap;width:100%;margin-bottom:16px;"]);
-export var CustomForm = styled.div.withConfig({
+const CustomForm = /* @__PURE__ */ styled.div.withConfig({
   displayName: "RelativeRangePickerstyles__CustomForm",
   componentId: "sc-17ul7sp-5"
 })(["display:flex;"]);
-export var InputSelectGroup = styled(InputGroup).withConfig({
+const InputSelectGroup = /* @__PURE__ */ styled(InputGroup).withConfig({
   displayName: "RelativeRangePickerstyles__InputSelectGroup",
   componentId: "sc-17ul7sp-6"
 })(["&&,.ant-input-group.ant-input-group-compact&&{display:flex;align-items:center;.ant-input-number{display:flex;flex:1;}.ds-select-wrapper{width:122px;}height:32px;", "{min-width:unset;}}"], InputGroupItem);
-export var ModeDropdownTrigger = styled(function (_ref) {
-  var children = _ref.children,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    type: "tertiary"
-  }, rest), children);
-}).withConfig({
+const ModeDropdownTrigger = /* @__PURE__ */ styled(({
+  children,
+  ...rest
+}) => /* @__PURE__ */ jsx(Button, { type: "tertiary", ...rest, children })).withConfig({
   displayName: "RelativeRangePickerstyles__ModeDropdownTrigger",
   componentId: "sc-17ul7sp-7"
 })(["&&{margin-right:8px;}"]);
-export var Range = styled(function (_ref2) {
-  var children = _ref2.children,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-  return /*#__PURE__*/React.createElement(ButtonToggle, _extends({
-    type: "solid"
-  }, rest), children);
-}).withConfig({
+const Range = /* @__PURE__ */ styled(({
+  children,
+  ...rest
+}) => /* @__PURE__ */ jsx(ButtonToggle, { type: "solid", ...rest, children })).withConfig({
   displayName: "RelativeRangePickerstyles__Range",
   componentId: "sc-17ul7sp-8"
 })(["&&{margin:4px 0;&:not(:last-child){margin-right:8px;}}"]);
-export var RangeFormColumn = styled.div.withConfig({
+const RangeFormColumn = /* @__PURE__ */ styled.div.withConfig({
   displayName: "RelativeRangePickerstyles__RangeFormColumn",
   componentId: "sc-17ul7sp-9"
 })(["display:flex;align-items:flex-start;position:relative;height:62px;"]);
-export var DatePickerWrapper = styled.div.withConfig({
+const DatePickerWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "RelativeRangePickerstyles__DatePickerWrapper",
   componentId: "sc-17ul7sp-10"
 })(["width:224px;"]);
-export var DropMenu = styled.div.withConfig({
+const DropMenu = /* @__PURE__ */ styled.div.withConfig({
   displayName: "RelativeRangePickerstyles__DropMenu",
   componentId: "sc-17ul7sp-11"
 })(["padding:0 8px 0 0;"]);
-export var DropMenuItem = styled(ListItem).withConfig({
+const DropMenuItem = /* @__PURE__ */ styled(ListItem).withConfig({
   displayName: "RelativeRangePickerstyles__DropMenuItem",
   componentId: "sc-17ul7sp-12"
 })(["max-height:32px;min-width:auto;.ds-icon{margin-right:-6px;}"]);
-export var OverlayWrapper = styled.div.withConfig({
+const OverlayWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "RelativeRangePickerstyles__OverlayWrapper",
   componentId: "sc-17ul7sp-13"
-})(["position:absolute;bottom:40px;padding:8px 0 8px 8px;background-color:", ";display:", ";z-index:15;box-shadow:0 4px 12px 0 rgba(35,41,54,0.09);", " &,& > ul{border-radius:3px;}.scrollbar-container > .ps__rail-y > .ps__thumb-y{transform:translateX(1px) !important;}"], function (props) {
-  return props.theme.palette.white;
-}, function (props) {
-  return props.visible ? 'block' : 'none';
-}, function (props) {
-  return !!props.width && "width:" + props.width + "px;";
-});
-export var DropdownContainer = styled.div.withConfig({
+})(["position:absolute;bottom:40px;padding:8px 0 8px 8px;background-color:", ";display:", ";z-index:15;box-shadow:0 4px 12px 0 rgba(35,41,54,0.09);", " &,& > ul{border-radius:3px;}.scrollbar-container > .ps__rail-y > .ps__thumb-y{transform:translateX(1px) !important;}"], (props) => props.theme.palette.white, (props) => props.visible ? "block" : "none", (props) => !!props.width && `width:${props.width}px;`);
+const DropdownContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "RelativeRangePickerstyles__DropdownContainer",
   componentId: "sc-17ul7sp-14"
-})(["position:relative;"]);
+})(["position:relative;"]);
+export {
+  Container,
+  CustomForm,
+  DatePickerWrapper,
+  DropMenu,
+  DropMenuItem,
+  DropdownContainer,
+  Header,
+  Help,
+  InputSelectGroup,
+  ModeDropdownTrigger,
+  OverlayWrapper,
+  Range,
+  RangeFormColumn,
+  Ranges,
+  Title
+};

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

@@ -1,6 +1,6 @@
-import { type IntlShape } from 'react-intl';
-import { type DateRangePickerProps, type RelativeMode, type Texts } from '../DateRangePicker.types';
-import type { DateRange, DateRangePreset, RelativeDateRange } from '../date.types';
+import { IntlShape } from 'react-intl';
+import { DateRangePickerProps, RelativeMode, Texts } from '../DateRangePicker.types';
+import { DateRange, DateRangePreset, RelativeDateRange } from '../date.types';
 export type RelativeRangePickerProps = {
     ranges?: DateRangePreset[];
     value: DateRange;

package/dist/RelativeRangePicker/RelativeRangePicker.types.js

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