@deenruv/deenruv-examples-plugin 1.0.0

package/dist/plugin-server/zeus/typedDocumentNode.d.ts

@@ -0,0 +1,3 @@
+import { TypedDocumentNode } from '@graphql-typed-document-node/core';
+import { ValueTypes, GenericOperation, OperationOptions, GraphQLTypes, InputType, ScalarDefinition, ThunderGraphQLOptions, ExtractVariables } from './';
+export declare const typedGql: <O extends "query" | "mutation", SCLR extends ScalarDefinition, R extends keyof ValueTypes = GenericOperation<O>>(operation: O, graphqlOptions?: ThunderGraphQLOptions<SCLR> | undefined) => <Z extends ValueTypes[R]>(o: Z & { [P in keyof Z]: P extends keyof ValueTypes[R] ? Z[P] : never; }, ops?: OperationOptions) => TypedDocumentNode<InputType<GraphQLTypes[R], Z, SCLR>, ExtractVariables<Z>>;

package/dist/plugin-server/zeus/typedDocumentNode.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typedGql = void 0;
+const graphql_tag_1 = __importDefault(require("graphql-tag"));
+const _1 = require("./");
+const typedGql = (operation, graphqlOptions) => (o, ops) => {
+    const str = (0, _1.Zeus)(operation, o, {
+        operationOptions: ops,
+        scalars: graphqlOptions === null || graphqlOptions === void 0 ? void 0 : graphqlOptions.scalars,
+    });
+    return (0, graphql_tag_1.default)(str);
+};
+exports.typedGql = typedGql;

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

@@ -0,0 +1 @@
+export * from "./svgs";

package/dist/plugin-ui/assets/index.js

@@ -0,0 +1 @@
+export * from "./svgs";

package/dist/plugin-ui/assets/svgs/SquareIcon.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SquareIcon: React.FC<React.SVGProps<SVGSVGElement>>;

package/dist/plugin-ui/assets/svgs/SquareIcon.js

@@ -0,0 +1,3 @@
+import React from "react";
+export const SquareIcon = (props) => (React.createElement("svg", { width: "100", height: "100", viewBox: "0 0 100 100", ...props },
+    React.createElement("rect", { width: "100", height: "100", fill: "currentColor" })));

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

@@ -0,0 +1 @@
+export * from "./SquareIcon";

package/dist/plugin-ui/assets/svgs/index.js

@@ -0,0 +1 @@
+export * from "./SquareIcon";

package/dist/plugin-ui/components/CustomInput.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CustomInput: () => React.JSX.Element;

package/dist/plugin-ui/components/CustomInput.js

@@ -0,0 +1,10 @@
+import { Input, Label, useCustomFields, CardDescription, } from "@deenruv/react-ui-devkit";
+import React from "react";
+export const CustomInput = () => {
+    const { setValue, description, label, value } = useCustomFields();
+    return (React.createElement("div", null,
+        "This is custom input field for custom fields",
+        React.createElement(Label, null, label),
+        React.createElement(CardDescription, null, description),
+        React.createElement(Input, { value: value, onChange: (e) => setValue(e.target.value) })));
+};

package/dist/plugin-ui/components/TestComponent.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const TestComponent: () => React.JSX.Element;

package/dist/plugin-ui/components/TestComponent.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { translationNS } from "../translation-ns";
+import { useTranslation, Card, CardContent, CardHeader, } from "@deenruv/react-ui-devkit";
+export const TestComponent = () => {
+    const { t } = useTranslation(translationNS);
+    return (React.createElement(Card, null,
+        React.createElement(CardHeader, null,
+            React.createElement("div", null, "Some Test Component from plugin")),
+        React.createElement(CardContent, null,
+            React.createElement("div", null, t("nav.link")))));
+};

package/dist/plugin-ui/components/TestPage.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const LocaleTest: () => React.JSX.Element;

package/dist/plugin-ui/components/TestPage.js

