@antscorp/antsomi-ui 1.3.5-beta.13 → 1.3.5-beta.14

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/RangeSelectOptions.js

@@ -1,23 +1,23 @@
-import React from 'react';
-import { RANGE_SELECTION_OPTIONS, RANGE_TIME, SELECTION_KEY } from '../../constants';
-import { Divider } from '@antscorp/antsomi-ui/es/components/atoms';
-import { List } from 'antd';
-import { NumOfDaysRanges, Option } from './components';
-import { RangeSelectOptionsRoot } from './styled';
-const customOption = RANGE_SELECTION_OPTIONS[SELECTION_KEY.custom];
-const baseOptions = RANGE_TIME.map(key => {
-    var _a;
-    const option = RANGE_SELECTION_OPTIONS[key];
-    return {
-        key,
-        type: key,
-        label: option.label.trim(),
-        options: ((_a = option.options) === null || _a === void 0 ? void 0 : _a.map(i => (Object.assign(Object.assign({}, i), { type: i.key })))) || [],
-    };
-});
-export const RangeSelectOptions = () => (React.createElement(RangeSelectOptionsRoot, null,
-    React.createElement(List, { dataSource: [customOption], renderItem: item => React.createElement(Option, { type: item.key, label: item.label }) }),
-    React.createElement(Divider, { style: { marginTop: 4, marginBottom: 4 } }),
-    React.createElement(List, { dataSource: baseOptions, renderItem: item => React.createElement(Option, { type: item.key, label: item.label, options: item.options }) }),
-    React.createElement(Divider, { style: { marginTop: 4, marginBottom: 4 } }),
-    React.createElement(NumOfDaysRanges, null)));
+import React from 'react';
+import { RANGE_SELECTION_OPTIONS, RANGE_TIME, SELECTION_KEY } from '../../constants';
+import { Divider } from '@antscorp/antsomi-ui/es/components/atoms';
+import { List } from 'antd';
+import { NumOfDaysRanges, Option } from './components';
+import { RangeSelectOptionsRoot } from './styled';
+const customOption = RANGE_SELECTION_OPTIONS[SELECTION_KEY.custom];
+const baseOptions = RANGE_TIME.map(key => {
+    var _a;
+    const option = RANGE_SELECTION_OPTIONS[key];
+    return {
+        key,
+        type: key,
+        label: option.label.trim(),
+        options: ((_a = option.options) === null || _a === void 0 ? void 0 : _a.map(i => (Object.assign(Object.assign({}, i), { type: i.key })))) || [],
+    };
+});
+export const RangeSelectOptions = () => (React.createElement(RangeSelectOptionsRoot, null,
+    React.createElement(List, { dataSource: [customOption], renderItem: item => React.createElement(Option, { type: item.key, label: item.label }) }),
+    React.createElement(Divider, { style: { marginTop: 4, marginBottom: 4 } }),
+    React.createElement(List, { dataSource: baseOptions, renderItem: item => React.createElement(Option, { type: item.key, label: item.label, options: item.options }) }),
+    React.createElement(Divider, { style: { marginTop: 4, marginBottom: 4 } }),
+    React.createElement(NumOfDaysRanges, null)));

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/components/NumOfDaysRanges/NumOfDaysRanges.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const NumOfDaysRanges: () => React.JSX.Element;
+import React from 'react';
+export declare const NumOfDaysRanges: () => React.JSX.Element;

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/components/NumOfDaysRanges/NumOfDaysRanges.js

