bananas-commerce-admin 0.17.9 → 0.17.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/components/WidgetCard.js +11 -4
- package/dist/esm/components/WidgetCard.js.map +1 -1
- package/dist/esm/containers/ComponentLoader.js.map +1 -1
- package/dist/esm/extensions/pos/contrib/PaymentMethodWidget.js +2 -2
- package/dist/esm/extensions/pos/contrib/PaymentMethodWidget.js.map +1 -1
- package/dist/esm/extensions/pos/contrib/PurchaseAmountWidget.js +3 -19
- package/dist/esm/extensions/pos/contrib/PurchaseAmountWidget.js.map +1 -1
- package/dist/esm/extensions/pos/contrib/PurchaseCountWidget.js +4 -4
- package/dist/esm/extensions/pos/contrib/PurchaseCountWidget.js.map +1 -1
- package/dist/esm/extensions/subscription/contrib/RunningSubscriptionCountWidget.js +2 -2
- package/dist/esm/extensions/subscription/contrib/RunningSubscriptionCountWidget.js.map +1 -1
- package/dist/esm/extensions/subscription/contrib/SubscriptionEventCountWidget.js +2 -2
- package/dist/esm/extensions/subscription/contrib/SubscriptionEventCountWidget.js.map +1 -1
- package/dist/esm/extensions/subscription/contrib/SubscriptionStateCountWidget.js +4 -2
- package/dist/esm/extensions/subscription/contrib/SubscriptionStateCountWidget.js.map +1 -1
- package/dist/esm/pages/DashboardPage.js +4 -3
- package/dist/esm/pages/DashboardPage.js.map +1 -1
- package/dist/esm/types/index.js.map +1 -1
- package/dist/types/components/WidgetCard.d.ts +14 -0
- package/dist/types/containers/ComponentLoader.d.ts +2 -0
- package/dist/types/types/index.d.ts +4 -1
- package/package.json +1 -1
- package/src/components/WidgetCard.tsx +21 -3
- package/src/containers/ComponentLoader.tsx +4 -0
- package/src/extensions/pos/contrib/PaymentMethodWidget.tsx +3 -2
- package/src/extensions/pos/contrib/PurchaseAmountWidget.tsx +5 -25
- package/src/extensions/pos/contrib/PurchaseCountWidget.tsx +7 -4
- package/src/extensions/subscription/contrib/RunningSubscriptionCountWidget.tsx +4 -2
- package/src/extensions/subscription/contrib/SubscriptionEventCountWidget.tsx +7 -3
- package/src/extensions/subscription/contrib/SubscriptionStateCountWidget.tsx +8 -3
- package/src/pages/DashboardPage.tsx +4 -2
- package/src/types/index.ts +5 -1
|
@@ -1,11 +1,17 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Card } from "@mui/material";
|
|
3
|
-
import { Typography } from "@mui/material";
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
|
+
import { Card, Typography } from "@mui/material";
|
|
4
3
|
import CardContent from "@mui/material/CardContent";
|
|
5
4
|
import CardHeader from "@mui/material/CardHeader";
|
|
6
5
|
import { useTheme } from "@mui/material/styles";
|
|
7
|
-
export const WidgetCard = ({ title, children, gridColumn, gridRow, sx, ...props }) => {
|
|
6
|
+
export const WidgetCard = ({ title, children, gridColumn, gridRow, order: orderValue = "var(--i, 100)", sx, ...props }) => {
|
|
8
7
|
const theme = useTheme();
|
|
8
|
+
const order = useMemo(() => {
|
|
9
|
+
const defaultOrder = { xs: 100, md: 100, lg: 100, xl: 100 };
|
|
10
|
+
if (typeof orderValue === "object") {
|
|
11
|
+
return { ...defaultOrder, ...orderValue };
|
|
12
|
+
}
|
|
13
|
+
return { xs: orderValue, md: orderValue, lg: orderValue, xl: orderValue };
|
|
14
|
+
}, [orderValue]);
|
|
9
15
|
return (React.createElement(Card, { sx: {
|
|
10
16
|
boxShadow: 0,
|
|
11
17
|
borderRadius: 3,
|
|
@@ -22,6 +28,7 @@ export const WidgetCard = ({ title, children, gridColumn, gridRow, sx, ...props
|
|
|
22
28
|
position: "relative",
|
|
23
29
|
gridColumn,
|
|
24
30
|
gridRow,
|
|
31
|
+
order,
|
|
25
32
|
...sx,
|
|
26
33
|
}, ...props },
|
|
27
34
|
React.createElement(CardHeader, { title: React.createElement(Typography, { sx: { fontWeight: 700 }, variant: "body1" }, title) }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetCard.js","sourceRoot":"","sources":["../../../src/components/WidgetCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"WidgetCard.js","sourceRoot":"","sources":["../../../src/components/WidgetCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,IAAI,EAAa,UAAU,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAgBhD,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,KAAK,EACL,QAAQ,EACR,UAAU,EACV,OAAO,EACP,KAAK,EAAE,UAAU,GAAG,eAAe,EACnC,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,YAAY,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC;QAC5D,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;YACnC,OAAO,EAAE,GAAG,YAAY,EAAE,GAAG,UAAU,EAAE,CAAC;QAC5C,CAAC;QAED,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC;IAC5E,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,oBAAC,IAAI,IACH,EAAE,EAAE;YACF,SAAS,EAAE,CAAC;YACZ,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,KAAK;YAClB,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;YAClC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;YACvC,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;YACtC,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,CAAC;YACX,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,QAAQ,EAAE,UAAU;YACpB,UAAU;YACV,OAAO;YACP,KAAK;YACL,GAAG,EAAE;SACN,KACG,KAAK;QAET,oBAAC,UAAU,IACT,KAAK,EACH,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,OAAO,EAAC,OAAO,IACjD,KAAK,CACK,GAEf;QACF,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAG,QAAQ,CAAe,CACjF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComponentLoader.js","sourceRoot":"","sources":["../../../src/containers/ComponentLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ComponentLoader.js","sourceRoot":"","sources":["../../../src/containers/ComponentLoader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -32,7 +32,7 @@ function PieCenterLabel({ title, subtitle }) {
|
|
|
32
32
|
React.createElement(StyledTitle, { x: left + width / 2, y: top - 10 + height / 2 }, title),
|
|
33
33
|
React.createElement(StyledSubtitle, { x: left + width / 2, y: top + 25 + height / 2 }, subtitle)));
|
|
34
34
|
}
|
|
35
|
-
const PaymentMethodWidget = ({ data }) => {
|
|
35
|
+
const PaymentMethodWidget = ({ data, sx }) => {
|
|
36
36
|
const { t } = useI18n();
|
|
37
37
|
const theme = useTheme();
|
|
38
38
|
const total = useMemo(() => data.reduce((acc, curr) => acc + curr.count, 0), [data]);
|
|
@@ -100,7 +100,7 @@ const PaymentMethodWidget = ({ data }) => {
|
|
|
100
100
|
return null;
|
|
101
101
|
return percentage;
|
|
102
102
|
}, [data, total, highlighted]);
|
|
103
|
-
return (React.createElement(WidgetCard, { gridColumn: { md: "span 6", sm: "span 1" }, gridRow:
|
|
103
|
+
return (React.createElement(WidgetCard, { gridColumn: { md: "span 6", sm: "span 1" }, gridRow: "span 2", sx: sx, title: t("Payment Methods") },
|
|
104
104
|
React.createElement(Stack, { alignItems: "center", direction: { xs: "column", sm: "row" }, justifyContent: "center" },
|
|
105
105
|
React.createElement(PieChart, { height: 275, margin: { top: 0, right: 0, bottom: 0, left: 0 }, series: [
|
|
106
106
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaymentMethodWidget.js","sourceRoot":"","sources":["../../../../../src/extensions/pos/contrib/PaymentMethodWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAGxD,OAAO,EACL,6BAA6B,GAE9B,MAAM,wCAAwC,CAAC;AAEhD;;GAEG;AACH,SAAS,mBAAmB,CAAC,KAAa,EAAE,KAAa;IACvD,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC;AAC3C,CAAC;AAOD,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjD,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IAChC,UAAU,EAAE,QAAQ;IACpB,gBAAgB,EAAE,SAAS;IAC3B,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ;CACvC,CAAC,CAAC,CAAC;AAEJ,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;IAClC,UAAU,EAAE,QAAQ;IACpB,gBAAgB,EAAE,SAAS;IAC3B,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY;CACxC,CAAC,CAAC,CAAC;AAEJ,SAAS,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAuC;IAC9E,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,cAAc,EAAE,CAAC;IACtD,OAAO,CACL;QACE,oBAAC,WAAW,IAAC,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,EAAE,GAAG,MAAM,GAAG,CAAC,IACvD,KAAK,CACM;QACd,oBAAC,cAAc,IAAC,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,EAAE,GAAG,MAAM,GAAG,CAAC,IAC1D,QAAQ,CACM,CAChB,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,mBAAmB,GAA0C,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"PaymentMethodWidget.js","sourceRoot":"","sources":["../../../../../src/extensions/pos/contrib/PaymentMethodWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,34 +1,18 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { Stack, Typography } from "@mui/material";
|
|
3
3
|
import WidgetCard from "../../../components/WidgetCard";
|
|
4
|
-
import { useApi } from "../../../contexts/ApiContext";
|
|
5
4
|
import { useDashboardFilter } from "../../../contexts/DashboardFilterContext";
|
|
6
5
|
import { useI18n } from "../../../contexts/I18nContext";
|
|
7
|
-
import { useUser } from "../../../contexts/UserContext";
|
|
8
6
|
import { pluralizeGranularity } from "../../../types/dashboard";
|
|
9
|
-
import { hasPermission } from "../../../util/has_permission";
|
|
10
7
|
import SitesAmountsList from "../components/SitesAmountsList";
|
|
11
8
|
import { currencyFormat } from "../utils/amountToCurrencyString";
|
|
12
9
|
import { diffDatesByGranularityWithFilter } from "../utils/diffDatesByGranularity";
|
|
13
|
-
const PurchaseAmountWidget = ({ data }) => {
|
|
10
|
+
const PurchaseAmountWidget = ({ data, sx }) => {
|
|
14
11
|
const { t } = useI18n();
|
|
15
12
|
const { filter } = useDashboardFilter();
|
|
16
|
-
const api = useApi();
|
|
17
|
-
const { user } = useUser();
|
|
18
13
|
const purchaseAmounts = data.length;
|
|
19
14
|
const filteredAmount = diffDatesByGranularityWithFilter(filter);
|
|
20
|
-
|
|
21
|
-
// Ugly check to see if the "Total Subscription Count" widget is present
|
|
22
|
-
if ("subscription.stats:state-count" in api.operations &&
|
|
23
|
-
"dashboard:stats:subscription:count" in api.contrib) {
|
|
24
|
-
const [{ component }] = Object.values(api.contrib["dashboard:stats:subscription:count"]);
|
|
25
|
-
if (component != null) {
|
|
26
|
-
return hasPermission(user, component.permission);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
return false;
|
|
30
|
-
}, [api, user]);
|
|
31
|
-
return (React.createElement(WidgetCard, { gridColumn: { md: isFourColumn ? "span 3" : "span 4", sm: "span 1" }, gridRow: { md: "2", xs: "7" }, title: t("Purchase Revenue") }, purchaseAmounts >= 2 ? (React.createElement(SitesAmountsList, { data: data })) : (React.createElement(Stack, { height: "100%", px: 2 },
|
|
15
|
+
return (React.createElement(WidgetCard, { gridColumn: { lg: "span 3", md: "span 6", sm: "span 1" }, gridRow: "span 1", sx: sx, title: t("Purchase Revenue") }, purchaseAmounts >= 2 ? (React.createElement(SitesAmountsList, { data: data })) : (React.createElement(Stack, { height: "100%", px: 2 },
|
|
32
16
|
React.createElement(Stack, { borderBottom: "1px solid", borderColor: "divider", height: "100%" }, purchaseAmounts === 1 ? (React.createElement(Typography, { component: "p", fontSize: 28, fontWeight: 700, variant: "h5" }, currencyFormat(Number.parseFloat(data[0].amount), data[0].currency))) : purchaseAmounts === 0 ? (React.createElement(Stack, { height: "100%" },
|
|
33
17
|
React.createElement(Typography, { color: "textSecondary", variant: "caption" }, t("No revenue data for current period")))) : null),
|
|
34
18
|
React.createElement(Typography, { color: "textSecondary", variant: "overline" }, t(`Over ${pluralizeGranularity(filteredAmount, filter.granularity)}`))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PurchaseAmountWidget.js","sourceRoot":"","sources":["../../../../../src/extensions/pos/contrib/PurchaseAmountWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"PurchaseAmountWidget.js","sourceRoot":"","sources":["../../../../../src/extensions/pos/contrib/PurchaseAmountWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,OAAO,EAAE,oBAAoB,EAAsB,MAAM,0BAA0B,CAAC;AACpF,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,gCAAgC,EAAE,MAAM,iCAAiC,CAAC;AAEnF,MAAM,oBAAoB,GAA2C,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE;IACpF,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAExC,MAAM,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC;IACpC,MAAM,cAAc,GAAG,gCAAgC,CAAC,MAAM,CAAC,CAAC;IAEhE,OAAO,CACL,oBAAC,UAAU,IACT,UAAU,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EACxD,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,IAE3B,eAAe,IAAI,CAAC,CAAC,CAAC,CAAC,CACtB,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,GAAI,CACjC,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC;QACxB,oBAAC,KAAK,IAAC,YAAY,EAAC,WAAW,EAAC,WAAW,EAAC,SAAS,EAAC,MAAM,EAAC,MAAM,IAChE,eAAe,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,oBAAC,UAAU,IAAC,SAAS,EAAC,GAAG,EAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,OAAO,EAAC,IAAI,IAClE,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CACzD,CACd,CAAC,CAAC,CAAC,eAAe,KAAK,CAAC,CAAC,CAAC,CAAC,CAC1B,oBAAC,KAAK,IAAC,MAAM,EAAC,MAAM;YAClB,oBAAC,UAAU,IAAC,KAAK,EAAC,eAAe,EAAC,OAAO,EAAC,SAAS,IAChD,CAAC,CAAC,oCAAoC,CAAC,CAC7B,CACP,CACT,CAAC,CAAC,CAAC,IAAI,CACF;QAER,oBAAC,UAAU,IAAC,KAAK,EAAC,eAAe,EAAC,OAAO,EAAC,UAAU,IACjD,CAAC,CAAC,QAAQ,oBAAoB,CAAC,cAAc,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAC3D,CACP,CACT,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -9,7 +9,7 @@ import { useUser } from "../../../contexts/UserContext";
|
|
|
9
9
|
import { granularityLabel, pluralizeGranularity, } from "../../../types/dashboard";
|
|
10
10
|
import { hasPermission } from "../../../util/has_permission";
|
|
11
11
|
import { diffDatesByGranularityWithFilter } from "../utils/diffDatesByGranularity";
|
|
12
|
-
const PurchaseCountWidget = ({ data: initialData }) => {
|
|
12
|
+
const PurchaseCountWidget = ({ data: initialData, sx }) => {
|
|
13
13
|
const { filter } = useDashboardFilter();
|
|
14
14
|
const data = initialData;
|
|
15
15
|
const { t } = useI18n();
|
|
@@ -40,14 +40,14 @@ const PurchaseCountWidget = ({ data: initialData }) => {
|
|
|
40
40
|
return false;
|
|
41
41
|
}, [api, user]);
|
|
42
42
|
return (React.createElement(React.Fragment, null,
|
|
43
|
-
React.createElement(WidgetCard, { gridColumn: { md: "span 6", sm: "span 1" }, gridRow:
|
|
43
|
+
React.createElement(WidgetCard, { gridColumn: { md: "span 6", sm: "span 1" }, gridRow: "span 2", sx: sx, title: t(`${granularityLabel(filter.granularity)} Purchases`) },
|
|
44
44
|
React.createElement(BarChart, { dataKeyX: "date", dataKeyY: "count", dataset: data.map(({ date, count }) => ({ date: new Date(date), count })), granularity: filter.granularity })),
|
|
45
|
-
React.createElement(WidgetCard, { gridColumn: { md: isFourColumn ? "span 3" : "span 4", sm: "span 1" }, gridRow:
|
|
45
|
+
React.createElement(WidgetCard, { gridColumn: { md: isFourColumn ? "span 3" : "span 4", sm: "span 1" }, gridRow: "span 1", sx: sx, title: t("Purchase Count") },
|
|
46
46
|
React.createElement(Stack, { direction: "column", height: "100%", px: 2 },
|
|
47
47
|
React.createElement(Stack, { borderBottom: "1px solid", borderColor: "divider", height: "100%" },
|
|
48
48
|
React.createElement(Typography, { component: "p", fontSize: 28, fontWeight: 700, variant: "h5" }, totalPurchases.toLocaleString())),
|
|
49
49
|
React.createElement(Typography, { color: "textSecondary", variant: "overline" }, t(`Over ${pluralizeGranularity(filteredAmount, filter.granularity)}`)))),
|
|
50
|
-
React.createElement(WidgetCard, { gridColumn: { md: isFourColumn ? "span 3" : "span 4", sm: "span 1" }, gridRow:
|
|
50
|
+
React.createElement(WidgetCard, { gridColumn: { md: isFourColumn ? "span 3" : "span 4", sm: "span 1" }, gridRow: "span 1", sx: sx, title: t("Purchase Average") },
|
|
51
51
|
React.createElement(Stack, { height: "100%", px: 2 },
|
|
52
52
|
React.createElement(Stack, { borderBottom: "1px solid", borderColor: "divider", height: "100%" },
|
|
53
53
|
React.createElement(Stack, { alignItems: "baseline", direction: "row", flexWrap: "wrap", gap: 1 },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PurchaseCountWidget.js","sourceRoot":"","sources":["../../../../../src/extensions/pos/contrib/PurchaseCountWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,QAAQ,MAAM,qCAAqC,CAAC;AAC3D,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,OAAO,EACL,gBAAgB,EAChB,oBAAoB,GAErB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,gCAAgC,EAAE,MAAM,iCAAiC,CAAC;AAEnF,MAAM,mBAAmB,GAA0C,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"PurchaseCountWidget.js","sourceRoot":"","sources":["../../../../../src/extensions/pos/contrib/PurchaseCountWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ const calculateStep = (value, steps = 5) => {
|
|
|
11
11
|
return Math.ceil(value / steps / base) * base;
|
|
12
12
|
};
|
|
13
13
|
const ceilToStep = (value, step) => value + (step - (value % step));
|
|
14
|
-
const RunningSubscriptionCountWidget = ({ data, }) => {
|
|
14
|
+
const RunningSubscriptionCountWidget = ({ data, sx, }) => {
|
|
15
15
|
const { filter } = useDashboardFilter();
|
|
16
16
|
const { t } = useI18n();
|
|
17
17
|
const theme = useTheme();
|
|
@@ -50,7 +50,7 @@ const RunningSubscriptionCountWidget = ({ data, }) => {
|
|
|
50
50
|
];
|
|
51
51
|
return [series, yMax, yTickStep];
|
|
52
52
|
}, [data, highlighted]);
|
|
53
|
-
return (React.createElement(WidgetCard, { gridColumn: { md: "
|
|
53
|
+
return (React.createElement(WidgetCard, { gridColumn: { md: "span 6", sm: "span 1" }, gridRow: "span 2", sx: sx, title: t(`${granularityLabel(filter.granularity)} Subscriptions`) },
|
|
54
54
|
React.createElement(LineChart, { dataKeyX: "timestamp", dataset: data.map(({ timestamp, ...stats }) => ({
|
|
55
55
|
timestamp: new Date(timestamp),
|
|
56
56
|
...stats,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RunningSubscriptionCountWidget.js","sourceRoot":"","sources":["../../../../../src/extensions/subscription/contrib/RunningSubscriptionCountWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAIhD,OAAO,SAAS,MAAM,sCAAsC,CAAC;AAC7D,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,QAAgB,CAAC,EAAE,EAAE;IACzD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;IACvD,MAAM,IAAI,GAAG,EAAE,IAAI,QAAQ,CAAC;IAC5B,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;AAChD,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,IAAY,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,IAAI,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC;AAEpF,MAAM,8BAA8B,GAAmD,CAAC,EACtF,IAAI,
|
|
1
|
+
{"version":3,"file":"RunningSubscriptionCountWidget.js","sourceRoot":"","sources":["../../../../../src/extensions/subscription/contrib/RunningSubscriptionCountWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,13 +5,13 @@ import WidgetCard from "../../../components/WidgetCard";
|
|
|
5
5
|
import { useDashboardFilter } from "../../../contexts/DashboardFilterContext";
|
|
6
6
|
import { useI18n } from "../../../contexts/I18nContext";
|
|
7
7
|
import { granularityLabel } from "../../../types/dashboard";
|
|
8
|
-
const SubscriptionEventCountWidget = ({ data }) => {
|
|
8
|
+
const SubscriptionEventCountWidget = ({ data, sx, }) => {
|
|
9
9
|
const { filter } = useDashboardFilter();
|
|
10
10
|
const { t } = useI18n();
|
|
11
11
|
const theme = useTheme();
|
|
12
12
|
const [highlighted, setHighlighted] = useState("none");
|
|
13
13
|
const maxCount = Math.max(...data.map(({ created, started, cancelled, ended }) => Math.max(created, started, cancelled, ended)));
|
|
14
|
-
return (React.createElement(WidgetCard, { gridColumn: { md: "span 6
|
|
14
|
+
return (React.createElement(WidgetCard, { gridColumn: { md: "span 6", sm: "span 1" }, gridRow: "span 2", sx: sx, title: t(`${granularityLabel(filter.granularity)} Subscription Events`) },
|
|
15
15
|
React.createElement(BarChart, { dataKeyX: "timestamp", dataset: data.map(({ timestamp, ...stats }) => ({
|
|
16
16
|
timestamp: new Date(timestamp),
|
|
17
17
|
...stats,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubscriptionEventCountWidget.js","sourceRoot":"","sources":["../../../../../src/extensions/subscription/contrib/SubscriptionEventCountWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGhD,OAAO,QAAQ,MAAM,qCAAqC,CAAC;AAC3D,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,MAAM,4BAA4B,GAAmD,CAAC,
|
|
1
|
+
{"version":3,"file":"SubscriptionEventCountWidget.js","sourceRoot":"","sources":["../../../../../src/extensions/subscription/contrib/SubscriptionEventCountWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,11 +3,13 @@ import { Stack, Typography } from "@mui/material";
|
|
|
3
3
|
import WidgetCard from "../../../components/WidgetCard";
|
|
4
4
|
import { useI18n } from "../../../contexts/I18nContext";
|
|
5
5
|
import { capitalize } from "../../../util";
|
|
6
|
-
const SubscriptionStateCountWidget = ({ data }) => {
|
|
6
|
+
const SubscriptionStateCountWidget = ({ data, sx, }) => {
|
|
7
7
|
const { t } = useI18n();
|
|
8
8
|
if (data.length === 0)
|
|
9
9
|
return null;
|
|
10
|
-
return (React.createElement(WidgetCard, { gridColumn: {
|
|
10
|
+
return (React.createElement(WidgetCard, { gridColumn: { lg: "span 3", md: "span 6", sm: "span 1" }, gridRow: "span 1",
|
|
11
|
+
// order={{ md: 50 }}
|
|
12
|
+
sx: sx, title: t("Total Subscription Count") },
|
|
11
13
|
React.createElement(Stack, { direction: "column", px: 2 }, data
|
|
12
14
|
.filter(({ state }) => ["PENDING", "RUNNING"].includes(state))
|
|
13
15
|
.map((item) => (React.createElement(Stack, { key: item.state, alignItems: "center", direction: "row", justifyContent: "space-between", spacing: 1 },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubscriptionStateCountWidget.js","sourceRoot":"","sources":["../../../../../src/extensions/subscription/contrib/SubscriptionStateCountWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,MAAM,4BAA4B,GAAmD,CAAC,
|
|
1
|
+
{"version":3,"file":"SubscriptionStateCountWidget.js","sourceRoot":"","sources":["../../../../../src/extensions/subscription/contrib/SubscriptionStateCountWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,MAAM,4BAA4B,GAAmD,CAAC,EACpF,IAAI,EACJ,EAAE,GACH,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IAExB,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEnC,OAAO,CACL,oBAAC,UAAU,IACT,UAAU,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EACxD,OAAO,EAAC,QAAQ;QAChB,qBAAqB;QACrB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC;QAEpC,oBAAC,KAAK,IAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,IAC9B,IAAI;aACF,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;aAC7D,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACb,oBAAC,KAAK,IACJ,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,UAAU,EAAE,QAAQ,EACpB,SAAS,EAAE,KAAK,EAChB,cAAc,EAAE,eAAe,EAC/B,OAAO,EAAE,CAAC;YAEV,oBAAC,UAAU,QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAc;YACjD,oBAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,IACtC,IAAI,CAAC,KAAK,CACA,CACP,CACT,CAAC,CACE,CACG,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
|
|
@@ -16,9 +16,9 @@ const WidgetLoader = () => {
|
|
|
16
16
|
const api = useApi();
|
|
17
17
|
const { filter } = useDashboardFilter();
|
|
18
18
|
const contrib = useMemo(() => api.findContrib("dashboard"), [api]);
|
|
19
|
-
return contrib.map((operation) => (React.createElement(ComponentLoader, { key: operation.id, operation: operation,
|
|
19
|
+
return contrib.map((operation, i) => (React.createElement(ComponentLoader, { key: operation.id, operation: operation,
|
|
20
20
|
// NOTE: For some godforsaken reason, the `query` prop is not typed as `Record<string, string>` but as `object`. Oh well.
|
|
21
|
-
query: dashboardFilterToSearchParams(filter) })));
|
|
21
|
+
query: dashboardFilterToSearchParams(filter), sx: { "--i": `${(i + 1) * 10}` } })));
|
|
22
22
|
};
|
|
23
23
|
/**
|
|
24
24
|
* `DashboardPage` is the main page for the dashboard.
|
|
@@ -43,7 +43,8 @@ const DashboardPage = () => {
|
|
|
43
43
|
React.createElement(Box, { sx: {
|
|
44
44
|
display: "grid",
|
|
45
45
|
gridTemplateColumns: { sm: "repeat(1, 1fr)", md: "repeat(12, 1fr)" },
|
|
46
|
-
|
|
46
|
+
gridAutoRows: "minmax(180px, auto)",
|
|
47
|
+
gridAutoFlow: "dense",
|
|
47
48
|
gap: 2,
|
|
48
49
|
width: "100%",
|
|
49
50
|
height: "fit-content",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardPage.js","sourceRoot":"","sources":["../../../src/pages/DashboardPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,8BAA8B,EAAE,EACrC,6BAA6B,EAC7B,kBAAkB,GACnB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,eAAe,MAAM,8CAA8C,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C;;GAEG;AACH,MAAM,YAAY,GAAa,GAAG,EAAE;IAClC,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAExC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEnE,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"DashboardPage.js","sourceRoot":"","sources":["../../../src/pages/DashboardPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,8BAA8B,EAAE,EACrC,6BAA6B,EAC7B,kBAAkB,GACnB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,eAAe,MAAM,8CAA8C,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C;;GAEG;AACH,MAAM,YAAY,GAAa,GAAG,EAAE;IAClC,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAExC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEnE,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC,CACnC,oBAAC,eAAe,IACd,GAAG,EAAE,SAAS,CAAC,EAAE,EACjB,SAAS,EAAE,SAAS;QACpB,yHAAyH;QACzH,KAAK,EAAE,6BAA6B,CAAC,MAAM,CAAW,EACtD,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,GAChC,CACH,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,aAAa,GAAa,GAAG,EAAE;IACnC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,CAAC;IAE3B,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,+BAA+B;IAEnD,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC,CAAC,yCAAyC;IACxD,CAAC;IAED,OAAO,CACL,oBAAC,8BAA8B;QAC7B,oBAAC,MAAM;YACL,oBAAC,MAAM,IAAC,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE;gBACjF,oBAAC,OAAO,IAAC,OAAO,EAAC,OAAO;oBACtB,oBAAC,KAAK,IACJ,UAAU,EAAE,QAAQ,EACpB,aAAa,EAAE,KAAK,EACpB,QAAQ,EAAE,CAAC,EACX,cAAc,EAAE,eAAe;wBAE/B,oBAAC,KAAK,QACH,KAAK,IAAI,IAAI,IAAI,CAChB,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,OAAO,EAAC,IAAI,IACzE,KAAK,CACK,CACd,CACK;wBAER,oBAAC,eAAe,OAAG,CACb,CACA,CACH,CACF;QAET,oBAAC,OAAO,IAAC,MAAM,EAAC,YAAY;YAC1B,oBAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,mBAAmB,EAAE,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,iBAAiB,EAAE;oBACpE,YAAY,EAAE,qBAAqB;oBACnC,YAAY,EAAE,OAAO;oBACrB,GAAG,EAAE,CAAC;oBACN,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,aAAa;oBAErB,2CAA2C;oBAC3C,2BAA2B,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;iBACzD;gBAED,oBAAC,YAAY,OAAG,CACZ,CACE,CACqB,CAClC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAMA,cAAc,aAAa,CAAC"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { CardProps } from "@mui/material";
|
|
3
|
+
/** Props for a card widget that can be placed in a grid layout */
|
|
3
4
|
export interface WidgetCardProps extends CardProps {
|
|
5
|
+
/** Card header title */
|
|
4
6
|
title: string;
|
|
7
|
+
/** CSS grid column placement, preferred way is `span {n}` and let the grid handle the layout */
|
|
5
8
|
gridColumn: string | {
|
|
6
9
|
xs?: string;
|
|
7
10
|
sm?: string;
|
|
@@ -9,6 +12,7 @@ export interface WidgetCardProps extends CardProps {
|
|
|
9
12
|
lg?: string;
|
|
10
13
|
xl?: string;
|
|
11
14
|
};
|
|
15
|
+
/** CSS grid row placement, preferred way is `span {n}` and let the grid handle the layout */
|
|
12
16
|
gridRow: string | {
|
|
13
17
|
xs?: string;
|
|
14
18
|
sm?: string;
|
|
@@ -16,6 +20,16 @@ export interface WidgetCardProps extends CardProps {
|
|
|
16
20
|
lg?: string;
|
|
17
21
|
xl?: string;
|
|
18
22
|
};
|
|
23
|
+
/** Display order of this element. Use this rather than the column or row to decide the order
|
|
24
|
+
* and let the grid handle the layout.
|
|
25
|
+
* @default: 100 */
|
|
26
|
+
order?: number | {
|
|
27
|
+
xs?: number;
|
|
28
|
+
sm?: number;
|
|
29
|
+
md?: number;
|
|
30
|
+
lg?: number;
|
|
31
|
+
xl?: number;
|
|
32
|
+
};
|
|
19
33
|
}
|
|
20
34
|
export declare const WidgetCard: React.FC<WidgetCardProps>;
|
|
21
35
|
export default WidgetCard;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { SxProps } from "@mui/system";
|
|
2
3
|
import { OpenAPI } from "openapi-types";
|
|
3
4
|
import { ApiOperation } from "../api";
|
|
4
5
|
export declare class DataLoadFailedError extends Error {
|
|
@@ -7,6 +8,7 @@ export declare class DataLoadFailedError extends Error {
|
|
|
7
8
|
}
|
|
8
9
|
export interface ComponentLoaderProps extends OpenAPI.Request {
|
|
9
10
|
operation: ApiOperation | string;
|
|
11
|
+
sx?: SxProps;
|
|
10
12
|
}
|
|
11
13
|
export declare const ComponentLoader: React.FC<ComponentLoaderProps>;
|
|
12
14
|
export default ComponentLoader;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { SxProps } from "@mui/system";
|
|
1
2
|
import { OpenAPI } from "openapi-types";
|
|
2
3
|
import { RouteInfo } from "../contexts/RouterContext";
|
|
3
4
|
export * from "./dashboard";
|
|
@@ -48,7 +49,9 @@ export interface NavigationItem {
|
|
|
48
49
|
* @note Keys that are valid URLs (per `isURL`) will be treated as external links and turned into `a` tags.
|
|
49
50
|
*/
|
|
50
51
|
export type NavigationOverrides = Record<string, NavigationItem | null | undefined | false>;
|
|
51
|
-
export type ContribComponent<T = any> = React.ComponentType<PageProps<T> & OpenAPI.Request
|
|
52
|
+
export type ContribComponent<T = any> = React.ComponentType<PageProps<T> & OpenAPI.Request & {
|
|
53
|
+
sx?: SxProps;
|
|
54
|
+
}>;
|
|
52
55
|
/**
|
|
53
56
|
* The variant of the component, either a tab or inline.
|
|
54
57
|
* Still requires a `Page` that loads the contrib.
|
package/package.json
CHANGED
|
@@ -1,15 +1,22 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
2
|
|
|
3
|
-
import { Card, CardProps } from "@mui/material";
|
|
4
|
-
import { Typography } from "@mui/material";
|
|
3
|
+
import { Card, CardProps, Typography } from "@mui/material";
|
|
5
4
|
import CardContent from "@mui/material/CardContent";
|
|
6
5
|
import CardHeader from "@mui/material/CardHeader";
|
|
7
6
|
import { useTheme } from "@mui/material/styles";
|
|
8
7
|
|
|
8
|
+
/** Props for a card widget that can be placed in a grid layout */
|
|
9
9
|
export interface WidgetCardProps extends CardProps {
|
|
10
|
+
/** Card header title */
|
|
10
11
|
title: string;
|
|
12
|
+
/** CSS grid column placement, preferred way is `span {n}` and let the grid handle the layout */
|
|
11
13
|
gridColumn: string | { xs?: string; sm?: string; md?: string; lg?: string; xl?: string };
|
|
14
|
+
/** CSS grid row placement, preferred way is `span {n}` and let the grid handle the layout */
|
|
12
15
|
gridRow: string | { xs?: string; sm?: string; md?: string; lg?: string; xl?: string };
|
|
16
|
+
/** Display order of this element. Use this rather than the column or row to decide the order
|
|
17
|
+
* and let the grid handle the layout.
|
|
18
|
+
* @default: 100 */
|
|
19
|
+
order?: number | { xs?: number; sm?: number; md?: number; lg?: number; xl?: number };
|
|
13
20
|
}
|
|
14
21
|
|
|
15
22
|
export const WidgetCard: React.FC<WidgetCardProps> = ({
|
|
@@ -17,11 +24,21 @@ export const WidgetCard: React.FC<WidgetCardProps> = ({
|
|
|
17
24
|
children,
|
|
18
25
|
gridColumn,
|
|
19
26
|
gridRow,
|
|
27
|
+
order: orderValue = "var(--i, 100)",
|
|
20
28
|
sx,
|
|
21
29
|
...props
|
|
22
30
|
}) => {
|
|
23
31
|
const theme = useTheme();
|
|
24
32
|
|
|
33
|
+
const order = useMemo(() => {
|
|
34
|
+
const defaultOrder = { xs: 100, md: 100, lg: 100, xl: 100 };
|
|
35
|
+
if (typeof orderValue === "object") {
|
|
36
|
+
return { ...defaultOrder, ...orderValue };
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
return { xs: orderValue, md: orderValue, lg: orderValue, xl: orderValue };
|
|
40
|
+
}, [orderValue]);
|
|
41
|
+
|
|
25
42
|
return (
|
|
26
43
|
<Card
|
|
27
44
|
sx={{
|
|
@@ -40,6 +57,7 @@ export const WidgetCard: React.FC<WidgetCardProps> = ({
|
|
|
40
57
|
position: "relative",
|
|
41
58
|
gridColumn,
|
|
42
59
|
gridRow,
|
|
60
|
+
order,
|
|
43
61
|
...sx,
|
|
44
62
|
}}
|
|
45
63
|
{...props}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React, { lazy, useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
2
2
|
import { Suspense } from "react";
|
|
3
3
|
|
|
4
|
+
import { SxProps } from "@mui/system";
|
|
5
|
+
|
|
4
6
|
import { OpenAPI } from "openapi-types";
|
|
5
7
|
|
|
6
8
|
import { ApiOperation } from "../api";
|
|
@@ -22,10 +24,12 @@ export class DataLoadFailedError extends Error {
|
|
|
22
24
|
|
|
23
25
|
export interface ComponentLoaderProps extends OpenAPI.Request {
|
|
24
26
|
operation: ApiOperation | string;
|
|
27
|
+
sx?: SxProps;
|
|
25
28
|
}
|
|
26
29
|
|
|
27
30
|
interface ComponentLoaderInnerProps extends OpenAPI.Request {
|
|
28
31
|
operation: ApiOperation & Required<Pick<ApiOperation, "component">>;
|
|
32
|
+
sx?: SxProps;
|
|
29
33
|
}
|
|
30
34
|
|
|
31
35
|
export const ComponentLoader: React.FC<ComponentLoaderProps> = ({ operation, ...rest }) => {
|
|
@@ -57,7 +57,7 @@ function PieCenterLabel({ title, subtitle }: { title: string; subtitle: string }
|
|
|
57
57
|
);
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
const PaymentMethodWidget: ContribComponent<PaymentMethodItem[]> = ({ data }) => {
|
|
60
|
+
const PaymentMethodWidget: ContribComponent<PaymentMethodItem[]> = ({ data, sx }) => {
|
|
61
61
|
const { t } = useI18n();
|
|
62
62
|
const theme = useTheme();
|
|
63
63
|
|
|
@@ -145,7 +145,8 @@ const PaymentMethodWidget: ContribComponent<PaymentMethodItem[]> = ({ data }) =>
|
|
|
145
145
|
return (
|
|
146
146
|
<WidgetCard
|
|
147
147
|
gridColumn={{ md: "span 6", sm: "span 1" }}
|
|
148
|
-
gridRow=
|
|
148
|
+
gridRow="span 2"
|
|
149
|
+
sx={sx}
|
|
149
150
|
title={t("Payment Methods")}
|
|
150
151
|
>
|
|
151
152
|
<Stack alignItems="center" direction={{ xs: "column", sm: "row" }} justifyContent="center">
|
|
@@ -1,48 +1,28 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from "react";
|
|
2
2
|
|
|
3
3
|
import { Stack, Typography } from "@mui/material";
|
|
4
4
|
|
|
5
5
|
import WidgetCard from "../../../components/WidgetCard";
|
|
6
|
-
import { useApi } from "../../../contexts/ApiContext";
|
|
7
6
|
import { useDashboardFilter } from "../../../contexts/DashboardFilterContext";
|
|
8
7
|
import { useI18n } from "../../../contexts/I18nContext";
|
|
9
|
-
import { useUser } from "../../../contexts/UserContext";
|
|
10
8
|
import { ContribComponent } from "../../../types";
|
|
11
9
|
import { pluralizeGranularity, PurchaseAmountItem } from "../../../types/dashboard";
|
|
12
|
-
import { hasPermission } from "../../../util/has_permission";
|
|
13
10
|
import SitesAmountsList from "../components/SitesAmountsList";
|
|
14
11
|
import { currencyFormat } from "../utils/amountToCurrencyString";
|
|
15
12
|
import { diffDatesByGranularityWithFilter } from "../utils/diffDatesByGranularity";
|
|
16
13
|
|
|
17
|
-
const PurchaseAmountWidget: ContribComponent<PurchaseAmountItem[]> = ({ data }) => {
|
|
14
|
+
const PurchaseAmountWidget: ContribComponent<PurchaseAmountItem[]> = ({ data, sx }) => {
|
|
18
15
|
const { t } = useI18n();
|
|
19
16
|
const { filter } = useDashboardFilter();
|
|
20
|
-
const api = useApi();
|
|
21
|
-
const { user } = useUser();
|
|
22
17
|
|
|
23
18
|
const purchaseAmounts = data.length;
|
|
24
19
|
const filteredAmount = diffDatesByGranularityWithFilter(filter);
|
|
25
20
|
|
|
26
|
-
const isFourColumn = useMemo(() => {
|
|
27
|
-
// Ugly check to see if the "Total Subscription Count" widget is present
|
|
28
|
-
if (
|
|
29
|
-
"subscription.stats:state-count" in api.operations &&
|
|
30
|
-
"dashboard:stats:subscription:count" in api.contrib
|
|
31
|
-
) {
|
|
32
|
-
const [{ component }] = Object.values(api.contrib["dashboard:stats:subscription:count"]);
|
|
33
|
-
|
|
34
|
-
if (component != null) {
|
|
35
|
-
return hasPermission(user, component.permission);
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
return false;
|
|
40
|
-
}, [api, user]);
|
|
41
|
-
|
|
42
21
|
return (
|
|
43
22
|
<WidgetCard
|
|
44
|
-
gridColumn={{
|
|
45
|
-
gridRow=
|
|
23
|
+
gridColumn={{ lg: "span 3", md: "span 6", sm: "span 1" }}
|
|
24
|
+
gridRow="span 1"
|
|
25
|
+
sx={sx}
|
|
46
26
|
title={t("Purchase Revenue")}
|
|
47
27
|
>
|
|
48
28
|
{purchaseAmounts >= 2 ? (
|
|
@@ -17,7 +17,7 @@ import {
|
|
|
17
17
|
import { hasPermission } from "../../../util/has_permission";
|
|
18
18
|
import { diffDatesByGranularityWithFilter } from "../utils/diffDatesByGranularity";
|
|
19
19
|
|
|
20
|
-
const PurchaseCountWidget: ContribComponent<PurchaseCountItem[]> = ({ data: initialData }) => {
|
|
20
|
+
const PurchaseCountWidget: ContribComponent<PurchaseCountItem[]> = ({ data: initialData, sx }) => {
|
|
21
21
|
const { filter } = useDashboardFilter();
|
|
22
22
|
const data = initialData;
|
|
23
23
|
const { t } = useI18n();
|
|
@@ -60,7 +60,8 @@ const PurchaseCountWidget: ContribComponent<PurchaseCountItem[]> = ({ data: init
|
|
|
60
60
|
<>
|
|
61
61
|
<WidgetCard
|
|
62
62
|
gridColumn={{ md: "span 6", sm: "span 1" }}
|
|
63
|
-
gridRow=
|
|
63
|
+
gridRow="span 2"
|
|
64
|
+
sx={sx}
|
|
64
65
|
title={t(`${granularityLabel(filter.granularity)} Purchases`)}
|
|
65
66
|
>
|
|
66
67
|
<BarChart
|
|
@@ -73,7 +74,8 @@ const PurchaseCountWidget: ContribComponent<PurchaseCountItem[]> = ({ data: init
|
|
|
73
74
|
|
|
74
75
|
<WidgetCard
|
|
75
76
|
gridColumn={{ md: isFourColumn ? "span 3" : "span 4", sm: "span 1" }}
|
|
76
|
-
gridRow=
|
|
77
|
+
gridRow="span 1"
|
|
78
|
+
sx={sx}
|
|
77
79
|
title={t("Purchase Count")}
|
|
78
80
|
>
|
|
79
81
|
<Stack direction={"column"} height={"100%"} px={2}>
|
|
@@ -91,7 +93,8 @@ const PurchaseCountWidget: ContribComponent<PurchaseCountItem[]> = ({ data: init
|
|
|
91
93
|
|
|
92
94
|
<WidgetCard
|
|
93
95
|
gridColumn={{ md: isFourColumn ? "span 3" : "span 4", sm: "span 1" }}
|
|
94
|
-
gridRow=
|
|
96
|
+
gridRow="span 1"
|
|
97
|
+
sx={sx}
|
|
95
98
|
title={t("Purchase Average")}
|
|
96
99
|
>
|
|
97
100
|
<Stack height="100%" px={2}>
|
|
@@ -22,6 +22,7 @@ const ceilToStep = (value: number, step: number) => value + (step - (value % ste
|
|
|
22
22
|
|
|
23
23
|
const RunningSubscriptionCountWidget: ContribComponent<SubscriptionStateCountItem[]> = ({
|
|
24
24
|
data,
|
|
25
|
+
sx,
|
|
25
26
|
}) => {
|
|
26
27
|
const { filter } = useDashboardFilter();
|
|
27
28
|
const { t } = useI18n();
|
|
@@ -72,8 +73,9 @@ const RunningSubscriptionCountWidget: ContribComponent<SubscriptionStateCountIte
|
|
|
72
73
|
|
|
73
74
|
return (
|
|
74
75
|
<WidgetCard
|
|
75
|
-
gridColumn={{ md: "
|
|
76
|
-
gridRow=
|
|
76
|
+
gridColumn={{ md: "span 6", sm: "span 1" }}
|
|
77
|
+
gridRow="span 2"
|
|
78
|
+
sx={sx}
|
|
77
79
|
title={t(`${granularityLabel(filter.granularity)} Subscriptions`)}
|
|
78
80
|
>
|
|
79
81
|
<LineChart
|
|
@@ -11,7 +11,10 @@ import { ContribComponent } from "../../../types";
|
|
|
11
11
|
import { granularityLabel } from "../../../types/dashboard";
|
|
12
12
|
import { SubscriptionEventCountItem } from "../types/stats";
|
|
13
13
|
|
|
14
|
-
const SubscriptionEventCountWidget: ContribComponent<SubscriptionEventCountItem[]> = ({
|
|
14
|
+
const SubscriptionEventCountWidget: ContribComponent<SubscriptionEventCountItem[]> = ({
|
|
15
|
+
data,
|
|
16
|
+
sx,
|
|
17
|
+
}) => {
|
|
15
18
|
const { filter } = useDashboardFilter();
|
|
16
19
|
const { t } = useI18n();
|
|
17
20
|
const theme = useTheme();
|
|
@@ -26,8 +29,9 @@ const SubscriptionEventCountWidget: ContribComponent<SubscriptionEventCountItem[
|
|
|
26
29
|
|
|
27
30
|
return (
|
|
28
31
|
<WidgetCard
|
|
29
|
-
gridColumn={{ md: "span 6
|
|
30
|
-
gridRow=
|
|
32
|
+
gridColumn={{ md: "span 6", sm: "span 1" }}
|
|
33
|
+
gridRow="span 2"
|
|
34
|
+
sx={sx}
|
|
31
35
|
title={t(`${granularityLabel(filter.granularity)} Subscription Events`)}
|
|
32
36
|
>
|
|
33
37
|
<BarChart
|
|
@@ -8,15 +8,20 @@ import { ContribComponent } from "../../../types";
|
|
|
8
8
|
import { capitalize } from "../../../util";
|
|
9
9
|
import { SubscriptionTotalCountItem } from "../types/stats";
|
|
10
10
|
|
|
11
|
-
const SubscriptionStateCountWidget: ContribComponent<SubscriptionTotalCountItem[]> = ({
|
|
11
|
+
const SubscriptionStateCountWidget: ContribComponent<SubscriptionTotalCountItem[]> = ({
|
|
12
|
+
data,
|
|
13
|
+
sx,
|
|
14
|
+
}) => {
|
|
12
15
|
const { t } = useI18n();
|
|
13
16
|
|
|
14
17
|
if (data.length === 0) return null;
|
|
15
18
|
|
|
16
19
|
return (
|
|
17
20
|
<WidgetCard
|
|
18
|
-
gridColumn={{
|
|
19
|
-
gridRow=
|
|
21
|
+
gridColumn={{ lg: "span 3", md: "span 6", sm: "span 1" }}
|
|
22
|
+
gridRow="span 1"
|
|
23
|
+
// order={{ md: 50 }}
|
|
24
|
+
sx={sx}
|
|
20
25
|
title={t("Total Subscription Count")}
|
|
21
26
|
>
|
|
22
27
|
<Stack direction={"column"} px={2}>
|
|
@@ -24,12 +24,13 @@ const WidgetLoader: React.FC = () => {
|
|
|
24
24
|
|
|
25
25
|
const contrib = useMemo(() => api.findContrib("dashboard"), [api]);
|
|
26
26
|
|
|
27
|
-
return contrib.map((operation) => (
|
|
27
|
+
return contrib.map((operation, i) => (
|
|
28
28
|
<ComponentLoader
|
|
29
29
|
key={operation.id}
|
|
30
30
|
operation={operation}
|
|
31
31
|
// NOTE: For some godforsaken reason, the `query` prop is not typed as `Record<string, string>` but as `object`. Oh well.
|
|
32
32
|
query={dashboardFilterToSearchParams(filter) as object}
|
|
33
|
+
sx={{ "--i": `${(i + 1) * 10}` }}
|
|
33
34
|
/>
|
|
34
35
|
));
|
|
35
36
|
};
|
|
@@ -79,7 +80,8 @@ const DashboardPage: React.FC = () => {
|
|
|
79
80
|
sx={{
|
|
80
81
|
display: "grid",
|
|
81
82
|
gridTemplateColumns: { sm: "repeat(1, 1fr)", md: "repeat(12, 1fr)" },
|
|
82
|
-
|
|
83
|
+
gridAutoRows: "minmax(180px, auto)",
|
|
84
|
+
gridAutoFlow: "dense",
|
|
83
85
|
gap: 2,
|
|
84
86
|
width: "100%",
|
|
85
87
|
height: "fit-content",
|
package/src/types/index.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { SxProps } from "@mui/system";
|
|
2
|
+
|
|
1
3
|
import { OpenAPI } from "openapi-types";
|
|
2
4
|
|
|
3
5
|
import { RouteInfo } from "../contexts/RouterContext";
|
|
@@ -57,7 +59,9 @@ export interface NavigationItem {
|
|
|
57
59
|
export type NavigationOverrides = Record<string, NavigationItem | null | undefined | false>;
|
|
58
60
|
|
|
59
61
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
60
|
-
export type ContribComponent<T = any> = React.ComponentType<
|
|
62
|
+
export type ContribComponent<T = any> = React.ComponentType<
|
|
63
|
+
PageProps<T> & OpenAPI.Request & { sx?: SxProps }
|
|
64
|
+
>;
|
|
61
65
|
|
|
62
66
|
/**
|
|
63
67
|
* The variant of the component, either a tab or inline.
|