bananas-commerce-admin 0.16.1 → 0.17.1

package/dist/esm/contexts/DashboardFilterContext.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from "react";
+import React, { useCallback, useState } from "react";
+import { useSearchParams } from "react-router-dom";
 import { DateTime } from "luxon";
 import { isGranularity } from "../types/dashboard";
 import { useRouter } from "./RouterContext";
@@ -6,62 +7,121 @@ import { useRouter } from "./RouterContext";
  * The default filter for the dashboard,used when the filter is not present in the URL.
  * Might as well be a function to avoid stale dates.
  */
-const defaultFilter = () => ({
-    preset: "last_week",
-    granularity: "day",
-    startDate: DateTime.now().minus({ weeks: 1 }).startOf("week"),
-    endDate: DateTime.now().minus({ weeks: 1 }).endOf("week"),
-    endDateInclusive: DateTime.now().minus({ weeks: 1 }).endOf("week"),
-});
+export function defaultFilter() {
+    return dashboardFilterFromPreset("last_week");
+}
+export function dashboardFilterFromPreset(preset) {
+    switch (preset) {
+        case "today":
+            return {
+                preset: "today",
+                granularity: "day",
+                startDate: DateTime.now().startOf("day"),
+                endDate: DateTime.now().endOf("day"),
+            };
+        case "yesterday":
+            return {
+                preset: "yesterday",
+                granularity: "day",
+                startDate: DateTime.now().minus({ days: 1 }).startOf("day"),
+                endDate: DateTime.now().minus({ days: 1 }).endOf("day"),
+            };
+        case "this_week":
+            return {
+                preset: "this_week",
+                granularity: "day",
+                startDate: DateTime.now().startOf("week"),
+                endDate: DateTime.now().endOf("day"),
+            };
+        case "last_week":
+            return {
+                preset: "last_week",
+                granularity: "day",
+                startDate: DateTime.now().minus({ weeks: 1 }).startOf("week"),
+                endDate: DateTime.now().minus({ weeks: 1 }).endOf("week"),
+            };
+        case "this_month":
+            return {
+                preset: "this_month",
+                granularity: "week",
+                startDate: DateTime.now().startOf("month"),
+                endDate: DateTime.now().endOf("day"),
+            };
+        case "last_month":
+            return {
+                preset: "last_month",
+                granularity: "week",
+                startDate: DateTime.now().minus({ months: 1 }).startOf("month"),
+                endDate: DateTime.now().minus({ months: 1 }).endOf("month"),
+            };
+        case "this_year":
+            return {
+                preset: "this_year",
+                granularity: "month",
+                startDate: DateTime.now().startOf("year"),
+                endDate: DateTime.now().endOf("day"),
+            };
+        case "last_year":
+            return {
+                preset: "last_year",
+                granularity: "month",
+                startDate: DateTime.now().minus({ years: 1 }).startOf("year"),
+                endDate: DateTime.now().minus({ years: 1 }).endOf("year"),
+            };
+    }
+    throw new TypeError(`Unknown filter preset: ${preset}`);
+}
 /**
  * Load the initial filter from session storage.
  * If the filter is not present or invalid, return `defaultFilter`.
  */
