@quillsql/react 2.10.31 → 2.10.32

package/dist/cjs/DateRangePicker/QuillDateRangePicker.js

@@ -0,0 +1,260 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuillDateRangePicker = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const date_fns_1 = require("date-fns");
+const Context_1 = require("../Context");
+const hooks_1 = require("../hooks");
+const QuillSelect_1 = require("../components/QuillSelect");
+function QuillDateRangePicker({ dateRange, onChangeDateRange, presetOptions, onChangePreset, preset, label, }) {
+    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
+    const [anchorStartDate, setAnchorStartDate] = (0, react_1.useState)(getAnchorStartDate(dateRange.startDate, dateRange.endDate));
+    const [anchorEndDate, setAnchorEndDate] = (0, react_1.useState)(getAnchorEndDate(dateRange.startDate, dateRange.endDate));
+    const [localStartDate, setLocalStartDate] = (0, react_1.useState)(dateRange.startDate);
+    const [localEndDate, setLocalEndDate] = (0, react_1.useState)(dateRange.endDate);
+    const [localPreset, setLocalPreset] = (0, react_1.useState)({
+        label: preset || '',
+    });
+    const [showModal, setShowModal] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        setLocalEndDate(dateRange.endDate);
+        setLocalStartDate(dateRange.startDate);
+    }, [dateRange.startDate, dateRange.endDate]);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            display: 'flex',
+            flexDirection: 'row',
+            gap: 12,
+            alignItems: 'flex-end',
+        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative', width: 270 }, children: [label && ((0, jsx_runtime_1.jsx)("div", { style: {
+                            fontSize: 14,
+                            color: theme.primaryTextColor,
+                            fontFamily: theme.fontFamily,
+                            paddingBottom: 5,
+                            fontWeight: 600,
+                        }, children: label })), (0, jsx_runtime_1.jsxs)("button", { style: {
+                            width: '100%',
+                            display: 'flex',
+                            alignItems: 'center',
+                            borderColor: theme.borderColor,
+                            fontFamily: theme.fontFamily,
+                            color: theme.primaryTextColor,
+                            padding: '8px 12px',
+                            fontSize: 14,
+                            margin: 0,
+                            boxSizing: 'border-box',
+                            borderWidth: 1,
+                            borderStyle: 'solid',
+                            borderRadius: 6,
+                            paddingTop: 11,
+                            paddingBottom: 11,
+                            height: 40,
+                            minHeight: 40,
+                            maxHeight: 40,
+                            gap: 10,
+                        }, onClick: () => setShowModal((showModal) => !showModal), className: "quill-date-range-picker-button", children: [(0, jsx_runtime_1.jsx)("style", { children: ` .quill-date-range-picker-button { background: ${theme.backgroundColor}; } .quill-date-range-picker-button:hover { background: ${theme.hoverBackgroundColor}; }` }), (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", height: "15.5px", width: "15.5px", style: { marginTop: -1.5 }, children: [(0, jsx_runtime_1.jsx)("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", ry: "2" }), (0, jsx_runtime_1.jsx)("line", { x1: "16", x2: "16", y1: "2", y2: "6" }), (0, jsx_runtime_1.jsx)("line", { x1: "8", x2: "8", y1: "2", y2: "6" }), (0, jsx_runtime_1.jsx)("line", { x1: "3", x2: "21", y1: "10", y2: "10" })] }), localStartDate && (0, date_fns_1.format)(localStartDate, 'MMM dd, yyyy'), localStartDate ? ' - ' : 'Pick a date', localEndDate && (0, date_fns_1.format)(localEndDate, 'MMM dd, yyyy')] }), showModal && ((0, jsx_runtime_1.jsx)(CalendarRow, { theme: theme, anchorStartDate: anchorStartDate, anchorEndDate: anchorEndDate, setAnchorStartDate: setAnchorStartDate, setAnchorEndDate: setAnchorEndDate, setLocalStartDate: setLocalStartDate, setLocalEndDate: setLocalEndDate, localEndDate: localEndDate, localStartDate: localStartDate, updateDateFilter: onChangeDateRange, setLocalPreset: setLocalPreset, setShowModal: setShowModal }))] }), (0, jsx_runtime_1.jsx)(QuillSelect_1.QuillSelectComponent, { options: presetOptions.map((option) => ({
+                    label: option.label,
+                    value: option.label,
+                })), value: localPreset.label || '', onChange: (e) => {
+                    onChangePreset(e);
+                    setLocalPreset({ label: e });
+                }, theme: theme })] }));
+}
+exports.QuillDateRangePicker = QuillDateRangePicker;
+function CalendarRow({ theme, anchorStartDate, anchorEndDate, setAnchorStartDate, setAnchorEndDate, localStartDate, localEndDate, setLocalStartDate, setLocalEndDate, updateDateFilter, setLocalPreset, setShowModal, }) {
+    const modalRef = (0, react_1.useRef)(null);
+    (0, hooks_1.useOnClickOutside)(modalRef, (e) => {
+        setShowModal(false);
+    });
+    const firstMonthDisplayedDates = (0, date_fns_1.eachDayOfInterval)({
+        start: (0, date_fns_1.startOfWeek)(anchorStartDate),
+        end: (0, date_fns_1.endOfWeek)((0, date_fns_1.endOfMonth)(anchorStartDate)),
+    });
+    const secondMonthDisplayedDates = (0, date_fns_1.eachDayOfInterval)({
+        start: (0, date_fns_1.startOfWeek)((0, date_fns_1.startOfMonth)(anchorEndDate)),
+        end: (0, date_fns_1.endOfWeek)(anchorEndDate),
+    });
+    const incrementAnchorDates = () => {
+        setAnchorStartDate((0, date_fns_1.startOfMonth)((0, date_fns_1.addMonths)(anchorStartDate, 1)));
+        setAnchorEndDate((0, date_fns_1.endOfMonth)((0, date_fns_1.addMonths)(anchorEndDate, 1)));
+    };
+    const decrementAnchorDates = () => {
+        setAnchorStartDate((0, date_fns_1.startOfMonth)((0, date_fns_1.subMonths)(anchorStartDate, 1)));
+        setAnchorEndDate((0, date_fns_1.endOfMonth)((0, date_fns_1.subMonths)(anchorEndDate, 1)));
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { ref: modalRef, style: { position: 'absolute', zIndex: 100, marginTop: 12 }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                display: 'flex',
+                flexDirection: 'row',
+                border: `1px solid ${theme.borderColor}`,
+                borderRadius: 6,
+                boxShadow: '0px 2px 6px #e7e7e7',
+                backgroundColor: theme.backgroundColor,
+            }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        padding: 12,
+                        // border: "1px solid #e7e7e7",
+                        // borderRadius: 6,
+                        // boxShadow: "0px 2px 6px #e7e7e7",
+                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                                display: 'flex',
+                                flexDirection: 'row',
+                                position: 'relative',
+                                justifyContent: 'center',
+                                alignItems: 'center',
+                                height: 40,
+                                marginBottom: 10,
+                            }, children: [(0, jsx_runtime_1.jsxs)("button", { onClick: decrementAnchorDates, style: {
+                                        position: 'absolute',
+                                        left: 0,
+                                        height: 32,
+                                        width: 32,
+                                        borderWidth: theme.borderWidth,
+                                        borderColor: theme.borderColor,
+                                        fontFamily: theme.fontFamily,
+                                        borderStyle: 'solid',
+                                        borderRadius: 6,
+                                        display: 'flex',
+                                        flexDirection: 'row',
+                                        alignItems: 'center',
+                                        justifyContent: 'center',
+                                    }, className: "quill-calendar-button", children: [(0, jsx_runtime_1.jsx)("style", { children: `.quill-calendar-button { background-color: ${theme.backgroundColor}; } .quill-calendar-button:hover { background-color: ${theme.hoverBackgroundColor}; }` }), (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: theme.chartLabelColor, height: "24px", width: "24px", children: (0, jsx_runtime_1.jsx)("path", { d: "M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z" }) })] }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                        fontFamily: theme.fontFamily,
+                                        fontSize: 14,
+                                        color: theme.primaryTextColor,
+                                        fontWeight: 600,
+                                    }, children: (0, date_fns_1.format)(anchorStartDate, 'MMM yyyy') })] }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                display: 'grid',
+                                gridTemplateColumns: 'repeat(7, 1fr)',
+                                rowGap: 8,
+                            }, children: firstMonthDisplayedDates.map((date) => ((0, jsx_runtime_1.jsx)(DayPicker, { theme: theme, date: date, localStartDate: localStartDate, localEndDate: localEndDate, setLocalStartDate: setLocalStartDate, setLocalEndDate: setLocalEndDate, setLocalPreset: setLocalPreset, updateDateFilter: updateDateFilter }, 'first-' + date.toISOString()))) })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        padding: 12,
+                        // border: "1px solid #e7e7e7",
+                        // borderRadius: 6,
+                        // boxShadow: "0px 2px 6px #e7e7e7",
+                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                                display: 'flex',
+                                flexDirection: 'row',
+                                position: 'relative',
+                                justifyContent: 'center',
+                                alignItems: 'center',
+                                height: 40,
+                                marginBottom: 10,
+                            }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                                        fontFamily: theme.fontFamily,
+                                        fontSize: 14,
+                                        color: theme.primaryTextColor,
+                                        fontWeight: 600,
+                                    }, children: (0, date_fns_1.format)(anchorEndDate, 'MMM yyyy') }), (0, jsx_runtime_1.jsxs)("button", { onClick: incrementAnchorDates, style: {
+                                        position: 'absolute',
+                                        right: 0,
+                                        height: 32,
+                                        width: 32,
+                                        borderWidth: theme.borderWidth,
+                                        borderColor: theme.borderColor,
+                                        borderStyle: 'solid',
+                                        borderRadius: 6,
+                                        display: 'flex',
+                                        flexDirection: 'row',
+                                        alignItems: 'center',
+                                        justifyContent: 'center',
+                                    }, className: "quill-calendar-button", children: [(0, jsx_runtime_1.jsx)("style", { children: `.quill-calendar-button { background-color: ${theme.backgroundColor}; } .quill-calendar-button:hover { background-color: ${theme.hoverBackgroundColor}; }` }), (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: theme.chartLabelColor, height: "24px", width: "24px", children: (0, jsx_runtime_1.jsx)("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" }) })] })] }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                display: 'grid',
+                                gridTemplateColumns: 'repeat(7, 1fr)',
+                                rowGap: 8,
+                            }, children: secondMonthDisplayedDates.map((date) => ((0, jsx_runtime_1.jsx)(DayPicker, { theme: theme, date: date, localStartDate: localStartDate, localEndDate: localEndDate, setLocalStartDate: setLocalStartDate, setLocalEndDate: setLocalEndDate, setLocalPreset: setLocalPreset, updateDateFilter: updateDateFilter }, 'second-' + date.toISOString()))) })] })] }) }));
+}
+function DayPicker({ date, localStartDate, setLocalStartDate, localEndDate, setLocalEndDate, updateDateFilter, setLocalPreset, theme, }) {
+    // USE ZERO FOR UNDEFINED DATES
+    const isStartDate = (0, date_fns_1.differenceInDays)((0, date_fns_1.startOfDay)(date), (0, date_fns_1.startOfDay)(localStartDate || 0)) === 0;
+    const isEndDate = (0, date_fns_1.differenceInDays)((0, date_fns_1.startOfDay)(date), (0, date_fns_1.startOfDay)(localEndDate || 0)) === 0;
+    const isBetweenStartAndEnd = (0, date_fns_1.isBefore)(date, localEndDate || 0) && (0, date_fns_1.isAfter)(date, localStartDate || 0);
+    const isBeginningOfWeek = (0, date_fns_1.differenceInDays)((0, date_fns_1.startOfWeek)(date), date) === 0;
+    const isEndOfWeek = (0, date_fns_1.differenceInDays)((0, date_fns_1.endOfWeek)(date), date) === 0;
+    return ((0, jsx_runtime_1.jsx)("button", { style: {
+            height: 36,
+            width: 36,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            fontFamily: theme.fontFamily,
+            fontSize: 14,
+            border: 'none',
+            color: isStartDate || isEndDate ? 'white' : theme.secondaryTextColor,
+            borderTopLeftRadius: isStartDate || isEndDate || isBeginningOfWeek ? 6 : 0,
+            borderBottomLeftRadius: isStartDate || isEndDate || isBeginningOfWeek ? 6 : 0,
+            borderTopRightRadius: isStartDate || isEndDate || isEndOfWeek ? 6 : 0,
+            borderBottomRightRadius: isStartDate || isEndDate || isEndOfWeek ? 6 : 0,
+            backgroundColor: isStartDate || isEndDate
+                ? theme.primaryTextColor
+                : isBetweenStartAndEnd
+                    ? theme.hoverBackgroundColor
+                    : theme.backgroundColor,
+        }, onClick: () => {
+            if (!localStartDate) {
+                setLocalStartDate(date);
+            }
+            if (localStartDate && !localEndDate) {
+                setLocalEndDate(date);
+                updateDateFilter({
+                    startDate: localStartDate,
+                    endDate: date,
+                });
+                setLocalPreset({ label: '' });
+            }
+            if (localStartDate && localEndDate && (0, date_fns_1.isAfter)(date, localStartDate)) {
+                setLocalEndDate(date);
+                updateDateFilter({
+                    startDate: localStartDate,
+                    endDate: date,
+                });
+                setLocalPreset({ label: '' });
+            }
+            if (localStartDate && localEndDate && (0, date_fns_1.isBefore)(date, localStartDate)) {
+                setLocalStartDate(date);
+                updateDateFilter({
+                    startDate: date,
+                    endDate: localEndDate,
+                });
+                setLocalPreset({ label: '' });
+            }
+            if (localStartDate &&
+                localEndDate &&
+                (0, date_fns_1.differenceInDays)((0, date_fns_1.startOfDay)(date), (0, date_fns_1.startOfDay)(localStartDate)) === 0) {
+                setLocalStartDate(undefined);
+                setLocalEndDate(undefined);
+            }
+        }, children: (0, date_fns_1.format)(date, 'd') }));
+}
+function getAnchorStartDate(startDate, endDate) {
+    if (!startDate && !endDate) {
+        return (0, date_fns_1.startOfMonth)((0, date_fns_1.subMonths)(new Date(), 1));
+    }
+    if (startDate && !endDate) {
+        return (0, date_fns_1.startOfMonth)(startDate);
+    }
+    if (!startDate && endDate) {
+        return (0, date_fns_1.startOfMonth)((0, date_fns_1.subMonths)(endDate, 1));
+    }
+    if (startDate && endDate) {
+        return (0, date_fns_1.startOfMonth)(startDate);
+    }
+    return new Date();
+}
+function getAnchorEndDate(startDate, endDate) {
+    if (!startDate && !endDate) {
+        return (0, date_fns_1.endOfMonth)(new Date());
+    }
+    if (startDate && !endDate) {
+        return (0, date_fns_1.endOfMonth)((0, date_fns_1.addMonths)(startDate, 1));
+    }
+    if (!startDate && endDate) {
+        return (0, date_fns_1.endOfMonth)(endDate);
+    }
+    if (startDate && endDate) {
+        return (0, date_fns_1.endOfMonth)((0, date_fns_1.addMonths)(startDate, 1));
+    }
+    return new Date();
+}

