@antscorp/antsomi-ui 1.3.4 → 1.3.5-alpha.2

package/es/components/molecules/DatePicker/components/AdvancedPicker/AdvancedPicker.js

@@ -1,428 +0,0 @@
-/* eslint-disable react/no-unused-prop-types */
-// Libraries
-import React, { useEffect, useMemo, useState } from 'react';
-import { theme } from 'antd';
-import dayjs from 'dayjs';
-import clsx from 'clsx';
-// Hooks
-import { useDeepCompareEffect } from '../../../../../hooks';
-// Icons
-import Icon from '@antscorp/icons';
-import { EventIcon } from '../../../../icons';
-// Atoms
-import { Input, InputNumber, Divider, Space, Button, Typography, } from '@antscorp/antsomi-ui/es/components/atoms';
-// Molecules
-import { Select, Dropdown, DatePicker } from '@antscorp/antsomi-ui/es/components';
-// Utils
-import { handleError, reorder } from '@antscorp/antsomi-ui/es/utils';
-import { calculationDateAdvanced } from './utils';
-// Styled
-import { DatePickerCustomInput, DatePickerHeader, DropdownContent, DropdownHeader, DatePickerFooter, DropdownFooter, CalendarIconWrapper, } from './styled';
-// Constants
-import { CALCULATION_DATES, CALCULATION_TYPES, DATE_TYPES, DEFAULT_DATE_FORMAT, VALUE_TYPES, TIME_PICKER_TYPE, YEAR_PICKER_TYPE, ADVANCED_PICKER_TYPE, } from './constants';
-import { THEME } from '../../../../../constants';
-// Instance
-import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
-const PATH = '@antscorp/antsomi-ui/es/components/molecules/DatePicker/components/Advanced/DatePickerAdvanced.tsx';
-const { useToken } = theme;
-const { Text } = Typography;
-export const AdvancedPicker = props => {
-    var _a, _b;
-    // Props
-    const { label, inputStyle, dateTypeKeysShow, calculationTypeKeysShow, showCalculationTypeCondition, defaultDateTypeKey, valueType, option: propsOption, operatorKey, type, date: propsDate, format, formatInputDisplay, errorMessage, disableAfterDate, disableBeforeDate, showTime, disabled, onUpdatedNewDate, onApply, } = props;
-    // Memo
-    const newDateTypes = useMemo(() => {
-        if (dateTypeKeysShow && dateTypeKeysShow.length) {
-            const draftDateTypes = DATE_TYPES.filter(dateType => dateTypeKeysShow.some(key => key === dateType.value));
-            return draftDateTypes;
-        }
-        if (defaultDateTypeKey) {
-            const index = DATE_TYPES.findIndex(dateType => dateType.value === defaultDateTypeKey);
-            if (index !== -1) {
-                return reorder(DATE_TYPES, index, 0);
-            }
-        }
-        return DATE_TYPES;
-    }, [dateTypeKeysShow, defaultDateTypeKey]);
-    const newCalculationDates = useMemo(() => {
-        switch (valueType) {
-            case VALUE_TYPES.YEAR_MONTH_DAY:
-                return CALCULATION_DATES.filter(calculationDate => !['hours', 'minutes', 'seconds'].includes(calculationDate.value));
-            case VALUE_TYPES.YEAR_MONTH_DAY_HOUR:
-                return CALCULATION_DATES.filter(calculationDate => !['minutes', 'seconds'].includes(calculationDate.value));
-            case VALUE_TYPES.YEAR_MONTH_DAY_MINUTE:
-                return CALCULATION_DATES.filter(calculationDate => !['seconds'].includes(calculationDate.value));
-            case VALUE_TYPES.YEAR:
-                return CALCULATION_DATES.filter(calculationDate => ['years'].includes(calculationDate.value));
-            case VALUE_TYPES.YEAR_MONTH:
-                return CALCULATION_DATES.filter(calculationDate => ['years', 'months', 'quarters'].includes(calculationDate.value));
-            case VALUE_TYPES.YEAR_MONTH_DAY_SECOND:
-                return CALCULATION_DATES;
-            default:
-                return CALCULATION_DATES;
-        }
-    }, [valueType]);
-    const pickerType = useMemo(() => {
-        switch (valueType) {
-            case VALUE_TYPES.YEAR_MONTH_DAY:
-                return TIME_PICKER_TYPE.DATE;
-            case VALUE_TYPES.YEAR_MONTH_DAY_HOUR:
-                return TIME_PICKER_TYPE.DATE_HOUR;
-            case VALUE_TYPES.YEAR_MONTH_DAY_MINUTE:
-                return TIME_PICKER_TYPE.DATE_HOUR_MINUTE;
-            case VALUE_TYPES.YEAR_MONTH_DAY_SECOND:
-                return TIME_PICKER_TYPE.DATE_TIME;
-            case VALUE_TYPES.YEAR:
-                return YEAR_PICKER_TYPE.YEAR;
-            case VALUE_TYPES.YEAR_MONTH:
-                return YEAR_PICKER_TYPE.MONTH;
-            default:
-                return TIME_PICKER_TYPE.DATE;
-        }
-    }, [valueType]);
-    const [formatDisplay, timeFormatDisplay] = useMemo(() => {
-        let formatDisplay = '';
-        let timeFormatDisplay = '';
-        let isStartDate = false;
-        // Handle detect day is start or end
-        if (operatorKey === 'between') {
-            isStartDate = type === 'startDate';
-        }
-        else {
-            isStartDate = operatorKey === 'after';
-        }
-        switch (pickerType) {
-            case TIME_PICKER_TYPE.DATE_TIME:
-                formatDisplay = 'DD/MM/YYYY - HH:mm:ss';
-                timeFormatDisplay = 'HH:mm:ss';
-                break;
-            case TIME_PICKER_TYPE.DATE_HOUR:
-                formatDisplay = `DD/MM/YYYY - ${isStartDate ? 'HH:00:00' : 'HH:59:59'}`;
-                timeFormatDisplay = isStartDate ? 'HH:00:00' : 'HH:59:59';
-                break;
-            case TIME_PICKER_TYPE.DATE_HOUR_MINUTE:
-                formatDisplay = `DD/MM/YYYY - ${isStartDate ? 'HH:mm:00' : 'HH:mm:59'}`;
-                timeFormatDisplay = isStartDate ? 'HH:mm:00' : 'HH:mm:59';
-                break;
-            case YEAR_PICKER_TYPE.MONTH:
-                formatDisplay = 'MM/YYYY';
-                break;
-            case YEAR_PICKER_TYPE.YEAR:
-                formatDisplay = 'YYYY';
-                break;
-            default:
-                formatDisplay = `DD/MM/YYYY - ${isStartDate ? '00:00:00' : '23:59:59'}`;
-                timeFormatDisplay = isStartDate ? '00:00:00' : '23:59:59';
-                break;
-        }
-        if (formatInputDisplay) {
-            formatDisplay = formatInputDisplay;
-        }
-        return [formatDisplay, timeFormatDisplay];
-    }, [pickerType, operatorKey, type, formatInputDisplay]);
-    // State
-    const [state, setState] = useState({
-        isOpen: false,
-        option: {
-            dateType: newDateTypes[0],
-            calculationType: CALCULATION_TYPES[0],
-            calculationDate: newCalculationDates[0],
-            value: 0,
-        },
-        optionSelected: {
-            dateType: newDateTypes[0],
-            calculationType: CALCULATION_TYPES[0],
-            calculationDate: newCalculationDates[0],
-            value: 0,
-        },
-        date: dayjs().format(DEFAULT_DATE_FORMAT),
-        dateDisplay: dayjs().format(DEFAULT_DATE_FORMAT),
-    });
-    const { isOpen, option, date, dateDisplay } = state;
-    const newCalculationTypes = useMemo(() => {
-        var _a;
-        if (calculationTypeKeysShow && calculationTypeKeysShow.length) {
-            const draftCalculationTypes = CALCULATION_TYPES.filter(calculationType => calculationTypeKeysShow.some(key => key === calculationType.value));
-            return draftCalculationTypes;
-        }
-        if (showCalculationTypeCondition && option.dateType) {
-            if (showCalculationTypeCondition.dateType[option.dateType.value]) {
-                const draftCalculationTypes = (_a = showCalculationTypeCondition.dateType[option.dateType.value]) === null || _a === void 0 ? void 0 : _a.map(dateType => CALCULATION_TYPES.find(({ value }) => value === dateType));
-                if (!draftCalculationTypes.find(({ value }) => value === option.calculationType.value)) {
-                    setState(state => (Object.assign(Object.assign({}, state), { option: Object.assign(Object.assign({}, state.option), { calculationType: draftCalculationTypes[0] }) })));
-                }
-                return draftCalculationTypes;
-            }
-        }
-        return CALCULATION_TYPES;
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [calculationTypeKeysShow, showCalculationTypeCondition, option.dateType]);
-    // Hooks
-    const { token } = useToken();
-    // const { t } = useTranslation();
-    const { t } = i18nInstance;
-    // Variables
-    const contentStyle = {
-        backgroundColor: token.colorBgElevated,
-        borderRadius: token.borderRadius,
-        boxShadow: token.boxShadowSecondary,
-    };
-    // Effects
-    useDeepCompareEffect(() => {
-        try {
-            if (isOpen) {
-                setState(state => (Object.assign(Object.assign({}, state), { option: state.optionSelected, date: state.dateDisplay })));
-            }
-        }
-        catch (error) {
-            handleError(error, {
-                path: PATH,
-                name: 'useEffect',
-                args: {},
-            });
-        }
-    }, [isOpen]);
-    useEffect(() => {
-        try {
-            if (option.dateType.value !== 'fixed') {
-                const newDate = calculationDateAdvanced(option.dateType.value, option.calculationType.value, option.calculationDate.value, option.value, format);
-                setState(state => (Object.assign(Object.assign({}, state), { date: newDate })));
-            }
-        }
-        catch (error) {
-            handleError(error, {
-                path: PATH,
-                name: 'useEffectWithDependencies[state.option, format]',
-                args: { option, format },
-            });
-        }
-    }, [option, format]);
-    useEffect(() => {
-        try {
-            if (propsOption) {
-                const { dateType, calculationType, calculationDate, value = 0 } = propsOption || {};
-                const newDateTypes = DATE_TYPES;
-                const newDateType = newDateTypes.find(dType => dType.value === dateType);
-                const newCalculationType = CALCULATION_TYPES.find(calType => calType.value === calculationType);
-                const newCalculationDate = newCalculationDates.find(calDate => calDate.value === calculationDate);
-                let newDate = '';
-                if (newDateType) {
-                    if (newDateType.value === 'fixed') {
-                        newDate = dayjs(propsDate, DEFAULT_DATE_FORMAT, true).isValid()
-                            ? dayjs(propsDate, DEFAULT_DATE_FORMAT).format(format)
-                            : propsDate;
-                        setState(state => (Object.assign(Object.assign({}, state), { date: newDate, dateDisplay: newDate, optionSelected: Object.assign(Object.assign({}, option), { dateType: newDateType }) })));
-                    }
-                    else {
-                        if (newCalculationDate && newCalculationType) {
-                            const date = calculationDateAdvanced(newDateType.value, newCalculationType.value, newCalculationDate.value, value, format);
-                            setState(state => (Object.assign(Object.assign({}, state), { dateDisplay: date, optionSelected: {
-                                    dateType: newDateType,
-                                    calculationDate: newCalculationDate,
-                                    calculationType: newCalculationType,
-                                    value,
-                                } })));
-                            newDate = date;
-                        }
-                    }
-                }
-                if (typeof onUpdatedNewDate === 'function' && propsDate !== newDate) {
-                    onUpdatedNewDate(newDate);
-                }
-            }
-        }
-        catch (error) {
-            handleError(error, {
-                path: PATH,
-                name: 'useEffectPropsOption',
-                args: {},
-            });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [propsOption, propsDate, format]);
-    // Handlers
-    const disableDate = current => current > dayjs(disableAfterDate, format) || current < dayjs(disableBeforeDate, format);
-    const renderLabel = (date, locale = 'en') => {
-        let formatLabel = 'dddd, MMMM D, YYYY';
-        switch (valueType) {
-            case VALUE_TYPES.YEAR:
-                formatLabel = 'YYYY';
-                break;
-            case VALUE_TYPES.YEAR_MONTH:
-                formatLabel = 'MMMM, YYYY';
-                break;
-            default:
-                break;
-        }
-        return (React.createElement(React.Fragment, null,
-            React.createElement("div", null, dayjs(date || new Date(), format)
-                .locale(locale || 'en')
-                .format(formatLabel)),
-            ![VALUE_TYPES.YEAR, VALUE_TYPES.YEAR_MONTH].includes(valueType || '') && showTime && (React.createElement("div", null, dayjs(date || new Date(), format)
-                .locale(locale || 'en')
-                .format(timeFormatDisplay)))));
-    };
-    const toggleOpenDropdown = (isOpen) => {
-        try {
-            setState(() => (Object.assign(Object.assign({}, state), { isOpen: isOpen != null ? isOpen : !state.isOpen })));
-        }
-        catch (error) {
-            handleError(error, {
-                path: PATH,
-                name: 'toggleOpenDropdown',
-                args: {},
-            });
-        }
-    };
-    const onChangeOption = (params) => {
-        try {
-            setState(state => (Object.assign(Object.assign({}, state), { option: Object.assign(Object.assign({}, state.option), params) })));
-        }
-        catch (error) {
-            handleError(error, {
-                path: PATH,
-                name: 'onChangeOption',
-                args: {},
-            });
-        }
-    };
-    const onChangeDatePicker = (value) => {
-        try {
-            setState(state => (Object.assign(Object.assign({}, state), { date: dayjs(value).format(format) })));
-        }
-        catch (error) {
-            handleError(error, {
-                path: PATH,
-                name: 'onChangeDatePicker',
-                args: { value },
-            });
-        }
-    };
-    const onClickApply = () => {
-        try {
-            const draftOption = {
-                dateType: option.dateType.value,
-                calculationDate: option.dateType.value === 'fixed'
-                    ? ''
-                    : option.calculationDate.value,
-                calculationType: option.dateType.value === 'fixed'
-                    ? ''
-                    : option.calculationType.value,
-                value: option.dateType.value === 'fixed' ? 0 : option.value,
-            };
-            setState(state => (Object.assign(Object.assign({}, state), { optionSelected: option, dateDisplay: date, isOpen: false })));
-            if (typeof onApply === 'function') {
-                onApply({
-                    date,
-                    option: draftOption,
-                });
-            }
-        }
-        catch (error) {
-            handleError(error, {
-                path: PATH,
-                name: 'onClickApply',
-                args: {},
-            });
-        }
-    };
-    const onClickNow = () => {
-        try {
-            setState(state => (Object.assign(Object.assign({}, state), { date: dayjs().format(format) })));
-        }
-        catch (error) {
-            handleError(error, {
-                path: PATH,
-                name: 'onClickNow',
-                args: {},
-            });
-        }
-    };
-    const renderDropdownLabel = () => {
-        var _a;
-        const title = (_a = Object.values(ADVANCED_PICKER_TYPE).find(({ value }) => value === type)) === null || _a === void 0 ? void 0 : _a.label;
-        return (React.createElement("div", { style: { textAlign: 'center' } },
-            title && operatorKey === 'between' && (React.createElement(Text, { className: "__title", style: { color: '#666666' } }, t(title))),
-            renderLabel(date, 'en')));
-    };
-    const renderDropdownFooter = () => (React.createElement(React.Fragment, null,
-        React.createElement(Divider, null),
-        React.createElement(DropdownFooter, null,
-            React.createElement(Space, null,
-                React.createElement(Button, { type: "primary", onClick: () => onClickApply() }, "Apply"),
-                React.createElement(Button, { type: "default", onClick: () => toggleOpenDropdown(false) }, "Cancel")),
-            option.dateType.value === 'fixed' && React.createElement(Button, { onClick: () => onClickNow() }, "Now"))));
-    const renderDateTypeOptions = () => (React.createElement(Select, { options: newDateTypes.map(dateType => (Object.assign(Object.assign({}, dateType), { label: t(dateType.label) }))), value: option.dateType.value, onChange: value => {
-            const dateType = newDateTypes.find(dateType => dateType.value === value);
-            toggleOpenDropdown(true);
-            setTimeout(() => {
-                onChangeOption({ dateType });
-            }, 100);
-        } }));
-    const renderErrorMessage = () => {
-        var _a;
-        return errorMessage ? (React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 5 } },
-            React.createElement(Icon, { type: "icon-ants-remove-circle", style: { color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorError } }),
-            React.createElement(Text, { type: "danger" }, errorMessage))) : null;
-    };
-    const dropdownRender = () => (React.createElement("div", { style: contentStyle },
-        React.createElement(DropdownHeader, null, renderDropdownLabel()),
-        React.createElement(DropdownContent, null,
-            renderDateTypeOptions(),
-            React.createElement(Select, { options: newCalculationTypes.map(({ label, value }) => ({
-                    value,
-                    label: t(label),
-                })), value: option.calculationType.value, onChange: value => {
-                    const calculationType = CALCULATION_TYPES.find(calculationType => calculationType.value === value);
-                    onChangeOption({ calculationType });
-                } }),
-            React.createElement(InputNumber, { value: option.value, style: { width: '100%' }, min: 0, showHandler: false, onChange: value => onChangeOption({ value }) }),
-            React.createElement(Select, { options: newCalculationDates.map(calculationDate => (Object.assign(Object.assign({}, calculationDate), { label: t(calculationDate.label) }))), value: option.calculationDate.value, onChange: value => {
-                    const calculationDate = newCalculationDates.find(calculationDate => calculationDate.value === value);
-                    onChangeOption({ calculationDate });
-                } }),
-            renderErrorMessage()),
-        renderDropdownFooter()));
-    return (React.createElement(Space, { direction: "vertical", size: 5 },
-        !!label && typeof label === 'string' ? (React.createElement(Text, { style: { color: '#666666' } }, label)) : (label),
-        option.dateType.value === 'fixed' ? (React.createElement(DatePicker, { disabled: disabled, open: !disabled && isOpen, allowClear: false, inputReadOnly: true, status: errorMessage ? 'error' : '', inputRender: () => (React.createElement(DatePickerCustomInput, { readOnly: true, placeholder: "Select Date", value: dayjs(dateDisplay, format).format(formatDisplay), onClick: () => toggleOpenDropdown() })), value: dayjs(date, format), style: {
-                width: 120,
-            }, disabledDate: disableDate, format: formatDisplay, showToday: false, popupClassName: clsx('antsomi-picker-dropdown__advanced', {
-                '--error': errorMessage,
-            }), renderExtraFooter: () => (React.createElement(React.Fragment, null,
-                React.createElement(DatePickerHeader, null,
-                    renderDropdownLabel(),
-                    renderDateTypeOptions()),
-                React.createElement(DatePickerFooter, null,
-                    React.createElement("div", { style: { padding: '0 10px' } }, renderErrorMessage()),
-                    renderDropdownFooter()),
-                React.createElement(Divider, null))), suffixIcon: React.createElement(CalendarIconWrapper, { style: {
-                    pointerEvents: disabled ? 'none' : 'all',
-                }, onClick: () => toggleOpenDropdown() },
-                React.createElement(EventIcon, { width: 20, height: 20, fill: errorMessage ? (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorError : (_b = THEME.token) === null || _b === void 0 ? void 0 : _b.bw10 })), dateRender: current => (React.createElement("div", { className: "antsomi-picker-cell-inner", style: { pointerEvents: 'all' }, onClick: e => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    onChangeDatePicker(current);
-                } }, current.date())), 
-            // onChange={onChangeDatePicker}
-            onOpenChange: () => toggleOpenDropdown() })) : (React.createElement(Dropdown, { disabled: disabled, open: !disabled && isOpen, dropdownRender: dropdownRender, trigger: ['click'], onOpenChange: () => toggleOpenDropdown() },
-            React.createElement(Input, { disabled: disabled, onClick: () => toggleOpenDropdown(), readOnly: true, suffix: React.createElement(CalendarIconWrapper, { style: {
-                        pointerEvents: disabled ? 'none' : 'all',
-                    }, onClick: () => toggleOpenDropdown() },
-                    React.createElement(EventIcon, { width: 19, height: 19 })), style: inputStyle, value: dayjs(dateDisplay, format).format(formatDisplay), status: errorMessage ? 'error' : '' })))));
-};
-AdvancedPicker.defaultProps = {
-    label: '',
-    type: ADVANCED_PICKER_TYPE.START_DATE.value,
-    operatorKey: 'after',
-    dateTypeKeysShow: [],
-    date: dayjs().format(DEFAULT_DATE_FORMAT),
-    format: DEFAULT_DATE_FORMAT,
-    inputStyle: {
-        width: 120,
-    },
-    formatInputDisplay: 'MMM DD, YYYY',
-    valueType: VALUE_TYPES.YEAR_MONTH_DAY,
-    showTime: true,
-    disabled: false,
-};