-const loadInitialFilter = () => {
-    // try to get a filter from the URL
-    const url = new URL(window.location.href);
+export function dashboardFilterFromSearchParams(searchParams) {
     // The URL always has to store the inclusive date since the backend expects it.
-    const end_date_inclusive = url.searchParams.get("end_date");
-    const start_date = url.searchParams.get("start_date");
-    const granularity = url.searchParams.get("granularity");
-    if (start_date == null || end_date_inclusive == null)
+    const searchEndDate = searchParams.get("end_date");
+    const searchStartDate = searchParams.get("start_date");
+    const granularity = searchParams.get("granularity");
+    if (searchStartDate == null || searchEndDate == null)
         return defaultFilter();
     if (!isGranularity(granularity))
         return defaultFilter();
-    const startDate = DateTime.fromISO(start_date);
-    const endDateInclusive = DateTime.fromISO(end_date_inclusive);
+    const startDate = DateTime.fromISO(searchStartDate);
+    const endDate = DateTime.fromISO(searchEndDate).minus({ days: 1 }).endOf("day");
     return {
         startDate,
-        endDateInclusive,
-        endDate: endDateInclusive.minus({ days: 1 }),
+        endDate,
         granularity,
         preset: "custom",
     };
-};
+}
 export const DashboardFilterContext = React.createContext(undefined);
 export const useDashboardFilter = () => React.useContext(DashboardFilterContext);
 /**
  * Convert `DashboardFilter` to a query string that can be used in the URL.
  * Uses the inclusive `end_date` to make sure the backend always get the correct date.
  */
-export function filterToQueryParams({ startDate, endDateInclusive, granularity, }) {
-    const start_date = startDate.toISO();
-    const end_date = endDateInclusive.toISO();
+export function dashboardFilterToSearchParams({ startDate, endDate, granularity, }) {
+    const start_date = startDate.toISO({ suppressSeconds: true, suppressMilliseconds: true });
+    const end_date = endDate
+        .plus({ days: 1 })
+        .startOf("day")
+        .toISO({ suppressSeconds: true, suppressMilliseconds: true });
     if (start_date == null || end_date == null)
         return null;
     return { start_date, end_date, granularity };
 }
 const DashboardFilterContextProvider = ({ children, }) => {
     const { navigate } = useRouter();
-    const [filter, setFilter] = useState(loadInitialFilter());
-    useEffect(() => {
-        const query = filterToQueryParams(filter);
+    const [searchParams] = useSearchParams();
+    const [filter, setFilterState] = useState(dashboardFilterFromSearchParams(searchParams));
+    const setFilter = useCallback((newFilter) => {
+        setFilterState(newFilter);
+        const query = dashboardFilterToSearchParams(newFilter);
         if (query == null) {
-            console.error("[DASHBOARD_FILTER_CONTEXT] filter", filter);
+            console.error("[DASHBOARD_FILTER_CONTEXT] filter", newFilter);
             return;
         }
         navigate(undefined, { query, replace: true });
-    }, [filter]);
+    }, []);
     return (React.createElement(DashboardFilterContext.Provider, { value: { filter, setFilter } }, children));
 };
 export default DashboardFilterContextProvider;

package/dist/esm/contexts/DashboardFilterContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardFilterContext.js","sourceRoot":"","sources":["../../../src/contexts/DashboardFilterContext.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DashboardFilterContext.js","sourceRoot":"","sources":["../../../src/contexts/DashboardFilterContext.tsx"],"names":[],"mappings":"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"}

package/dist/esm/extensions/pos/components/DashboardFilter.js

@@ -1,54 +1,9 @@
 import React from "react";
 import { Stack } from "@mui/material";
-import { DateTime } from "luxon";
-import { useDashboardFilter } from "../../../contexts/DashboardFilterContext";
-import { useI18n } from "../../../contexts/I18nContext";
-import { isGranularity } from "../../../types/dashboard";
-import DatePicker from "./DatePicker";
-import FilterSelect from "./FilterSelect";
-import PresetSelect from "./PresetSelect";
+import FilterMenu from "./FilterMenu";
 const DashboardFilter = () => {
-    const { t } = useI18n();
-    const { filter, setFilter } = useDashboardFilter();
-    const granularities = [
-        { label: "Day", value: "day", minSelectedDays: 0 },
-        { label: "Week", value: "week", minSelectedDays: 7 },
-        { label: "Month", value: "month", minSelectedDays: 31 },
-        { label: "Quarter", value: "quarter", minSelectedDays: 90 },
-        { label: "Year", value: "year", minSelectedDays: 365 },
-    ].filter((granularity) => granularity.minSelectedDays <= filter.endDate.diff(filter.startDate, "days").days);
     return (React.createElement(Stack, { alignItems: "center", direction: "row", gap: 1.5, ml: "auto" },
-        React.createElement(DatePicker, { label: "Start date", maxDate: filter.endDate, value: filter.startDate, onChange: (startDate) => {
-                if (startDate != null) {
-                    setFilter({ ...filter, preset: "custom", startDate });
-                }
-                else {
-                    console.error("Invalid startDate from picker.");
-                }
-            } }),
-        React.createElement(DatePicker, { label: "End date", maxDate: DateTime.now(), minDate: filter.startDate, value: filter.endDate, onChange: (endDate) => {
-                if (endDate != null) {
-                    setFilter({
-                        ...filter,
-                        preset: "custom",
-                        endDate,
-                        endDateInclusive: endDate.plus({ days: 1 }),
-                    });
-                }
-                else {
-                    console.error("Invalid endDate from picker.");
-                }
-            } }),
-        React.createElement(PresetSelect, null),
-        React.createElement(FilterSelect, { items: granularities, label: t("Granularity"), value: filter.granularity, width: 130, onChange: (event) => {
-                const granularity = event.target.value;
-                if (isGranularity(granularity)) {
-                    setFilter({ ...filter, preset: "custom", granularity });
-                }
-                else {
-                    console.error("Invalid granularity");
-                }
-            } })));
+        React.createElement(FilterMenu, null)));
 };
 export default DashboardFilter;
 //# sourceMappingURL=DashboardFilter.js.map

