@deenruv/dashboard-widgets-plugin 1.0.0

package/dist/plugin-ui/graphql/queries.js

@@ -0,0 +1,182 @@
+import { typedGql } from "../zeus/typedDocumentNode";
+import { $, SortOrder } from "../zeus";
+import { scalars } from "@deenruv/admin-types";
+import { LatestOrderSelector, SummaryOrdersSelector } from "./selectors";
+import { ORDER_STATE } from "@deenruv/react-ui-devkit";
+export const OrdersSummaryQuery = typedGql("query", { scalars })({
+    orders: [
+        {
+            options: $("options", "OrderListOptions"),
+        },
+        { totalItems: true, items: SummaryOrdersSelector },
+    ],
+});
+export const CategoriesMetricQuery = typedGql("query", { scalars })({
+    chartMetric: [
+        {
+            input: $("input", "ChartMetricInput!"),
+        },
+        {
+            data: {
+                title: true,
+                type: true,
+                entries: {
+                    intervalTick: true,
+                    value: true,
+                    additionalData: {
+                        id: true,
+                        name: true,
+                        quantity: true,
+                    },
+                },
+            },
+        },
+    ],
+});
+export const ChartMetricQuery = typedGql("query", { scalars })({
+    __alias: {
+        prevChartMetric: {
+            chartMetric: [
+                {
+                    input: $("prevInput", "ChartMetricInput!"),
+                },
+                {
+                    data: {
+                        title: true,
+                        type: true,
+                        entries: {
+                            intervalTick: true,
+                            value: true,
+                            additionalData: {
+                                id: true,
+                                name: true,
+                                quantity: true,
+                            },
+                        },
+                    },
+                },
+            ],
+        },
+    },
+    chartMetric: [
+        {
+            input: $("input", "ChartMetricInput!"),
+        },
+        {
+            data: {
+                title: true,
+                type: true,
+                entries: {
+                    intervalTick: true,
+                    value: true,
+                    additionalData: {
+                        id: true,
+                        name: true,
+                        quantity: true,
+                    },
+                },
+            },
+        },
+    ],
+});
+export const BarChartMetricQuery = typedGql("query", { scalars })({
+    chartMetric: [
+        {
+            input: $("input", "ChartMetricInput!"),
+        },
+        {
+            data: {
+                title: true,
+                type: true,
+                entries: {
+                    intervalTick: true,
+                    value: true,
+                    additionalData: {
+                        id: true,
+                        name: true,
+                        quantity: true,
+                    },
+                },
+            },
+        },
+    ],
+});
+export const OrderSummaryMetricsQuery = typedGql("query", { scalars })({
+    __alias: {
+        prevOrderSummaryMetric: {
+            orderSummaryMetric: [
+                { input: $("prevInput", "OrderSummaryMetricInput!") },
+                {
+                    __typename: true,
+                    data: {
+                        __typename: true,
+                        currencyCode: true,
+                        averageOrderValue: true,
+                        averageOrderValueWithTax: true,
+                        orderCount: true,
+                        total: true,
+                        totalWithTax: true,
+                        productCount: true,
+                    },
+                },
+            ],
+        },
+    },
+    orderSummaryMetric: [
+        { input: $("input", "OrderSummaryMetricInput!") },
+        {
+            __typename: true,
+            data: {
+                __typename: true,
+                currencyCode: true,
+                averageOrderValue: true,
+                averageOrderValueWithTax: true,
+                orderCount: true,
+                total: true,
+                totalWithTax: true,
+                productCount: true,
+            },
+        },
+    ],
+});
+export const ProductCollectionsQuery = typedGql("query", { scalars })({
+    products: [
+        {
+            options: {
+                filter: {
+                    id: {
+                        in: $("in", "[String!]"),
+                    },
+                },
+            },
+        },
+        { items: { collections: { slug: true } } },
+    ],
+});
+const LATEST_ORDERS_EXCLUDED_STATUSES = [
+    ORDER_STATE.CANCELLED,
+    ORDER_STATE.DRAFT,
+    ORDER_STATE.MODIFYING,
+    ORDER_STATE.ADDING_ITEMS,
+];
+export const LatestOrdersQuery = typedGql("query", { scalars })({
+    orders: [
+        {
+            options: {
+                take: 5,
+                filter: {
+                    active: { eq: false },
+                    state: { notIn: LATEST_ORDERS_EXCLUDED_STATUSES },
+                },
+                sort: { createdAt: SortOrder.DESC },
+            },
+        },
+        {
+            items: LatestOrderSelector,
+            totalItems: true,
+        },
+    ],
+});
+export const AdditionalOrderStatesQuery = typedGql("query", { scalars })({
+    additionalOrderStates: { state: true, selectedByDefault: true },
+});