package/es/components/molecules/DatePicker/components/AdvancedPicker/constants.d.ts

@@ -1,53 +0,0 @@
-import { TAdvancedType } from './types';
-export declare const DATE_TYPES: {
-    value: string;
-    label: string;
-}[];
-export declare const CALCULATION_TYPES: {
-    value: string;
-    label: string;
-}[];
-export declare const CALCULATION_DATES: {
-    value: string;
-    label: string;
-}[];
-export declare const VALUE_TYPES: {
-    INPUT_TEXT: string;
-    INPUT_NUMBER: string;
-    MATCHES_ANY: string;
-    YEAR: string;
-    YEAR_QUARTER: string;
-    YEAR_MONTH: string;
-    YEAR_WEEK: string;
-    YEAR_MONTH_DAY: string;
-    YEAR_MONTH_DAY_HOUR: string;
-    YEAR_MONTH_DAY_MINUTE: string;
-    YEAR_MONTH_DAY_SECOND: string;
-    QUARTER: string;
-    MONTH: string;
-    WEEK: string;
-    MONTH_DAY: string;
-    DAY_OF_WEEK: string;
-    DAY: string;
-    HOUR: string;
-    MINUTE: string;
-    INPUT_TEXT_NO_FIELD: string;
-};
-export declare const DEFAULT_DATE_FORMAT = "YYYYMMDDHHmmss";
-export declare const DEFAULT_TIME_FORMAT = "HH:mm:ss";
-export declare const DEFAULT_DATE_DISPLAY_FORMAT = "DD/MM/YYYY HH:mm:ss";
-export declare const TIME_PICKER_TYPE: {
-    DATE_TIME: string;
-    DATE_HOUR: string;
-    DATE_HOUR_MINUTE: string;
-    DATE: string;
-};
-export declare const YEAR_PICKER_TYPE: {
-    YEAR: string;
-    MONTH: string;
-    QUARTER: string;
-};
-export declare const ADVANCED_PICKER_TYPE: Record<string, {
-    value: TAdvancedType;
-    label: string;
-}>;