@@ -1,41 +1,41 @@
-import React from 'react';
-import { DEFAULT_NUM_UP_TO, RANGE_SELECTION_OPTIONS, SELECTION_KEY } from '../../../../constants';
-import { Option } from '../Option';
-import { useCalendarSelectionContext } from '../../../../hooks';
-import { updateRangeInfo } from '../../../../actions';
-import { InputNumber } from '@antscorp/antsomi-ui/es/components/atoms';
-import { List } from 'antd';
-const numbericOptions = [
-    RANGE_SELECTION_OPTIONS[SELECTION_KEY.days_up_to_today],
-    RANGE_SELECTION_OPTIONS[SELECTION_KEY.days_up_to_yesterday],
-].map(i => (Object.assign(Object.assign({}, i), { type: i.key })));
-export const NumOfDaysRanges = () => {
-    const { state, action } = useCalendarSelectionContext();
-    const { rangeInfo } = state.value.current;
-    let upToDaysRangeInfo = null;
-    if (rangeInfo.type === SELECTION_KEY.days_up_to_yesterday ||
-        rangeInfo.type === SELECTION_KEY.days_up_to_today) {
-        upToDaysRangeInfo = rangeInfo;
-    }
-    const handleChangeNumOfDays = (value, rangeType) => {
-        if (!upToDaysRangeInfo || upToDaysRangeInfo.type !== rangeType)
-            return;
-        action.dispatch(updateRangeInfo({
-            numOfDays: value,
-        }));
-    };
-    const renderInput = (rangeType) => {
-        let value = DEFAULT_NUM_UP_TO;
-        if (rangeType === (upToDaysRangeInfo === null || upToDaysRangeInfo === void 0 ? void 0 : upToDaysRangeInfo.type)) {
-            value = upToDaysRangeInfo.numOfDays;
-        }
-        return (React.createElement(InputNumber, { onChange: value => {
-                if (typeof value === 'number') {
-                    handleChangeNumOfDays(value, rangeType);
-                }
-            }, readOnly: rangeType !== (upToDaysRangeInfo === null || upToDaysRangeInfo === void 0 ? void 0 : upToDaysRangeInfo.type), size: "small", type: "number", style: { width: 60 }, min: 1, step: 1, precision: 0, value: value }));
-    };
-    return (React.createElement(List, { className: "ants-text-normal", dataSource: numbericOptions, renderItem: item => (React.createElement(Option, { type: item.key, label: React.createElement("div", { className: "ants-flex ants-gap-2 ants-items-center" },
-                renderInput(item.type),
-                item.label) })) }));
-};
+import React from 'react';
+import { DEFAULT_NUM_UP_TO, RANGE_SELECTION_OPTIONS, SELECTION_KEY } from '../../../../constants';
+import { Option } from '../Option';
+import { useCalendarSelectionContext } from '../../../../hooks';
+import { updateRangeInfo } from '../../../../actions';
+import { InputNumber } from '@antscorp/antsomi-ui/es/components/atoms';
+import { List } from 'antd';
+const numbericOptions = [
+    RANGE_SELECTION_OPTIONS[SELECTION_KEY.days_up_to_today],
+    RANGE_SELECTION_OPTIONS[SELECTION_KEY.days_up_to_yesterday],
+].map(i => (Object.assign(Object.assign({}, i), { type: i.key })));
+export const NumOfDaysRanges = () => {
+    const { state, action } = useCalendarSelectionContext();
+    const { rangeInfo } = state.value.current;
+    let upToDaysRangeInfo = null;
+    if (rangeInfo.type === SELECTION_KEY.days_up_to_yesterday ||
+        rangeInfo.type === SELECTION_KEY.days_up_to_today) {
+        upToDaysRangeInfo = rangeInfo;
+    }
+    const handleChangeNumOfDays = (value, rangeType) => {
+        if (!upToDaysRangeInfo || upToDaysRangeInfo.type !== rangeType)
+            return;
+        action.dispatch(updateRangeInfo({
+            numOfDays: value,
+        }));
+    };
+    const renderInput = (rangeType) => {
+        let value = DEFAULT_NUM_UP_TO;
+        if (rangeType === (upToDaysRangeInfo === null || upToDaysRangeInfo === void 0 ? void 0 : upToDaysRangeInfo.type)) {
+            value = upToDaysRangeInfo.numOfDays;
+        }
+        return (React.createElement(InputNumber, { onChange: value => {
+                if (typeof value === 'number') {
+                    handleChangeNumOfDays(value, rangeType);
+                }
+            }, readOnly: rangeType !== (upToDaysRangeInfo === null || upToDaysRangeInfo === void 0 ? void 0 : upToDaysRangeInfo.type), size: "small", type: "number", style: { width: 60 }, min: 1, step: 1, precision: 0, value: value }));
+    };
+    return (React.createElement(List, { className: "ants-text-normal", dataSource: numbericOptions, renderItem: item => (React.createElement(Option, { type: item.key, label: React.createElement("div", { className: "ants-flex ants-gap-2 ants-items-center" },
+                renderInput(item.type),
+                item.label) })) }));
+};

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/components/NumOfDaysRanges/index.d.ts