package/dist/esm/extensions/pos/components/DashboardFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardFilter.js","sourceRoot":"","sources":["../../../../../src/extensions/pos/components/DashboardFilter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DashboardFilter.js","sourceRoot":"","sources":["../../../../../src/extensions/pos/components/DashboardFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,eAAe,GAAa,GAAG,EAAE;IACrC,OAAO,CACL,oBAAC,KAAK,IAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAC,MAAM;QAC5D,oBAAC,UAAU,OAAG,CACR,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/extensions/pos/components/FilterMenu/DateField.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { AdapterLuxon } from "@mui/x-date-pickers/AdapterLuxon";
+import { DateField as MuiDateField, } from "@mui/x-date-pickers/DateField";
+import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
+export const DateField = ({ size = "small", ...props }) => {
+    return (React.createElement(LocalizationProvider, { dateAdapter: AdapterLuxon },
+        React.createElement(MuiDateField, { size: size, ...props })));
+};
+export default DateField;
+//# sourceMappingURL=DateField.js.map

package/dist/esm/extensions/pos/components/FilterMenu/DateField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../../../../src/extensions/pos/components/FilterMenu/DateField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EACL,SAAS,IAAI,YAAY,GAE1B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAMhF,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClF,OAAO,CACL,oBAAC,oBAAoB,IAAC,WAAW,EAAE,YAAY;QAC7C,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CAClB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/esm/extensions/pos/components/FilterMenu/DateRangePicker.js