package/dist/cjs/DateRangePicker/dateRangePickerUtils.d.ts

@@ -0,0 +1,80 @@
+import { DateRangePickerOption } from './DateRangePicker';
+export declare const getWeekdays: (locale: Locale) => string[];
+export declare const capitalize: (s: string, locale: Locale) => string;
+export declare const getStartDateByDropdownValue: (dropdownValue: string | null | undefined, dropdownOptions?: DateRangePickerOption[]) => Date | null;
+export declare const getEndDateByDropdownValue: (dropdownValue: string | null | undefined, dropdownOptions?: DateRangePickerOption[]) => Date;
+export declare const parseStartDate: (startDate: Date | null | undefined, minDate: Date | null | undefined, selectedDropdownValue: string | null | undefined, dropdownOptions: DateRangePickerOption[]) => Date | null;
+export declare const parseEndDate: (endDate: Date | null | undefined, maxDate: Date | null | undefined, selectedDropdownValue: string | null | undefined, dropdownOptions: DateRangePickerOption[]) => Date | null;
+/**
+ * A simple date range that spans from start to end.
+ */
+type QuillDateRange = {
+    start: Date;
+    end: Date;
+};
+/**
+ * A simple map between the primary range key and the QuillDateRange for that
+ * key ending on today.
+ */
+export declare const PRIMARY_RANGE: {
+    [key: string]: QuillDateRange | {
+        start: undefined;
+        end: undefined;
+    };
+};
+/**
+ * Maps between the keys of primary range and the short code.
+ */
+export declare const PRIMARY_CODES: {
+    [key: keyof typeof PRIMARY_RANGE]: string;
+};
+export declare const COMPARISON_OPTIONS: {
+    value: string;
+    text: string;
+}[];
+/**
+ * A helpful map between comparison range keys and a function that takes the
+ * start date of the primary range (which is also the end date for our
+ * comparison range) and returns a QuillDateRange based on that key and date.
+ */
+export declare const COMPARISON_RANGE: {
+    readonly PREV_PERIOD: ({ start, end }: QuillDateRange) => {
+        start: Date;
+        end: Date;
+    };
+    readonly PREV_7_DAYS: ({ start }: QuillDateRange) => {
+        start: Date;
+        end: Date;
+    };
+    readonly PREV_30_DAYS: ({ start }: QuillDateRange) => {
+        start: Date;
+        end: Date;
+    };
+    readonly PREV_90_DAYS: ({ start }: QuillDateRange) => {
+        start: Date;
+        end: Date;
+    };
+    readonly NO_COMPARISON: (_: any) => null;
+};
+export type ComparisonRangeKey = keyof typeof COMPARISON_RANGE;
+export declare const defaultOptionsV2: any[];
+export declare const defaultOptions: DateRangePickerOption[];
+export declare const reportBuilderOptions: DateRangePickerOption[];
+export declare const getRangeFromPreset: (preset: string) => (string | Date | null)[];
+export declare const getRangeFromPresetOptions: (preset: string, presetOptions: {
+    label: string;
+    startDate: Date;
+    endDate: Date;
+}[]) => {
+    start: Date;
+    end: Date;
+} | {
+    start: null;
+    end: null;
+};
+export declare const getDateStyles: (theme: any, date: Date, finalStartDate: Date | null, finalEndDate: Date | null, hoveredDate: Date | undefined, isDateDisabled: boolean) => any;
+export declare const displaySelected: (selectedStartDay: Date | null, selectedEndDay: Date | null) => string | undefined;
+export declare const formatSelectedDates: (startDate: Date | null, endDate: Date | null, locale?: Locale) => string;
+export {};
+/** This is the current dateFilter Object, I think we can pare it down */
+//# sourceMappingURL=dateRangePickerUtils.d.ts.map