package/dist/plugin-ui/graphql/selectors.d.ts

@@ -0,0 +1,19 @@
+import { FromSelectorWithScalars } from "@deenruv/admin-types";
+export declare const SummaryOrdersSelector: {
+    total: true;
+    totalWithTax: true;
+    currencyCode: true;
+};
+export declare const LatestOrderSelector: {
+    totalWithTax: true;
+    state: true;
+    createdAt: true;
+    code: true;
+    id: true;
+    currencyCode: true;
+    payments: {
+        method: true;
+        id: true;
+    };
+};
+export type LatestOrderListType = FromSelectorWithScalars<typeof LatestOrderSelector, "Order">;

package/dist/plugin-ui/graphql/selectors.js

@@ -0,0 +1,21 @@
+import { Selector } from "../zeus";
+export const SummaryOrdersSelector = Selector("Order")({
+    total: true,
+    totalWithTax: true,
+    currencyCode: true,
+});
+export const LatestOrderSelector = Selector("Order")({
+    totalWithTax: true,
+    state: true,
+    createdAt: true,
+    code: true,
+    id: true,
+    currencyCode: true,
+    // getRealization: {
+    //   finalPlannedAt: true,
+    // },
+    payments: {
+        method: true,
+        id: true,
+    },
+});

package/dist/plugin-ui/index.d.ts

@@ -0,0 +1,9 @@
+export type UIPluginOptions = {
+    horizontalChartColors: {
+        colorFrom: string;
+        colorTo: string;
+        stroke: string;
+    };
+    barChartColors?: string[];
+};
+export declare const UIPlugin: import("@deenruv/react-ui-devkit").DeenruvUIPlugin<UIPluginOptions>;

package/dist/plugin-ui/index.js

@@ -0,0 +1,21 @@
+import { createDeenruvUIPlugin } from "@deenruv/react-ui-devkit";
+import { widgets } from "./widgets";
+import pl from "./locales/pl";
+import en from "./locales/en";
+export const UIPlugin = createDeenruvUIPlugin({
+    config: {
+        horizontalChartColors: {
+            colorFrom: `#4338ca`,
+            colorTo: `#6366f1`,
+            stroke: `#6366f1`,
+        },
+        barChartColors: ["#2563eb", "#60a5fa", "#3b82f6", "#93c5fd", "#bfdbfe"],
+    },
+    version: "1.0.0",
+    name: "Dashboard Widgets Plugin",
+    widgets,
+    translations: {
+        ns: "dashboard-widgets-plugin",
+        data: { en, pl },
+    },
+});

package/dist/plugin-ui/locales/en/index.d.ts

@@ -0,0 +1,72 @@
+declare const _default: {
+    metrics: string;
+    averageOrderValue: string;
+    averageOrdersValue: string;
+    bestsellers: string;
+    categories: string;
+    showAll: string;
+    summary: string;
+    sold: string;
+    soldValue: string;
+    orderCount: string;
+    orderTotal: string;
+    dataTypes: string;
+    intervalTypes: string;
+    selectDataType: string;
+    selectIntervalType: string;
+    latestOrders: string;
+    ordersSummary: string;
+    payment: string;
+    totalOrdersCount: string;
+    totalOrdersValue: string;
+    today: string;
+    yesterday: string;
+    thisWeek: string;
+    lastWeek: string;
+    thisMonth: string;
+    lastMonth: string;
+    thisYear: string;
+    LastYear: string;
+    gross: string;
+    net: string;
+    firstYearQuarterInterval: string;
+    secondYearQuarterInterval: string;
+    thirdYearQuarterInterval: string;
+    fourthYearQuarterInterval: string;
+    customInterval: string;
+    chooseStartDate: string;
+    chooseEndDate: string;
+    orderTotalProductsCount: string;
+    orderTotalProductsValue: string;
+    emptyDataTitle: string;
+    emptyData: string;
+    lastRefresh: string;
+    sortBy: string;
+    sortByCount: string;
+    sortByNet: string;
+    showFirstFive: string;
+    variantID: string;
+    previous: string;
+    netSold: string;
+    averageNetSold: string;
+    grossSold: string;
+    averageGrossSold: string;
+    orders: string;
+    soldProducts: string;
+    compare: string;
+    selectOrderStates: string;
+    selectedOrderStates: string;
+    searchOrderStates: string;
+    noOrderStatesFound: string;
+    selectedProducts: string;
+    selectProducts: string;
+    searchProducts: string;
+    noProductsFound: string;
+    clearSelected: string;
+    groupBy: string;
+    byDay: string;
+    byWeek: string;
+    byMonth: string;
+    byQuarter: string;
+}[];
+export default _default;

