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

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

@@ -1,89 +1,89 @@
-/* eslint-disable react/no-array-index-key */
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { TinyColor } from '@ctrl/tinycolor';
-import { RangePicker } from '../RangePicker';
-import { useCalendarSelectionContext } from '../../hooks';
-import dayjs from 'dayjs';
-import isBetween from 'dayjs/plugin/isBetween';
-import { AutoUpdateTo } from '../AutoUpdateTo';
-import { updateRangeValue } from '../../actions';
-import { CalendarContainerStyled, StyledCellDate, StyledCustomPickerRoot } from './styled';
-import { ConfigProvider } from 'antd';
-import { interpolateHsl } from 'd3-interpolate';
-import { isEmpty } from 'lodash';
-dayjs.extend(isBetween);
-const generateRangeInputLabel = (idx, label) => {
-    if (label)
-        return label;
-    if (idx === 0)
-        return 'custom';
-    return `custom compare${idx > 1 ? ` ${idx}}` : ''}`;
-};
-export const CustomPicker = () => {
-    const popupContainer = useRef(null);
-    const { state, action } = useCalendarSelectionContext();
-    const { rangeValue } = state.value.current;
-    const [activeRangeIdx, setActiveRangeIdx] = useState(null);
-    useEffect(() => {
-        if (rangeValue.length > 0) {
-            setActiveRangeIdx(0);
-        }
-    }, [rangeValue.length]);
-    const handleCalendarChange = (start, end) => {
-        var _a, _b;
-        if (!start || !end || activeRangeIdx === null)
-            return;
-        const replacedRange = rangeValue[activeRangeIdx];
-        if (((_a = replacedRange.start) === null || _a === void 0 ? void 0 : _a.isSame(start)) && ((_b = replacedRange.end) === null || _b === void 0 ? void 0 : _b.isSame(end)))
-            return;
-        const updatedRangeValue = [...rangeValue];
-        updatedRangeValue.splice(activeRangeIdx, 1, Object.assign(Object.assign({}, replacedRange), { start,
-            end }));
-        action.dispatch(updateRangeValue(updatedRangeValue, { isManual: true }));
-    };
-    const renderCellDate = useCallback((date, originNode) => {
-        const colors = rangeValue.reduce((acc, cur) => {
-            if (date.isBetween(cur.start, cur.end, 'd', '[]') && cur.color) {
-                acc.push(cur.color);
-            }
-            return acc;
-        }, []);
-        if (isEmpty(colors))
-            return originNode;
-        const cellBgColor = new TinyColor(colors.length > 1
-            ? colors.reduce((acc, color) => interpolateHsl(acc, color)(0.5), colors[0])
-            : colors[0]);
-        return React.createElement(StyledCellDate, { rangeColor: cellBgColor }, originNode);
-    }, [rangeValue]);
-    return (React.createElement(StyledCustomPickerRoot, null,
-        React.createElement("div", { className: "range-inputs" }, rangeValue.map((range, rangeIdx) => (React.createElement(ConfigProvider, { key: rangeIdx, theme: {
-                components: {
-                    DatePicker: Object.assign({ cellHeight: 20 }, (range.color && {
-                        hoverBorderColor: range.color,
-                        colorBorder: range.color,
-                        colorPrimary: range.color,
-                        colorPrimaryActive: range.color,
-                        cellActiveWithRangeBg: new TinyColor(range.color).lighten(40).toHexString(),
-                    })),
-                },
-            } },
-            React.createElement("div", { className: "range-input" },
-                React.createElement("div", { className: "range-input-label" }, generateRangeInputLabel(rangeIdx, range.label)),
-                React.createElement(RangePicker, { open: true, value: [range.start, range.end], onClick: () => setActiveRangeIdx(rangeIdx), getPopupContainer: () => popupContainer.current || document.body, panelRender: originalPanel => {
-                        if (activeRangeIdx !== rangeIdx)
-                            return null;
-                        return originalPanel;
-                    }, cellRender: (current, info) => {
-                        if (typeof current === 'number' || info.type !== 'date') {
-                            return info.originNode;
-                        }
-                        return renderCellDate(current, info.originNode);
-                    }, onCalendarChange: value => {
-                        var _a, _b;
-                        const start = dayjs((_a = value === null || value === void 0 ? void 0 : value.at(0)) === null || _a === void 0 ? void 0 : _a.toDate());
-                        const end = dayjs((_b = value === null || value === void 0 ? void 0 : value.at(1)) === null || _b === void 0 ? void 0 : _b.toDate());
-                        handleCalendarChange(start, end);
-                    } })))))),
-        React.createElement(AutoUpdateTo, null),
-        React.createElement(CalendarContainerStyled, { className: "calendar-container", ref: popupContainer })));
-};
+/* eslint-disable react/no-array-index-key */
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { TinyColor } from '@ctrl/tinycolor';
+import { RangePicker } from '../RangePicker';
+import { useCalendarSelectionContext } from '../../hooks';
+import dayjs from 'dayjs';
+import isBetween from 'dayjs/plugin/isBetween';
+import { AutoUpdateTo } from '../AutoUpdateTo';
+import { updateRangeValue } from '../../actions';
+import { CalendarContainerStyled, StyledCellDate, StyledCustomPickerRoot } from './styled';
+import { ConfigProvider } from 'antd';
+import { interpolateHsl } from 'd3-interpolate';
+import { isEmpty } from 'lodash';
+dayjs.extend(isBetween);
+const generateRangeInputLabel = (idx, label) => {
+    if (label)
+        return label;
+    if (idx === 0)
+        return 'custom';
+    return `custom compare${idx > 1 ? ` ${idx}}` : ''}`;
+};
+export const CustomPicker = () => {
+    const popupContainer = useRef(null);
+    const { state, action } = useCalendarSelectionContext();
+    const { rangeValue } = state.value.current;
+    const [activeRangeIdx, setActiveRangeIdx] = useState(null);
+    useEffect(() => {
+        if (rangeValue.length > 0) {
+            setActiveRangeIdx(0);
+        }
+    }, [rangeValue.length]);
+    const handleCalendarChange = (start, end) => {
+        var _a, _b;
+        if (!start || !end || activeRangeIdx === null)
+            return;
+        const replacedRange = rangeValue[activeRangeIdx];
+        if (((_a = replacedRange.start) === null || _a === void 0 ? void 0 : _a.isSame(start)) && ((_b = replacedRange.end) === null || _b === void 0 ? void 0 : _b.isSame(end)))
+            return;
+        const updatedRangeValue = [...rangeValue];
+        updatedRangeValue.splice(activeRangeIdx, 1, Object.assign(Object.assign({}, replacedRange), { start,
+            end }));
+        action.dispatch(updateRangeValue(updatedRangeValue, { isManual: true }));
+    };
+    const renderCellDate = useCallback((date, originNode) => {
+        const colors = rangeValue.reduce((acc, cur) => {
+            if (date.isBetween(cur.start, cur.end, 'd', '[]') && cur.color) {
+                acc.push(cur.color);
+            }
+            return acc;
+        }, []);
+        if (isEmpty(colors))
+            return originNode;
+        const cellBgColor = new TinyColor(colors.length > 1
+            ? colors.reduce((acc, color) => interpolateHsl(acc, color)(0.5), colors[0])
+            : colors[0]);
+        return React.createElement(StyledCellDate, { rangeColor: cellBgColor }, originNode);
+    }, [rangeValue]);
+    return (React.createElement(StyledCustomPickerRoot, null,
+        React.createElement("div", { className: "range-inputs" }, rangeValue.map((range, rangeIdx) => (React.createElement(ConfigProvider, { key: rangeIdx, theme: {
+                components: {
+                    DatePicker: Object.assign({ cellHeight: 20 }, (range.color && {
+                        hoverBorderColor: range.color,
+                        colorBorder: range.color,
+                        colorPrimary: range.color,
+                        colorPrimaryActive: range.color,
+                        cellActiveWithRangeBg: new TinyColor(range.color).lighten(40).toHexString(),
+                    })),
+                },
+            } },
+            React.createElement("div", { className: "range-input" },
+                React.createElement("div", { className: "range-input-label" }, generateRangeInputLabel(rangeIdx, range.label)),
+                React.createElement(RangePicker, { open: true, value: [range.start, range.end], onClick: () => setActiveRangeIdx(rangeIdx), getPopupContainer: () => popupContainer.current || document.body, panelRender: originalPanel => {
+                        if (activeRangeIdx !== rangeIdx)
+                            return null;
+                        return originalPanel;
+                    }, cellRender: (current, info) => {
+                        if (typeof current === 'number' || info.type !== 'date') {
+                            return info.originNode;
+                        }
+                        return renderCellDate(current, info.originNode);
+                    }, onCalendarChange: value => {
+                        var _a, _b;
+                        const start = dayjs((_a = value === null || value === void 0 ? void 0 : value.at(0)) === null || _a === void 0 ? void 0 : _a.toDate());
+                        const end = dayjs((_b = value === null || value === void 0 ? void 0 : value.at(1)) === null || _b === void 0 ? void 0 : _b.toDate());
+                        handleCalendarChange(start, end);
+                    } })))))),
+        React.createElement(AutoUpdateTo, null),
+        React.createElement(CalendarContainerStyled, { className: "calendar-container", ref: popupContainer })));
+};

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

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

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

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

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