@@ -1 +1 @@
-export * from './NumOfDaysRanges';
+export * from './NumOfDaysRanges';

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/components/NumOfDaysRanges/index.js

@@ -1 +1 @@
-export * from './NumOfDaysRanges';
+export * from './NumOfDaysRanges';

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/components/Option/Option.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-type ItemProps = {
-    type: string;
-    label?: React.ReactNode;
-    options?: {
-        type: string;
-        label: React.ReactNode;
-    }[];
-};
-export declare const Option: React.FC<ItemProps>;
-export {};
+import React from 'react';
+type ItemProps = {
+    type: string;
+    label?: React.ReactNode;
+    options?: {
+        type: string;
+        label: React.ReactNode;
+    }[];
+};
+export declare const Option: React.FC<ItemProps>;
+export {};

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/components/Option/Option.js

@@ -1,40 +1,40 @@
-import React, { useRef } from 'react';
-import Icon from '@antscorp/icons';
-import { Popover } from '@antscorp/antsomi-ui/es/components/atoms';
-import classNames from 'classnames';
-import { useCalendarSelectionContext } from '../../../../hooks';
-import { changeRangeType } from '../../../../actions';
-import { rangeInfoToStringType } from '../../../../utils';
-import { StyledMenu } from './styled';
-import { List } from 'antd';
-export const Option = props => {
-    const itemRef = useRef(null);
-    const { label = '', options = [], type } = props;
-    const { state, action } = useCalendarSelectionContext();
-    const { rangeInfo } = state.value.current;
-    const selectedRangeType = rangeInfoToStringType(rangeInfo);
-    const optionsTypes = options.map(o => o.type);
-    const hasSubOptionActive = optionsTypes.includes(selectedRangeType);
-    const isActive = selectedRangeType === type || hasSubOptionActive;
-    const withDropdown = options.length > 0;
-    const handleClickOption = (rangeType) => {
-        if (rangeType !== selectedRangeType) {
-            action.dispatch(changeRangeType(rangeType));
-        }
-    };
-    const content = (React.createElement(List.Item, { ref: itemRef, className: classNames({ active: isActive }), onClick: () => {
-            if (!withDropdown) {
-                handleClickOption(type);
-            }
-        } },
-        React.createElement("div", { className: classNames({
-                'ants-font-bold': isActive,
-            }) }, label),
-        withDropdown && (React.createElement(Icon, { style: {
-                fontSize: 8,
-            }, type: "icon-ants-angle-right" }))));
-    if (withDropdown) {
-        return (React.createElement(Popover, { placement: "rightTop", overlayClassName: "arrow-hidden", overlayInnerStyle: { padding: 0 }, arrow: false, content: React.createElement(StyledMenu, { selectedKeys: [selectedRangeType], items: options.map(o => (Object.assign(Object.assign({}, o), { key: o.type, onClick: () => handleClickOption(o.type) }))) }), destroyTooltipOnHide: true }, content));
-    }
-    return content;
-};
+import React, { useRef } from 'react';
+import Icon from '@antscorp/icons';
+import { Popover } from '@antscorp/antsomi-ui/es/components/atoms';
+import classNames from 'classnames';
+import { useCalendarSelectionContext } from '../../../../hooks';
+import { changeRangeType } from '../../../../actions';
+import { rangeInfoToStringType } from '../../../../utils';
+import { StyledMenu } from './styled';
+import { List } from 'antd';
+export const Option = props => {
+    const itemRef = useRef(null);
+    const { label = '', options = [], type } = props;
+    const { state, action } = useCalendarSelectionContext();
+    const { rangeInfo } = state.value.current;
+    const selectedRangeType = rangeInfoToStringType(rangeInfo);
+    const optionsTypes = options.map(o => o.type);
+    const hasSubOptionActive = optionsTypes.includes(selectedRangeType);
+    const isActive = selectedRangeType === type || hasSubOptionActive;
+    const withDropdown = options.length > 0;
+    const handleClickOption = (rangeType) => {
+        if (rangeType !== selectedRangeType) {
+            action.dispatch(changeRangeType(rangeType));
+        }
+    };
+    const content = (React.createElement(List.Item, { ref: itemRef, className: classNames({ active: isActive }), onClick: () => {
+            if (!withDropdown) {
+                handleClickOption(type);
+            }
+        } },
+        React.createElement("div", { className: classNames({
+                'ants-font-bold': isActive,
+            }) }, label),
+        withDropdown && (React.createElement(Icon, { style: {
+                fontSize: 8,
+            }, type: "icon-ants-angle-right" }))));
+    if (withDropdown) {
+        return (React.createElement(Popover, { placement: "rightTop", overlayClassName: "arrow-hidden", overlayInnerStyle: { padding: 0 }, arrow: false, content: React.createElement(StyledMenu, { selectedKeys: [selectedRangeType], items: options.map(o => (Object.assign(Object.assign({}, o), { key: o.type, onClick: () => handleClickOption(o.type) }))) }), destroyTooltipOnHide: true }, content));
+    }
+    return content;
+};

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/components/Option/index.d.ts