package/dist/plugin-ui/locales/en/index.js

@@ -0,0 +1,2 @@
+import test from "./test.json";
+export default [test];

package/dist/plugin-ui/locales/en/test.json

@@ -0,0 +1,71 @@
+{
+    "metrics": "Metrics",
+    "averageOrderValue": "Average order value",
+    "averageOrdersValue": "Average order value",
+    "bestsellers": "Bestsellers",
+    "categories": "Popular categories",
+    "showAll": "All",
+    "summary": "Summary",
+    "sold": "Sold: ",
+    "soldValue": "Sold value: ",
+    "orderCount": "Order count",
+    "orderTotal": "Order total",
+    "dataTypes": "Data types",
+    "intervalTypes": "Interval types",
+    "selectDataType": "Select data type",
+    "selectIntervalType": "Select interval type",
+    "latestOrders": "Latest orders",
+    "ordersSummary": "Orders summary",
+    "payment": "Payment",
+    "totalOrdersCount": "Total orders count",
+    "totalOrdersValue": "Total orders value",
+    "today": "Today",
+    "yesterday": "Yesterday",
+    "thisWeek": "This week",
+    "lastWeek": "Last week",
+    "thisMonth": "This month",
+    "lastMonth": "Last month",
+    "thisYear": "This year",
+    "LastYear": "Last year",
+    "gross": "Gross",
+    "net": "Net",
+    "firstYearQuarterInterval": "I quarter",
+    "secondYearQuarterInterval": "II quarter",
+    "thirdYearQuarterInterval": "III quarter",
+    "fourthYearQuarterInterval": "IV quarter",
+    "customInterval": "Custom",
+    "chooseStartDate": "Choose start date",
+    "chooseEndDate": "Choose end date",
+    "orderTotalProductsCount": "Total products count",
+    "orderTotalProductsValue": "Total products value",
+    "emptyDataTitle": "No orders",
+    "emptyData": "Looks like there are no orders for selected period",
+    "lastRefresh": "Last refresh: ",
+    "sortBy": "Sort by",
+    "sortByCount": "Sort by count",
+    "sortByNet": "Sort by values",
+    "showFirstFive": "Top five",
+    "variantID": "Variant ID",
+    "previous": "Previous",
+    "netSold": "Net sold",
+    "averageNetSold": "Average net sold",
+    "grossSold": "Gross sold",
+    "averageGrossSold": "Average gross sold",
+    "orders": "Orders",
+    "soldProducts": "Sold products",
+    "compare": "Compare with previous period",
+    "selectOrderStates": "Select order states",
+    "selectedOrderStates": "Selected order states",
+    "searchOrderStates": "Search order states...",
+    "noOrderStatesFound": "No order states found",
+    "selectedProducts": "Selected products",
+    "selectProducts": "Select products..",
+    "searchProducts": "Search product..",
+    "noProductsFound": "No products found",
+    "clearSelected": "Clear selected",
+    "groupBy": "Group by..",
+    "byDay": "Group by day",
+    "byWeek": "Group by week",
+    "byMonth": "Group by month",
+    "byQuarter": "Group by quarter"
+}

package/dist/plugin-ui/locales/pl/index.d.ts

