@deenruv/facet-harmonica-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/components/CheckboxAccordion.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { FacetValue } from "../graphql";
+interface CheckboxAccordionProps {
+    checkedFacetsIds?: string[];
+    title: string | undefined;
+    allFacets: FacetValue[] | undefined;
+    onChange: (itemId: string, checked: boolean) => void;
+}
+export declare const CheckboxAccordion: React.FC<CheckboxAccordionProps>;
+export {};

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Checkbox, Label, } from "@deenruv/react-ui-devkit";
+export const CheckboxAccordion = ({ checkedFacetsIds, title, allFacets, onChange, }) => {
+    return (React.createElement(Accordion, { type: "single", collapsible: true, className: "w-full" },
+        React.createElement(AccordionItem, { value: "item-1" },
+            React.createElement(AccordionTrigger, null, title),
+            React.createElement(AccordionContent, null,
+                React.createElement("div", { className: "grid grid-cols-4 gap-4" }, allFacets?.map((f) => (React.createElement("div", { key: f.code, className: "flex items-center  gap-3" },
+                    React.createElement(Checkbox, { name: f.code, id: f.code, checked: checkedFacetsIds?.includes(f.id), onCheckedChange: (e) => onChange(f.id, e) }),
+                    React.createElement(Label, { htmlFor: f.code, className: "flex items-center gap-2 font-normal" },
+                        f.customFields?.hexColor &&
+                            f.customFields?.hexColor !== "#" && (React.createElement("div", { className: "border-gray size-4 rounded-full border border-solid", style: { backgroundColor: f.customFields?.hexColor } })),
+                        f.name)))))))));
+};

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

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

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

@@ -0,0 +1,54 @@
+import { Button, Dialog, DialogContent, DialogTrigger, ORDER_STATE, useDetailView, useTranslation, } from "@deenruv/react-ui-devkit";
+import { NotepadText, Printer } from "lucide-react";
+import React from "react";
+const illegalStates = [
+    ORDER_STATE.DRAFT,
+    ORDER_STATE.ADDING_ITEMS,
+    ORDER_STATE.ARRANGING_PAYMENT,
+    ORDER_STATE.MODIFYING,
+    ORDER_STATE.PAYMENT_AUTHORIZED,
+    ORDER_STATE.PAYMENT_SETTLED,
+    ORDER_STATE.CANCELLED,
+];
+export const DedicatedButtons = () => {
+    const { t } = useTranslation();
+    const { entity: order } = useDetailView("orders-detail-view");
+    const createProforma = async (type) => {
+        if (!order)
+            return;
+        // const { sendInvoiceToWFirma } = await apiClient('mutation')({
+        //   sendInvoiceToWFirma: [
+        //     { input: { orderID: order.id, invoiceType: type === 'proforma' ? 'proforma' : 'receipt_fiscal_normal' } },
+        //     { url: true },
+        //   ],
+        // });
+        // if (sendInvoiceToWFirma) {
+        //   window.open(
+        //     type === 'proforma' ? 'https://wfirma.pl/invoices/index/proforma' : 'https://wfirma.pl/invoices/index/all',
+        //     '_blank',
+        //   );
+        //   toast.success(t(type === 'proforma' ? 'invoice.createProformaSuccess' : 'invoice.createReceiptSuccess'));
+        // } else {
+        //   toast.error(t(type === 'proforma' ? 'invoice.createProformaError' : 'invoice.createReceiptError'));
+        // }
+    };
+    if (!order || illegalStates.includes(order.state)) {
+        return null;
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { className: "flex gap-2", onClick: () => createProforma("proforma") },
+            React.createElement(Printer, { size: 20 }),
+            " ",
+            t("invoice.createProformaButton")),
+        React.createElement(Button, { className: "flex gap-2", onClick: () => createProforma("receipt") },
+            React.createElement(Printer, { size: 20 }),
+            " ",
+            t("invoice.createReceiptButton")),
+        React.createElement(Dialog, null,
+            React.createElement(DialogTrigger, { asChild: true },
+                React.createElement(Button, { variant: "secondary", className: "flex gap-2" },
+                    React.createElement(NotepadText, { size: 20 }),
+                    " ",
+                    t("realization.createRealization"))),
+            React.createElement(DialogContent, { className: "min-w-[60vw]" }))));
+};

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

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

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

