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

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

@@ -1,124 +0,0 @@
-var _a, _b, _c, _d, _e;
-// Libraries
-import styled from 'styled-components';
-import { Input } from '@antscorp/antsomi-ui/es/components/atoms';
-import { THEME } from '../../../../../constants';
-export const DropdownContent = styled.div `
-  width: 250px;
-  padding: 10px 10px 0px 10px;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-
-  .custom-picker-content {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    row-gap: 12px;
-    height: 120px;
-    overflow-y: auto;
-
-    &.day-of-month-container {
-      grid-template-columns: repeat(7, 1fr);
-    }
-
-    & > .custom-picker-item {
-      padding: 2px 8px;
-      cursor: pointer;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      &.custom-picker-item-selected {
-        background-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorPrimary};
-        color: #fff;
-        &:hover {
-          background-color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorPrimary};
-        }
-      }
-
-      &:hover {
-        background-color: rgba(34, 34, 34, 0.04);
-      }
-    }
-  }
-
-  .month-controller {
-    display: flex;
-    justify-content: space-around;
-    user-select: none;
-    i {
-      cursor: pointer;
-      &:hover {
-        color: #000;
-      }
-    }
-  }
-`;
-export const DropdownHeader = styled.div `
-  padding: 10px 10px 0px 10px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  text-align: center;
-
-  > .__title {
-    color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.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: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.fontFamily};
-  color: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.bw10} !important;
-  text-overflow: ellipsis;
-`;
-export const InputStyled = styled(Input) `
-  input {
-    text-overflow: ellipsis;
-  }
-`;
-export const DatePickerFooter = styled.div `
-  position: absolute;
-  bottom: 0px;
-  width: 100%;
-`;
-export const CalendarIconWrapper = styled.div `
-  display: inline-flex;
-  cursor: pointer;
-  pointer-events: all;
-`;
-export const TimeLabel = styled.div `
-  position: absolute;
-  right: 0;
-  /* top: 120px; */
-  top: ${props => (props.$isRangePicker ? '140px' : '120px')};
-  height: 39.1px;
-  width: ${props => `${props.$width}px`};
-  /* width: 180px; */
-  display: flex;
-  align-items: stretch;
-  justify-content: space-around;
-
-  span {
-    width: 60px;
-    display: block;
-    text-align: center;
-    font-weight: bold;
-    border-left: 1px solid rgba(5, 5, 5, 0.06);
-
-    &:first-child {
-      border-left-color: transparent;
-    }
-  }
-`;

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

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

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

