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

package/dist/RangeFilter/Shared/TimeWindow/Day/Day.js

@@ -1,75 +1,48 @@
-var _excluded = ["active", "label", "onToggle", "onClear", "readOnly", "restricted", "dayKey", "texts", "intl"];
-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 dayjs from 'dayjs';
-import customParseFormatPlugin from 'dayjs/plugin/customParseFormat';
-import React, { memo, useCallback, useMemo, useState } from 'react';
-import Button from '@synerise/ds-button';
-import { theme } from '@synerise/ds-core';
-import Icon, { CheckS, Close3S } from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip';
-import * as S from './Day.styles';
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import dayjs from "dayjs";
+import customParseFormatPlugin from "dayjs/plugin/customParseFormat";
+import { memo, useState, useMemo, useCallback } from "react";
+import Button from "@synerise/ds-button";
+import { theme } from "@synerise/ds-core";
+import Icon, { Close3S, CheckS } from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip";
+import { Container, Content, IconWrapper } from "./Day.styles.js";
 dayjs.extend(customParseFormatPlugin);
-var Day = function Day(_ref) {
-  var active = _ref.active,
-    label = _ref.label,
-    onToggle = _ref.onToggle,
-    onClear = _ref.onClear,
-    readOnly = _ref.readOnly,
-    restricted = _ref.restricted,
-    dayKey = _ref.dayKey,
-    texts = _ref.texts,
-    intl = _ref.intl,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState(false),
-    hovered = _useState[0],
-    setHovered = _useState[1];
-  var type = useMemo(function () {
-    return active ? 'primary' : 'secondary';
-  }, [active]);
-  var handleIconClick = useCallback(function () {
+const Day = ({
+  active,
+  label,
+  onToggle,
+  onClear,
+  readOnly,
+  restricted,
+  dayKey,
+  texts,
+  intl,
+  ...rest
+}) => {
+  const [hovered, setHovered] = useState(false);
+  const type = useMemo(() => active ? "primary" : "secondary", [active]);
+  const handleIconClick = useCallback(() => {
     !readOnly && onClear(dayKey);
   }, [readOnly, onClear, dayKey]);
-  var handleMouseLeave = useCallback(function () {
+  const handleMouseLeave = useCallback(() => {
     setHovered(false);
   }, []);
-  var handleButtonClick = useCallback(function () {
+  const handleButtonClick = useCallback(() => {
     onToggle && onToggle(dayKey, true);
   }, [onToggle, dayKey]);
-  var icon = useMemo(function () {
-    return hovered && !readOnly ? /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(Close3S, null),
-      onClick: handleIconClick,
-      color: theme.palette['red-600']
-    }) : /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(CheckS, null),
-      color: theme.palette['green-600']
-    });
+  const icon = useMemo(() => {
+    return hovered && !readOnly ? /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(Close3S, {}), onClick: handleIconClick, color: theme.palette["red-600"] }) : /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(CheckS, {}), color: theme.palette["green-600"] });
   }, [hovered, handleIconClick, readOnly]);
-  var getPopupContainer = useCallback(function (node) {
-    return node.parentElement ? node.parentElement : document.body;
-  }, []);
-  var labelForTooltip = typeof label === 'function' ? label(false) : label;
-  var handleTooltipVisibleChange = useCallback(function (visible) {
-    return setHovered(visible);
-  }, []);
-  return /*#__PURE__*/React.createElement(S.Container, null, /*#__PURE__*/React.createElement(Tooltip, {
-    trigger: ['hover'],
-    title: active ? labelForTooltip : texts.clickToSelect || 'Click to select'
-  }, /*#__PURE__*/React.createElement(Button, _extends({}, rest, {
-    onMouseLeave: handleMouseLeave,
-    block: true,
-    onClick: handleButtonClick,
-    type: type,
-    mode: "label-icon"
-  }), /*#__PURE__*/React.createElement(S.Content, null, /*#__PURE__*/React.createElement(React.Fragment, null, label)))), restricted && /*#__PURE__*/React.createElement(Tooltip, {
-    trigger: ['hover'],
-    title: texts.clear || 'Clear',
-    onOpenChange: handleTooltipVisibleChange,
-    getPopupContainer: getPopupContainer
-  }, /*#__PURE__*/React.createElement(S.IconWrapper, {
-    readonly: readOnly,
-    active: hovered
-  }, icon)));
+  const getPopupContainer = useCallback((node) => node.parentElement ? node.parentElement : document.body, []);
+  const labelForTooltip = typeof label === "function" ? label(false) : label;
+  const handleTooltipVisibleChange = useCallback((visible) => setHovered(visible), []);
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsx(Tooltip, { trigger: ["hover"], title: active ? labelForTooltip : texts.clickToSelect || "Click to select", children: /* @__PURE__ */ jsx(Button, { ...rest, onMouseLeave: handleMouseLeave, block: true, onClick: handleButtonClick, type, mode: "label-icon", children: /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(Fragment, { children: label }) }) }) }),
+    restricted && /* @__PURE__ */ jsx(Tooltip, { trigger: ["hover"], title: texts.clear || "Clear", onOpenChange: handleTooltipVisibleChange, getPopupContainer, children: /* @__PURE__ */ jsx(IconWrapper, { readonly: readOnly, active: hovered, children: icon }) })
+  ] });
+};
+const Day$1 = memo(Day);
+export {
+  Day$1 as default
 };