@@ -0,0 +1,59 @@
+import React, { useMemo } from "react";
+import { Card, CardContent, CardHeader, CardTitle, useDetailView, useQuery, useTranslation, } from "@deenruv/react-ui-devkit";
+import { translationNS } from "../translation-ns";
+import { CheckboxAccordion } from "./CheckboxAccordion";
+import { FACETS_QUERY } from "../graphql/queries.js";
+import { SortOrder } from "@deenruv/admin-types";
+export const FacetHarmonica = () => {
+    const { t } = useTranslation(translationNS);
+    const { entity, setEntity } = useDetailView("products-detail-view", "UpdateProductInput");
+    const { data } = useQuery(FACETS_QUERY, {
+        initialVariables: {
+            facetOptions: {
+                sort: {
+                    createdAt: SortOrder.ASC,
+                    usedForProductCreations: SortOrder.ASC,
+                },
+            },
+        },
+    });
+    const handleFacetCheckboxChange = (facetValueId, checked) => {
+        const facetValue = data?.facets?.items
+            ?.map((f) => f.values)
+            .flat()
+            .find((f) => f.id === facetValueId);
+        if (!facetValue)
+            return;
+        const newFacetValues = checked
+            ? [...(entity?.facetValues || []), facetValue]
+            : entity?.facetValues?.filter((f) => f.id !== facetValueId);
+        const facetValues = newFacetValues?.filter((v, i, a) => a.findIndex((t) => t.id === v.id) === i);
+        if (!newFacetValues)
+            return;
+        setEntity({ ...entity, facetValues });
+    };
+    const checkedFacetsIds = useMemo(() => entity?.facetValues.map((f) => f.id), [entity?.facetValues]);
+    const { mainFacets, colorFacets, otherFacets } = useMemo(() => {
+        const mainFacets = data?.facets?.items?.filter((f) => f.customFields?.usedForProductCreations);
+        const colorFacets = data?.facets?.items?.filter((f) => f.customFields?.colorsCollection);
+        const otherFacets = data?.facets?.items?.filter((f) => !f.customFields?.colorsCollection &&
+            !f.customFields?.usedForProductCreations);
+        return { mainFacets, colorFacets, otherFacets };
+    }, [data?.facets?.items]);
+    return (React.createElement(React.Fragment, null,
+        mainFacets?.length ? (React.createElement(Card, null,
+            React.createElement(CardHeader, null,
+                React.createElement(CardTitle, { className: "flex flex-row justify-between text-base" }, t("colors"))),
+            React.createElement(CardContent, null,
+                React.createElement("div", { className: "flex flex-col" }, mainFacets?.map((f) => (React.createElement(CheckboxAccordion, { key: f.id, title: f.name, allFacets: f.values, checkedFacetsIds: checkedFacetsIds, onChange: handleFacetCheckboxChange }))))))) : null,
+        colorFacets?.length ? (React.createElement(Card, null,
+            React.createElement(CardHeader, null,
+                React.createElement(CardTitle, { className: "flex flex-row justify-between text-base" }, t("colorPalettes"))),
+            React.createElement(CardContent, null,
+                React.createElement("div", { className: "flex flex-col" }, colorFacets?.map((f) => (React.createElement(CheckboxAccordion, { key: f.id, title: f.name, allFacets: f.values, checkedFacetsIds: checkedFacetsIds, onChange: handleFacetCheckboxChange }))))))) : null,
+        otherFacets?.length ? (React.createElement(Card, null,
+            React.createElement(CardHeader, null,
+                React.createElement(CardTitle, { className: "flex flex-row justify-between text-base" }, t("otherOptions"))),
+            React.createElement(CardContent, null,
+                React.createElement("div", { className: "flex flex-col" }, otherFacets?.map((f) => (React.createElement(CheckboxAccordion, { key: f.id, title: f.name, allFacets: f.values, checkedFacetsIds: checkedFacetsIds, onChange: handleFacetCheckboxChange }))))))) : null));
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+export declare const DO_REALIZATION: import("@graphql-typed-document-node/core").TypedDocumentNode<{
+    registerRealization?: {
+        url?: string | null | undefined;
+    } | undefined;
+}, {} & {
+    input: {
+        orderID: string | import("../zeus/index.js").Variable<any, string>;
+        assets: import("../zeus/index.js").Variable<any, string> | {
+            id: string | import("../zeus/index.js").Variable<any, string>;
+            orderLineID: string | import("../zeus/index.js").Variable<any, string>;
+            preview: string | import("../zeus/index.js").Variable<any, string>;
+        }[];
+        plannedAt: string | import("../zeus/index.js").Variable<any, string>;
+        finalPlannedAt: string | import("../zeus/index.js").Variable<any, string>;
+        note: string | import("../zeus/index.js").Variable<any, string>;
+        color: string | import("../zeus/index.js").Variable<any, string>;
+    };
+}>;

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

@@ -0,0 +1,9 @@
+import { scalars } from "@deenruv/admin-types";
+import { typedGql } from "../zeus/typedDocumentNode.js";
+import { $ } from "../zeus/index.js";
+export const DO_REALIZATION = typedGql("mutation", { scalars })({
+    registerRealization: [
+        { input: $("input", "OrderRealizationInput!") },
+        { url: true },
+    ],
+});

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

@@ -0,0 +1,122 @@
+export declare const FACETS_QUERY: import("@graphql-typed-document-node/core").TypedDocumentNode<{
+    facets: {
+        items: {
+            values: {
+                id: string;
+                customFields?: {
+                    hexColor?: string | null | undefined;
+                    isNew?: boolean | null | undefined;
+                    isHidden?: boolean | null | undefined;
+                    image?: {
+                        id: string;
+                        preview: string;
+                    } | undefined;
+                } | undefined;
+                name: string;
+                code: string;
+            }[];
+            id: string;
+            customFields?: {
+                usedForColors?: boolean | null | undefined;
+                usedForProductCreations?: boolean | null | undefined;
+                colorsCollection?: boolean | null | undefined;
+            } | undefined;
+            name: string;
+            code: string;
+        }[];
+        totalItems: number;
+    };
+}, {} & {
+    facetOptions: {
+        skip?: number | import("../zeus/index.js").Variable<any, string> | null | undefined;
+        take?: number | import("../zeus/index.js").Variable<any, string> | null | undefined;
+        sort?: {
+            id?: import("../zeus/index.js").SortOrder | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            createdAt?: import("../zeus/index.js").SortOrder | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            updatedAt?: import("../zeus/index.js").SortOrder | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            name?: import("../zeus/index.js").SortOrder | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            code?: import("../zeus/index.js").SortOrder | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            usedForColors?: import("../zeus/index.js").SortOrder | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            usedForProductCreations?: import("../zeus/index.js").SortOrder | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            colorsCollection?: import("../zeus/index.js").SortOrder | import("../zeus/index.js").Variable<any, string> | null | undefined;
+        } | import("../zeus/index.js").Variable<any, string> | null | undefined;
+        filter?: {
+            isPrivate?: {
+                eq?: boolean | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                isNull?: boolean | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            } | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            id?: {
+                eq?: string | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                notEq?: string | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                in?: string[] | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                notIn?: string[] | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                isNull?: boolean | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            } | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            createdAt?: {
+                eq?: unknown;
+                before?: unknown;
+                after?: unknown;
+                between?: {
+                    start: unknown;
+                    end: unknown;
+                } | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                isNull?: boolean | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            } | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            updatedAt?: {
+                eq?: unknown;
+                before?: unknown;
+                after?: unknown;
+                between?: {
+                    start: unknown;
+                    end: unknown;
+                } | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                isNull?: boolean | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            } | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            languageCode?: {
+                eq?: string | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                notEq?: string | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                contains?: string | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                notContains?: string | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                in?: string[] | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                notIn?: string[] | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                regex?: string | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                isNull?: boolean | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            } | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            name?: {
+                eq?: string | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                notEq?: string | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                contains?: string | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                notContains?: string | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                in?: string[] | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                notIn?: string[] | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                regex?: string | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                isNull?: boolean | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            } | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            code?: {
+                eq?: string | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                notEq?: string | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                contains?: string | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                notContains?: string | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                in?: string[] | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                notIn?: string[] | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                regex?: string | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                isNull?: boolean | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            } | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            _and?: import("../zeus/index.js").Variable<any, string> | any[] | null | undefined;
+            _or?: import("../zeus/index.js").Variable<any, string> | any[] | null | undefined;
+            usedForColors?: {
+                eq?: boolean | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                isNull?: boolean | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            } | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            usedForProductCreations?: {
+                eq?: boolean | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                isNull?: boolean | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            } | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            colorsCollection?: {
+                eq?: boolean | import("../zeus/index.js").Variable<any, string> | null | undefined;
+                isNull?: boolean | import("../zeus/index.js").Variable<any, string> | null | undefined;
+            } | import("../zeus/index.js").Variable<any, string> | null | undefined;
+        } | import("../zeus/index.js").Variable<any, string> | null | undefined;
+        filterOperator?: import("../zeus/index.js").LogicalOperator | import("../zeus/index.js").Variable<any, string> | null | undefined;
+    };
+}>;

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

@@ -0,0 +1,11 @@
+import { typedGql } from "../zeus/typedDocumentNode.js";
+import { $ } from "../zeus/index.js";
+import { scalars } from "./scalars.js";
+import { FacetListOptionsSelector } from "./selectors.js";
+const query = typedGql("query", { scalars });
+export const FACETS_QUERY = query({
+    facets: [
+        { options: $("facetOptions", "FacetListOptions!") },
+        FacetListOptionsSelector,
+    ],
+});

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

@@ -0,0 +1,13 @@
+export declare const scalars: {
+    DateTime: {
+        decode: (e: unknown) => string;
+        encode: (e: unknown) => string;
+    };
+    JSON: {
+        decode: (e: unknown) => any;
+        encode: (e: unknown) => string;
+    };
+    Money: {
+        decode: (e: unknown) => number;
+    };
+};

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

@@ -0,0 +1,14 @@
+import { ZeusScalars } from "../zeus";
+export const scalars = ZeusScalars({
+    DateTime: {
+        decode: (e) => new Date(e).toISOString(),
+        encode: (e) => e.toISOString(),
+    },
+    JSON: {
+        decode: (e) => JSON.parse(e),
+        encode: (e) => JSON.stringify(e),
+    },
+    Money: {
+        decode: (e) => e,
+    },
+});

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

@@ -0,0 +1,69 @@
+import { FromSelector } from "../zeus";
+declare const FacetValueSelector: {
+    id: true;
+    name: true;
+    code: true;
+    customFields: {
+        hexColor: true;
+        image: {
+            id: true;
+            preview: true;
+        };
+        isHidden: true;
+        isNew: true;
+    };
+};
+declare const FacetSelector: {
+    id: true;
+    name: true;
+    code: true;
+    customFields: {
+        colorsCollection: true;
+        usedForColors: true;
+        usedForProductCreations: true;
+    };
+    values: {
+        id: true;
+        name: true;
+        code: true;
+        customFields: {
+            hexColor: true;
+            image: {
+                id: true;
+                preview: true;
+            };
+            isHidden: true;
+            isNew: true;
+        };
+    };
+};
+export declare const FacetListOptionsSelector: {
+    items: {
+        id: true;
+        name: true;
+        code: true;
+        customFields: {
+            colorsCollection: true;
+            usedForColors: true;
+            usedForProductCreations: true;
+        };
+        values: {
+            id: true;
+            name: true;
+            code: true;
+            customFields: {
+                hexColor: true;
+                image: {
+                    id: true;
+                    preview: true;
+                };
+                isHidden: true;
+                isNew: true;
+            };
+        };
+    };
+    totalItems: true;
+};
+export type FacetValue = FromSelector<typeof FacetValueSelector, "FacetValue">;
+export type Facet = FromSelector<typeof FacetSelector, "Facet">;
+export {};

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

@@ -0,0 +1,27 @@
+import { Selector } from "../zeus";
+const FacetValueSelector = Selector("FacetValue")({
+    id: true,
+    name: true,
+    code: true,
+    customFields: {
+        hexColor: true,
+        image: { id: true, preview: true },
+        isHidden: true,
+        isNew: true,
+    },
+});
+const FacetSelector = Selector("Facet")({
+    id: true,
+    name: true,
+    code: true,
+    customFields: {
+        colorsCollection: true,
+        usedForColors: true,
+        usedForProductCreations: true,
+    },
+    values: FacetValueSelector,
+});
+export const FacetListOptionsSelector = Selector("FacetList")({
+    items: FacetSelector,
+    totalItems: true,
+});

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

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

package/dist/plugin-ui/index.js

@@ -0,0 +1,23 @@
+import { createDeenruvUIPlugin } from "@deenruv/react-ui-devkit";
+import pl from "./locales/pl";
+import en from "./locales/en";
+import { translationNS } from "./translation-ns";
+import { FacetHarmonica } from "./components";
+import { tables } from "./tables.js";
+import { DedicatedButtons } from "./components/DedicatedButtons.js";
+export const FacetHarmonicaUiPlugin = createDeenruvUIPlugin({
+    version: "1.0.0",
+    name: "Facet Harmonica",
+    components: [
+        {
+            id: "products-detail-view",
+            component: FacetHarmonica,
+        },
+    ],
+    // FacetsAccordions
+    tables,
+    translations: { ns: translationNS, data: { en, pl } },
+    actions: {
+        inline: [{ id: "orders-detail-view", component: DedicatedButtons }],
+    },
+});

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

@@ -0,0 +1,5 @@
+{
+    "colors": "Colors",
+    "colorPalettes": "Color palettes",
+    "otherOptions": "Other options"
+}

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

@@ -0,0 +1,6 @@
+declare const _default: {
+    colors: string;
+    colorPalettes: string;
+    otherOptions: string;
+}[];
+export default _default;

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

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

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

@@ -0,0 +1,5 @@
+{
+    "colors": "Kolory",
+    "colorPalettes": "Palety kolorów",
+    "otherOptions": "Inne opcje"
+}

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

@@ -0,0 +1,6 @@
+declare const _default: {
+    colors: string;
+    colorPalettes: string;
+    otherOptions: string;
+}[];
+export default _default;

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

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

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

@@ -0,0 +1,5 @@
+import { DeenruvUIPlugin } from "@deenruv/react-ui-devkit";
+import { ScalarsType } from "@deenruv/admin-types";
+import { FromSelector, GraphQLTypes } from "./zeus/index.js";
+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,55 @@
+import { Tooltip, TooltipContent, TooltipTrigger, } from "@deenruv/react-ui-devkit";
+import React from "react";
+import { CircleOff, CheckCircle, XCircle, ImageOff } from "lucide-react";
+// declare module '@deenruv/react-ui-devkit' {
+//     interface ExternalListLocationSelector {
+//         'products-list-view': FromSelectorWithScalars<GraphQLTypes['Product'], 'Product'>;
+//         'products-list-views': FromSelectorWithScalars<GraphQLTypes['Product'], 'Product'>;
+//     }
+// }
+export const tables = [
+    {
+        id: "facet-values-list",
+        columns: [
+            {
+                accessorKey: "customFields.hexColor",
+                header: () => "Color",
+                cell: ({ row }) => {
+                    const color = 
+                    // @ts-ignore
+                    row.original.customFields.hexColor;
+                    return !color || color === "---" ? (React.createElement(CircleOff, { size: 18 })) : (React.createElement("div", { className: "border-gray size-5 rounded-full border-2 border-solid", style: {
+                            backgroundColor: color,
+                        } }));
+                },
+            },
+            {
+                accessorKey: "customFields.isNew",
+                header: () => "New",
+                cell: ({ row }) => 
+                // @ts-ignore
+                row.original.customFields.isNew ? (React.createElement(CheckCircle, { size: 20 })) : (React.createElement(XCircle, { size: 20 })),
+            },
+            {
+                accessorKey: "customFields.isHidden",
+                header: () => "Hidden",
+                cell: ({ row }) => 
+                // @ts-ignore
+                row.original.customFields.isNew ? (React.createElement(CheckCircle, { size: 20 })) : (React.createElement(XCircle, { size: 20 })),
+            },
+            {
+                accessorKey: "customFields.image",
+                header: () => "Image",
+                cell: ({ row }) => {
+                    // @ts-ignore
+                    const value = row.original.customFields?.image?.preview;
+                    return value ? (React.createElement(Tooltip, null,
+                        React.createElement(TooltipTrigger, null,
+                            React.createElement("img", { className: "border-gray rounded-sm", width: 24, src: value + "?preset=tiny" })),
+                        React.createElement(TooltipContent, { className: "my-2", side: "left" },
+                            React.createElement("img", { width: 300, src: value + "?preset=medium" })))) : (React.createElement(ImageOff, { size: 20 }));
+                },
+            },
+        ],
+    },
+];

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("product-badges-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"]
+}