@@ -1,238 +0,0 @@
-/* eslint-disable max-len */
-// Libraries
-import dayjs from 'dayjs';
-import isoWeek from 'dayjs/plugin/isoWeek';
-import quarterOfYear from 'dayjs/plugin/quarterOfYear';
-/** dayjs plugins for timezone */
-import utc from 'dayjs/plugin/utc';
-import timezone from 'dayjs/plugin/timezone';
-// Constants
-import { DATE_TYPE_MAPPING, DEFAULT_DATE_FORMAT, MONTH_LABEL_SHORT, QUARTER_PLACEHOLDER, WEEK_PLACEHOLDER, } from './constants';
-import { ADVANCED_RANGE_PICKER_FORMAT } from '../AdvancedRangePicker/constants';
-dayjs.extend(isoWeek);
-dayjs.extend(quarterOfYear);
-dayjs.extend(utc);
-dayjs.extend(timezone);
-/**
- * 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 const calculationDateAdvanced = (dateTypeKey = 'today', calculationTypeKey = 'minus', calculationDateKey = 'days', value = 0, dateFormat = DEFAULT_DATE_FORMAT, timezone) => {
-    let date = dayjs().tz(timezone);
-    // let date = dayjs();
-    if (DATE_TYPE_MAPPING[dateTypeKey]) {
-        date = dateTypeKey.includes('first_day')
-            ? date.startOf(DATE_TYPE_MAPPING[dateTypeKey])
-            : dateTypeKey.includes('last_day')
-                ? date.endOf(DATE_TYPE_MAPPING[dateTypeKey])
-                : dayjs();
-    }
-    let newDate = '';
-    newDate =
-        calculationTypeKey === 'plus'
-            ? dayjs(date).add(value, calculationDateKey)
-            : dayjs(date).subtract(value, calculationDateKey);
-    switch (dateTypeKey) {
-        case 'last_day_of_month':
-            if (calculationDateKey === 'months' || calculationDateKey === 'quarters') {
-                newDate = dayjs(newDate).endOf('month');
-            }
-            break;
-        case 'last_day_of_quarter':
-            if (calculationDateKey === 'months' || calculationDateKey === 'quarters') {
-                newDate = dayjs(newDate).endOf('month');
-            }
-            break;
-        default:
-            break;
-    }
-    return newDate.format(dateFormat);
-};
-/**
- * Get text of calendar cell base on valueType (semantic/date format)
- * @link https://ant.design/components/date-picker#components-date-picker-demo-cell-render
- * @param {number | Dayjs} current params of cellRender function
- * @param {CellRenderInfo<Dayjs>} info params of cellRender function
- * @param {ValueTypes} valueType type of value (get from component props)
- * @returns {number | string} label of cell according to valueType
- */
-export const getCellRender = (current, valueType, info) => {
-    if (typeof current === 'number')
-        return current;
-    if (info.type === 'decade')
-        return `${current.year()}-${current.year() + 10}`;
-    if (info.type === 'year')
-        return current.year();
-    if (info.type === 'month')
-        return MONTH_LABEL_SHORT[current.month()];
-    switch (valueType) {
-        case 'DAY':
-            return current.date();
-        case 'QUARTER':
-        case 'YEAR_QUARTER':
-            return `Quarter ${current.quarter()}`;
-        case 'MONTH':
-        case 'YEAR_MONTH':
-            return MONTH_LABEL_SHORT[current.month()];
-        case 'WEEK':
-            return current.isoWeek();
-        default:
-            return current.date();
-    }
-};
-/**
- * @param {ValueTypes} valueType type of value (get from component props)
- * @returns {'date' | 'week' | 'month' | 'quarter' | 'year'} picker ant-design props to render type of calendar
- */
-export const getPickerRender = (valueType) => {
-    switch (valueType) {
-        case 'DAY':
-            return 'date';
-        case 'YEAR':
-            return 'year';
-        case 'QUARTER':
-        case 'YEAR_QUARTER':
-            return 'quarter';
-        case 'MONTH':
-        case 'YEAR_MONTH':
-            return 'month';
-        case 'WEEK':
-        case 'YEAR_WEEK':
-            return 'week';
-        default:
-            return 'date';
-    }
-};
-export const getTimePickerRender = (valueType) => {
-    switch (valueType) {
-        case 'HOUR':
-        case 'YEAR_MONTH_DAY_HOUR':
-            return 'HH';
-        case 'YEAR_MONTH_DAY_MINUTE':
-            return 'HHmm';
-        case 'YEAR_MONTH_DAY_SECOND':
-            return 'HHmmss';
-        case 'MINUTE':
-            return 'mm';
-        default:
-            return undefined;
-    }
-};
-export function getLabelQuarterRange(quarterOrDay, yearOrFormat, locale, showYear = true) {
-    const dayObj = typeof quarterOrDay === 'number'
-        ? null
-        : dayjs(quarterOrDay || new Date(), yearOrFormat).locale(locale || 'en');
-    const currQuarter = dayObj ? dayObj.quarter() : quarterOrDay;
-    const currYear = dayObj
-        ? showYear
-            ? dayObj.year()
-            : null
-        : typeof yearOrFormat === 'number'
-            ? yearOrFormat
-            : null;
-    const startMonthQuarter = [undefined, 'January', 'April', 'July', 'October'];
-    const endMonthQuarter = [undefined, 'March', 'June', 'September', 'December'];
-    const endDayQuarter = [undefined, 31, 30, 30, 31];
-    return currYear
-        ? `${startMonthQuarter[currQuarter]} 01, ${currYear} - ${endMonthQuarter[currQuarter]} ${endDayQuarter[currQuarter]}, ${currYear}`
-        : `${startMonthQuarter[currQuarter]} 01 - ${endMonthQuarter[currQuarter]} ${endDayQuarter[currQuarter]}`;
-}
-export const getFormatDisplay = (operatorKey, type, valueType, formatInputDisplay) => {
-    let formatDisplay = '';
-    let timeFormatDisplay = '';
-    const isStartDate = operatorKey === 'between' ? type === 'startDate' : operatorKey === 'after';
-    switch (valueType) {
-        case 'YEAR':
-            formatDisplay = 'YYYY';
-            break;
-        case 'YEAR_QUARTER':
-            formatDisplay = `${QUARTER_PLACEHOLDER}Q, YYYY`;
-            break;
-        case 'YEAR_MONTH':
-            formatDisplay = 'MMMM, YYYY';
-            break;
-        case 'YEAR_WEEK':
-            formatDisplay = `${WEEK_PLACEHOLDER}w, YYYY`;
-            break;
-        case 'YEAR_MONTH_DAY':
-            formatDisplay = 'MMMM DD, YYYY';
-            break;
-        case 'YEAR_MONTH_DAY_HOUR':
-            formatDisplay = `MMMM DD, YYYY ${isStartDate ? 'HH:00:00' : 'HH:59:59'}`;
-            timeFormatDisplay = isStartDate ? 'HH:00:00' : 'HH:59:59';
-            break;
-        case 'YEAR_MONTH_DAY_MINUTE':
-            formatDisplay = `MMMM DD, YYYY ${isStartDate ? 'HH:mm:00' : 'HH:mm:59'}`;
-            timeFormatDisplay = isStartDate ? 'HH:mm:00' : 'HH:mm:59';
-            break;
-        case 'YEAR_MONTH_DAY_SECOND':
-            formatDisplay = 'MMMM DD, YYYY HH:mm:ss';
-            timeFormatDisplay = 'HH:mm:ss';
-            break;
-        case 'QUARTER':
-            formatDisplay = `${QUARTER_PLACEHOLDER}Q`;
-            break;
-        case 'MONTH':
-            formatDisplay = 'MMMM';
-            break;
-        case 'WEEK':
-            formatDisplay = `${WEEK_PLACEHOLDER}w`;
-            break;
-        case 'MONTH_DAY':
-            formatDisplay = 'MMMM DD';
-            break;
-        case 'DAY_OF_WEEK':
-            formatDisplay = 'dddd';
-            break;
-        case 'DAY':
-            formatDisplay = 'DD';
-            break;
-        case 'HOUR':
-            formatDisplay = 'HH';
-            break;
-        case 'MINUTE':
-            formatDisplay = 'mm';
-            break;
-        default:
-            formatDisplay = `DD/MM/YYYY - ${isStartDate ? '00:00:00' : '23:59:59'}`;
-            timeFormatDisplay = isStartDate ? '00:00:00' : '23:59:59';
-            break;
-    }
-    return { formatDisplay: formatInputDisplay || formatDisplay, timeFormatDisplay };
-};
-/**
- * Returns the formatted display string based on the given type and value type.
- *
- * @param {TAdvancedType} [type] - The type indicating whether it's a start or end date.
- * @param {ValueTypes} [valueType] - The value type specifying the date/time format.
- * @returns {string} The formatted display string.
- *
- * @example
- * // returns ADVANCED_RANGE_PICKER_FORMAT.general
- * getFormatDisplayFromValueType('anyType', 'YEAR_MONTH_DAY_SECOND');
- */
-export const getFormatDisplayFromValueType = (type, valueType) => {
-    switch (valueType) {
-        case 'YEAR_MONTH_DAY_HOUR':
-            return type === 'startDate' ? 'YYYY-MM-DD HH:00:00' : 'YYYY-MM-DD HH:59:59';
-        case 'YEAR_MONTH_DAY_MINUTE':
-            return type === 'startDate' ? 'YYYY-MM-DD HH:mm:00' : 'YYYY-MM-DD HH:mm:59';
-        case 'YEAR_MONTH_DAY_SECOND':
-            return ADVANCED_RANGE_PICKER_FORMAT.general;
-        case 'YEAR_MONTH_DAY':
-        default:
-            return type === 'startDate'
-                ? ADVANCED_RANGE_PICKER_FORMAT.startDate
-                : ADVANCED_RANGE_PICKER_FORMAT.endDate;
-    }
-};

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