@@ -0,0 +1,52 @@
+import React from "react";
+import { translationNS } from "../translation-ns";
+import { Button, Card, CardContent, CardHeader, Input, Label, useMutation, useQuery, useTranslation, } from "@deenruv/react-ui-devkit";
+import { ProductsQuery } from "../graphql/queries";
+import { ProductMutation } from "../graphql/mutations";
+import { useForm } from "react-hook-form";
+import { LanguageCode } from "@deenruv/admin-types";
+import { toast } from "sonner";
+export const LocaleTest = () => {
+    const { t } = useTranslation(translationNS);
+    const [updateProduct] = useMutation(ProductMutation);
+    const { data: productsData } = useQuery(ProductsQuery, {
+        initialVariables: { take: 3 },
+        onSuccess: ({ products }) => reset({ products: products?.items }),
+    });
+    const products = productsData?.products?.items || [];
+    const { register, handleSubmit, reset,
+    // formState: { errors },
+     } = useForm();
+    return (React.createElement(Card, null,
+        React.createElement(CardHeader, null,
+            React.createElement("h1", { className: "mb-2 text-3xl font-bold" }, t("heading"))),
+        React.createElement(CardContent, null,
+            React.createElement("form", { onSubmit: handleSubmit(async (data) => {
+                    const productsToUpdate = data.products.filter((el) => {
+                        const foundProduct = products?.find((el2) => el.id === el2.id);
+                        return foundProduct?.slug !== el.slug;
+                    });
+                    await Promise.all(productsToUpdate.map((el) => updateProduct({
+                        input: {
+                            id: el.id,
+                            translations: [
+                                { languageCode: LanguageCode.en, slug: el.slug },
+                            ],
+                        },
+                    })));
+                    toast.success("success!");
+                }) },
+                React.createElement("p", { className: "mb-4" }, t("text")),
+                React.createElement("p", { className: "mb-4 font-bold" }, "Products List"),
+                React.createElement("div", { className: "flex flex-col gap-2" }, products?.map((el, idx) => (React.createElement("div", { key: el.id },
+                    React.createElement("div", { className: "mb-2 flex items-center gap-4" },
+                        React.createElement("p", null,
+                            el.id,
+                            ". ",
+                            el.name),
+                        React.createElement("div", null,
+                            React.createElement(Label, null, "product slug"),
+                            React.createElement(Input, { ...register(`products.${idx}.slug`) }))),
+                    React.createElement("div", null, el.description))))),
+                React.createElement(Button, { type: "submit" }, "Update")))));
+};

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

@@ -0,0 +1,2 @@
+export * from "./CustomInput";
+export * from "./TestComponent";

package/dist/plugin-ui/components/index.js

@@ -0,0 +1,2 @@
+export * from "./CustomInput";
+export * from "./TestComponent";

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

@@ -0,0 +1,22 @@
+export declare const ProductMutation: import("@graphql-typed-document-node/core").TypedDocumentNode<{
+    updateProduct: {
+        id: string;
+    };
+}, {} & {
+    input: {
+        id: string | import("../zeus").Variable<any, string>;
+        enabled?: boolean | import("../zeus").Variable<any, string> | null | undefined;
+        featuredAssetId?: string | import("../zeus").Variable<any, string> | null | undefined;
+        assetIds?: string[] | import("../zeus").Variable<any, string> | null | undefined;
+        facetValueIds?: string[] | import("../zeus").Variable<any, string> | null | undefined;
+        translations?: import("../zeus").Variable<any, string> | {
+            id?: string | import("../zeus").Variable<any, string> | null | undefined;
+            languageCode: import("../zeus").LanguageCode | import("../zeus").Variable<any, string>;
+            name?: string | import("../zeus").Variable<any, string> | null | undefined;
+            slug?: string | import("../zeus").Variable<any, string> | null | undefined;
+            description?: string | import("../zeus").Variable<any, string> | null | undefined;
+            customFields?: unknown;
+        }[] | null | undefined;
+        customFields?: unknown;
+    };
+}>;

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

@@ -0,0 +1,11 @@
+import { typedGql } from "../zeus/typedDocumentNode";
+import { $ } from "../zeus";
+import { scalars } from "@deenruv/admin-types";
+export const ProductMutation = typedGql("mutation", { scalars })({
+    updateProduct: [
+        {
+            input: $("input", "UpdateProductInput!"),
+        },
+        { id: true },
+    ],
+});

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

@@ -0,0 +1,12 @@
+export declare const ProductsQuery: import("@graphql-typed-document-node/core").TypedDocumentNode<{
+    products: {
+        items: {
+            id: string;
+            name: string;
+            slug: string;
+            description: string;
+        }[];
+    };
+}, {
+    take?: number | undefined;
+} & {}>;

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

