awing-library 2.1.2-dev.98 → 2.1.2-preview.1

package/dist/AWING/DateRangePicker/DateRangeField.js

@@ -0,0 +1,379 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { IconButton, TextField } from "@mui/material";
+import moment from "moment";
+import CalendarToday from "@mui/icons-material/CalendarToday";
+import { formatDateRange } from "./component/utils.js";
+import { makeStyles } from "@mui/styles";
+const useStyles = makeStyles(()=>({
+        outlinedInput: {
+            '& .MuiOutlinedInput-input': {
+                padding: '10.5px !important'
+            },
+            '& .MuiFormControl-marginNormal': {
+                margin: '0.5rem'
+            },
+            '& .MuiOutlinedInput-adornedEnd': {
+                paddingRight: '0.25rem'
+            },
+            '& .MuiAutocomplete-inputRoot': {
+                padding: '0.5rem'
+            },
+            '& .MuiAutocomplete-endAdornment': {
+                top: 'calc(50% - 19px)'
+            },
+            '& .MuiInputBase-input': {
+                height: '1.25rem'
+            }
+        }
+    }));
+const DateRangeField_DateRangeField = ({ label = 'Khoảng thời gian', dateFormat = 'DD/MM/YYYY - DD/MM/YYYY', minDate, maxDate, onChange, onClickDateRange, onError, value, valueDateRangePicker, textFieldProps, ...props })=>{
+    const classes = useStyles();
+    const [valueDateRangeField, setValueDateRangeField] = useState(value ? formatDateRange(value) : dateFormat);
+    const [error, setError] = useState(false);
+    const [helperText, setHelperText] = useState('');
+    const oldValueRef = useRef({
+        startDay: 'DD',
+        startMonth: 'MM',
+        startYear: 'YYYY',
+        endDay: 'DD',
+        endMonth: 'MM',
+        endYear: 'YYYY'
+    });
+    const inputRef = useRef(null);
+    useEffect(()=>{
+        if (!value) return void setValueDateRangeField(dateFormat);
+        setValueDateRangeField((currentValue)=>{
+            const nextValue = formatDateRange(value);
+            return currentValue === nextValue ? currentValue : nextValue;
+        });
+    }, [
+        value?.startDate?.getTime(),
+        value?.endDate?.getTime(),
+        dateFormat
+    ]);
+    const getPosition = ()=>{
+        const parts = dateFormat.split(' - ');
+        const startParts = parts[0].split('/');
+        const endParts = parts[1].split('/');
+        return {
+            startDayPos: 3 * startParts.indexOf('DD'),
+            startMonthPos: 3 * startParts.indexOf('MM'),
+            startYearPos: 3 * startParts.indexOf('YYYY'),
+            endDayPos: 13 + 3 * endParts.indexOf('DD'),
+            endMonthPos: 13 + 3 * endParts.indexOf('MM'),
+            endYearPos: 13 + 3 * endParts.indexOf('YYYY')
+        };
+    };
+    const { startDayPos, startMonthPos, startYearPos, endDayPos, endMonthPos, endYearPos } = getPosition();
+    const handleClick = (event)=>{
+        const input = inputRef.current;
+        if (!input) return;
+        const cursorPosition = event.target.selectionStart ?? 0;
+        if (cursorPosition >= startDayPos && cursorPosition <= startDayPos + 2) input.setSelectionRange(startDayPos, startDayPos + 2);
+        else if (cursorPosition >= startMonthPos && cursorPosition <= startMonthPos + 2) input.setSelectionRange(startMonthPos, startMonthPos + 2);
+        else if (cursorPosition >= startYearPos && cursorPosition <= startYearPos + 4) input.setSelectionRange(startYearPos, startYearPos + 4);
+        else if (cursorPosition >= endDayPos && cursorPosition <= endDayPos + 2) input.setSelectionRange(endDayPos, endDayPos + 2);
+        else if (cursorPosition >= endMonthPos && cursorPosition <= endMonthPos + 2) input.setSelectionRange(endMonthPos, endMonthPos + 2);
+        else if (cursorPosition >= endYearPos) input.setSelectionRange(endYearPos, endYearPos + 4);
+    };
+    const handleKeyDown = (event)=>{
+        const input = inputRef.current;
+        if (!input) return;
+        const cursorPosition = input.selectionStart ?? 0;
+        if ('ArrowLeft' === event.key) {
+            if (cursorPosition >= startDayPos && cursorPosition <= startDayPos + 2) input.setSelectionRange(startYearPos, startYearPos + 4);
+            else if (cursorPosition >= startMonthPos && cursorPosition <= startMonthPos + 2) input.setSelectionRange(startDayPos, startDayPos + 2);
+            else if (cursorPosition >= startYearPos && cursorPosition <= startYearPos + 4) input.setSelectionRange(startMonthPos, startMonthPos + 2);
+            else if (cursorPosition >= endDayPos && cursorPosition <= endDayPos + 2) input.setSelectionRange(endYearPos, endYearPos + 4);
+            else if (cursorPosition >= endMonthPos && cursorPosition <= endMonthPos + 2) input.setSelectionRange(endDayPos, endDayPos + 2);
+            else if (cursorPosition >= endYearPos) input.setSelectionRange(endMonthPos, endMonthPos + 2);
+            event.preventDefault();
+        } else if ('ArrowRight' === event.key) {
+            if (cursorPosition >= startDayPos && cursorPosition <= startDayPos + 2) input.setSelectionRange(startMonthPos, startMonthPos + 2);
+            else if (cursorPosition >= startMonthPos && cursorPosition <= startMonthPos + 2) input.setSelectionRange(startYearPos, startYearPos + 4);
+            else if (cursorPosition >= startYearPos && cursorPosition <= startYearPos + 4) input.setSelectionRange(endDayPos, endDayPos + 2);
+            else if (cursorPosition >= endDayPos && cursorPosition <= endDayPos + 2) input.setSelectionRange(endMonthPos, endMonthPos + 2);
+            else if (cursorPosition >= endMonthPos && cursorPosition <= endMonthPos + 2) input.setSelectionRange(endYearPos, endYearPos + 4);
+            event.preventDefault();
+        }
+    };
+    const handleChange = (event)=>{
+        const input = inputRef.current;
+        if (!input) return;
+        const inputValue = event.target.value;
+        const cursorPosition = event.target.selectionStart ?? 0;
+        const [startPart, endPart] = valueDateRangeField.split(' - ');
+        const startParts = startPart.split('/');
+        const endParts = endPart.split('/');
+        let startDay = startParts[dateFormat.split(' - ')[0].split('/').indexOf('DD')];
+        let startMonth = startParts[dateFormat.split(' - ')[0].split('/').indexOf('MM')];
+        let startYear = startParts[dateFormat.split(' - ')[0].split('/').indexOf('YYYY')];
+        let endDay = endParts[dateFormat.split(' - ')[1].split('/').indexOf('DD')];
+        let endMonth = endParts[dateFormat.split(' - ')[1].split('/').indexOf('MM')];
+        let endYear = endParts[dateFormat.split(' - ')[1].split('/').indexOf('YYYY')];
+        if (cursorPosition >= startDayPos && cursorPosition <= startDayPos + 2) {
+            const cleanInput = inputValue.slice(startDayPos, startDayPos + 2).replace(/[^0-9]/g, '');
+            if ('' === cleanInput) {
+                startDay = 'DD';
+                oldValueRef.current.startDay = 'DD';
+            } else {
+                const dayNum = parseInt(cleanInput);
+                const oldDayNum = parseInt(oldValueRef.current.startDay.replace(/[^0-9]/g, '')) || 0;
+                const combinedDay = parseInt(oldDayNum ? `${oldDayNum}${cleanInput}` : cleanInput);
+                if (dayNum >= 4 && dayNum <= 9 && 0 === oldDayNum) {
+                    startDay = `0${dayNum}`;
+                    oldValueRef.current.startDay = startDay;
+                    setTimeout(()=>{
+                        input.setSelectionRange(startMonthPos, startMonthPos + 2);
+                        oldValueRef.current.startDay = 'DD';
+                    }, 0);
+                } else if (combinedDay >= 1 && combinedDay <= 31) {
+                    startDay = combinedDay.toString().padStart(2, '0');
+                    oldValueRef.current.startDay = startDay;
+                    Number(startDay) > 9 ? setTimeout(()=>{
+                        input.setSelectionRange(startMonthPos, startMonthPos + 2);
+                        oldValueRef.current.startDay = 'DD';
+                    }, 0) : setTimeout(()=>{
+                        input.setSelectionRange(startDayPos, startDayPos + 2);
+                    }, 0);
+                } else {
+                    startDay = `0${cleanInput}`;
+                    oldValueRef.current.startDay = startDay;
+                    setTimeout(()=>{
+                        input.setSelectionRange(startMonthPos, startMonthPos + 2);
+                        oldValueRef.current.startDay = 'DD';
+                    }, 0);
+                }
+            }
+        } else if (cursorPosition >= startMonthPos && cursorPosition <= startMonthPos + 2) {
+            const cleanInput = inputValue.slice(startMonthPos, startMonthPos + 2).replace(/[^0-9]/g, '');
+            if ('' === cleanInput) {
+                startMonth = 'MM';
+                oldValueRef.current.startMonth = 'MM';
+            } else {
+                const monthNum = parseInt(cleanInput);
+                const oldMonthNum = parseInt(oldValueRef.current.startMonth.replace(/[^0-9]/g, '')) || 0;
+                if (monthNum >= 2 && monthNum <= 9 && 0 === oldMonthNum) {
+                    startMonth = `0${monthNum}`;
+                    oldValueRef.current.startMonth = startMonth;
+                    setTimeout(()=>{
+                        input.setSelectionRange(startYearPos, startYearPos + 4);
+                        oldValueRef.current.startMonth = 'MM';
+                    }, 0);
+                } else if (1 === cleanInput.length && 1 === monthNum && 0 === oldMonthNum) {
+                    startMonth = '01';
+                    oldValueRef.current.startMonth = cleanInput;
+                    setTimeout(()=>{
+                        input.setSelectionRange(startMonthPos, startMonthPos + 2);
+                    }, 0);
+                } else if (1 === cleanInput.length && 1 === oldMonthNum) {
+                    const newMonthNum = parseInt(`${oldMonthNum}${cleanInput}`);
+                    if (newMonthNum >= 10 && newMonthNum <= 12) {
+                        startMonth = `${newMonthNum}`;
+                        oldValueRef.current.startMonth = startMonth;
+                        setTimeout(()=>{
+                            input.setSelectionRange(startYearPos, startYearPos + 4);
+                            oldValueRef.current.startMonth = 'MM';
+                        }, 0);
+                    } else {
+                        startMonth = 'MM';
+                        oldValueRef.current.startMonth = 'MM';
+                    }
+                } else {
+                    startMonth = 'MM';
+                    oldValueRef.current.startMonth = 'MM';
+                }
+            }
+        } else if (cursorPosition >= startYearPos && cursorPosition <= startYearPos + 4) {
+            const cleanInput = inputValue.slice(startYearPos, startYearPos + 4).replace(/[^0-9]/g, '');
+            if ('' === cleanInput) {
+                startYear = 'YYYY';
+                oldValueRef.current.startYear = 'YYYY';
+            } else {
+                const oldYearNum = parseInt(oldValueRef.current.startYear.replace(/[^0-9]/g, '')) || 0;
+                const combinedYear = parseInt(oldYearNum ? `${oldYearNum}${cleanInput}` : cleanInput);
+                if (combinedYear >= 1 && combinedYear <= 9999) {
+                    startYear = combinedYear.toString().padStart(4, '0');
+                    oldValueRef.current.startYear = startYear;
+                    4 === startYear.length && combinedYear > 1000 ? setTimeout(()=>{
+                        input.setSelectionRange(endDayPos, endDayPos + 2);
+                        oldValueRef.current.startYear = 'YYYY';
+                    }, 0) : setTimeout(()=>{
+                        input.setSelectionRange(startYearPos, startYearPos + 4);
+                    }, 0);
+                } else {
+                    startYear = `0${cleanInput}`.padStart(4, '0');
+                    oldValueRef.current.startYear = startYear;
+                    setTimeout(()=>{
+                        input.setSelectionRange(endDayPos, endDayPos + 2);
+                        oldValueRef.current.startYear = 'YYYY';
+                    }, 0);
+                }
+            }
+        } else if (cursorPosition >= endDayPos && cursorPosition <= endDayPos + 2) {
+            const cleanInput = inputValue.slice(endDayPos, endDayPos + 2).replace(/[^0-9]/g, '');
+            if ('' === cleanInput) {
+                endDay = 'DD';
+                oldValueRef.current.endDay = 'DD';
+            } else {
+                const oldDayNum = parseInt(oldValueRef.current.endDay.replace(/[^0-9]/g, '')) || 0;
+                const combinedDay = parseInt(oldDayNum ? `${oldDayNum}${cleanInput}` : cleanInput);
+                if (combinedDay >= 1 && combinedDay <= 31) {
+                    endDay = combinedDay.toString().padStart(2, '0');
+                    oldValueRef.current.endDay = endDay;
+                    Number(endDay) > 9 ? setTimeout(()=>{
+                        input.setSelectionRange(endMonthPos, endMonthPos + 2);
+                        oldValueRef.current.endDay = 'DD';
+                    }, 0) : setTimeout(()=>{
+                        input.setSelectionRange(endDayPos, endDayPos + 2);
+                    }, 0);
+                } else {
+                    endDay = `0${cleanInput}`;
+                    oldValueRef.current.endDay = endDay;
+                    setTimeout(()=>{
+                        input.setSelectionRange(endMonthPos, endMonthPos + 2);
+                        oldValueRef.current.endDay = 'DD';
+                    }, 0);
+                }
+            }
+        } else if (cursorPosition >= endMonthPos && cursorPosition <= endMonthPos + 2) {
+            const cleanInput = inputValue.slice(endMonthPos, endMonthPos + 2).replace(/[^0-9]/g, '');
+            if ('' === cleanInput) {
+                endMonth = 'MM';
+                oldValueRef.current.endMonth = 'MM';
+            } else {
+                const monthNum = parseInt(cleanInput);
+                const oldMonthNum = parseInt(oldValueRef.current.endMonth.replace(/[^0-9]/g, '')) || 0;
+                if (monthNum >= 2 && monthNum <= 9 && 0 === oldMonthNum) {
+                    endMonth = `0${monthNum}`;
+                    oldValueRef.current.endMonth = endMonth;
+                    setTimeout(()=>{
+                        input.setSelectionRange(endYearPos, endYearPos + 4);
+                        oldValueRef.current.endMonth = 'MM';
+                    }, 0);
+                } else if (1 === cleanInput.length && 1 === monthNum && 0 === oldMonthNum) {
+                    endMonth = '01';
+                    oldValueRef.current.endMonth = cleanInput;
+                    setTimeout(()=>{
+                        input.setSelectionRange(endMonthPos, endMonthPos + 2);
+                    }, 0);
+                } else if (1 === cleanInput.length && 1 === oldMonthNum) {
+                    const newMonthNum = parseInt(`${oldMonthNum}${cleanInput}`);
+                    if (newMonthNum >= 10 && newMonthNum <= 12) {
+                        endMonth = `${newMonthNum}`;
+                        oldValueRef.current.endMonth = endMonth;
+                        setTimeout(()=>{
+                            input.setSelectionRange(endYearPos, endYearPos + 4);
+                            oldValueRef.current.endMonth = 'MM';
+                        }, 0);
+                    } else {
+                        endMonth = 'MM';
+                        oldValueRef.current.endMonth = 'MM';
+                    }
+                } else {
+                    endMonth = 'MM';
+                    oldValueRef.current.endMonth = 'MM';
+                }
+            }
+        } else if (cursorPosition >= endYearPos) {
+            const cleanInput = inputValue.slice(endYearPos, endYearPos + 4).replace(/[^0-9]/g, '');
+            if ('' === cleanInput) {
+                endYear = 'YYYY';
+                oldValueRef.current.endYear = 'YYYY';
+            } else {
+                const oldYearNum = parseInt(oldValueRef.current.endYear.replace(/[^0-9]/g, '')) || 0;
+                const combinedYear = parseInt(oldYearNum ? `${oldYearNum}${cleanInput}` : cleanInput);
+                if (combinedYear >= 1 && combinedYear <= 9999) {
+                    endYear = combinedYear.toString().padStart(4, '0');
+                    oldValueRef.current.endYear = endYear;
+                    if (4 === endYear.length) setTimeout(()=>{
+                        input.setSelectionRange(endYearPos, endYearPos + 4);
+                    }, 0);
+                } else {
+                    endYear = `0${cleanInput}`.padStart(4, '0');
+                    oldValueRef.current.endYear = endYear;
+                    setTimeout(()=>{
+                        input.setSelectionRange(endYearPos, endYearPos + 4);
+                    }, 0);
+                }
+            }
+        }
+        const newStartParts = Array(3);
+        newStartParts[dateFormat.split(' - ')[0].split('/').indexOf('DD')] = startDay;
+        newStartParts[dateFormat.split(' - ')[0].split('/').indexOf('MM')] = startMonth;
+        newStartParts[dateFormat.split(' - ')[0].split('/').indexOf('YYYY')] = startYear;
+        const newEndParts = Array(3);
+        newEndParts[dateFormat.split(' - ')[1].split('/').indexOf('DD')] = endDay;
+        newEndParts[dateFormat.split(' - ')[1].split('/').indexOf('MM')] = endMonth;
+        newEndParts[dateFormat.split(' - ')[1].split('/').indexOf('YYYY')] = endYear;
+        const newValue = `${newStartParts.join('/')} - ${newEndParts.join('/')}`;
+        setValueDateRangeField(newValue);
+        const [startStr, endStr] = newValue.split(' - ');
+        const startMoment = moment(startStr, 'DD/MM/YYYY', true);
+        const endMoment = moment(endStr, 'DD/MM/YYYY', true);
+        const isStartValid = startMoment.isValid();
+        const isEndValid = endMoment.isValid();
+        const isBeforeMinDate = !!minDate && (isStartValid && startMoment.isBefore(moment(minDate), 'day') || isEndValid && endMoment.isBefore(moment(minDate), 'day'));
+        const isAfterMaxDate = !!maxDate && (isStartValid && startMoment.isAfter(moment(maxDate), 'day') || isEndValid && endMoment.isAfter(moment(maxDate), 'day'));
+        if (isStartValid && isEndValid || 'DD/MM/YYYY - DD/MM/YYYY' === newValue) if (isBeforeMinDate || isAfterMaxDate) {
+            setError(true);
+            setHelperText('Ngày nằm ngoài khoảng cho phép');
+            onError?.(true);
+        } else if (isStartValid && isEndValid && startMoment.isAfter(endMoment)) {
+            setError(true);
+            setHelperText('Ngày kết thúc phải sau ngày khởi đầu');
+            onError?.(true);
+        } else {
+            setError(false);
+            setHelperText('');
+            onError?.(false);
+            if (onChange && isStartValid && isEndValid) onChange(startMoment, endMoment);
+        }
+        else {
+            setError(true);
+            setHelperText('Ngày không hợp lệ');
+            onError?.(true);
+        }
+    };
+    useEffect(()=>{
+        if (valueDateRangePicker) setValueDateRangeField(formatDateRange(valueDateRangePicker));
+    }, [
+        valueDateRangePicker?.startDate,
+        valueDateRangePicker?.endDate
+    ]);
+    return /*#__PURE__*/ jsx(TextField, {
+        inputRef: inputRef,
+        label: label,
+        value: valueDateRangeField,
+        onClick: handleClick,
+        onChange: handleChange,
+        onKeyDown: handleKeyDown,
+        error: error,
+        helperText: helperText,
+        fullWidth: textFieldProps?.fullWidth ?? true,
+        size: textFieldProps?.size,
+        classes: textFieldProps?.classes ?? {
+            root: classes.outlinedInput
+        },
+        className: textFieldProps?.className ?? '',
+        sx: textFieldProps?.sx,
+        slotProps: {
+            input: {
+                endAdornment: /*#__PURE__*/ jsx(IconButton, {
+                    size: textFieldProps?.size,
+                    onClick: (e)=>{
+                        e.stopPropagation();
+                        if (inputRef.current && onClickDateRange) onClickDateRange(inputRef);
+                    },
+                    edge: "end",
+                    children: /*#__PURE__*/ jsx(CalendarToday, {})
+                })
+            }
+        },
+        disabled: textFieldProps?.disabled,
+        ...props
+    });
+};
+const DateRangeField = DateRangeField_DateRangeField;
+export { DateRangeField as default };