@@ -0,0 +1,71 @@
+declare const _default: {
+    metrics: string;
+    averageOrderValue: string;
+    bestsellers: string;
+    categories: string;
+    showAll: string;
+    sold: string;
+    summary: string;
+    soldValue: string;
+    orderCount: string;
+    orderTotal: string;
+    dataTypes: string;
+    intervalTypes: string;
+    selectDataType: string;
+    selectIntervalType: string;
+    latestOrders: string;
+    ordersSummary: string;
+    payment: string;
+    totalOrdersCount: string;
+    totalOrdersValue: string;
+    today: string;
+    yesterday: string;
+    thisWeek: string;
+    lastWeek: string;
+    thisMonth: string;
+    lastMonth: string;
+    thisYear: string;
+    lastYear: string;
+    gross: string;
+    net: string;
+    firstYearQuarterInterval: string;
+    secondYearQuarterInterval: string;
+    thirdYearQuarterInterval: string;
+    fourthYearQuarterInterval: string;
+    customInterval: string;
+    chooseStartDate: string;
+    chooseEndDate: string;
+    orderTotalProductsCount: string;
+    orderTotalProductsValue: string;
+    emptyDataTitle: string;
+    emptyData: string;
+    lastRefresh: string;
+    sortBy: string;
+    sortByCount: string;
+    sortByNet: string;
+    showFirstFive: string;
+    variantID: string;
+    previous: string;
+    netSold: string;
+    averageNetSold: string;
+    grossSold: string;
+    averageGrossSold: string;
+    orders: string;
+    soldProducts: string;
+    compare: string;
+    selectOrderStates: string;
+    selectedOrderStates: string;
+    searchOrderStates: string;
+    noOrderStatesFound: string;
+    selectedProducts: string;
+    selectProducts: string;
+    searchProducts: string;
+    noProductsFound: string;
+    clearSelected: string;
+    groupBy: string;
+    byDay: string;
+    byWeek: string;
+    byMonth: string;
+    byQuarter: string;
+}[];
+export default _default;

package/dist/plugin-ui/locales/pl/index.js

@@ -0,0 +1,2 @@
+import test from "./test.json";
+export default [test];

package/dist/plugin-ui/locales/pl/test.json

@@ -0,0 +1,70 @@
+{
+    "metrics": "Wykres szczegółowy",
+    "averageOrderValue": "Średnia wartość zamówień",
+    "bestsellers": "Bestsellery",
+    "categories": "Popularne kategorie",
+    "showAll": "Wszystkie",
+    "sold": "Sprzedano: ",
+    "summary": "Podsumowanie sprzedaży",
+    "soldValue": "Wartość sprzedaży: ",
+    "orderCount": "Ilość zamówień",
+    "orderTotal": "Wartość zamówień",
+    "dataTypes": "Dostępne typy danych",
+    "intervalTypes": "Typ interwału",
+    "selectDataType": "Wybierz typ danych",
+    "selectIntervalType": "Wybierz tryb interwału",
+    "latestOrders": "Ostatnie zamówienia",
+    "ordersSummary": "Sprzedaż",
+    "payment": "Płatność",
+    "totalOrdersCount": "Zamówienia",
+    "totalOrdersValue": "Przychód",
+    "today": "Dzisiaj",
+    "yesterday": "Wczoraj",
+    "thisWeek": "Ten tydzień",
+    "lastWeek": "Poprzedni tydzień",
+    "thisMonth": "Ten miesiąc",
+    "lastMonth": "Poprzedni miesiąc",
+    "thisYear": "Ten rok",
+    "lastYear": "Poprzedni rok",
+    "gross": "Brutto",
+    "net": "Netto",
+    "firstYearQuarterInterval": "I kwartał",
+    "secondYearQuarterInterval": "II kwartał",
+    "thirdYearQuarterInterval": "III kwartał",
+    "fourthYearQuarterInterval": "IV kwartał",
+    "customInterval": "Niestandardowy",
+    "chooseStartDate": "Data początkowa",
+    "chooseEndDate": "Data końcowa",
+    "orderTotalProductsCount": "Liczba sprzedanych produktów",
+    "orderTotalProductsValue": "Wartość sprzedanych produktów",
+    "emptyDataTitle": "Brak zamówień",
+    "emptyData": "Wygląda na to, że nie ma zamówień dla wybranego okresu",
+    "lastRefresh": "Ostatnia aktualizacja: ",
+    "sortBy": "Sortuj po",
+    "sortByCount": "Sortuj po ilości",
+    "sortByNet": "Sortuj po wartości",
+    "showFirstFive": "Top pięć",
+    "variantID": "ID wariantu",
+    "previous": "Poprzednio",
+    "netSold": "Sprzedaż netto",
+    "averageNetSold": "Średnia sprzedaż netto",
+    "grossSold": "Sprzedaż brutto",
+    "averageGrossSold": "Średnia sprzedaż brutto",
+    "orders": "Zamówienia",
+    "soldProducts": "Sprzedane produkty",
+    "compare": "Porównaj z poprzednim okresem",
+    "selectOrderStates": "Wybierz stany zamówień",
+    "selectedOrderStates": "Wybrane stany zamówień",
+    "searchOrderStates": "Wyszukaj stany zamówień...",
+    "noOrderStatesFound": "Nie znaleziono stanów zamówień",
+    "selectedProducts": "Wybrane produkty",
+    "selectProducts": "Wybierz produkty..",
+    "searchProducts": "Wyszukaj parodukt..",
+    "noProductsFound": "Nie znaleziono produktów",
+    "clearSelected": "Wyczyść wybrane",
+    "groupBy": "Grupuj według..",
+    "byDay": "Grupuj wg. dnia",
+    "byWeek": "Grupuj wg. tygodnia",
+    "byMonth": "Grupuj wg. miesiąca",
+    "byQuarter": "Grupuj wg. kwartału"
+}