package/dist/cjs/DateRangePicker/dateRangePickerUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateRangePickerUtils.d.ts","sourceRoot":"","sources":["../../../src/DateRangePicker/dateRangePickerUtils.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAG1D,eAAO,MAAM,WAAW,WAAY,MAAM,aAKzC,CAAC;AAEF,eAAO,MAAM,UAAU,MAAO,MAAM,UAAU,MAAM,WAEnD,CAAC;AAEF,eAAO,MAAM,2BAA2B,kBACvB,MAAM,GAAG,IAAI,GAAG,SAAS,oBACtB,qBAAqB,EAAE,gBAU1C,CAAC;AAEF,eAAO,MAAM,yBAAyB,kBACrB,MAAM,GAAG,IAAI,GAAG,SAAS,oBACtB,qBAAqB,EAAE,SAU1C,CAAC;AAEF,eAAO,MAAM,cAAc,cACd,IAAI,GAAG,IAAI,GAAG,SAAS,WACzB,IAAI,GAAG,IAAI,GAAG,SAAS,yBACT,MAAM,GAAG,IAAI,GAAG,SAAS,mBAC/B,qBAAqB,EAAE,gBAWzC,CAAC;AAEF,eAAO,MAAM,YAAY,YACd,IAAI,GAAG,IAAI,GAAG,SAAS,WACvB,IAAI,GAAG,IAAI,GAAG,SAAS,yBACT,MAAM,GAAG,IAAI,GAAG,SAAS,mBAC/B,qBAAqB,EAAE,gBASzC,CAAC;AAEF;;GAEG;AACH,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,IAAI,CAAC;IACZ,GAAG,EAAE,IAAI,CAAC;CACX,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,GAAG;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,GAAG,EAAE,SAAS,CAAA;KAAE,CAAC;CAatE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,OAAO,aAAa,GAAG,MAAM,CAAA;CAStE,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,EAqBA,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;2CACG,cAAc;;;;sCAInB,cAAc;;;;uCAIb,cAAc;;;;uCAId,cAAc;;;;gCAIrB,GAAG;CACd,CAAC;AACX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE/D,eAAO,MAAM,gBAAgB,EAAE,GAAG,EAiDjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,qBAAqB,EAyCjD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,qBAAqB,EA+BvD,CAAC;AAEF,eAAO,MAAM,kBAAkB,WAAY,MAAM,6BAOhD,CAAC;AAEF,eAAO,MAAM,yBAAyB,WAC5B,MAAM,iBACC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,IAAI,CAAA;CAAE,EAAE;;;;;;CAQnE,CAAC;AAEF,eAAO,MAAM,aAAa,UACjB,GAAG,QACJ,IAAI,kBACM,IAAI,GAAG,IAAI,gBACb,IAAI,GAAG,IAAI,eACZ,IAAI,GAAG,SAAS,kBACb,OAAO,QAgCxB,CAAC;AAkGF,eAAO,MAAM,eAAe,qBACR,IAAI,GAAG,IAAI,kBACb,IAAI,GAAG,IAAI,uBA0C5B,CAAC;AAyHF,eAAO,MAAM,mBAAmB,cACnB,IAAI,GAAG,IAAI,WACb,IAAI,GAAG,IAAI,WACX,MAAM,WAyChB,CAAC;;AAEF,yEAAyE"}