-export default /*#__PURE__*/memo(Day);

package/dist/RangeFilter/Shared/TimeWindow/Day/Day.styles.d.ts

@@ -1,7 +1,7 @@
-export declare const DayTooltip: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const DayTooltip: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Container: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Content: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const IconWrapper: import('styled-components').StyledComponent<"div", any, {
     active: boolean;
     readonly?: boolean;
 }, never>;

package/dist/RangeFilter/Shared/TimeWindow/Day/Day.styles.js

@@ -1,23 +1,23 @@
-import styled from 'styled-components';
-export var DayTooltip = styled.div.withConfig({
+import styled from "styled-components";
+const DayTooltip = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Daystyles__DayTooltip",
   componentId: "sc-1214nkf-0"
 })(["display:none;"]);
-export var Container = styled.div.withConfig({
+const Container = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Daystyles__Container",
   componentId: "sc-1214nkf-1"
-})(["position:relative;&:hover{", "{height:24px;position:absolute;top:-30px;margin-left:calc(-50%);display:block;white-space:nowrap;background-color:rgba(56,67,80,0.9);padding:3px 8px;border-radius:3px;z-index:9;font-weight:400;color:", ";}}"], DayTooltip, function (props) {
-  return props.theme.palette.white;
-});
-export var Content = styled.div.withConfig({
+})(["position:relative;&:hover{", "{height:24px;position:absolute;top:-30px;margin-left:calc(-50%);display:block;white-space:nowrap;background-color:rgba(56,67,80,0.9);padding:3px 8px;border-radius:3px;z-index:9;font-weight:400;color:", ";}}"], DayTooltip, (props) => props.theme.palette.white);
+const Content = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Daystyles__Content",
   componentId: "sc-1214nkf-2"
 })(["display:flex;justify-content:flex-start;align-items:center;width:45px;margin-left:-8px;"]);
-export var IconWrapper = styled.div.withConfig({
+const IconWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Daystyles__IconWrapper",
   componentId: "sc-1214nkf-3"
-})(["position:absolute;top:3px;right:3px;pointer-events:", ";&&& .ds-icon svg{fill:", " !important;}"], function (props) {
-  return props.readonly ? 'none' : 'all';
-}, function (props) {
-  return props.active && !props.readonly ? props.theme.palette['red-600'] : props.theme.palette['green-600'];
-});
+})(["position:absolute;top:3px;right:3px;pointer-events:", ";&&& .ds-icon svg{fill:", " !important;}"], (props) => props.readonly ? "none" : "all", (props) => props.active && !props.readonly ? props.theme.palette["red-600"] : props.theme.palette["green-600"]);
+export {
+  Container,
+  Content,
+  DayTooltip,
+  IconWrapper
+};

package/dist/RangeFilter/Shared/TimeWindow/Day/Day.types.d.ts