package/dist/AWING/DateRangePicker/PickerModal.d.ts

@@ -0,0 +1,3 @@
+import type { PickerModalProps } from './types';
+export declare const PickerModal: ({ modalProps, customProps, initialDateRange, minDate, maxDate, ...dateRangePickerProps }: PickerModalProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PickerModal.d.ts.map

package/dist/AWING/DateRangePicker/PickerModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerModal.d.ts","sourceRoot":"","sources":["../../../src/AWING/DateRangePicker/PickerModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW,6FAA8F,gBAAgB,4CAerI,CAAC"}

package/dist/AWING/DateRangePicker/PickerModal.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@mui/material";
+import DateRangePicker from "./component/DateRangePicker.js";
+const PickerModal = ({ modalProps, customProps, initialDateRange, minDate, maxDate, ...dateRangePickerProps })=>/*#__PURE__*/ jsx(Popover, {
+        ...modalProps,
+        children: /*#__PURE__*/ jsx(DateRangePicker, {
+            open: modalProps.open,
+            initialDateRange: initialDateRange,
+            customProps: customProps,
+            onChange: dateRangePickerProps.onChange ?? (()=>{}),
+            minDate: minDate,
+            maxDate: maxDate,
+            hideDefaultRanges: dateRangePickerProps.hideDefaultRanges,
+            hideOutsideMonthDays: dateRangePickerProps.hideOutsideMonthDays
+        })
+    });
+export { PickerModal };

package/dist/AWING/DateRangePicker/component/DateRangePicker.d.ts

@@ -0,0 +1,18 @@
+import moment from 'moment';
+import { DateRange, DefinedRange } from '../types';
+import { ModalCustomProps } from '../types/utils';
+interface DateRangePickerProps {
+    open: boolean;
+    initialDateRange?: DateRange;
+    definedRanges?: DefinedRange[];
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    onChange: (dateRange: DateRange) => void;
+    locale?: string | moment.LocaleSpecifier;
+    customProps?: ModalCustomProps;
+    hideOutsideMonthDays?: boolean;
+    hideDefaultRanges?: boolean;
+}
+declare const DateRangePickerComponent: React.FunctionComponent<DateRangePickerProps>;
+export default DateRangePickerComponent;
+//# sourceMappingURL=DateRangePicker.d.ts.map

package/dist/AWING/DateRangePicker/component/DateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DateRangePicker/component/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,QAAQ,CAAC;AAI5B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAoB,MAAM,UAAU,CAAC;AAKrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,UAAU,oBAAoB;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;IACzC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CA6I3E,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/AWING/DateRangePicker/component/DateRangePicker.js

@@ -0,0 +1,115 @@
+import { jsx } from "react/jsx-runtime";
+import moment from "moment";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import translate_i18n from "../../../translate/i18n.js";
+import { getDefaultRanges } from "./defaults.js";
+import { MARKERS } from "./Markers.js";
+import Menu from "./Menu.js";
+import { getValidatedMonths, parseOptionalDate } from "./utils.js";
+const DateRangePickerComponent = (props)=>{
+    const today = new Date();
+    const { t, i18n } = useTranslation(void 0, {
+        i18n: translate_i18n
+    });
+    const { open, onChange, initialDateRange, minDate, maxDate, hideDefaultRanges = true, locale, customProps } = props;
+    const resolvedLocale = locale ?? i18n.language?.split('-')?.[0] ?? 'en';
+    const definedRanges = props.definedRanges ?? getDefaultRanges(new Date(), resolvedLocale, t);
+    const minDateValid = parseOptionalDate(minDate, moment(today).subtract(10, 'years').toDate());
+    const maxDateValid = parseOptionalDate(maxDate, moment(today).add(10, 'years').toDate());
+    const [intialFirstMonth, initialSecondMonth] = getValidatedMonths(initialDateRange || {});
+    const [dateRange, setDateRange] = useState({
+        ...initialDateRange
+    });
+    const [hoverDay, setHoverDay] = useState();
+    const [firstMonth, setFirstMonth] = useState(intialFirstMonth || today);
+    const [secondMonth, setSecondMonth] = useState(initialSecondMonth || moment(firstMonth).add(1, 'months').toDate());
+    const { startDate, endDate } = dateRange;
+    const setFirstMonthValidated = (date)=>{
+        if (moment(date).isBefore(secondMonth)) setFirstMonth(date);
+    };
+    const setSecondMonthValidated = (date)=>{
+        if (moment(date).isAfter(firstMonth)) setSecondMonth(date);
+    };
+    const setDateRangeValidated = (range)=>{
+        let { startDate: newStart, endDate: newEnd } = range;
+        if (newStart && newEnd) {
+            range.startDate = newStart = moment.max(moment(newStart), moment(minDateValid)).toDate();
+            range.endDate = newEnd = moment.min(moment(newEnd), moment(maxDateValid)).toDate();
+            const adjustedRange = {
+                startDate: moment(newStart).startOf('day').toDate(),
+                endDate: moment(newEnd).endOf('day').toDate()
+            };
+            setDateRange(range);
+            onChange(adjustedRange);
+            setFirstMonth(newStart);
+            setSecondMonth(moment(newStart).isSame(newEnd, 'month') ? moment(newStart).add(1, 'months').toDate() : newEnd);
+        } else {
+            const emptyRange = {};
+            setDateRange(emptyRange);
+            onChange(emptyRange);
+            setFirstMonth(today);
+            setSecondMonth(moment(firstMonth).add(1, 'months').toDate());
+        }
+    };
+    const onDayClick = (day)=>{
+        if (!startDate || endDate || moment(day).isBefore(startDate)) setDateRange({
+            startDate: day,
+            endDate: void 0
+        });
+        else {
+            const newRange = {
+                startDate,
+                endDate: day
+            };
+            const adjustedRange = {
+                startDate: moment(startDate).startOf('day').toDate(),
+                endDate: moment(day).endOf('day').toDate()
+            };
+            onChange(adjustedRange);
+            setDateRange(newRange);
+        }
+        setHoverDay(day);
+    };
+    const onMonthNavigate = (marker, action)=>{
+        if (marker === MARKERS.FIRST_MONTH) {
+            const firstNew = moment(firstMonth).add(action, 'months').toDate();
+            if (moment(firstNew).isBefore(secondMonth)) setFirstMonth(firstNew);
+        } else {
+            const secondNew = moment(secondMonth).add(action, 'months').toDate();
+            if (moment(firstMonth).isBefore(secondNew)) setSecondMonth(secondNew);
+        }
+    };
+    const onDayHover = (date)=>{
+        if (startDate && !endDate) {
+            if (!hoverDay || !moment(date).isSame(hoverDay, 'day')) setHoverDay(date);
+        }
+    };
+    const inHoverRange = (day)=>!!(startDate && !endDate && hoverDay && moment(hoverDay).isAfter(startDate) && moment(day).isBetween(startDate, hoverDay, 'day', '[]'));
+    const helpers = {
+        inHoverRange
+    };
+    const handlers = {
+        onDayClick,
+        onDayHover,
+        onMonthNavigate
+    };
+    return open ? /*#__PURE__*/ jsx(Menu, {
+        dateRange: dateRange,
+        minDate: minDateValid,
+        maxDate: maxDateValid,
+        ranges: definedRanges,
+        firstMonth: firstMonth,
+        secondMonth: secondMonth,
+        setFirstMonth: setFirstMonthValidated,
+        setSecondMonth: setSecondMonthValidated,
+        setDateRange: setDateRangeValidated,
+        helpers: helpers,
+        handlers: handlers,
+        locale: resolvedLocale,
+        customProps: customProps,
+        hideDefaultRanges: hideDefaultRanges
+    }) : null;
+};
+const DateRangePicker = DateRangePickerComponent;
+export { DateRangePicker as default };

package/dist/AWING/DateRangePicker/component/Day.d.ts

@@ -0,0 +1,22 @@
+interface DayProps {
+    filled?: boolean;
+    outlined?: boolean;
+    highlighted?: boolean;
+    hovered?: boolean;
+    disabled?: boolean;
+    startOfRange?: boolean;
+    endOfRange?: boolean;
+    isFirstDayOfWeek?: boolean;
+    isLastDayOfWeek?: boolean;
+    isFirstDayOfMonth?: boolean;
+    isLastDayOfMonth?: boolean;
+    inDisabledRange?: boolean;
+    onClick?: () => void;
+    onHover?: () => void;
+    value: number | string;
+    hidden?: boolean;
+    hideOutsideMonthDays?: boolean;
+}
+declare const Day: React.FunctionComponent<DayProps>;
+export default Day;
+//# sourceMappingURL=Day.d.ts.map

package/dist/AWING/DateRangePicker/component/Day.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Day.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DateRangePicker/component/Day.tsx"],"names":[],"mappings":"AAEA,UAAU,QAAQ;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAgH1C,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/AWING/DateRangePicker/component/Day.js

@@ -0,0 +1,59 @@
+import { jsx } from "react/jsx-runtime";
+import { Box, IconButton, Typography, alpha } from "@mui/material";
+const Day = ({ startOfRange, endOfRange, disabled, highlighted, hovered, outlined, filled, isFirstDayOfWeek, isLastDayOfWeek, isFirstDayOfMonth, isLastDayOfMonth, inDisabledRange, onClick, onHover, value, hidden, hideOutsideMonthDays = true })=>/*#__PURE__*/ jsx(Box, {
+        sx: {
+            display: 'flex',
+            borderRadius: startOfRange ? '50% 0 0 50%' : endOfRange ? '0 50% 50% 0' : isFirstDayOfWeek && isLastDayOfMonth && hideOutsideMonthDays || isLastDayOfWeek && isFirstDayOfMonth && hideOutsideMonthDays ? '50%' : isFirstDayOfWeek || isFirstDayOfMonth && hideOutsideMonthDays ? '50% 0 0 50%' : isLastDayOfWeek || isLastDayOfMonth && hideOutsideMonthDays ? '0 50% 50% 0' : void 0,
+            '&:hover': highlighted && !hovered ? {} : {
+                borderRadius: '0 50% 50% 0',
+                cursor: disabled ? 'not-allowed' : 'default'
+            },
+            backgroundColor: (theme)=>{
+                if (disabled && inDisabledRange && !(hidden && hideOutsideMonthDays)) return alpha(theme.palette.primary.main, 0.15);
+                if (disabled) return;
+                if (highlighted && !hovered) return alpha(theme.palette.primary.main, 0.2);
+            },
+            borderTop: (theme)=>{
+                if (!disabled && hovered) return `1px dashed ${theme.palette.secondary.main}`;
+            },
+            borderBottom: (theme)=>{
+                if (!disabled && hovered) return `1px dashed ${theme.palette.secondary.main}`;
+            }
+        },
+        children: /*#__PURE__*/ jsx(IconButton, {
+            sx: {
+                height: '36px',
+                width: '36px',
+                padding: 0,
+                border: (theme)=>{
+                    if (!disabled && outlined) return `1px solid ${theme.palette.primary.dark}`;
+                },
+                ...(startOfRange || endOfRange) && !(hidden && hideOutsideMonthDays) ? {
+                    backgroundColor: (theme)=>theme.palette.primary.main,
+                    '&.Mui-disabled': {
+                        backgroundColor: (theme)=>`${theme.palette.primary.main} !important`
+                    }
+                } : {},
+                ...!disabled && filled ? {
+                    '&:hover': {
+                        backgroundColor: (theme)=>theme.palette.primary.main
+                    },
+                    backgroundColor: (theme)=>theme.palette.primary.main
+                } : {}
+            },
+            disabled: disabled,
+            onClick: onClick,
+            onMouseOver: onHover,
+            children: /*#__PURE__*/ jsx(Typography, {
+                sx: {
+                    visibility: hidden && hideOutsideMonthDays ? 'hidden' : 'visible',
+                    lineHeight: 1.6,
+                    color: (theme)=>disabled ? (startOfRange || endOfRange) && !(hidden && hideOutsideMonthDays) ? theme.palette.primary.contrastText : theme.palette.text.secondary : filled || startOfRange || endOfRange ? theme.palette.primary.contrastText : theme.palette.text.primary
+                },
+                variant: "body2",
+                children: value
+            })
+        })
+    });
+const component_Day = Day;
+export { component_Day as default };

package/dist/AWING/DateRangePicker/component/DefinedRanges.d.ts

@@ -0,0 +1,9 @@
+import { DateRange, DefinedRange } from '../types';
+type DefinedRangesProps = {
+    setRange: (range: DateRange) => void;
+    selectedRange: DateRange;
+    ranges: DefinedRange[];
+};
+declare const DefinedRanges: React.FunctionComponent<DefinedRangesProps>;
+export default DefinedRanges;
+//# sourceMappingURL=DefinedRanges.d.ts.map

package/dist/AWING/DateRangePicker/component/DefinedRanges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefinedRanges.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DateRangePicker/component/DefinedRanges.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEnD,KAAK,kBAAkB,GAAG;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,aAAa,EAAE,SAAS,CAAC;IACzB,MAAM,EAAE,YAAY,EAAE,CAAC;CAC1B,CAAC;AAWF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAsC9D,CAAC;AAEF,eAAe,aAAa,CAAC"}