@antscorp/antsomi-ui 1.3.5-beta.57 → 1.3.5-beta.59

package/es/components/atoms/MobileFrame/MobileFrame.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
 export interface MobileFrameProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
+    size?: 'large' | 'medium';
+    backgroundColor?: string;
 }
 export declare const MobileFrame: React.FC<React.PropsWithChildren<MobileFrameProps>>;

package/es/components/atoms/MobileFrame/MobileFrame.js

@@ -16,7 +16,7 @@ import { MobileWrapper, MobileInner, MobileBottomLine } from './styled';
 export const MobileFrame = (_a) => {
     var { children } = _a, restOfProps = __rest(_a, ["children"]);
     return (React.createElement(MobileWrapper, Object.assign({}, restOfProps),
-        React.createElement(MobileInner, null,
+        React.createElement(MobileInner, { backgroundColor: restOfProps.backgroundColor, size: restOfProps.size },
             children,
             React.createElement(MobileBottomLine, null))));
 };

package/es/components/atoms/MobileFrame/styled.d.ts

@@ -1,3 +1,4 @@
+import type { MobileFrameProps } from './MobileFrame';
 export declare const MobileWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MobileInner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MobileInner: import("styled-components").StyledComponent<"div", any, MobileFrameProps, never>;
 export declare const MobileBottomLine: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/atoms/MobileFrame/styled.js

@@ -1,5 +1,5 @@
 // Libraries
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 // Assets
 import MobileFrame from '@antscorp/antsomi-ui/es/assets/images/iphone.png';
 export const MobileWrapper = styled.div `
@@ -12,12 +12,17 @@ export const MobileWrapper = styled.div `
 export const MobileInner = styled.div `
   position: relative;
   width: 100%;
-  max-width: 336px;
-  height: 695px;
-  margin: 61px 23px 20px 24px;
-  border-bottom-left-radius: 50px;
-  border-bottom-right-radius: 50px;
+  max-width: ${props => (props.size === 'medium' ? 290 : 336)}px;
+  height: ${props => (props.size === 'medium' ? 600 : 695)}px;
+  margin: ${props => (props.size === 'medium' ? '52px 23px 18px 24px' : '61px 23px 20px 24px')};
+  border-bottom-left-radius: ${props => (props.size === 'medium' ? 37 : 50)}px;
+  border-bottom-right-radius: ${props => (props.size === 'medium' ? 37 : 50)}px;
   overflow: hidden;
+
+  ${props => props.backgroundColor &&
+    css `
+      background-color: ${props.backgroundColor};
+    `}
 `;
 export const MobileBottomLine = styled.div `
   width: 145px;

package/es/components/atoms/Popover/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const PopoverWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").PopoverProps & import("react").RefAttributes<unknown>> & {
+    _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/popover/PurePanel").PurePanelProps>;
+}, any, {}, never>;

package/es/components/atoms/Popover/styled.js

@@ -0,0 +1,5 @@
+// Libraries
+import styled from 'styled-components';
+// Components
+import { Popover as AntdPopover } from 'antd';
+export const PopoverWrapper = styled(AntdPopover) ``;

package/es/components/atoms/RateV2/RateV2.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface RateContinuousProps {
+    count?: number;
+    className?: string;
+    defaultValue?: number;
+    /**
+     * @description number of star
+     */
+    value?: number;
+    type?: 'full' | 'half' | 'continuous';
+    /**
+     * @param value current number of stars are selected
+     * @description number of stars = fillWidth / STAR_WIDTH
+     */
+    onChange?: (value: number) => void;
+}
+export declare const RateV2: React.FC<RateContinuousProps>;
+export {};

package/es/components/atoms/RateV2/RateV2.js

@@ -0,0 +1,73 @@
+import React, { useEffect, useState } from 'react';
+import StarImage from '@antscorp/antsomi-ui/es/assets/images/stars_slider.png';
+const STAR_WIDTH = 30;
+const parseNumDecimals = (input, decimals) => +Number.parseFloat(input === null || input === void 0 ? void 0 : input.toString()).toFixed(decimals);
+const roundHalf = (num) => {
+    const multiplier = 1 / 0.5;
+    return Math.round(num * multiplier) / multiplier;
+};
+/**
+ *
+ * @param width width measure from the left edge of star container
+ * @param type type of star - 'full' | 'half' | 'continuous'
+ * @default type 'full'
+ * @returns
+ */
+const getWidth = (width, type = 'full') => {
+    const numberOfStar = width / STAR_WIDTH;
+    return type === 'full'
+        ? Math.ceil(numberOfStar) * STAR_WIDTH
+        : type === 'half'
+            ? roundHalf(numberOfStar) * STAR_WIDTH
+            : width;
+};
+export const RateV2 = ({ count = 5, className, defaultValue = 0, value, type = 'full', onChange, }) => {
+    const fullWidth = count * STAR_WIDTH;
+    // The width is calculated when move mouse => change the UI, not change the real value
+    const [fillWidth, setFillWidth] = useState(() => defaultValue ? getWidth(defaultValue * STAR_WIDTH, type) : 0);
+    // The real current value that will be return to parent component by onChange function
+    // currWidth = value * STAR_WIDTH
+    const [currWidth, setCurrWidth] = useState(0);
+    const handleMouseMove = e => {
+        const rect = e.currentTarget.getBoundingClientRect();
+        const x = e.clientX - rect.left;
+        const hoverWidth = Math.round(x);
+        setFillWidth(getWidth(hoverWidth, type));
+    };
+    const handleClick = () => {
+        // If have no value => auto set current value; if have value => must control value with onChange props
+        if (!value)
+            setCurrWidth(fillWidth);
+        if (onChange)
+            onChange(parseNumDecimals(fillWidth / STAR_WIDTH, 2));
+    };
+    useEffect(() => {
+        if (typeof value === 'number') {
+            const width = getWidth(value * STAR_WIDTH, type);
+            setCurrWidth(width);
+            setFillWidth(width);
+        }
+    }, [value]);
+    return (React.createElement("div", { className: `antsomi-rate-continuous${className ? ` ${className}` : ''}`, style: {
+            position: 'relative',
+            width: `${fullWidth}px`,
+            backgroundPosition: '-27px',
+            height: '28px',
+        }, onMouseMove: handleMouseMove, onMouseLeave: () => setFillWidth(currWidth || 0), onClick: handleClick },
+        React.createElement("div", { className: "custom-rate custom-rate--fill", style: {
+                position: 'absolute',
+                background: `url(${StarImage}) 0px 0px`,
+                width: `${fillWidth}px`,
+                height: '26px',
+                zIndex: 1,
+            } }),
+        React.createElement("div", { className: "custom-rate custom-rate--empty", style: {
+                position: 'absolute',
+                top: '0px',
+                left: '0px',
+                backgroundImage: 'none',
+                background: `transparent url(${StarImage}) 0px -26px`,
+                width: `${fullWidth}px`,
+                height: '26px',
+            } })));
+};

package/es/components/atoms/RateV2/index.d.ts

@@ -0,0 +1 @@
+export { RateV2 } from './RateV2';

package/es/components/atoms/RateV2/index.js

@@ -0,0 +1 @@
+export { RateV2 } from './RateV2';

package/es/components/atoms/Slider/index.js

@@ -9,15 +9,20 @@ export const Slider = memo(props => {
     const { range, value, min = 0, max = 0, className, tooltipVisible } = props;
     const isNegative = useMemo(() => !!(!range && min < 0), [range, min]);
     const calculateWidth = useMemo(() => ((value || 0) * 100) / (Math.abs(max) + Math.abs(min) || 1), [min, max, value]);
-    const restProps = tooltipVisible === 'default' ? omit(props, ['tooltipVisible']) : props;
+    // const restProps = tooltipVisible === 'default' ? omit(props, ['tooltipVisible']) : props;
+    const restProps = omit(props, ['tooltipVisible']);
     if (isNegative) {
         return (React.createElement(SliderWrapper, { isNegative: true, width: calculateWidth, className: className },
-            React.createElement(AntdSlider, Object.assign({}, omit(restProps, ['marks', 'className']), { marks: {
+            React.createElement(AntdSlider, Object.assign({}, omit(restProps, ['marks', 'className']), { tooltip: tooltipVisible !== 'default' && {
+                    open: tooltipVisible,
+                }, marks: {
                     0: ' ',
                 } }))));
     }
     return (React.createElement(SliderWrapper, { className: className },
-        React.createElement(AntdSlider, Object.assign({}, restProps))));
+        React.createElement(AntdSlider, Object.assign({}, restProps, { tooltip: tooltipVisible !== 'default' && {
+                open: tooltipVisible,
+            } }))));
 });
 Slider.defaultProps = {
     tooltipVisible: false,

package/es/components/atoms/SliderV2/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { SliderRangeProps, SliderSingleProps } from 'antd/es/slider';
-export interface SliderProps extends SliderSingleProps {
+export interface SliderProps {
+    defaultSliderTrack?: boolean;
 }
-export declare const SliderV2: React.FC<SliderProps | SliderRangeProps>;
+export declare const SliderV2: React.FC<(SliderSingleProps & SliderProps) | (SliderRangeProps & SliderProps)>;

package/es/components/atoms/SliderV2/index.js

@@ -4,20 +4,18 @@ import React, { useState } from 'react';
 import { Slider as AntdSlider } from 'antd';
 // React.FC<SliderProps>
 export const SliderV2 = props => {
-    const [value, setValue] = useState(0);
-    // console.log('sliderRef:: ', sliderRef);
-    // const min = props.min || 0;
-    // const max = props.max || 100;
-    const { min, max, onChange, styles, range } = props;
-    if (min && max && min < 0 && max > 0 && !range) {
+    const { min, max, onChange, styles, range, value, defaultValue, marks, defaultSliderTrack } = props;
+    const [valueInternal, setValueInternal] = useState(defaultValue || min || 0);
+    if (min && max && min < 0 && max > 0 && !range && !defaultSliderTrack) {
         const sliderWidth = max - min;
-        const leftTrackPosition = `${(Math.abs(value > 0 ? min : min - value) / sliderWidth) * 100}%`;
-        const sliderTrackWidth = `${(Math.abs(value) / sliderWidth) * 100}%`;
-        return (React.createElement(AntdSlider, Object.assign({ value: value, onChange: value => {
-                setValue(value);
+        const calcValue = value || valueInternal;
+        const leftTrackPosition = `${(Math.abs(calcValue > 0 ? min : min - calcValue) / sliderWidth) * 100}%`;
+        const sliderTrackWidth = `${(Math.abs(calcValue) / sliderWidth) * 100}%`;
+        return (React.createElement(AntdSlider, Object.assign({ value: value || valueInternal, onChange: value => {
+                setValueInternal(value);
                 if (onChange)
                     onChange(value);
-            }, styles: Object.assign({ track: Object.assign({ left: leftTrackPosition, width: sliderTrackWidth }, styles === null || styles === void 0 ? void 0 : styles.track) }, styles), marks: { 0: ' ' } }, props)));
+            }, styles: Object.assign({ track: Object.assign({ left: leftTrackPosition, width: sliderTrackWidth }, styles === null || styles === void 0 ? void 0 : styles.track) }, styles), marks: marks || { 0: ' ' } }, props)));
     }
     return React.createElement(AntdSlider, Object.assign({}, props));
 };

package/es/components/atoms/index.d.ts

@@ -33,6 +33,7 @@ export { Rate } from './Rate';
 export { SliderV2 } from './SliderV2';
 export { InputDynamic } from './InputDynamic';
 export * from './Flex';
+export * from './RateV2';
 export * from './PreviewTabs';
 export * from './MobileFrame';
 export * from './SlideBar';

package/es/components/atoms/index.js

@@ -33,6 +33,7 @@ export { Rate } from './Rate';
 export { SliderV2 } from './SliderV2';
 export { InputDynamic } from './InputDynamic';
 export * from './Flex';
+export * from './RateV2';
 export * from './PreviewTabs';
 export * from './MobileFrame';
 export * from './SlideBar';

package/es/components/common/ConfigProvider/GlobalStyle.js

@@ -291,25 +291,24 @@ export const GlobalStyle = () => {
             }
           }
 
-          .antsomi-picker-date-panel {
+          /* .antsomi-picker-date-panel {
             position: relative;
-          }
+          } */
 
-          .antsomi-picker-date-panel::before {
+          /* .antsomi-picker-date-panel::before {
             content: 'Hours';
             position: absolute;
             top: 0;
             right: 0;
             transform: translateX(100%);
             width: 61px;
-            /* width: 53.5px; */
             font-weight: bold;
             border-right: 1px solid rgba(5, 5, 5, 0.06);
             height: 38px;
             display: flex;
             align-items: center;
             justify-content: center;
-          }
+          } */
 
           .antsomi-picker-time-panel {
             .antsomi-picker-time-panel-column:after {
@@ -336,43 +335,94 @@ export const GlobalStyle = () => {
               display: none;
             }
 
-            .antsomi-picker-content {
+            .antsomi-picker-time-panel-column {
+              width: 60px;
+              margin-top: 38px;
+              /* margin-top: 0; */
+              scrollbar-width: unset;
+              scrollbar-color: unset;
+
+              &::-webkit-scrollbar {
+                width: 6px;
+                background: transparent;
+              }
+              &::-webkit-scrollbar-track {
+                /* margin-top: 38px; */
+                border-radius: 10px;
+              }
+            }
+
+            /* ul.antsomi-picker-time-panel-column::before {
+              content: '';
+              position: absolute;
+              background: red;
+              top: 0;
+              right: 0;
+              width: 1px;
+              bottom: 0;
+            } */
+
+            /* .antsomi-picker-time-panel-column::before {
+              content: 'Hours';
+              position: sticky;
+              display: block;
+              top: 0;
+              height: 38px;
+              line-height: 38px;
+              text-align: center;
+              font-weight: bold;
+              background-color: #fff;
+            }
+
+            .antsomi-picker-time-panel-column:nth-child(1)::before {
+              content: 'Hours';
+            }
+            .antsomi-picker-time-panel-column:nth-child(2)::before {
+              content: 'Minutes';
+            }
+            .antsomi-picker-time-panel-column:nth-child(3)::before {
+              content: 'Seconds';
+            } */
+
+            /* .antsomi-picker-content {
               position: relative;
 
               .antsomi-picker-time-panel-column {
                 margin-top: 38px;
                 width: 60px;
               }
+            } */
+
+            .antsomi-picker-content {
+              position: relative;
             }
 
-            .antsomi-picker-content::after,
+            /* .antsomi-picker-content::after,
             .antsomi-picker-content::before {
               content: 'Minutes';
               position: absolute;
               top: 0;
               left: 61px;
-              /* left: 53.5px; */
               width: 60px;
-              /* width: 52.5px; */
               height: 38px;
               display: flex;
               align-items: center;
               justify-content: center;
               font-weight: bold;
-            }
+            } */
 
-            .antsomi-picker-content::before {
+            /* .antsomi-picker-content::before {
               border-right: 1px solid rgba(5, 5, 5, 0.06);
-            }
-            .antsomi-picker-content::after {
+            } */
+            /* .antsomi-picker-content::after {
               content: 'Seconds';
               left: 120px;
-            }
+            } */
           }
 
           /* Custom css scrollbar */
           ul {
-            padding-left: 8px;
+            padding-left: 6px;
             scrollbar-gutter: stable;
           }
         }
@@ -415,6 +465,16 @@ export const GlobalStyle = () => {
               content: 'Hours';
               border: none;
               left: 0;
+
+              position: absolute;
+              top: 0;
+              /* left: 61px; */
+              width: 60px;
+              height: 38px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-weight: bold;
             }
           }
           &.is-minutes-picker {

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

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

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

@@ -0,0 +1,45 @@
+/* eslint-disable react/jsx-no-constructed-context-values */
+import React, { useLayoutEffect, useReducer, useRef } from 'react';
+import { Divider } from 'antd';
+import { ActionContext, StateContext } from './context';
+import { reducer, INITIAL_STATE } from './reducer';
+import { StyledPopover, StyledPopoverBody, StyledPopoverContainer } from './styled';
+import { CustomPicker, Footer, RangeSelectOptions, TimeRangeDisplay } from './components';
+import { LOCAL_TIMEZONE, RANGE_LIMIT } from './constants';
+import { initState, resetValue } from './actions';
+import { useTriggerOut } from './hooks/useTriggerOut';
+export const CalendarSelection = props => {
+    const initialed = useRef(false);
+    const { value, rangeLimit = RANGE_LIMIT, timezone = LOCAL_TIMEZONE, timeDisplayProps, popoverProps, rangePickerProps, onChange, } = props;
+    const [state, dispatch] = useReducer(reducer, INITIAL_STATE);
+    useLayoutEffect(() => {
+        if (!value)
+            return;
+        dispatch(initState(value, !initialed.current));
+        initialed.current = true;
+    }, [value]);
+    useLayoutEffect(() => {
+        if (!state.open) {
+            return () => {
+                dispatch(resetValue());
+            };
+        }
+    }, [state.open]);
+    useTriggerOut({ state, dispatch, onChange });
+    const popoverContent = (React.createElement(StyledPopoverContainer, null,
+        React.createElement(StyledPopoverBody, null,
+            React.createElement(RangeSelectOptions, null),
+            React.createElement(Divider, { type: "vertical", style: { margin: 0, height: 'auto' } }),
+            React.createElement(CustomPicker, Object.assign({}, rangePickerProps))),
+        React.createElement(Divider, { style: { margin: 0 } }),
+        React.createElement(Footer, null)));
+    // console.log(state.value.current.rangeValue);
+    return (React.createElement(StateContext.Provider, { value: Object.assign(Object.assign({}, state), { rangeLimit,
+            timezone }) },
+        React.createElement(ActionContext.Provider, { value: { dispatch } },
+            React.createElement(StyledPopover, Object.assign({}, popoverProps, { open: state.open, arrow: false, trigger: ['click'], content: popoverContent, destroyTooltipOnHide: true, overlayInnerStyle: { padding: 0 }, onOpenChange: isOpen => {
+                    if (!isOpen)
+                        dispatch({ type: 'toggle_popover' });
+                } }),
+                React.createElement(TimeRangeDisplay, Object.assign({}, timeDisplayProps))))));
+};

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

@@ -0,0 +1,55 @@
+import { Custom, RangeInfo, CalendarSelectionValue, RangeValue } from './types';
+export declare const ACTION_TYPES: {
+    readonly initState: "init_state";
+    readonly changeRangeType: "change_range_type";
+    readonly updateRangeInfo: "update_range_info";
+    readonly updateRangeValue: "update_range_value";
+    readonly changeAutoUpdateTo: "change_auto_update_to";
+    readonly togglePopover: "toggle_popover";
+    readonly apply: "apply";
+    readonly resetValue: "reset_value";
+};
+export declare const changeRangeType: (rangeType: string, callback?: ((rangeInfo: RangeInfo) => void) | undefined) => {
+    type: "change_range_type";
+    payload: {
+        rangeType: string;
+        callback: ((rangeInfo: RangeInfo) => void) | undefined;
+    };
+};
+export declare const updateRangeInfo: (updateValue: Partial<RangeInfo>) => {
+    type: "update_range_info";
+    payload: {
+        updateValue: Partial<RangeInfo>;
+    };
+};
+export declare const updateRangeValue: (rangeValue: RangeValue[], options?: {
+    isManual: boolean;
+}) => {
+    type: "update_range_value";
+    payload: {
+        rangeValue: RangeValue[];
+        options: {
+            isManual: boolean;
+        } | undefined;
+    };
+};
+export declare const changeAutoUpdateTo: (value: Custom['autoUpdateTo']) => {
+    type: "change_auto_update_to";
+    payload: import("./types").AutoUpdateTo;
+};
+export declare const initState: (initData: CalendarSelectionValue, needTriggerOut?: boolean) => {
+    type: "init_state";
+    payload: {
+        initData: CalendarSelectionValue;
+        needTriggerOut: boolean;
+    };
+};
+export declare const togglePopover: () => {
+    type: "toggle_popover";
+};
+export declare const apply: () => {
+    type: "apply";
+};
+export declare const resetValue: () => {
+    type: "reset_value";
+};

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

@@ -0,0 +1,39 @@
+export const ACTION_TYPES = {
+    initState: 'init_state',
+    changeRangeType: 'change_range_type',
+    updateRangeInfo: 'update_range_info',
+    updateRangeValue: 'update_range_value',
+    changeAutoUpdateTo: 'change_auto_update_to',
+    togglePopover: 'toggle_popover',
+    apply: 'apply',
+    resetValue: 'reset_value',
+};
+export const changeRangeType = (rangeType, callback) => ({
+    type: ACTION_TYPES.changeRangeType,
+    payload: { rangeType, callback },
+});
+export const updateRangeInfo = (updateValue) => ({
+    type: ACTION_TYPES.updateRangeInfo,
+    payload: { updateValue },
+});
+export const updateRangeValue = (rangeValue, options) => ({
+    type: ACTION_TYPES.updateRangeValue,
+    payload: { rangeValue, options },
+});
+export const changeAutoUpdateTo = (value) => ({
+    type: ACTION_TYPES.changeAutoUpdateTo,
+    payload: value,
+});
+export const initState = (initData, needTriggerOut = false) => ({
+    type: ACTION_TYPES.initState,
+    payload: { initData, needTriggerOut },
+});
+export const togglePopover = () => ({
+    type: ACTION_TYPES.togglePopover,
+});
+export const apply = () => ({
+    type: ACTION_TYPES.apply,
+});
+export const resetValue = () => ({
+    type: ACTION_TYPES.resetValue,
+});

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

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    className?: string;
+    id?: string;
+};
+export declare const AutoUpdateTo: React.FC<Props>;
+export {};

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Select } from '@antscorp/antsomi-ui/es/components/molecules/Select';
+import { updateRangeInfo } from '../../actions';
+import { AUTO_UPDATE_TO_KEY, AUTO_UPDATE_TO_OPTIONS, SELECTION_KEY } from '../../constants';
+import { useCalendarSelectionContext } from '../../hooks';
+import { isAutoUpdateToOption } from '../../utils';
+import { StyledAutoUpdateToRoot } from './styled';
+export const AutoUpdateTo = props => {
+    const { className, id } = props;
+    const { state, action } = useCalendarSelectionContext();
+    const { rangeInfo } = state.value.current;
+    const value = AUTO_UPDATE_TO_OPTIONS[rangeInfo.type === 'custom' ? rangeInfo.autoUpdateTo : AUTO_UPDATE_TO_KEY.fixed].label;
+    const handleChangeUpdateTo = (value) => {
+        if (!isAutoUpdateToOption(value))
+            return;
+        action.dispatch(updateRangeInfo({
+            type: SELECTION_KEY.custom,
+            autoUpdateTo: value,
+        }));
+    };
+    return (React.createElement(StyledAutoUpdateToRoot, { className: className },
+        React.createElement("div", { className: "label" }, "Auto update to"),
+        React.createElement(Select, { id: id, options: Object.values(AUTO_UPDATE_TO_OPTIONS).map(i => (Object.assign(Object.assign({}, i), { value: i.key }))), value: value, onChange: handleChangeUpdateTo })));
+};

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

@@ -0,0 +1 @@
+export * from './AutoUpdateTo';

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

@@ -0,0 +1 @@
+export * from './AutoUpdateTo';

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

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

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

@@ -0,0 +1,10 @@
+import styled from 'styled-components';
+export const StyledAutoUpdateToRoot = styled.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .antsomi-select-selector {
+    min-width: 80px;
+  }
+`;

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

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