@@ -0,0 +1,14 @@
+import { typedGql } from "../zeus/typedDocumentNode";
+import { $ } from "../zeus";
+import { scalars } from "@deenruv/admin-types";
+import { ProductsSelector } from "./selectors";
+export const ProductsQuery = typedGql("query", { scalars })({
+    products: [
+        {
+            options: {
+                take: $("take", "Int"),
+            },
+        },
+        { items: ProductsSelector },
+    ],
+});

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

@@ -0,0 +1,6 @@
+export declare const ProductsSelector: {
+    name: true;
+    slug: true;
+    id: true;
+    description: true;
+};

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

@@ -0,0 +1,7 @@
+import { Selector } from "../zeus";
+export const ProductsSelector = Selector("Product")({
+    name: true,
+    slug: true,
+    id: true,
+    description: true,
+});

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

@@ -0,0 +1 @@
+export declare const UIPlugin: import("@deenruv/react-ui-devkit").DeenruvUIPlugin<Record<string, any>>;

package/dist/plugin-ui/index.js

@@ -0,0 +1,70 @@
+import { BASE_GROUP_ID, createDeenruvUIPlugin } from "@deenruv/react-ui-devkit";
+import { BarChart, Camera, LanguagesIcon } from "lucide-react";
+import { SquareIcon } from "./assets";
+import { tables } from "./tables";
+import { tabs } from "./tabs";
+import pl from "./locales/pl";
+import en from "./locales/en";
+import { translationNS } from "./translation-ns";
+import { LocaleTest } from "./components/TestPage";
+import React from "react";
+import { CustomInput, TestComponent } from "./components";
+export const UIPlugin = createDeenruvUIPlugin({
+    version: "1.0.0",
+    name: "First Plugin",
+    pages: [{ path: "locale-test", element: React.createElement(LocaleTest, null) }],
+    inputs: [{ id: "string-custom-field-input", component: CustomInput }],
+    components: [
+        { component: TestComponent, id: "products-detail-view" },
+        {
+            component: TestComponent,
+            id: "products-detail-view-sidebar",
+            tab: "product",
+        },
+    ],
+    tables,
+    tabs,
+    translations: {
+        ns: translationNS,
+        data: { en, pl },
+    },
+    navMenuGroups: [
+        {
+            id: "other-settings",
+            labelId: `nav.group`,
+            placement: { groupId: BASE_GROUP_ID.SETTINGS },
+        },
+    ],
+    navMenuLinks: [
+        {
+            id: "locale-test",
+            href: "locale-test",
+            labelId: `nav.link`,
+            groupId: "other-settings",
+            icon: LanguagesIcon,
+        },
+        {
+            id: "couriers",
+            href: "test",
+            labelId: `couriers`,
+            groupId: "other-settings",
+            icon: BarChart,
+        },
+        {
+            id: "placement-1",
+            href: "test",
+            labelId: `placement-2`,
+            groupId: BASE_GROUP_ID.SHIPPING,
+            icon: SquareIcon,
+            placement: { linkId: "link-shipping-methods" },
+        },
+        {
+            id: "placement-2",
+            href: "test",
+            labelId: `placement-1`,
+            groupId: BASE_GROUP_ID.SHIPPING,
+            icon: Camera,
+            placement: { linkId: "link-payment-methods", where: "above" },
+        },
+    ],
+});

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