@@ -0,0 +1,173 @@
+import * as React from "react";
+import { useState } from "react";
+import { blue } from "@mui/material/colors";
+import { styled } from "@mui/material/styles";
+import { AdapterLuxon } from "@mui/x-date-pickers/AdapterLuxon";
+import { DateCalendar } from "@mui/x-date-pickers/DateCalendar";
+import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
+import { PickersDay as MuiPickersDay, } from "@mui/x-date-pickers/PickersDay";
+import { DateTime } from "luxon";
+import { useDashboardFilter } from "../../../../contexts/DashboardFilterContext";
+// TODO Clean up
+// TODO Use theme colors instead of blue
+export const PickersDay = styled(MuiPickersDay, {
+    shouldForwardProp: (prop) => prop !== "isSelected" && prop !== "isHovered" && prop !== "isStart" && prop !== "isEnd",
+})(({ theme, isSelected, isHovered, isStart, isEnd, day, selecting }) => ({
+    borderRadius: 0,
+    boxSizing: "border-box",
+    border: "2px solid transparent",
+    width: 40,
+    height: 40,
+    "&.MuiPickersDay-today": {
+        borderColor: "transparent",
+        "& .content": {
+            border: `1px solid ${theme.palette.grey[500]}`,
+            borderRadius: "50%",
+            width: 40,
+            height: 40,
+        },
+    },
+    "& .content": {
+        boxSizing: "border-box",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 1,
+        position: "absolute",
+        borderRadius: "50%",
+    },
+    "&:hover .content": {
+        border: `1px solid ${theme.palette.grey[800]}`,
+        boxSizing: "border-box",
+        width: 40,
+        height: 40,
+    },
+    ...(isSelected && {
+        backgroundColor: blue[50],
+        "&:hover, &:focus": {
+            backgroundColor: blue[50],
+        },
+        "&:hover .content": {
+            backgroundColor: blue[100],
+            width: 40,
+            height: 40,
+        },
+    }),
+    ...((isStart || isEnd) && {
+        "& .content": {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            color: theme.palette.primary.contrastText,
+            zIndex: 0,
+            position: "absolute",
+            width: 40,
+            height: 40,
+            backgroundColor: (isStart && selecting === "end") || (isEnd && selecting === "start")
+                ? blue[500]
+                : blue[300],
+            borderRadius: "50%",
+        },
+    }),
+    ...(isStart && {
+        backgroundColor: blue[50],
+        color: theme.palette.primary.contrastText,
+        borderTopLeftRadius: "50%",
+        borderBottomLeftRadius: "50%",
+        position: "relative",
+        "&:hover, &:focus": {
+            backgroundColor: blue[50],
+        },
+    }),
+    ...(isEnd && {
+        backgroundColor: blue[50],
+        color: theme.palette.primary.contrastText,
+        borderTopRightRadius: "50%",
+        borderBottomRightRadius: "50%",
+        "&:hover, &:focus": {
+            backgroundColor: blue[50],
+        },
+    }),
+    ...(isHovered && {
+        boxSizing: "border-box",
+        borderTop: `2px dashed ${theme.palette.grey[300]}`,
+        borderBottom: `2px dashed ${theme.palette.grey[300]}`,
+        "& *": {
+            boxSizing: "border-box",
+        },
+    }),
+    ...(day.weekday === 1 && {
+        borderTopLeftRadius: "50%",
+        borderBottomLeftRadius: "50%",
+    }),
+    ...(day.weekday === 7 && {
+        borderTopRightRadius: "50%",
+        borderBottomRightRadius: "50%",
+    }),
+}));
+const isInRange = (day, startDate, endDate) => {
+    if (day.startOf("day") >= startDate.startOf("day") && day.endOf("day") <= endDate.endOf("day")) {
+        return true;
+    }
+    return false;
+};
+const getHovered = (day, hoveredDay, startDate, endDate, selecting) => {
+    if (selecting === "start") {
+        return (day.startOf("day") < startDate.startOf("day") && day.endOf("day") > hoveredDay?.startOf("day"));
+    }
+    else {
+        return (day.startOf("day") > endDate.startOf("day") && day.endOf("day") < hoveredDay?.startOf("day"));
+    }
+};
+export const Day = ({ day, selectedDay, hoveredDay, startDate, endDate, selecting, ...props }) => {
+    const isStart = startDate?.hasSame(day, "day") ?? false;
+    const isEnd = endDate?.hasSame(day, "day") ?? false;
+    return (React.createElement(PickersDay, { ...props, disableMargin: true, day: day, isEnd: isEnd, isHovered: getHovered(day, hoveredDay, startDate, endDate, selecting), isSelected: isInRange(day, startDate, endDate) && !isStart && !isEnd, isStart: isStart, selected: false, selecting: selecting },
+        React.createElement("span", { className: "content" }, day.toFormat("d"))));
+};
+export const DateRangePicker = () => {
+    const { filter, setFilter } = useDashboardFilter();
+    const [hoveredDay, setHoveredDay] = useState(null);
+    const [value, setValue] = useState(DateTime.now());
+    const [selecting, setSelecting] = useState("start");
+    /**
+     * Decide whether to set start or end date,
+     * trying to match Mui X DateRange behavior
+     */
+    const handleChange = (date) => {
+        setValue(date);
+        if (selecting === "start") {
+            if (date >= filter.endDate) {
+                setFilter({ ...filter, startDate: date, endDate: date });
+            }
+            else {
+                setFilter({ ...filter, startDate: date });
+            }
+            setSelecting("end");
+        }
+        else {
+            if (date < filter.startDate) {
+                setFilter({ ...filter, startDate: date, endDate: date });
+                setSelecting("end");
+            }
+            else {
+                setFilter({ ...filter, endDate: date });
+                setSelecting("start");
+            }
+        }
+    };
+    return (React.createElement(LocalizationProvider, { dateAdapter: AdapterLuxon },
+        React.createElement(DateCalendar, { showDaysOutsideCurrentMonth: true, slotProps: {
+                day: (ownerState) => ({
+                    selecting,
+                    endDate: filter.endDate,
+                    startDate: filter.startDate,
+                    selectedDay: value,
+                    hoveredDay,
+                    onPointerEnter: () => setHoveredDay(ownerState.day),
+                    onPointerLeave: () => setHoveredDay(null),
+                }),
+            }, slots: { day: Day }, value: value, onChange: handleChange })));
+};
+export default DateRangePicker;
+//# sourceMappingURL=DateRangePicker.js.map