@@ -1,6 +1,6 @@
-import { TinyColor } from '@ctrl/tinycolor';
-export declare const StyledCellDate: import("styled-components").StyledComponent<"div", any, {
-    rangeColor: TinyColor;
-}, never>;
-export declare const StyledCustomPickerRoot: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CalendarContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { TinyColor } from '@ctrl/tinycolor';
+export declare const StyledCellDate: import("styled-components").StyledComponent<"div", any, {
+    rangeColor: TinyColor;
+}, never>;
+export declare const StyledCustomPickerRoot: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CalendarContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,141 +1,141 @@
-import styled from 'styled-components';
-export const StyledCellDate = styled.div `
-  --cellTextColor: ${p => (p.rangeColor.isLight() ? '#000' : '#fff')};
-  --cellBgColor: ${p => p.rangeColor.lighten(40).toHexString()};
-  --cellHoverBgColor: ${p => p.rangeColor.lighten(30).toHexString()};
-  --rangeColor: ${p => p.rangeColor.toHexString()};
-
-  position: relative;
-
-  &:before {
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-    content: '';
-  }
-`;
-export const StyledCustomPickerRoot = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 8px 12px;
-
-  .range-inputs {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-
-    .range-input {
-      display: flex;
-      flex-direction: column;
-      gap: 4px;
-    }
-  }
-
-  .custom-label,
-  .range-inputs .range-input-label {
-    font-weight: bold;
-    text-transform: uppercase;
-    color: #838383;
-  }
-`;
-export const CalendarContainerStyled = styled.div `
-  /* Variables */
-  --cellHeight: 28px;
-  --cellWidth: 28px;
-  --colorToDay: rgb(211, 211, 211);
-  --colorSelected: rgb(0, 94, 184);
-  --colorInRange: rgb(216, 234, 252);
-
-  position: relative;
-
-  .antsomi-picker-dropdown {
-    position: relative;
-    top: 0 !important;
-    left: 0 !important;
-    box-shadow: none;
-    padding: 0;
-
-    .antsomi-picker-panel-container {
-      box-shadow: none;
-    }
-    .antsomi-picker-panels {
-      display: inline-flex;
-      flex-direction: column;
-    }
-
-    /* Content */
-    .antsomi-picker-content {
-      /* Rectangle */
-      & td,
-      & th,
-      & .antsomi-picker-cell-inner,
-      & td::before {
-        /* width: var(--cellWidth);
-        height: var(--cellHeight); */
-      }
-
-      /* Date node */
-      .antsomi-picker-cell-inner {
-        height: 21.5px;
-      }
-
-      /* Today node */
-      .antsomi-picker-cell-today {
-        .antsomi-picker-cell-inner {
-          &::before {
-            border-radius: 18px;
-            border: 0.0001rem solid var(--colorToDay);
-          }
-        }
-      }
-
-      /* Selected node */
-      .antsomi-picker-cell-in-view {
-        &.antsomi-picker-cell-selected,
-        &.antsomi-picker-cell-range-start,
-        &.antsomi-picker-cell-range-end {
-          .antsomi-picker-cell-inner {
-            background: var(--colorSelected) !important;
-            border-radius: 18px !important;
-          }
-        }
-      }
-
-      /* In Range */
-      .antsomi-picker-cell-in-range.antsomi-picker-cell-in-view {
-        &::before {
-          background: var(--colorInRange) !important;
-        }
-        .antsomi-picker-cell-inner {
-          background: var(--colorInRange) !important;
-          &::after {
-            content: none;
-            background: var(--colorInRange) !important;
-          }
-        }
-      }
-
-      /* In Range Start End */
-      .antsomi-picker-cell-in-view.antsomi-picker-cell-range-start:not(
-          .antsomi-picker-cell-range-start-single
-        ) {
-        &::before {
-          background: var(--colorInRange) !important;
-        }
-      }
-      .antsomi-picker-cell-in-view.antsomi-picker-cell-range-end:not(
-          .antsomi-picker-cell-range-end-single
-        ) {
-        &::before {
-          background: var(--colorInRange) !important;
-        }
-      }
-    }
-    .antsomi-picker-range-arrow {
-      display: none !important;
-    }
-  }
-`;
+import styled from 'styled-components';
+export const StyledCellDate = styled.div `
+  --cellTextColor: ${p => (p.rangeColor.isLight() ? '#000' : '#fff')};
+  --cellBgColor: ${p => p.rangeColor.lighten(40).toHexString()};
+  --cellHoverBgColor: ${p => p.rangeColor.lighten(30).toHexString()};
+  --rangeColor: ${p => p.rangeColor.toHexString()};
+
+  position: relative;
+
+  &:before {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    content: '';
+  }
+`;
+export const StyledCustomPickerRoot = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 8px 12px;
+
+  .range-inputs {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+
+    .range-input {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+  }
+
+  .custom-label,
+  .range-inputs .range-input-label {
+    font-weight: bold;
+    text-transform: uppercase;
+    color: #838383;
+  }
+`;
+export const CalendarContainerStyled = styled.div `
+  /* Variables */
+  --cellHeight: 28px;
+  --cellWidth: 28px;
+  --colorToDay: rgb(211, 211, 211);
+  --colorSelected: rgb(0, 94, 184);
+  --colorInRange: rgb(216, 234, 252);
+
+  position: relative;
+
+  .antsomi-picker-dropdown {
+    position: relative;
+    top: 0 !important;
+    left: 0 !important;
+    box-shadow: none;
+    padding: 0;
+
+    .antsomi-picker-panel-container {
+      box-shadow: none;
+    }
+    .antsomi-picker-panels {
+      display: inline-flex;
+      flex-direction: column;
+    }
+
+    /* Content */
+    .antsomi-picker-content {
+      /* Rectangle */
+      & td,
+      & th,
+      & .antsomi-picker-cell-inner,
+      & td::before {
+        /* width: var(--cellWidth);
+        height: var(--cellHeight); */
+      }
+
+      /* Date node */
+      .antsomi-picker-cell-inner {
+        height: 21.5px;
+      }
+
+      /* Today node */
+      .antsomi-picker-cell-today {
+        .antsomi-picker-cell-inner {
+          &::before {
+            border-radius: 18px;
+            border: 0.0001rem solid var(--colorToDay);
+          }
+        }
+      }
+
+      /* Selected node */
+      .antsomi-picker-cell-in-view {
+        &.antsomi-picker-cell-selected,
+        &.antsomi-picker-cell-range-start,
+        &.antsomi-picker-cell-range-end {
+          .antsomi-picker-cell-inner {
+            background: var(--colorSelected) !important;
+            border-radius: 18px !important;
+          }
+        }
+      }
+
+      /* In Range */
+      .antsomi-picker-cell-in-range.antsomi-picker-cell-in-view {
+        &::before {
+          background: var(--colorInRange) !important;
+        }
+        .antsomi-picker-cell-inner {
+          background: var(--colorInRange) !important;
+          &::after {
+            content: none;
+            background: var(--colorInRange) !important;
+          }
+        }
+      }
+
+      /* In Range Start End */
+      .antsomi-picker-cell-in-view.antsomi-picker-cell-range-start:not(
+          .antsomi-picker-cell-range-start-single
+        ) {
+        &::before {
+          background: var(--colorInRange) !important;
+        }
+      }
+      .antsomi-picker-cell-in-view.antsomi-picker-cell-range-end:not(
+          .antsomi-picker-cell-range-end-single
+        ) {
+        &::before {
+          background: var(--colorInRange) !important;
+        }
+      }
+    }
+    .antsomi-picker-range-arrow {
+      display: none !important;
+    }
+  }
+`;

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

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

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

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

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

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

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