@@ -1 +1 @@
-export * from './Option';
+export * from './Option';

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/components/Option/index.js

@@ -1 +1 @@
-export * from './Option';
+export * from './Option';

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/components/Option/styled.d.ts

@@ -1 +1 @@
-export declare const StyledMenu: any;
+export declare const StyledMenu: any;

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/components/Option/styled.js

@@ -1,29 +1,29 @@
-import { Menu } from 'antd';
-import styled from 'styled-components';
-export const StyledMenu = styled(Menu) `
-  &.antsomi-menu-root {
-    .antsomi-menu-item {
-      position: relative;
-      color: black;
-      height: 32px;
-      line-height: 32px;
-      border-radius: 0;
-      width: 100%;
-      margin: 0;
-
-      &.antsomi-menu-item-selected {
-        font-weight: bold;
-
-        &:after {
-          content: '';
-          position: absolute;
-          left: 0;
-          top: 0;
-          width: 4px;
-          height: 100%;
-          background-color: #005fb8;
-        }
-      }
-    }
-  }
-`;
+import { Menu } from 'antd';
+import styled from 'styled-components';
+export const StyledMenu = styled(Menu) `
+  &.antsomi-menu-root {
+    .antsomi-menu-item {
+      position: relative;
+      color: black;
+      height: 32px;
+      line-height: 32px;
+      border-radius: 0;
+      width: 100%;
+      margin: 0;
+
+      &.antsomi-menu-item-selected {
+        font-weight: bold;
+
+        &:after {
+          content: '';
+          position: absolute;
+          left: 0;
+          top: 0;
+          width: 4px;
+          height: 100%;
+          background-color: #005fb8;
+        }
+      }
+    }
+  }
+`;

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/components/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Option';
-export * from './NumOfDaysRanges';
+export * from './Option';
+export * from './NumOfDaysRanges';

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/components/index.js

@@ -1,2 +1,2 @@
-export * from './Option';
-export * from './NumOfDaysRanges';
+export * from './Option';
+export * from './NumOfDaysRanges';

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/index.d.ts

@@ -1 +1 @@
-export * from './RangeSelectOptions';
+export * from './RangeSelectOptions';

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/index.js

@@ -1 +1 @@
-export * from './RangeSelectOptions';
+export * from './RangeSelectOptions';

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/styled.d.ts

@@ -1,3 +1,3 @@
-import { List } from 'antd';
-export declare const StyledList: import("styled-components").StyledComponent<typeof List, any, {}, never>;
-export declare const RangeSelectOptionsRoot: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { List } from 'antd';
+export declare const StyledList: import("styled-components").StyledComponent<typeof List, any, {}, never>;
+export declare const RangeSelectOptionsRoot: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/styled.js