package/dist/esm/extensions/pos/components/FilterMenu/DateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../../../../src/extensions/pos/components/FilterMenu/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EACL,UAAU,IAAI,aAAa,GAE5B,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAYjF,gBAAgB;AAChB,wCAAwC;AACxC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,EAAE;IAC9C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,IAAI,KAAK,YAAY,IAAI,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,OAAO;CAC1F,CAAC,CAAiB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IACxF,YAAY,EAAE,CAAC;IACf,SAAS,EAAE,YAAY;IACvB,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,uBAAuB,EAAE;QACvB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE;YACZ,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YAC9C,YAAY,EAAE,KAAK;YACnB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;KACF;IAED,YAAY,EAAE;QACZ,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,UAAU;QACpB,YAAY,EAAE,KAAK;KACpB;IACD,kBAAkB,EAAE;QAClB,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;QAC9C,SAAS,EAAE,YAAY;QACvB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;IACD,GAAG,CAAC,UAAU,IAAI;QAChB,eAAe,EAAE,IAAI,CAAC,EAAE,CAAC;QACzB,kBAAkB,EAAE;YAClB,eAAe,EAAE,IAAI,CAAC,EAAE,CAAC;SAC1B;QACD,kBAAkB,EAAE;YAClB,eAAe,EAAE,IAAI,CAAC,GAAG,CAAC;YAC1B,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;KACF,CAAC;IACF,GAAG,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI;QACxB,YAAY,EAAE;YACZ,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;YACzC,MAAM,EAAE,CAAC;YACT,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,eAAe,EACb,CAAC,OAAO,IAAI,SAAS,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,SAAS,KAAK,OAAO,CAAC;gBAClE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;gBACX,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;YACf,YAAY,EAAE,KAAK;SACpB;KACF,CAAC;IACF,GAAG,CAAC,OAAO,IAAI;QACb,eAAe,EAAE,IAAI,CAAC,EAAE,CAAC;QACzB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;QACzC,mBAAmB,EAAE,KAAK;QAC1B,sBAAsB,EAAE,KAAK;QAE7B,QAAQ,EAAE,UAAU;QACpB,kBAAkB,EAAE;YAClB,eAAe,EAAE,IAAI,CAAC,EAAE,CAAC;SAC1B;KACF,CAAC;IACF,GAAG,CAAC,KAAK,IAAI;QACX,eAAe,EAAE,IAAI,CAAC,EAAE,CAAC;QACzB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;QACzC,oBAAoB,EAAE,KAAK;QAC3B,uBAAuB,EAAE,KAAK;QAE9B,kBAAkB,EAAE;YAClB,eAAe,EAAE,IAAI,CAAC,EAAE,CAAC;SAC1B;KACF,CAAC;IACF,GAAG,CAAC,SAAS,IAAI;QACf,SAAS,EAAE,YAAY;QACvB,SAAS,EAAE,cAAc,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;QAClD,YAAY,EAAE,cAAc,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;QACrD,KAAK,EAAE;YACL,SAAS,EAAE,YAAY;SACxB;KACF,CAAC;IACF,GAAG,CAAC,GAAG,CAAC,OAAO,KAAK,CAAC,IAAI;QACvB,mBAAmB,EAAE,KAAK;QAC1B,sBAAsB,EAAE,KAAK;KAC9B,CAAC;IACF,GAAG,CAAC,GAAG,CAAC,OAAO,KAAK,CAAC,IAAI;QACvB,oBAAoB,EAAE,KAAK;QAC3B,uBAAuB,EAAE,KAAK;KAC/B,CAAC;CACH,CAAC,CAAwC,CAAC;AAE3C,MAAM,SAAS,GAAG,CAAC,GAAa,EAAE,SAAmB,EAAE,OAAiB,EAAE,EAAE;IAC1E,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/F,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CACjB,GAAa,EACb,UAAoB,EACpB,SAAmB,EACnB,OAAiB,EACjB,SAA0B,EAC1B,EAAE;IACF,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;QAC1B,OAAO,CACL,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,CAC/F,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,CAC7F,CAAC;IACJ,CAAC;AACH,CAAC,CAAC;AASF,MAAM,CAAC,MAAM,GAAG,GAAuB,CAAC,EACtC,GAAG,EACH,WAAW,EACX,UAAU,EACV,SAAS,EACT,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,SAAS,EAAE,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC;IACxD,MAAM,KAAK,GAAG,OAAO,EAAE,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC;IAEpD,OAAO,CACL,oBAAC,UAAU,OACL,KAAK,EACT,aAAa,QACb,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CAAC,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,EACrE,UAAU,EAAE,SAAS,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,EACpE,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAK,EACf,SAAS,EAAE,SAAS;QAEpB,8BAAM,SAAS,EAAC,SAAS,IAAE,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAQ,CACzC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAa,GAAG,EAAE;IAC5C,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAkB,IAAI,CAAC,CAAC;IACpE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAkB,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;IACpE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAY,OAAO,CAAC,CAAC;IAE/D;;;OAGG;IACH,MAAM,YAAY,GAAG,CAAC,IAAc,EAAE,EAAE;QACtC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;YAC1B,IAAI,IAAI,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBAC3B,SAAS,CAAC,EAAE,GAAG,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YAC3D,CAAC;iBAAM,CAAC;gBACN,SAAS,CAAC,EAAE,GAAG,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YAC5C,CAAC;YACD,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,IAAI,IAAI,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC;gBAC5B,SAAS,CAAC,EAAE,GAAG,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;gBACzD,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;iBAAM,CAAC;gBACN,SAAS,CAAC,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;gBACxC,YAAY,CAAC,OAAO,CAAC,CAAC;YACxB,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,oBAAoB,IAAC,WAAW,EAAE,YAAY;QAC7C,oBAAC,YAAY,IACX,2BAA2B,QAC3B,SAAS,EAAE;gBACT,GAAG,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;oBACpB,SAAS;oBACT,OAAO,EAAE,MAAM,CAAC,OAAO;oBACvB,SAAS,EAAE,MAAM,CAAC,SAAS;oBAC3B,WAAW,EAAE,KAAK;oBAClB,UAAU;oBACV,cAAc,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,CAAC;oBACnD,cAAc,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC;iBAC1C,CAAC;aACH,EACD,KAAK,EAAE,EAAE,GAAG,EAAE,GAA2B,EAAE,EAC3C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,GACtB,CACmB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/extensions/pos/components/FilterMenu/PresetList.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { List, ListItem, ListItemButton, ListItemText } from "@mui/material";
+import { dashboardFilterFromPreset, useDashboardFilter, } from "../../../../contexts/DashboardFilterContext";
+import { filterPresets } from "../../../../types/dashboard";
+const PresetList = () => {
+    const { setFilter } = useDashboardFilter();
+    const handleFilterChange = (value) => {
+        try {
+            setFilter(dashboardFilterFromPreset(value));
+        }
+        catch {
+            console.warn("Invalid filter preset");
+            setFilter(dashboardFilterFromPreset("last_week"));
+        }
+    };
+    return (React.createElement(List, null, filterPresets.map((preset) => (React.createElement(ListItem, { key: preset.value, disablePadding: true },
+        React.createElement(ListItemButton, { onClick: () => handleFilterChange(preset.value) },
+            React.createElement(ListItemText, { primary: preset.label })))))));
+};
+export default PresetList;
+//# sourceMappingURL=PresetList.js.map