@@ -1,11 +1,11 @@
-import React from 'react';
-import { Button } from '@antscorp/antsomi-ui/es/components/atoms/Button';
-import { useCalendarSelectionContext } from '../../hooks';
-import { apply, togglePopover } from '../../actions';
-import { StyledFooterRoot } from './styled';
-export const Footer = () => {
-    const { action } = useCalendarSelectionContext();
-    return (React.createElement(StyledFooterRoot, null,
-        React.createElement(Button, { onClick: () => action.dispatch(apply()), type: "primary" }, "Apply"),
-        React.createElement(Button, { onClick: () => action.dispatch(togglePopover()) }, "Cancel")));
-};
+import React from 'react';
+import { Button } from '@antscorp/antsomi-ui/es/components/atoms/Button';
+import { useCalendarSelectionContext } from '../../hooks';
+import { apply, togglePopover } from '../../actions';
+import { StyledFooterRoot } from './styled';
+export const Footer = () => {
+    const { action } = useCalendarSelectionContext();
+    return (React.createElement(StyledFooterRoot, null,
+        React.createElement(Button, { onClick: () => action.dispatch(apply()), type: "primary" }, "Apply"),
+        React.createElement(Button, { onClick: () => action.dispatch(togglePopover()) }, "Cancel")));
+};

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
-import styled from 'styled-components';
-export const StyledFooterRoot = styled.div `
-  display: flex;
-  gap: 8px;
-  padding: 8px 12px;
-`;
+import styled from 'styled-components';
+export const StyledFooterRoot = styled.div `
+  display: flex;
+  gap: 8px;
+  padding: 8px 12px;
+`;

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