@@ -1,95 +0,0 @@
-var _a, _b;
-// Libraries
-import dayjs from 'dayjs';
-import React, { useState } from 'react';
-import omit from 'lodash/omit';
-import isEqual from 'react-fast-compare';
-import { useDeepCompareEffect } from '../../../../../hooks';
-// Atoms
-import { Space } from '../../../../atoms';
-// Molecules
-import { AdvancedPicker } from '../AdvancedPicker';
-// Constants
-import { ADVANCED_RANGE_PICKER_FORMAT } from './constants';
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-// Utils
-import { handleError } from '@antscorp/antsomi-ui/es/utils';
-import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
-// Instance
-import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
-import { getFormatDisplayFromValueType } from '../AdvancedPicker/utils';
-const PATH = '@antscorp/antsomi-ui/es/components/molecules/DatePicker/components/AdvancedRangePicker/AdvancedRangePicker.tsx';
-export const AdvancedRangePicker = props => {
-    const { t } = i18nInstance;
-    // Props
-    const { className, valueType, useFormatMapping, timeRange, errorMessage, showLabel, startDateConfig, endDateConfig, showTime, showCalculationTypeCondition, disabled, timezone, separator, inputStyle, popupStyle, isViewMode, onChange, } = props;
-    const [timeRangeState, setTimeRange] = useState(timeRange);
-    useDeepCompareEffect(() => {
-        if (typeof onChange === 'function') {
-            onChange({
-                timeRange: timeRangeState,
-                mode: 'system',
-            });
-        }
-    }, [timeRangeState]);
-    // Handles
-    const onUpdateTimeRange = (key, params, mode = 'user') => {
-        try {
-            if (typeof onChange === 'function') {
-                const newTimeRange = Object.assign(Object.assign({}, timeRange), { [key]: Object.assign(Object.assign({}, timeRange[key]), params) });
-                if (!isEqual(newTimeRange, timeRange)) {
-                    setTimeRange(prev => (Object.assign(Object.assign({}, prev), { [key]: Object.assign(Object.assign({}, timeRange[key]), params) })));
-                    if (mode === 'user') {
-                        onChange({
-                            timeRange: newTimeRange,
-                            mode,
-                        });
-                    }
-                }
-            }
-        }
-        catch (error) {
-            // Handle Error
-            handleError(error, {
-                path: PATH,
-                name: 'onUpdateTimeRange',
-                args: {},
-            });
-        }
-    };
-    return (React.createElement(Space, { size: 15, align: "end", className: className || '' },
-        React.createElement(AdvancedPicker, { valueType: valueType, disabled: disabled, label: showLabel ? t(translations.datePicker.startDate) || '' : '', date: timeRange.startDate.date, option: omit(timeRange.startDate, 'date'), operatorKey: "between", type: "startDate", format: useFormatMapping
-                ? getFormatDisplayFromValueType('startDate', valueType)
-                : ADVANCED_RANGE_PICKER_FORMAT.startDate, 
-            // format={ADVANCED_RANGE_PICKER_FORMAT.startDate}
-            errorMessage: errorMessage, disableAfterDate: timeRange.endDate.date, showTime: showTime, calculationTypeKeysShow: startDateConfig === null || startDateConfig === void 0 ? void 0 : startDateConfig.calculationTypeKeysShow, showCalculationTypeCondition: showCalculationTypeCondition, timezone: timezone, onUpdatedNewDate: ({ date }) => onUpdateTimeRange('startDate', { date }, 'system'), onApply: ({ date, option }) => onUpdateTimeRange('startDate', Object.assign({ date }, option), 'user'), inputStyle: inputStyle, popupStyle: popupStyle, isViewMode: isViewMode }),
-        separator || null,
-        React.createElement(AdvancedPicker, { valueType: valueType, disabled: disabled, label: showLabel ? t(translations.datePicker.endDate) || '' : '', date: timeRange.endDate.date, option: omit(timeRange.endDate, 'date'), operatorKey: "between", type: "endDate", format: useFormatMapping
-                ? getFormatDisplayFromValueType('endDate', valueType)
-                : ADVANCED_RANGE_PICKER_FORMAT.endDate, 
-            // format={ADVANCED_RANGE_PICKER_FORMAT.endDate}
-            errorMessage: errorMessage, showTime: showTime, calculationTypeKeysShow: endDateConfig === null || endDateConfig === void 0 ? void 0 : endDateConfig.calculationTypeKeysShow, showCalculationTypeCondition: showCalculationTypeCondition, timezone: timezone, onUpdatedNewDate: ({ date }) => onUpdateTimeRange('endDate', { date }, 'system'), onApply: ({ date, option }) => onUpdateTimeRange('endDate', Object.assign({ date }, option), 'user'), inputStyle: inputStyle, popupStyle: popupStyle, isViewMode: isViewMode })));
-};
-AdvancedRangePicker.defaultProps = {
-    timeRange: {
-        startDate: {
-            date: dayjs().format(ADVANCED_RANGE_PICKER_FORMAT.startDate),
-            calculationDate: 'years',
-            value: 1,
-            calculationType: 'minus',
-            dateType: 'today',
-        },
-        endDate: {
-            date: dayjs().format(ADVANCED_RANGE_PICKER_FORMAT.endDate),
-            calculationDate: 'days',
-            value: 1,
-            calculationType: 'minus',
-            dateType: 'today',
-        },
-    },
-    popupStyle: { borderRadius: (_b = (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.borderRadiusLG) !== null && _b !== void 0 ? _b : 10 },
-    errorMessage: '',
-    disabled: false,
-    showLabel: true,
-    showTime: true,
-};

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

@@ -1,5 +0,0 @@
-export const ADVANCED_RANGE_PICKER_FORMAT = {
-    startDate: 'YYYY-MM-DD 00:00:00',
-    endDate: 'YYYY-MM-DD 23:59:59',
-    general: 'YYYY-MM-DD HH:mm:ss',
-};

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

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

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

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

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

@@ -1,87 +0,0 @@
-// Libraries
-import dayjs from 'dayjs';
-import React from 'react';
-// Components
-import { Typography } from '@antscorp/antsomi-ui/es/components/atoms';
-// Constants
-import { ADVANCED_PICKER_TYPE, DEFAULT_DATE_FORMAT, HIDE_TIME_LABEL_ARR, QUARTER_PLACEHOLDER, WEEK_PLACEHOLDER, } from '../AdvancedPicker/constants';
-// Instance
-import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
-import { getFormatDisplay, getLabelQuarterRange } from '../AdvancedPicker/utils';
-export const DropdownLabel = React.memo(({ valueType, date, format, type, showTime, operatorKey, formatInputDisplay }) => {
-    var _a;
-    const { t } = i18nInstance;
-    const title = (_a = Object.values(ADVANCED_PICKER_TYPE).find(({ value }) => value === type)) === null || _a === void 0 ? void 0 : _a.label;
-    const { timeFormatDisplay } = getFormatDisplay(operatorKey, type, valueType, formatInputDisplay);
-    let formatLabel = 'dddd, MMMM DD, YYYY';
-    let subLabel = '';
-    switch (valueType) {
-        case 'YEAR':
-            formatLabel = 'YYYY';
-            break;
-        case 'YEAR_QUARTER':
-            formatLabel = `${QUARTER_PLACEHOLDER}Q, YYYY`;
-            subLabel = getLabelQuarterRange(date, format || DEFAULT_DATE_FORMAT, 'en');
-            // subLabel = getLabelQuarterRange(date!, format || DEFAULT_DATE_FORMAT, locale);
-            break;
-        case 'YEAR_MONTH':
-            formatLabel = 'MMMM, YYYY';
-            break;
-        case 'YEAR_WEEK': {
-            const dayObj = dayjs(date || new Date(), format).locale('en');
-            // const dayObj = dayjs(date || new Date(), format).locale(locale || 'en');
-            formatLabel = `${WEEK_PLACEHOLDER}w, YYYY`;
-            subLabel = `${dayjs(dayObj).day(0).format('MMMM DD, YYYY')} - ${dayjs(dayObj)
-                .day(6)
-                .format('MMMM DD, YYYY')}`;
-            // subLabel = `${dayjs(dayObj)
-            //   .day(['today', 'first_day_of_week_mon_sun'].includes(dateType || '') ? 1 : 0)
-            //   .format('MMMM DD, YYYY')} - ${dayjs(dayObj)
-            //   .day(['today', 'first_day_of_week_mon_sun'].includes(dateType || '') ? 7 : 6)
-            //   .format('MMMM DD, YYYY')}`;
-            break;
-        }
-        case 'YEAR_MONTH_DAY_HOUR':
-            formatLabel = 'dddd, MMMM DD, YYYY';
-            break;
-        case 'QUARTER':
-            formatLabel = `${QUARTER_PLACEHOLDER}Q`;
-            break;
-        case 'MONTH':
-            formatLabel = 'MMMM';
-            break;
-        case 'WEEK':
-            formatLabel = `${WEEK_PLACEHOLDER}w`;
-            break;
-        case 'MONTH_DAY':
-            formatLabel = 'MMMM DD';
-            break;
-        case 'DAY_OF_WEEK':
-            formatLabel = 'dddd';
-            break;
-        case 'DAY':
-            formatLabel = 'DD';
-            break;
-        case 'HOUR':
-            formatLabel = 'HH:00:00';
-            break;
-        case 'MINUTE':
-            formatLabel = '00:mm:00';
-            break;
-        default:
-            break;
-    }
-    return (React.createElement("div", { style: { textAlign: 'center' } },
-        title && operatorKey === 'between' && (React.createElement(Typography.Text, { className: "__title", style: { color: '#666666' } }, t(title))),
-        React.createElement("div", { style: { fontWeight: 'bold' } }, dayjs(date || new Date(), format)
-            .locale('en')
-            // .locale(locale || 'en')
-            .format(formatLabel)
-            .replace(QUARTER_PLACEHOLDER, 'Quarter ')
-            .replace(WEEK_PLACEHOLDER, 'Week ')),
-        subLabel ? React.createElement("div", null, subLabel) : null,
-        !HIDE_TIME_LABEL_ARR.includes(valueType || '') && showTime && !subLabel ? (React.createElement("div", { style: { fontWeight: 'bold' } }, dayjs(date || new Date(), format)
-            .locale('en')
-            // .locale(locale || 'en')
-            .format(timeFormatDisplay))) : null));
-});

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import Icon from '@antscorp/icons';
-import { Typography } from '@antscorp/antsomi-ui/es/components/atoms';
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const ErrorMessage = React.memo(({ errorMessage }) => {
-    var _a;
-    if (!errorMessage)
-        return null;
-    return (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(Typography.Text, { type: "danger" }, errorMessage)));
-});

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

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