@@ -1,7 +1,7 @@
-import type React from 'react';
-import { type IntlShape, type WrappedComponentProps } from 'react-intl';
-import { type GridTexts } from '../Grid/Grid.types';
-import { type DayKey } from '../TimeWindow.types';
+import { default as React } from 'react';
+import { IntlShape, WrappedComponentProps } from 'react-intl';
+import { GridTexts } from '../Grid/Grid.types';
+import { DayKey } from '../TimeWindow.types';
 export type DayProps = {
     dayKey: DayKey;
     label: React.ReactNode | ((hovered: boolean) => React.ReactNode);

package/dist/RangeFilter/Shared/TimeWindow/Day/Day.types.js

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

package/dist/RangeFilter/Shared/TimeWindow/Grid/Grid.d.ts

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

package/dist/RangeFilter/Shared/TimeWindow/Grid/Grid.js

@@ -1,60 +1,56 @@
-import range from 'lodash.range';
-import rangeRight from 'lodash.rangeright';
-import React from 'react';
-import { Header } from '../Header/Header';
-import * as S from '../TimeWindow.styles';
-import { HeaderWrapper } from '../TimeWindow.styles';
-import { reverseRange } from '../utils';
-var Grid = function Grid(_ref) {
-  var keys = _ref.keys,
-    numberOfDays = _ref.numberOfDays,
-    numberOfDaysPerRow = _ref.numberOfDaysPerRow,
-    rowLabelFormatter = _ref.rowLabelFormatter,
-    title = _ref.title,
-    texts = _ref.texts,
-    showSelectAll = _ref.showSelectAll,
-    showUnselectAll = _ref.showUnselectAll,
-    inverted = _ref.inverted,
-    labelInverted = _ref.labelInverted,
-    reverseGroup = _ref.reverseGroup,
-    onSelectAll = _ref.onSelectAll,
-    onUnselectAll = _ref.onUnselectAll,
-    renderDay = _ref.renderDay;
-  var numberOfColumns = numberOfDaysPerRow || numberOfDays;
-  var rangeMethod = labelInverted ? rangeRight : range;
-  var actions = [];
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import range from "lodash.range";
+import rangeRight from "lodash.rangeright";
+import React from "react";
+import { Header } from "../Header/Header.js";
+import { Days, Wrapper, Labels, GridContainer, HeaderWrapper } from "../TimeWindow.styles.js";
+import { reverseRange } from "../utils.js";
+const Grid = ({
+  keys,
+  numberOfDays,
+  numberOfDaysPerRow,
+  rowLabelFormatter,
+  title,
+  texts,
+  showSelectAll,
+  showUnselectAll,
+  inverted,
+  labelInverted,
+  reverseGroup,
+  onSelectAll,
+  onUnselectAll,
+  renderDay
+}) => {
+  const numberOfColumns = numberOfDaysPerRow || numberOfDays;
+  const rangeMethod = labelInverted ? rangeRight : range;
+  const actions = [];
   if (showSelectAll) {
     actions.push({
-      key: 'select-all',
+      key: "select-all",
       onClick: onSelectAll,
-      label: /*#__PURE__*/React.createElement(React.Fragment, null, texts.selectAll)
+      label: /* @__PURE__ */ jsx(Fragment, { children: texts.selectAll })
     });
   }
   if (showUnselectAll) {
     actions.push({
-      key: 'unselect-all',
+      key: "unselect-all",
       onClick: onUnselectAll,
-      label: /*#__PURE__*/React.createElement(React.Fragment, null, texts.unselectAll)
+      label: /* @__PURE__ */ jsx(Fragment, { children: texts.unselectAll })
     });
   }
-  var grid = React.useMemo(function () {
-    return /*#__PURE__*/React.createElement(S.Days, {
-      columns: numberOfColumns
-    }, inverted ? reverseRange(keys, reverseGroup).map(renderDay) : keys.map(renderDay));
-  }, [numberOfColumns, inverted, keys, reverseGroup, renderDay]);
-  var numberOfRows = Math.ceil(numberOfDays / numberOfColumns);
+  let grid = React.useMemo(() => /* @__PURE__ */ jsx(Days, { columns: numberOfColumns, children: inverted ? reverseRange(keys, reverseGroup).map(renderDay) : keys.map(renderDay) }), [numberOfColumns, inverted, keys, reverseGroup, renderDay]);
+  const numberOfRows = Math.ceil(numberOfDays / numberOfColumns);
   if (rowLabelFormatter) {
-    grid = /*#__PURE__*/React.createElement(S.Wrapper, null, /*#__PURE__*/React.createElement(S.Labels, null, rangeMethod(numberOfRows).map(function (rowIndex) {
-      return /*#__PURE__*/React.createElement("span", {
-        key: rowIndex
-      }, rowLabelFormatter(rowIndex));
-    })), grid);
+    grid = /* @__PURE__ */ jsxs(Wrapper, { children: [
+      /* @__PURE__ */ jsx(Labels, { children: rangeMethod(numberOfRows).map((rowIndex) => /* @__PURE__ */ jsx("span", { children: rowLabelFormatter(rowIndex) }, rowIndex)) }),
+      grid
+    ] });
   }
-  return /*#__PURE__*/React.createElement(S.GridContainer, {
-    className: "time-window-grid"
-  }, /*#__PURE__*/React.createElement(HeaderWrapper, null, /*#__PURE__*/React.createElement(Header, {
-    title: title,
-    actions: actions
-  })), grid);
+  return /* @__PURE__ */ jsxs(GridContainer, { className: "time-window-grid", children: [
+    /* @__PURE__ */ jsx(HeaderWrapper, { children: /* @__PURE__ */ jsx(Header, { title, actions }) }),
+    grid
+  ] });
+};
+export {
+  Grid as default
 };
-export default Grid;

package/dist/RangeFilter/Shared/TimeWindow/Grid/Grid.types.d.ts

@@ -1,7 +1,7 @@
-import type React from 'react';
-import { type IntlShape } from 'react-intl';
-import type { Texts } from '../../../../DateRangePicker.types';
-import { type DayKey, type Days } from '../TimeWindow.types';
+import { default as React } from 'react';
+import { IntlShape } from 'react-intl';
+import { Texts } from '../../../../DateRangePicker.types';
+import { DayKey, Days } from '../TimeWindow.types';
 export type GridProps = {
     keys: number[];
     days: Days;

package/dist/RangeFilter/Shared/TimeWindow/Grid/Grid.types.js

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

package/dist/RangeFilter/Shared/TimeWindow/Header/Header.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type Action = {
     label: JSX.Element;
     key: string;

package/dist/RangeFilter/Shared/TimeWindow/Header/Header.js

@@ -1,21 +1,16 @@
-import React from 'react';
-import * as S from './Header.styles';
-var HeaderBase = function HeaderBase(_ref) {
-  var title = _ref.title,
-    actions = _ref.actions,
-    suffix = _ref.suffix;
-  return /*#__PURE__*/React.createElement(S.Container, {
-    "data-attr": "time-window-header"
-  }, /*#__PURE__*/React.createElement(S.Title, {
-    "data-attr": "title"
-  }, title), /*#__PURE__*/React.createElement(S.Actions, {
-    "data-attr": "actions"
-  }, actions && actions.map(function (action) {
-    return /*#__PURE__*/React.createElement(S.Action, {
-      key: action.key,
-      "data-attr": action.key,
-      onClick: action.onClick
-    }, action.label);
-  })), suffix);
+import { jsxs, jsx } from "react/jsx-runtime";
+import React from "react";
+import { Container, Title, Actions, Action } from "./Header.styles.js";
+const HeaderBase = ({
+  title,
+  actions,
+  suffix
+}) => /* @__PURE__ */ jsxs(Container, { "data-attr": "time-window-header", children: [
+  /* @__PURE__ */ jsx(Title, { "data-attr": "title", children: title }),
+  /* @__PURE__ */ jsx(Actions, { "data-attr": "actions", children: actions && actions.map((action) => /* @__PURE__ */ jsx(Action, { "data-attr": action.key, onClick: action.onClick, children: action.label }, action.key)) }),
+  suffix
+] });
+const Header = React.memo(HeaderBase);
+export {
+  Header
 };
-export var Header = /*#__PURE__*/React.memo(HeaderBase);

package/dist/RangeFilter/Shared/TimeWindow/Header/Header.styles.d.ts

@@ -1,5 +1,5 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Actions: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Separator: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Action: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const Container: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Title: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Actions: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Separator: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Action: import('styled-components').StyledComponent<"a", any, {}, never>;

package/dist/RangeFilter/Shared/TimeWindow/Header/Header.styles.js

@@ -1,21 +1,28 @@
-import styled from 'styled-components';
-export var Container = styled.div.withConfig({
+import styled from "styled-components";
+const Container = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Headerstyles__Container",
   componentId: "sc-gcv47j-0"
 })(["display:flex;"]);
-export var Title = styled.div.withConfig({
+const Title = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Headerstyles__Title",
   componentId: "sc-gcv47j-1"
 })(["flex:1;display:flex;align-items:center;"]);
-export var Actions = styled.div.withConfig({
+const Actions = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Headerstyles__Actions",
   componentId: "sc-gcv47j-2"
 })(["flex:0;white-space:nowrap;"]);
-export var Separator = styled.div.withConfig({
+const Separator = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Headerstyles__Separator",
   componentId: "sc-gcv47j-3"
 })(["flex:1;"]);
-export var Action = styled.a.withConfig({
+const Action = /* @__PURE__ */ styled.a.withConfig({
   displayName: "Headerstyles__Action",
   componentId: "sc-gcv47j-4"
-})(["&:not(:first-child){margin-left:16px;}"]);
+})(["&:not(:first-child){margin-left:16px;}"]);
+export {
+  Action,
+  Actions,
+  Container,
+  Separator,
+  Title
+};

package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.d.ts

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

package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.js

@@ -1,61 +1,38 @@
-import React from 'react';
-import Button from '@synerise/ds-button';
-import { theme } from '@synerise/ds-core';
-import Dropdown from '@synerise/ds-dropdown';
-import Icon, { ArrowDownCircleM, CloseM, DuplicateM, OptionHorizontalM } from '@synerise/ds-icon';
-import * as S from './RangeActions.styles';
-var RangeActions = function RangeActions(_ref) {
-  var texts = _ref.texts,
-    onRangeClear = _ref.onRangeClear,
-    onRangeCopy = _ref.onRangeCopy,
-    onRangePaste = _ref.onRangePaste;
-  var overlay = React.useMemo(function () {
-    return /*#__PURE__*/React.createElement(S.ActionsMenu, null, /*#__PURE__*/React.createElement(S.ActionItem, {
-      onClick: function onClick() {
+import { jsxs, jsx } from "react/jsx-runtime";
+import React from "react";
+import Button from "@synerise/ds-button";
+import { theme } from "@synerise/ds-core";
+import Dropdown from "@synerise/ds-dropdown";
+import Icon, { DuplicateM, ArrowDownCircleM, CloseM, OptionHorizontalM } from "@synerise/ds-icon";
+import { ActionsMenu, ActionItem } from "./RangeActions.styles.js";
+const RangeActions = ({
+  texts,
+  onRangeClear,
+  onRangeCopy,
+  onRangePaste
+}) => {
+  const overlay = React.useMemo(() => {
+    return /* @__PURE__ */ jsxs(ActionsMenu, { children: [
+      /* @__PURE__ */ jsx(ActionItem, { onClick: () => {
         onRangeCopy && onRangeCopy();
-      },
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(DuplicateM, null)
-      })
-    }, texts.copyRange), /*#__PURE__*/React.createElement(S.ActionItem, {
-      onClick: function onClick() {
+      }, prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(DuplicateM, {}) }), children: texts.copyRange }),
+      /* @__PURE__ */ jsx(ActionItem, { onClick: () => {
         onRangePaste && onRangePaste();
-      },
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(ArrowDownCircleM, null)
-      })
-    }, texts.pasteRange), /*#__PURE__*/React.createElement(S.ActionItem, {
-      onClick: onRangeClear,
-      prefixel: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(CloseM, null),
-        color: theme.palette['red-600']
-      }))
-    }, texts.clearRange));
+      }, prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(ArrowDownCircleM, {}) }), children: texts.pasteRange }),
+      /* @__PURE__ */ jsx(ActionItem, { onClick: onRangeClear, prefixel: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(CloseM, {}), color: theme.palette["red-600"] }) }), children: texts.clearRange })
+    ] });
   }, [texts, onRangePaste, onRangeCopy, onRangeClear]);