@@ -0,0 +1,41 @@
+declare const _default: {
+    nav: {
+        group: string;
+        link: string;
+    };
+    heading: string;
+    text: string;
+    button: string;
+    metrics: string;
+    averageOrderValue: 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;
+    thisMonth: string;
+    thisYear: string;
+    gross: string;
+    net: string;
+    thisWeekInterval: string;
+    weeklyInterval: string;
+    lastWeekInterval: string;
+    thisMonthInterval: string;
+    mothlyInterval: string;
+    lastMonthInterval: string;
+    yearlyInterval: string;
+    customInterval: string;
+    chooseStartDate: string;
+    chooseEndDate: string;
+    orderTotalProductsCount: 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,40 @@
+{
+    "nav": {
+        "group": "Other settings",
+        "link": "Translations Test"
+    },
+    "heading": "Test heading",
+    "text": "This is a translated text.",
+    "button": "Button",
+    "metrics": "Metrics",
+    "averageOrderValue": "Average order 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",
+    "thisMonth": "This month",
+    "thisYear": "This year",
+    "gross": "Gross",
+    "net": "Net",
+    "thisWeekInterval": "This week",
+    "weeklyInterval": "Weekly",
+    "lastWeekInterval": "Last week",
+    "thisMonthInterval": "This month",
+    "mothlyInterval": "Monthly",
+    "lastMonthInterval": "Last month",
+    "yearlyInterval": "Yearly",
+    "customInterval": "Custom",
+    "chooseStartDate": "Choose start date",
+    "chooseEndDate": "Choose end date",
+    "orderTotalProductsCount": "Total products count"
+}

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

@@ -0,0 +1,41 @@
+declare const _default: {
+    nav: {
+        group: string;
+        link: string;
+    };
+    heading: string;
+    text: string;
+    button: string;
+    metrics: string;
+    averageOrderValue: 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;
+    thisMonth: string;
+    thisYear: string;
+    gross: string;
+    net: string;
+    thisWeekInterval: string;
+    weeklyInterval: string;
+    lastWeekInterval: string;
+    thisMonthInterval: string;
+    mothlyInterval: string;
+    lastMonthInterval: string;
+    yearlyInterval: string;
+    customInterval: string;
+    chooseStartDate: string;
+    chooseEndDate: string;
+    orderTotalProductsCount: 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,40 @@
+{
+    "nav": {
+        "group": "Inne Ustawienia",
+        "link": "Test Tłumaczeń"
+    },
+    "heading": "Nagłówek testowy",
+    "text": "To jest przetłumaczony tekst.",
+    "button": "Guzik",
+    "metrics": "Wskaźniki",
+    "averageOrderValue": "Średnia wartość zamówienia",
+    "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": "Podsumowanie zamówień",
+    "payment": "Płatność",
+    "totalOrdersCount": "Całkowita liczba zamówień",
+    "totalOrdersValue": "Całkowita wartość",
+    "today": "Dzisiaj",
+    "yesterday": "Wczoraj",
+    "thisWeek": "W tym tygodniu",
+    "thisMonth": "W tym miesiącu",
+    "thisYear": "W tym roku",
+    "gross": "Brutto",
+    "net": "Netto",
+    "thisWeekInterval": "W tym tygodniu",
+    "weeklyInterval": "Tydzień",
+    "lastWeekInterval": "W zeszłym tygodniu",
+    "thisMonthInterval": "W tym miesiącu",
+    "mothlyInterval": "Miesiąc",
+    "lastMonthInterval": "Ostatni miesiąc",
+    "yearlyInterval": "Rok",
+    "customInterval": "Niestandardowy",
+    "chooseStartDate": "Data początkowa",
+    "chooseEndDate": "Data końcowa",
+    "orderTotalProductsCount": "Całkowita liczba zamówień"
+}

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

@@ -0,0 +1,5 @@
+import { DeenruvUIPlugin } from "@deenruv/react-ui-devkit";
+import { FromSelector, GraphQLTypes } from "./zeus";
+import { ScalarsType } from "@deenruv/admin-types";
+export type FromSelectorWithScalars<SELECTOR, NAME extends keyof GraphQLTypes> = FromSelector<SELECTOR, NAME, ScalarsType>;
+export declare const tables: DeenruvUIPlugin["tables"];

package/dist/plugin-ui/tables.js

@@ -0,0 +1,7 @@
+//TODO: Add your custom types so it will infer the types in the plugin
+// declare module '@deenruv/react-ui-devkit' {
+//     interface ExternalListLocationSelector {
+//         'products-list-view': FromSelectorWithScalars<GraphQLTypes['Product'], 'Product'>;
+//     }
+// }
+export const tables = [];

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

@@ -0,0 +1,2 @@
+import { DeenruvUIPlugin } from "@deenruv/react-ui-devkit";
+export declare const tabs: DeenruvUIPlugin["tabs"];

package/dist/plugin-ui/tabs.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { TestComponent } from "./components";
+export const tabs = [
+    {
+        id: "products-detail-view",
+        name: "test",
+        label: "Test",
+        component: React.createElement(TestComponent, null),
+    },
+];

package/dist/plugin-ui/translation-ns.d.ts

@@ -0,0 +1 @@
+export declare const translationNS: string;

package/dist/plugin-ui/translation-ns.js

@@ -0,0 +1 @@
+export const translationNS = Symbol("deenruv-examples-plugin").toString();

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/zeus/const.d.ts

@@ -0,0 +1,6 @@
+export declare const AllTypesProps: Record<string, any>;
+export declare const ReturnTypes: Record<string, any>;
+export declare const Ops: {
+    query: "Query";
+    mutation: "Mutation";
+};