package/es/components/molecules/DatePickerV2/index.js

@@ -1,51 +0,0 @@
-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;
-};
-/* eslint-disable react/destructuring-assignment */
-// Libraries
-import React, { useEffect, useMemo, useState } from 'react';
-import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
-import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
-// Atoms
-import { Space, Text } from '@antscorp/antsomi-ui/es/components/atoms';
-// Components
-import { DatePicker as AntDatePicker } from 'antd';
-// Styled
-import { DatePickerWrapper } from './styled';
-export const DatePickerV2 = props => {
-    const { required, focused, onChange } = props, restOf = __rest(props, ["required", "focused", "onChange"]);
-    // I18n
-    const { t } = i18nInstance;
-    const [isFocused, setFocused] = useState(false);
-    const requiredMsg = useMemo(() => {
-        let msg = '';
-        const isEmptyValue = props.value == null;
-        if (required && isEmptyValue && isFocused) {
-            msg = t(translations.messageError.fieldIsRequired.message);
-        }
-        return msg;
-    }, [props.value, required, isFocused, t]);
-    useEffect(() => {
-        if (focused) {
-            setFocused(focused);
-        }
-    }, [focused]);
-    return (React.createElement(DatePickerWrapper, null,
-        React.createElement(Space, { direction: "vertical", size: 5 },
-            React.createElement(AntDatePicker, Object.assign({}, restOf, { onBlur: e => {
-                    if (!isFocused) {
-                        setFocused(true);
-                    }
-                    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-                    props.onBlur && props.onBlur(e);
-                }, onChange: date => onChange('date-picker', date) })),
-            requiredMsg ? (React.createElement(Text, { color: "#ff4d4f", style: { marginLeft: 8 } }, requiredMsg)) : null)));
-};

package/es/components/molecules/DatePickerV2/styled.js

@@ -1,12 +0,0 @@
-var _a;
-// Libraries
-import styled from 'styled-components';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const DatePickerWrapper = styled.div `
-  input {
-    &::placeholder {
-      font-size: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.fontSize}px;
-    }
-  }
-`;

package/es/components/molecules/Drawer/Drawer.js

@@ -1,4 +0,0 @@
-// Libraries
-import React from 'react';
-import { Drawer as AntdDrawer } from 'antd';
-export const Drawer = props => React.createElement(AntdDrawer, Object.assign({}, props));

package/es/components/molecules/Drawer/index.js

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