package/dist/esm/extensions/pos/components/FilterMenu/PresetList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresetList.js","sourceRoot":"","sources":["../../../../../../src/extensions/pos/components/FilterMenu/PresetList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7E,OAAO,EACL,yBAAyB,EACzB,kBAAkB,GACnB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAgB,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC1E,MAAM,UAAU,GAAa,GAAG,EAAE;IAChC,MAAM,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE3C,MAAM,kBAAkB,GAAG,CAAC,KAAmB,EAAE,EAAE;QACjD,IAAI,CAAC;YACH,SAAS,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9C,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;YACtC,SAAS,CAAC,yBAAyB,CAAC,WAAW,CAAC,CAAC,CAAC;QACpD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,QACF,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,cAAc;QACzC,oBAAC,cAAc,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,KAAK,CAAC;YAC7D,oBAAC,YAAY,IAAC,OAAO,EAAE,MAAM,CAAC,KAAK,GAAI,CACxB,CACR,CACZ,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/esm/extensions/pos/components/FilterMenu/Select.js

@@ -0,0 +1,12 @@
+import React from "react";
+import FormControl from "@mui/material/FormControl";
+import InputLabel from "@mui/material/InputLabel";
+import MenuItem from "@mui/material/MenuItem";
+import MuiSelect from "@mui/material/Select";
+export const Select = ({ label, value, onChange, items, size = "small", ...props }) => {
+    return (React.createElement(FormControl, { size: size },
+        React.createElement(InputLabel, null, label),
+        React.createElement(MuiSelect, { label: label, value: value, onChange: onChange, ...props }, items.map(({ label, value }) => (React.createElement(MenuItem, { key: value, value: value }, label))))));
+};
+export default Select;
+//# sourceMappingURL=Select.js.map