package/es/components/molecules/DatePicker/components/AdvancedPicker/constants.js

@@ -1,74 +0,0 @@
-export const DATE_TYPES = [
-    { value: 'today', label: 'datePicker.dateTypes.today' },
-    { value: 'first_day_of_week_mon_sun', label: 'datePicker.dateTypes.firstDayOfWeekMonSun' },
-    { value: 'first_day_of_week_sun_sat', label: 'datePicker.dateTypes.firstDayOfWeekSunSat' },
-    { value: 'first_day_of_month', label: 'datePicker.dateTypes.firstDayOfMonth' },
-    { value: 'first_day_of_quarter', label: 'datePicker.dateTypes.firstDayOfQuarter' },
-    { value: 'first_day_of_year', label: 'datePicker.dateTypes.firstDayOfYear' },
-    { value: 'last_day_of_week_mon_sun', label: 'datePicker.dateTypes.lastDayOfWeekMonSun' },
-    { value: 'last_day_of_week_sun_sat', label: 'datePicker.dateTypes.lastDayOfWeekSunSat' },
-    { value: 'last_day_of_month', label: 'datePicker.dateTypes.lastDayOfMonth' },
-    { value: 'last_day_of_quarter', label: 'datePicker.dateTypes.lastDayOfQuarter' },
-    { value: 'last_day_of_year', label: 'datePicker.dateTypes.lastDayOfYear' },
-    { value: 'fixed', label: 'datePicker.dateTypes.fixed' },
-];
-export const CALCULATION_TYPES = [
-    { value: 'minus', label: 'global.minus' },
-    { value: 'plus', label: 'global.plus' },
-];
-export const CALCULATION_DATES = [
-    { value: 'seconds', label: 'datePicker.seconds' },
-    { value: 'minutes', label: 'datePicker.minutes' },
-    { value: 'hours', label: 'datePicker.hours' },
-    { value: 'days', label: 'datePicker.days' },
-    { value: 'weeks', label: 'datePicker.weeks' },
-    { value: 'months', label: 'datePicker.months' },
-    { value: 'quarters', label: 'datePicker.quarters' },
-    { value: 'years', label: 'datePicker.years' },
-];
-export const VALUE_TYPES = {
-    INPUT_TEXT: 'INPUT_TEXT',
-    INPUT_NUMBER: 'INPUT_NUMBER',
-    MATCHES_ANY: 'MATCHES_ANY',
-    YEAR: 'YEAR',
-    YEAR_QUARTER: 'YEAR_QUARTER',
-    YEAR_MONTH: 'YEAR_MONTH',
-    YEAR_WEEK: 'YEAR_WEEK',
-    YEAR_MONTH_DAY: 'YEAR_MONTH_DAY',
-    YEAR_MONTH_DAY_HOUR: 'YEAR_MONTH_DAY_HOUR',
-    YEAR_MONTH_DAY_MINUTE: 'YEAR_MONTH_DAY_MINUTE',
-    YEAR_MONTH_DAY_SECOND: 'YEAR_MONTH_DAY_SECOND',
-    QUARTER: 'QUARTER',
-    MONTH: 'MONTH',
-    WEEK: 'WEEK',
-    MONTH_DAY: 'MONTH_DAY',
-    DAY_OF_WEEK: 'DAY_OF_WEEK',
-    DAY: 'DAY',
-    HOUR: 'HOUR',
-    MINUTE: 'MINUTE',
-    INPUT_TEXT_NO_FIELD: 'INPUT_TEXT_NO_FIELD',
-};
-export const DEFAULT_DATE_FORMAT = 'YYYYMMDDHHmmss';
-export const DEFAULT_TIME_FORMAT = 'HH:mm:ss';
-export const DEFAULT_DATE_DISPLAY_FORMAT = 'DD/MM/YYYY HH:mm:ss';
-export const TIME_PICKER_TYPE = {
-    DATE_TIME: 'DateTime',
-    DATE_HOUR: 'DateHour',
-    DATE_HOUR_MINUTE: 'DateHourMinute',
-    DATE: 'Date',
-};
-export const YEAR_PICKER_TYPE = {
-    YEAR: 'year',
-    MONTH: 'month',
-    QUARTER: 'quarter',
-};
-export const ADVANCED_PICKER_TYPE = {
-    START_DATE: {
-        value: 'startDate',
-        label: 'datePicker.startDate',
-    },
-    END_DATE: {
-        value: 'endDate',
-        label: 'datePicker.endDate',
-    },
-};