@@ -1,5 +1,5 @@
-import { DatePicker } from 'src/components/molecules';
-import React, { ComponentProps } from 'react';
-type RangePickerProps = {} & ComponentProps<typeof DatePicker.RangePicker>;
-export declare const RangePicker: React.FC<RangePickerProps>;
-export {};
+import { DatePicker } from 'src/components/molecules';
+import React, { ComponentProps } from 'react';
+type RangePickerProps = {} & ComponentProps<typeof DatePicker.RangePicker>;
+export declare const RangePicker: React.FC<RangePickerProps>;
+export {};

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { StyledRangePicker } from './styled';
-const DATE_FORMAT = 'DD/MM/YYYY';
-export const RangePicker = props => (React.createElement(StyledRangePicker, Object.assign({}, props, { allowEmpty: [true, true], allowClear: false, autoFocus: false, size: "large", suffixIcon: false, format: DATE_FORMAT })));
+import React from 'react';
+import { StyledRangePicker } from './styled';
+const DATE_FORMAT = 'DD/MM/YYYY';
+export const RangePicker = props => (React.createElement(StyledRangePicker, Object.assign({}, props, { allowEmpty: [true, true], allowClear: false, autoFocus: false, size: "large", suffixIcon: false, format: DATE_FORMAT })));

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

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

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

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

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