package/dist/esm/extensions/pos/components/FilterMenu/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../../src/extensions/pos/components/FilterMenu/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,SAA6C,MAAM,sBAAsB,CAAC;AASjF,MAAM,CAAC,MAAM,MAAM,GAAgC,CAAC,EAClD,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,GAAG,OAAO,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI;QACrB,oBAAC,UAAU,QAAE,KAAK,CAAc;QAChC,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,IACjE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/B,oBAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAC/B,KAAK,CACG,CACZ,CAAC,CACQ,CACA,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/esm/extensions/pos/components/FilterMenu/index.js

@@ -0,0 +1,75 @@
+import React, { useRef, useState } from "react";
+import { Button, Chip, Popover, Stack, Typography } from "@mui/material";
+import { ArrowDropDownIcon } from "@mui/x-date-pickers";
+import { useDashboardFilter } from "../../../../contexts/DashboardFilterContext";
+import { useI18n } from "../../../../contexts/I18nContext";
+import { filterPresets, isGranularity } from "../../../../types/dashboard";
+// import { filterPresets, isGranularity } from "../../types/contrib";
+import DateField from "./DateField";
+import DateRangePicker from "./DateRangePicker";
+import PresetList from "./PresetList";
+import Select from "./Select";
+const FilterMenu = ({}) => {
+    const { filter, setFilter } = useDashboardFilter();
+    const anchorRef = useRef(null);
+    const [isOpen, setIsOpen] = useState(false);
+    const { t } = useI18n();
+    const handleClose = () => {
+        setIsOpen(false);
+    };
+    const id = isOpen ? "simple-popover" : undefined;
+    const granularities = [
+        { label: "Day", value: "day", minSelectedDays: 0 },
+        { label: "Week", value: "week", minSelectedDays: 7 },
+        { label: "Month", value: "month", minSelectedDays: 31 },
+        { label: "Quarter", value: "quarter", minSelectedDays: 90 },
+        { label: "Year", value: "year", minSelectedDays: 365 },
+    ].filter((granularity) => granularity.minSelectedDays <= filter.endDate.diff(filter.startDate, "days").days);
+    const setEndDate = (date) => {
+        setFilter({
+            ...filter,
+            preset: "custom",
+            endDate: date ?? filter.endDate,
+        });
+    };
+    return (React.createElement("div", null,
+        React.createElement(Button, { ref: anchorRef, "aria-describedby": id, sx: {
+                display: "flex",
+                alignItems: "center",
+                gap: 1,
+                color: "text.primary",
+                fontWeight: 500,
+            }, variant: "text", onClick: () => setIsOpen(!isOpen) },
+            React.createElement(Chip, { label: filterPresets.find((preset) => preset.value === filter.preset)?.label, size: "small", sx: { borderRadius: 1 } }),
+            React.createElement(Typography, { variant: "body2" },
+                filter.startDate.year === filter.endDate.year
+                    ? filter.startDate.toFormat("dd LLL")
+                    : filter.startDate.toFormat("dd LLL, yyyy"),
+                " - ",
+                filter.endDate.toFormat("dd LLL, yyyy")),
+            React.createElement(ArrowDropDownIcon, null)),
+        React.createElement(Popover, { anchorEl: anchorRef.current, anchorOrigin: {
+                vertical: "bottom",
+                horizontal: "left",
+            }, id: id, open: isOpen, onClose: handleClose },
+            React.createElement(Stack, { direction: "row", gap: 2 },
+                React.createElement(Stack, { sx: { width: 250, borderRight: "1px solid", borderColor: "divider" } },
+                    React.createElement(PresetList, null)),
+                React.createElement(Stack, { direction: "column", gap: 2, p: 2, width: 350 },
+                    React.createElement(Stack, { alignItems: "center", direction: "row", gap: 2 },
+                        React.createElement(DateField, { label: "Start date", value: filter.startDate, onChange: (date) => setFilter({ ...filter, startDate: date ?? filter.startDate }) }),
+                        React.createElement(Typography, { variant: "body2" }, " - "),
+                        React.createElement(DateField, { label: "End date", value: filter.endDate, onChange: setEndDate })),
+                    React.createElement(DateRangePicker, null),
+                    React.createElement(Select, { items: granularities, label: t("Granularity"), size: "small", value: filter.granularity, onChange: (event) => {
+                            const granularity = event.target.value;
+                            if (isGranularity(granularity)) {
+                                setFilter({ ...filter, preset: "custom", granularity });
+                            }
+                            else {
+                                console.error("Invalid granularity");
+                            }
+                        } }))))));
+};
+export default FilterMenu;
+//# sourceMappingURL=index.js.map

package/dist/esm/extensions/pos/components/FilterMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/extensions/pos/components/FilterMenu/index.tsx"],"names":[],"mappings":"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"}