@@ -1,34 +1,34 @@
-import styled from 'styled-components';
-import { List } from 'antd';
-export const StyledList = styled(List) ``;
-export const RangeSelectOptionsRoot = styled.div `
-  .antsomi-list-items {
-    font-size: inherit;
-
-    .antsomi-list-item {
-      border: none;
-      padding: 6px 12px;
-      cursor: pointer;
-      position: relative;
-
-      &.active {
-        background-color: #d8eafc;
-        font-weight: bold;
-
-        &:after {
-          position: absolute;
-          content: '';
-          width: 4px;
-          height: 100%;
-          left: 0;
-          top: 0;
-          background-color: #005fb8;
-        }
-      }
-
-      &:hover:not(.active) {
-        background-color: #f4f6f8;
-      }
-    }
-  }
-`;
+import styled from 'styled-components';
+import { List } from 'antd';
+export const StyledList = styled(List) ``;
+export const RangeSelectOptionsRoot = styled.div `
+  .antsomi-list-items {
+    font-size: inherit;
+
+    .antsomi-list-item {
+      border: none;
+      padding: 6px 12px;
+      cursor: pointer;
+      position: relative;
+
+      &.active {
+        background-color: #d8eafc;
+        font-weight: bold;
+
+        &:after {
+          position: absolute;
+          content: '';
+          width: 4px;
+          height: 100%;
+          left: 0;
+          top: 0;
+          background-color: #005fb8;
+        }
+      }
+
+      &:hover:not(.active) {
+        background-color: #f4f6f8;
+      }
+    }
+  }
+`;

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/types.d.ts

@@ -1 +1 @@
-export type ListRangeSelectionProps = {};
+export type ListRangeSelectionProps = {};

package/es/components/molecules/CalendarSelection/components/RangeSelectOptions/types.js

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

package/es/components/molecules/CalendarSelection/components/TimeRangeDisplay/TimeRangeDisplay.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export type TimeRangeDisplayProps = {
-    showType?: boolean;
-};
-export declare const TimeRangeDisplay: React.FC<TimeRangeDisplayProps>;
+import React from 'react';
+export type TimeRangeDisplayProps = {
+    showType?: boolean;
+};
+export declare const TimeRangeDisplay: React.FC<TimeRangeDisplayProps>;

package/es/components/molecules/CalendarSelection/components/TimeRangeDisplay/TimeRangeDisplay.js