-  var trigger = React.useMemo(function () {
-    return /*#__PURE__*/React.createElement(Button, {
-      mode: "single-icon",
-      type: "ghost"
-    }, /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(OptionHorizontalM, null)
-    }));
+  const trigger = React.useMemo(() => {
+    return /* @__PURE__ */ jsx(Button, { mode: "single-icon", type: "ghost", children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(OptionHorizontalM, {}) }) });
   }, []);
-  return /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: overlay,
-    overlayStyle: {
-      boxShadow: '0 4px 12px 0 rgba(35, 41, 54, 0.07)'
-    },
-    trigger: ['click'],
-    align: {
-      points: ['tr', 'br']
-    },
-    getPopupContainer: function getPopupContainer(node) {
-      return node.parentElement !== null ? node.parentElement : document.body;
-    },
-    asChild: true,
-    popoverProps: {
-      testId: 'date-range-picker-filter-actions'
-    }
-  }, trigger);
+  return /* @__PURE__ */ jsx(Dropdown, { overlay, overlayStyle: {
+    boxShadow: "0 4px 12px 0 rgba(35, 41, 54, 0.07)"
+  }, trigger: ["click"], align: {
+    points: ["tr", "br"]
+  }, getPopupContainer: (node) => node.parentElement !== null ? node.parentElement : document.body, asChild: true, popoverProps: {
+    testId: "date-range-picker-filter-actions"
+  }, children: trigger });
+};
+export {
+  RangeActions as default
 };