package/dist/plugin-ui/tsconfig.json

@@ -0,0 +1,18 @@
+{
+    "compilerOptions": {
+        "module": "ESNext",
+        "moduleResolution": "node",
+        "target": "ES2020",
+        "jsx": "react",
+        "outDir": "../../dist/plugin-ui",
+        "importHelpers": true,
+        "declaration": true,
+        "resolveJsonModule": true,
+        "skipLibCheck": true,
+        "strict": true,
+        "noImplicitAny": true,
+        "esModuleInterop": true,
+        "allowSyntheticDefaultImports": true
+    },
+    "include": ["./**/*.tsx", "./**/*.json", "./**/*.ts"]
+}

package/dist/plugin-ui/types.d.ts

@@ -0,0 +1,64 @@
+import { ChartMetricType } from "./zeus";
+export type AdditionalEntryData = {
+    id: string;
+    name: string;
+    quantity: number;
+};
+export type DataTKeys = "averageOrderValue" | "orderCount" | "orderTotal" | "orderTotalProductsCount" | "orderTotalProductsValue";
+export type BetterMetricsChartDataType = {
+    data: {
+        title: string;
+        type: ChartMetricType;
+        entries: {
+            type: ChartMetricType;
+            name: string;
+            value: number;
+            additionalData?: AdditionalEntryData[];
+        }[];
+    }[];
+    lastCacheRefreshTime?: string;
+};
+export type AvailableProductData = {
+    id: string;
+    name: string;
+    label: string;
+    value: number;
+}[];
+export type SortBy = "BY_COUNT" | "BY_NET_WORTH";
+export type ShowData = "FIRST_FIVE" | "ALL";
+export declare enum Periods {
+    Today = "today",
+    Yesterday = "yesterday",
+    ThisWeek = "thisWeek",
+    LastWeek = "lastWeek",
+    ThisMonth = "thisMonth",
+    lastMonth = "lastMonth",
+    ThisYear = "thisYear",
+    FirstYearQuarter = "firstYearQuarterInterval",
+    SecondYearQuarter = "secondYearQuarterInterval",
+    ThirdYearQuarter = "thirdYearQuarterInterval",
+    FourthYearQuarter = "fourthYearQuarterInterval"
+}
+export type Period = {
+    period: Periods;
+    text: string;
+    start: Date;
+    end: Date;
+};
+export type GrossNet = "gross" | "net";
+export type DateRangeType = {
+    start: Date;
+    end?: Date;
+};
+export type GroupBy = "day" | "week" | "quarter" | "month";
+export interface GroupByPeriodArgs {
+    data: {
+        [key: string]: any;
+        name: string;
+        value?: number;
+        type: ChartMetricType;
+        additionalData?: AdditionalEntryData[];
+    }[];
+    language: string;
+    groupBy: GroupBy;
+}

package/dist/plugin-ui/types.js

@@ -0,0 +1,14 @@
+export var Periods;
+(function (Periods) {
+    Periods["Today"] = "today";
+    Periods["Yesterday"] = "yesterday";
+    Periods["ThisWeek"] = "thisWeek";
+    Periods["LastWeek"] = "lastWeek";
+    Periods["ThisMonth"] = "thisMonth";
+    Periods["lastMonth"] = "lastMonth";
+    Periods["ThisYear"] = "thisYear";
+    Periods["FirstYearQuarter"] = "firstYearQuarterInterval";
+    Periods["SecondYearQuarter"] = "secondYearQuarterInterval";
+    Periods["ThirdYearQuarter"] = "thirdYearQuarterInterval";
+    Periods["FourthYearQuarter"] = "fourthYearQuarterInterval";
+})(Periods || (Periods = {}));