package/es/components/molecules/DatePicker/components/AdvancedPicker/index.js

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

package/es/components/molecules/DatePicker/components/AdvancedPicker/styled.d.ts

@@ -1,7 +0,0 @@
-export declare const DropdownContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropdownHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropdownFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DatePickerHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DatePickerCustomInput: import("styled-components").StyledComponent<"input", any, {}, never>;
-export declare const DatePickerFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CalendarIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/DatePicker/components/AdvancedPicker/styled.js

@@ -1,49 +0,0 @@
-var _a, _b, _c;
-// Libraries
-import { THEME } from '../../../../../constants';
-import styled from 'styled-components';
-export const DropdownContent = styled.div `
-  width: 230px;
-  padding: 10px 10px 0px 10px;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-`;
-export const DropdownHeader = styled.div `
-  padding: 10px 10px 0px 10px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  text-align: center;
-
-  > .__title {
-    color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw6};
-  }
-`;
-export const DropdownFooter = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 10px 10px 10px;
-`;
-export const DatePickerHeader = styled.div `
-  padding: 10px 10px 0px 10px;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  line-height: 1.6 !important;
-`;
-export const DatePickerCustomInput = styled.input `
-  font-family: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.fontFamily};
-  color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.bw10} !important;
-`;
-export const DatePickerFooter = styled.div `
-  position: absolute;
-  bottom: 0px;
-  width: 100%;
-`;
-export const CalendarIconWrapper = styled.div `
-  display: inline-flex;
-  cursor: pointer;
-  pointer-events: all;
-`;

package/es/components/molecules/DatePicker/components/AdvancedPicker/types.d.ts

@@ -1,14 +0,0 @@
-export type TOption = {
-    dateType: TDateType;
-    calculationType: TCalculationType;
-    calculationDate: TCalculationDate;
-    value: number;
-};
-export type TShowCalculationTypeCondition = {
-    dateType: Partial<Record<TDateType, TCalculationType[]>>;
-};
-export type TDateType = 'today' | 'first_day_of_week_mon_sun' | 'first_day_of_week_sun_sat' | 'first_day_of_month' | 'first_day_of_quarter' | 'first_day_of_year' | 'last_day_of_week_mon_sun' | 'last_day_of_week_sun_sat' | 'last_day_of_month' | 'last_day_of_quarter' | 'last_day_of_year' | 'fixed';
-export type TCalculationType = 'minus' | 'plus' | '';
-export type TCalculationDate = 'seconds' | 'minutes' | 'hours' | 'days' | 'weeks' | 'months' | 'quarters' | 'years' | '';
-export type TOperatorKey = 'after' | 'between' | 'before';
-export type TAdvancedType = 'startDate' | 'endDate';

package/es/components/molecules/DatePicker/components/AdvancedPicker/types.js

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

package/es/components/molecules/DatePicker/components/AdvancedPicker/utils.d.ts

@@ -1,15 +0,0 @@
-/**
- * Calculates a new date based on the given parameters.
- * @param {string} [dateTypeKey='today'] - Key to determine the type of date to be used as the starting point.
- * Valid values are: 'today', 'first_day_of_week_mon_sun', 'first_day_of_week_sun_sat',
- * 'first_day_of_month', 'first_day_of_quarter', 'first_day_of_year', 'last_day_of_week_mon_sun',
- * 'last_day_of_week_sun_sat', 'last_day_of_month', 'last_day_of_quarter', 'last_day_of_year'.
- * @param {string} [calculationTypeKey='minus'] - Key to determine whether to add or subtract the specified value.
- * Valid values are: 'plus', 'minus'.
- * @param {string} [calculationDateKey='days'] - Key to determine the unit of time to be added or subtracted.
- * Valid values are: 'days', 'weeks', 'months', 'quarters', 'years'.
- * @param {number} [value=0] - Value to be added or subtracted.
- * @param {string} [dateFormat=DEFAULT_DATE_FORMAT] - Format in which to return the new date.
- * @returns {string} The new date in the specified format.
- */
-export declare const calculationDateAdvanced: (dateTypeKey?: string, calculationTypeKey?: string, calculationDateKey?: any, value?: number, dateFormat?: string) => any;