@@ -1,5 +1,5 @@
-export declare const StyledRangePicker: import("styled-components").StyledComponent<import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").RangePickerProps<import("dayjs").Dayjs> & {
-    dropdownClassName?: string | undefined;
-    popupClassName?: string | undefined;
-    rootClassName?: string | undefined;
-}, unknown>, any, {}, never>;
+export declare const StyledRangePicker: import("styled-components").StyledComponent<import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").RangePickerProps<import("dayjs").Dayjs> & {
+    dropdownClassName?: string | undefined;
+    popupClassName?: string | undefined;
+    rootClassName?: string | undefined;
+}, unknown>, any, {}, never>;

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

@@ -1,13 +1,13 @@
-import { DatePicker } from '@antscorp/antsomi-ui/es/components/molecules';
-import styled from 'styled-components';
-const { RangePicker } = DatePicker;
-export const StyledRangePicker = styled(RangePicker) `
-  font-size: 12px;
-  padding-right: 8px;
-
-  .ant-picker-input {
-    input {
-      width: 80px;
-    }
-  }
-`;
+import { DatePicker } from '@antscorp/antsomi-ui/es/components/molecules';
+import styled from 'styled-components';
+const { RangePicker } = DatePicker;
+export const StyledRangePicker = styled(RangePicker) `
+  font-size: 12px;
+  padding-right: 8px;
+
+  .ant-picker-input {
+    input {
+      width: 80px;
+    }
+  }
+`;

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

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ListRangeSelectionProps } from './types';
-export declare const RangeSelectOptions: React.FC<ListRangeSelectionProps>;
+import React from 'react';
+import { ListRangeSelectionProps } from './types';
+export declare const RangeSelectOptions: React.FC<ListRangeSelectionProps>;