@@ -1,45 +1,45 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import cls from 'clsx';
-import React, { forwardRef, useEffect, useState } from 'react';
-import { Typography } from '@antscorp/antsomi-ui/es/components/atoms';
-import { ACTION_TYPES } from '../../actions';
-import { useCalendarSelectionContext } from '../../hooks';
-import { getRangeTypeSelectedTitle, getRangeValueSelctedTitle } from '../../utils';
-import { StyledBtnDisplayWrapper } from './styled';
-import Icon from '@antscorp/icons';
-const { Text } = Typography;
-export const TimeRangeDisplay = forwardRef((props, ref) => {
-    const { showType = true } = props, rest = __rest(props, ["showType"]);
-    const { state, action } = useCalendarSelectionContext();
-    // console.log({ state, action });
-    const [collapse, setCollapse] = useState(false);
-    useEffect(() => {
-        setCollapse(false);
-    }, []);
-    const { rangeInfo, rangeValue } = state.value.current;
-    const handleOpenPopover = () => {
-        action.dispatch({ type: ACTION_TYPES.togglePopover });
-    };
-    const rangeSelectedTitle = getRangeTypeSelectedTitle(rangeInfo);
-    const rangeValueTitles = getRangeValueSelctedTitle(rangeValue);
-    // console.log({ rangeSelectedTitle, rangeValueTitles });
-    return (React.createElement(StyledBtnDisplayWrapper, Object.assign({ ref: ref }, rest, { onClick: handleOpenPopover, role: "button" }),
-        showType && (React.createElement(Text, { className: "range-type", ellipsis: { tooltip: rangeSelectedTitle } }, rangeSelectedTitle)),
-        React.createElement("div", { className: cls('range-date', { collapse: state.open }) },
-            rangeValue.length > 0 && (React.createElement(Text, { className: "range-date-title", ellipsis: { tooltip: rangeValueTitles[0] } },
-                rangeValueTitles[0],
-                React.createElement(Icon, { className: "collapse-btn", type: "icon-ants-angle-down", style: { fontSize: 9 } }))),
-            rangeValue.length > 1 && (React.createElement("div", { className: cls('collapse-wrapper') }, rangeValueTitles.slice(1).map(title => (React.createElement(React.Fragment, { key: title },
-                React.createElement("div", { className: "compare-title" }, "Compare"),
-                React.createElement(Text, { className: "range-date-title", ellipsis: { tooltip: title } }, title)))))))));
-});
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import cls from 'clsx';
+import React, { forwardRef, useEffect, useState } from 'react';
+import { Typography } from '@antscorp/antsomi-ui/es/components/atoms';
+import { ACTION_TYPES } from '../../actions';
+import { useCalendarSelectionContext } from '../../hooks';
+import { getRangeTypeSelectedTitle, getRangeValueSelctedTitle } from '../../utils';
+import { StyledBtnDisplayWrapper } from './styled';
+import Icon from '@antscorp/icons';
+const { Text } = Typography;
+export const TimeRangeDisplay = forwardRef((props, ref) => {
+    const { showType = true } = props, rest = __rest(props, ["showType"]);
+    const { state, action } = useCalendarSelectionContext();
+    // console.log({ state, action });
+    const [collapse, setCollapse] = useState(false);
+    useEffect(() => {
+        setCollapse(false);
+    }, []);
+    const { rangeInfo, rangeValue } = state.value.current;
+    const handleOpenPopover = () => {
+        action.dispatch({ type: ACTION_TYPES.togglePopover });
+    };
+    const rangeSelectedTitle = getRangeTypeSelectedTitle(rangeInfo);
+    const rangeValueTitles = getRangeValueSelctedTitle(rangeValue);
+    // console.log({ rangeSelectedTitle, rangeValueTitles });
+    return (React.createElement(StyledBtnDisplayWrapper, Object.assign({ ref: ref }, rest, { onClick: handleOpenPopover, role: "button" }),
+        showType && (React.createElement(Text, { className: "range-type", ellipsis: { tooltip: rangeSelectedTitle } }, rangeSelectedTitle)),
+        React.createElement("div", { className: cls('range-date', { collapse: state.open }) },
+            rangeValue.length > 0 && (React.createElement(Text, { className: "range-date-title", ellipsis: { tooltip: rangeValueTitles[0] } },
+                rangeValueTitles[0],
+                React.createElement(Icon, { className: "collapse-btn", type: "icon-ants-angle-down", style: { fontSize: 9 } }))),
+            rangeValue.length > 1 && (React.createElement("div", { className: cls('collapse-wrapper') }, rangeValueTitles.slice(1).map(title => (React.createElement(React.Fragment, { key: title },
+                React.createElement("div", { className: "compare-title" }, "Compare"),
+                React.createElement(Text, { className: "range-date-title", ellipsis: { tooltip: title } }, title)))))))));
+});

package/es/components/molecules/CalendarSelection/components/TimeRangeDisplay/index.d.ts

@@ -1,2 +1,2 @@
-export { TimeRangeDisplay } from './TimeRangeDisplay';
-export { StyledBtnDisplayWrapper } from './styled';
+export { TimeRangeDisplay } from './TimeRangeDisplay';
+export { StyledBtnDisplayWrapper } from './styled';

package/es/components/molecules/CalendarSelection/components/TimeRangeDisplay/index.js

@@ -1,2 +1,2 @@
-export { TimeRangeDisplay } from './TimeRangeDisplay';
-export { StyledBtnDisplayWrapper } from './styled';
+export { TimeRangeDisplay } from './TimeRangeDisplay';
+export { StyledBtnDisplayWrapper } from './styled';

package/es/components/molecules/CalendarSelection/components/TimeRangeDisplay/styled.d.ts

@@ -1 +1 @@
-export declare const StyledBtnDisplayWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledBtnDisplayWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;