-export default RangeActions;

package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.styles.d.ts

@@ -1,3 +1,3 @@
-import { type StyledListItem } from '@synerise/ds-list-item';
-export declare const ActionsMenu: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { StyledListItem } from '@synerise/ds-list-item';
+export declare const ActionsMenu: import('styled-components').StyledComponent<"div", any, {}, never>;
 export declare const ActionItem: StyledListItem;

package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.styles.js

@@ -1,10 +1,14 @@
-import styled from 'styled-components';
-import ListItem from '@synerise/ds-list-item';
-export var ActionsMenu = styled.div.withConfig({
+import styled from "styled-components";
+import ListItem from "@synerise/ds-list-item";
+const ActionsMenu = /* @__PURE__ */ styled.div.withConfig({
   displayName: "RangeActionsstyles__ActionsMenu",
   componentId: "sc-59f159-0"
 })(["padding:8px;"]);
-export var ActionItem = styled(ListItem).withConfig({
+const ActionItem = /* @__PURE__ */ styled(ListItem).withConfig({
   displayName: "RangeActionsstyles__ActionItem",
   componentId: "sc-59f159-1"
-})(["max-height:32px;"]);
+})(["max-height:32px;"]);
+export {
+  ActionItem,
+  ActionsMenu
+};

package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.types.d.ts

@@ -1,5 +1,5 @@
-import type React from 'react';
-import { type RangeActions } from '../TimeWindow.types';
+import { default as React } from 'react';
+import { RangeActions } from '../TimeWindow.types';
 export type RangeActionsProps = {
     texts: ActionsTexts;
 } & Partial<RangeActions>;

package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.types.js

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

package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.constants.d.ts

@@ -1,4 +1,4 @@
-import type { DateLimitMode, RangeDisplayMode } from './RangeForm.types';
+import { DateLimitMode, RangeDisplayMode } from './RangeForm.types';
 export declare const FORM_MODES: Record<string, DateLimitMode>;
 export declare const RANGE_DISPLAY_MODES: Record<string, RangeDisplayMode>;
 export declare const RANGE_FORM_INTL_KEYS: {

package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.constants.js

@@ -1,21 +1,29 @@
-export var FORM_MODES = {
-  HOUR: 'Hour',
-  RANGE: 'Range'
+const FORM_MODES = {
+  HOUR: "Hour",
+  RANGE: "Range"
 };
-export var RANGE_DISPLAY_MODES = {
-  TIMEPICKER: 'timepicker',
-  SLIDER: 'slider'
+const RANGE_DISPLAY_MODES = {
+  TIMEPICKER: "timepicker",
+  SLIDER: "slider"
 };
-export var RANGE_FORM_INTL_KEYS = {
+const RANGE_FORM_INTL_KEYS = {
   Hour: {
-    id: 'DS.DATE-RANGE-PICKER.HOUR',
-    defaultMessage: 'Hour'
+    id: "DS.DATE-RANGE-PICKER.HOUR",
+    defaultMessage: "Hour"
   },
   Range: {
-    id: 'DS.DATE-RANGE-PICKER.RANGE',
-    defaultMessage: 'Range'
+    id: "DS.DATE-RANGE-PICKER.RANGE",
+    defaultMessage: "Range"
   }
 };
-export var SLIDER_MAX = 24;
-export var SLIDER_MIN = 0;
-export var SLIDER_STEP = 0.25;
+const SLIDER_MAX = 24;
+const SLIDER_MIN = 0;
+const SLIDER_STEP = 0.25;
+export {
+  FORM_MODES,
+  RANGE_DISPLAY_MODES,
+  RANGE_FORM_INTL_KEYS,
+  SLIDER_MAX,
+  SLIDER_MIN,
+  SLIDER_STEP
+};

package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 import { FORM_MODES, RANGE_FORM_INTL_KEYS } from './RangeForm.constants';
-import { type RangeFormProps } from './RangeForm.types';
+import { RangeFormProps } from './RangeForm.types';
 export { FORM_MODES, RANGE_FORM_INTL_KEYS };
 declare const RangeForm: ({ onModeChange, disabled, startDate, endDate, onStartChange, onEndChange, onExactHourSelect, onRangeDelete, valueSelectionModes, mode, rangeDisplayMode, isInvertedRange, timePickerProps, texts, valueFormatOptions, errorTexts, }: RangeFormProps) => React.JSX.Element;
 export default RangeForm;