@deenruv/react-ui-devkit 1.0.0

package/dist/components/templates/DetailList/useDetailListHook/types.js

@@ -0,0 +1,36 @@
+export var ITEMS_PER_PAGE = [
+    { name: "10perPage", value: 10 },
+    { name: "25perPage", value: 25 },
+    { name: "50perPage", value: 50 },
+    { name: "100perPage", value: 100 },
+];
+export var arrayRange = function (start, stop) {
+    return Array.from({ length: stop - start + 1 }, function (_, index) { return start + index; });
+};
+export var ListTypeKeys = {
+    administrators: "AdministratorFilterParameter",
+    jobs: "JobFilterParameter",
+    assets: "AssetFilterParameter",
+    channels: "ChannelFilterParameter",
+    collections: "CollectionFilterParameter",
+    "countries-list": "CountryFilterParameter",
+    facets: "FacetFilterParameter",
+    "modal-assets-list": "AssetFilterParameter",
+    "modal-product-variants-list": "ProductVariantFilterParameter",
+    "modal-products-list": "ProductFilterParameter",
+    orders: "OrderFilterParameter",
+    paymentMethods: "PaymentMethodFilterParameter",
+    products: "ProductFilterParameter",
+    productVariants: "ProductVariantFilterParameter",
+    roles: "RoleFilterParameter",
+    sellers: "SellerFilterParameter",
+    shippingMethods: "ShippingMethodFilterParameter",
+    stockLocations: "StockLocationFilterParameter",
+    taxCategories: "TaxCategoryFilterParameter",
+    taxRates: "TaxRateFilterParameter",
+    zones: "ZoneFilterParameter",
+    promotions: "PromotionFilterParameter",
+    customers: "CustomerFilterParameter",
+    customerGroups: "CustomerGroupFilterParameter",
+};
+//# sourceMappingURL=types.js.map

package/dist/components/templates/DetailList/useDetailListHook/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/templates/DetailList/useDetailListHook/types.ts"],"names":[],"mappings":"AA8EA,MAAM,CAAC,IAAM,cAAc,GAAqB;IAC9C,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;IAChC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;IAChC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;IAChC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,EAAE;CACnC,CAAC;AAYF,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,KAAa,EAAE,IAAY;IACpD,OAAA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,GAAG,KAAK,GAAG,CAAC,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,KAAK,GAAG,KAAK,EAAb,CAAa,CAAC;AAArE,CAAqE,CAAC;AAExE,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,cAAc,EAAE,8BAAuC;IACvD,IAAI,EAAE,oBAA6B;IACnC,MAAM,EAAE,sBAA+B;IACvC,QAAQ,EAAE,wBAAiC;IAC3C,WAAW,EAAE,2BAAoC;IACjD,gBAAgB,EAAE,wBAAiC;IACnD,MAAM,EAAE,sBAA+B;IACvC,mBAAmB,EAAE,sBAA+B;IACpD,6BAA6B,EAAE,+BAAwC;IACvE,qBAAqB,EAAE,wBAAiC;IACxD,MAAM,EAAE,sBAA+B;IACvC,cAAc,EAAE,8BAAuC;IACvD,QAAQ,EAAE,wBAAiC;IAC3C,eAAe,EAAE,+BAAwC;IACzD,KAAK,EAAE,qBAA8B;IACrC,OAAO,EAAE,uBAAgC;IACzC,eAAe,EAAE,+BAAwC;IACzD,cAAc,EAAE,8BAAuC;IACvD,aAAa,EAAE,4BAAqC;IACpD,QAAQ,EAAE,wBAAiC;IAC3C,KAAK,EAAE,qBAA8B;IACrC,UAAU,EAAE,0BAAmC;IAC/C,SAAS,EAAE,yBAAkC;IAC7C,cAAc,EAAE,8BAAuC;CACxD,CAAC"}

package/dist/components/templates/DetailView/DetailView.d.ts

@@ -0,0 +1,64 @@
+import React from "react";
+import { ModelTypes, Permission } from "@deenruv/admin-types";
+import { DetailKeys } from "../../../types";
+import { GFFLPFormField } from "../../../hooks";
+interface DetailViewFormProps<FORMKEY extends keyof ModelTypes, FORMKEYS extends keyof ModelTypes[FORMKEY], Z extends Pick<ModelTypes[FORMKEY], FORMKEYS>> {
+    key: FORMKEY;
+    keys: Array<FORMKEYS>;
+    config: {
+        [P in keyof Z]?: {
+            validate?: (o: Z[P]) => string[] | void;
+            initialValue?: Z[P];
+        };
+    };
+    onSubmitted: (data: Partial<{
+        [P in keyof Z]: GFFLPFormField<Z[P]>;
+    }>, additionalData: Record<string, unknown> | undefined) => Promise<Record<string, unknown>> | undefined;
+    onDeleted?: (data: Partial<{
+        [P in keyof Z]: GFFLPFormField<Z[P]>;
+    }>, additionalData: Record<string, unknown> | undefined) => Promise<Record<string, unknown>> | undefined;
+}
+export declare const createDeenruvForm: <FORMKEY extends keyof ModelTypes, FORMKEYS extends keyof ModelTypes[FORMKEY], Z extends Pick<ModelTypes[FORMKEY], FORMKEYS>>({ key, keys, config, onSubmitted, onDeleted, }: DetailViewFormProps<FORMKEY, FORMKEYS, Z>) => {
+    key: FORMKEY;
+    keys: FORMKEYS[];
+    config: { [P in keyof Z]?: {
+        validate?: ((o: Z[P]) => string[] | void) | undefined;
+        initialValue?: Z[P] | undefined;
+    } | undefined; };
+    onSubmitted: (data: Partial<{ [P_1 in keyof Z]: GFFLPFormField<Z[P_1]>; }>, additionalData: Record<string, unknown> | undefined) => Promise<Record<string, unknown>> | undefined;
+    onDeleted: ((data: Partial<{ [P_2 in keyof Z]: GFFLPFormField<Z[P_2]>; }>, additionalData: Record<string, unknown> | undefined) => Promise<Record<string, unknown>> | undefined) | undefined;
+};
+interface Permissions {
+    create: Permission;
+    delete: Permission;
+    edit: Permission;
+}
+interface DetailViewProps<LOCATION extends DetailKeys> {
+    id?: string | null;
+    locationId: LOCATION;
+    main: {
+        name: string;
+        label: string;
+        component: React.ReactNode;
+        sidebar?: React.ReactNode;
+        form: ReturnType<typeof createDeenruvForm>;
+    };
+    defaultTabs?: Array<{
+        label: string;
+        name: string;
+        component: React.ReactNode;
+        hideSidebar?: boolean;
+        sidebarReplacement?: React.ReactNode;
+    }>;
+    topActions?: {
+        texts?: {
+            submitButton?: string;
+            deleteButton?: string;
+        };
+        inline?: React.ReactNode[];
+        dropdown?: React.ReactNode[];
+    };
+    permissions?: Permissions;
+}
+export declare const DetailView: <LOCATION extends "orders-summary" | "countries-detail-view" | "admins-detail-view" | "channels-detail-view" | "collections-detail-view" | "customers-detail-view" | "facets-detail-view" | "orders-detail-view" | "products-detail-view" | "promotions-detail-view" | "roles-detail-view" | "sellers-detail-view" | "zones-detail-view" | "globalSettings-detail-view" | "customerGroups-detail-view" | "paymentMethods-detail-view" | "shippingMethods-detail-view" | "stockLocations-detail-view" | "taxCategories-detail-view" | "taxRates-detail-view">({ id, locationId, main, defaultTabs, permissions, topActions, }: DetailViewProps<LOCATION>) => React.JSX.Element;
+export {};

package/dist/components/templates/DetailView/DetailView.js

@@ -0,0 +1,134 @@
+import { __assign, __rest, __spreadArray } from "tslib";
+import React, { useMemo } from "react";
+import { useNavigate, useParams, useSearchParams, } from "react-router-dom";
+import { ChevronLeft, EllipsisVerticalIcon, Trash2 } from "lucide-react";
+import { cn } from "../../../lib";
+import { usePluginStore } from "../../../plugins";
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuItem, Tabs, TabsList, TabsTrigger, TabsContent, DetailViewStoreProvider, useDetailView, Button, SimpleTooltip, DetailViewMarker, Separator, } from "../..";
+import { useGFFLP, useTranslation } from "../../../hooks";
+import { useServer } from "../../../state/server.js";
+import { getPermissions } from "../../../utils/getPermissions.js";
+import { PageBlock } from "../../../universal_components/PageBlock.js";
+import { LoadingMask } from "./_components/LoadingMask.js";
+export var createDeenruvForm = function (_a) {
+    var key = _a.key, keys = _a.keys, config = _a.config, onSubmitted = _a.onSubmitted, onDeleted = _a.onDeleted;
+    return ({
+        key: key,
+        keys: keys,
+        config: config,
+        onSubmitted: onSubmitted,
+        onDeleted: onDeleted,
+    });
+};
+export var DetailView = function (_a) {
+    var _b, _c;
+    var id = _a.id, locationId = _a.locationId, main = _a.main, _d = _a.defaultTabs, defaultTabs = _d === void 0 ? [] : _d, permissions = _a.permissions, topActions = _a.topActions;
+    var searchParams = useSearchParams()[0];
+    var _e = usePluginStore(), getDetailViewTabs = _e.getDetailViewTabs, getDetailViewActions = _e.getDetailViewActions;
+    var form = useGFFLP.apply(void 0, __spreadArray([main.form.key], main.form.keys, false))(main.form.config);
+    var tab = useMemo(function () { return searchParams.get("tab") || main.name; }, [searchParams]);
+    var tabs = useMemo(function () {
+        var _a;
+        return (((_a = getDetailViewTabs(locationId)) === null || _a === void 0 ? void 0 : _a.map(function (_a) {
+            var component = _a.component, rest = __rest(_a, ["component"]);
+            return (__assign(__assign({}, rest), { component: React.createElement(React.Fragment, null, component) }));
+        })) || []);
+    }, [locationId]);
+    var actions = useMemo(function () { return getDetailViewActions(locationId); }, [locationId]);
+    var permissionsObj = useMemo(function () {
+        return permissions ||
+            getPermissions(main.name.charAt(0).toUpperCase() + main.name.slice(1));
+    }, [permissions]);
+    var currentSidebar = useMemo(function () {
+        var currentTab = __spreadArray(__spreadArray([], defaultTabs, true), tabs, true).find(function (t) { return t.name === tab; });
+        if (!currentTab)
+            return main.sidebar;
+        return (currentTab === null || currentTab === void 0 ? void 0 : currentTab.hideSidebar)
+            ? null
+            : (currentTab === null || currentTab === void 0 ? void 0 : currentTab.sidebarReplacement)
+                ? currentTab.sidebarReplacement
+                : main.sidebar;
+    }, [defaultTabs, tab, tabs]);
+    return (React.createElement(DetailViewStoreProvider, { id: id, tab: tab, sidebar: currentSidebar, locationId: locationId, tabs: __spreadArray(__spreadArray([main], defaultTabs, true), tabs, true), form: {
+            base: form,
+            onSubmitted: main.form.onSubmitted,
+            onDeleted: main.form.onDeleted,
+        } },
+        React.createElement(DetailTabs, { key: tab, locationId: locationId, topActions: {
+                inline: __spreadArray(__spreadArray([], ((topActions === null || topActions === void 0 ? void 0 : topActions.inline) || []), true), (((_b = actions === null || actions === void 0 ? void 0 : actions.inline) === null || _b === void 0 ? void 0 : _b.map(function (_a) {
+                    var component = _a.component;
+                    return React.createElement(component);
+                })) || []), true),
+                dropdown: __spreadArray(__spreadArray([], ((topActions === null || topActions === void 0 ? void 0 : topActions.dropdown) || []), true), (((_c = actions === null || actions === void 0 ? void 0 : actions.dropdown) === null || _c === void 0 ? void 0 : _c.map(function (_a) {
+                    var component = _a.component;
+                    return React.createElement(component);
+                })) || []), true),
+            }, permissions: permissionsObj, texts: topActions === null || topActions === void 0 ? void 0 : topActions.texts })));
+};
+var DetailTabs = function (_a) {
+    var _b, _c, _d;
+    var topActions = _a.topActions, permissions = _a.permissions, texts = _a.texts, locationId = _a.locationId;
+    var navigate = useNavigate();
+    var t = useTranslation("common").t;
+    var _e = useDetailView(), entity = _e.entity, loading = _e.loading, actionHandler = _e.actionHandler, setActiveTab = _e.setActiveTab, tab = _e.tab, tabs = _e.tabs, sidebar = _e.sidebar, setSidebar = _e.setSidebar, hasUnsavedChanges = _e.hasUnsavedChanges, form = _e.form;
+    var _f = useSearchParams(), setSearchParams = _f[1];
+    var id = useParams().id;
+    var userPermissions = useServer().userPermissions;
+    var isPermittedToCreate = useMemo(function () { return userPermissions.includes(permissions.create); }, [userPermissions]);
+    var isPermittedToUpdate = useMemo(function () { return userPermissions.includes(permissions.edit); }, [userPermissions]);
+    var isPermittedToDelete = useMemo(function () { return userPermissions.includes(permissions.delete); }, [userPermissions]);
+    var showEditButton = id && isPermittedToUpdate;
+    var showCreateButton = !id && isPermittedToCreate;
+    var buttonDisabled = !form.base.haveValidFields || !hasUnsavedChanges;
+    var tabsWithMarker = tabs.map(function (tab, idx) { return (React.createElement(TabsContent, { key: idx, value: tab.name },
+        React.createElement(PageBlock, { sidebar: sidebar ? (React.createElement("div", { className: "flex flex-col gap-2" },
+                sidebar,
+                React.createElement(DetailViewMarker, { position: "".concat(locationId, "-sidebar"), tab: tab.name }))) : undefined }, tab.component ? tab.component : React.createElement("div", null, "Missing component")))); });
+    return (React.createElement(Tabs, { value: tab, onValueChange: function (value) {
+            var changingTo = tabs.find(function (t) { return t.name === value; });
+            if (changingTo === null || changingTo === void 0 ? void 0 : changingTo.hideSidebar)
+                setSidebar(null);
+            else if (changingTo === null || changingTo === void 0 ? void 0 : changingTo.sidebarReplacement)
+                setSidebar(changingTo.sidebarReplacement);
+            else
+                setSidebar(undefined);
+            setActiveTab(value);
+            setSearchParams({ tab: value });
+        } },
+        React.createElement("div", { className: "bg-muted sticky top-0 z-[51] w-full items-center justify-start shadow-xl" },
+            React.createElement("div", { className: "flex w-full items-center justify-between px-4 py-2" },
+                React.createElement("div", { className: "flex w-full flex-1 items-center" },
+                    React.createElement(SimpleTooltip, { content: t("goBackToList") },
+                        React.createElement(Button, { variant: "secondary", size: "icon", className: "mb-2", onClick: function () { return navigate(-1); } },
+                            React.createElement(ChevronLeft, { className: "size-4" }),
+                            React.createElement("span", { className: "sr-only" }, t("create.back")))),
+                    React.createElement(Separator, { orientation: "vertical", className: "mx-4" }),
+                    tabs.length > 1 && (React.createElement(TabsList, { className: "h-12 justify-start gap-2 bg-transparent p-0" }, tabs.map(function (t, idx) { return (React.createElement(TabsTrigger, { key: idx, disabled: t.disabled, value: t.name, className: cn("px-8 py-2 rounded-md data-[state=active]:bg-background data-[state=active]:shadow-none", "transition-all duration-200", "data-[state=inactive]:bg-muted/50 data-[state=inactive]:hover:bg-muted") }, t.label)); })))),
+                React.createElement("div", { className: "flex items-center justify-end gap-2" },
+                    React.createElement("div", { className: "flex items-center gap-6" }, (_b = topActions === null || topActions === void 0 ? void 0 : topActions.inline) === null || _b === void 0 ? void 0 :
+                        _b.map(function (action) { return action; }),
+                        showEditButton && (React.createElement(SimpleTooltip, { content: buttonDisabled
+                                ? form.base.haveValidFields
+                                    ? t("noChangesTooltip")
+                                    : t("buttonDisabledTooltip")
+                                : undefined },
+                            React.createElement(Button, { size: "sm", onClick: function () { return actionHandler("submit"); }, className: "ml-auto justify-self-end", disabled: buttonDisabled }, t("update")))),
+                        showCreateButton && (React.createElement(SimpleTooltip, { content: buttonDisabled ? t("buttonDisabledTooltip") : undefined },
+                            React.createElement(Button, { size: "sm", onClick: function () { return actionHandler("submit"); }, className: "ml-auto justify-self-end", disabled: buttonDisabled }, (texts === null || texts === void 0 ? void 0 : texts.submitButton) || t("create")))),
+                        isPermittedToDelete && (React.createElement(DropdownMenu, null,
+                            React.createElement(DropdownMenuTrigger, __assign({ asChild: true }, (!id && { className: "invisible" })),
+                                React.createElement(Button, { variant: "secondary", size: "icon", className: "size-9" },
+                                    React.createElement(EllipsisVerticalIcon, { size: 20 }))),
+                            React.createElement(DropdownMenuContent, { className: "z-[52] mr-4 min-w-[240px]" },
+                                !!((_c = topActions === null || topActions === void 0 ? void 0 : topActions.dropdown) === null || _c === void 0 ? void 0 : _c.length) && (React.createElement(React.Fragment, null, (_d = topActions === null || topActions === void 0 ? void 0 : topActions.dropdown) === null || _d === void 0 ? void 0 :
+                                    _d.map(function (action) { return action; }),
+                                    React.createElement(DropdownMenuSeparator, null))),
+                                React.createElement(DropdownMenuItem, { asChild: true },
+                                    React.createElement(Button, { onClick: function () { return actionHandler("delete"); }, variant: "ghost", className: "w-full justify-start gap-2" },
+                                        React.createElement(Trash2, { size: 20 }),
+                                        (texts === null || texts === void 0 ? void 0 : texts.deleteButton) || t("actionsMenu.delete")))))))))),
+        React.createElement("div", { className: "relative" },
+            loading ? (React.createElement(LoadingMask, null)) : !entity && !!id ? (React.createElement("div", { className: "flex min-h-[80vh] w-full items-center justify-center" }, t("toasts.roleLoadingError", { value: id }))) : null,
+            tabsWithMarker)));
+};
+//# sourceMappingURL=DetailView.js.map

package/dist/components/templates/DetailView/DetailView.js.map

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

package/dist/components/templates/DetailView/_components/LoadingMask.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const LoadingMask: React.FC<{
+    className?: string;
+}>;

package/dist/components/templates/DetailView/_components/LoadingMask.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { motion } from "framer-motion";
+import { Loader2 } from "lucide-react";
+import { useTranslation } from "../../../../hooks/useTranslation.js";
+import { cn } from "../../../../lib/utils.js";
+export var LoadingMask = function (_a) {
+    var className = _a.className;
+    var t = useTranslation("common").t;
+    return (React.createElement(motion.div, { className: cn("bg-background/90 sticky inset-0 z-50 flex h-screen w-full items-center justify-center backdrop-blur-sm", className), initial: { opacity: 1 }, animate: { opacity: 1 }, exit: { opacity: 0 } },
+        React.createElement(motion.div, { className: "flex flex-col items-center gap-4", initial: { scale: 0.8, opacity: 0 }, animate: { scale: 1, opacity: 1 }, transition: { delay: 0.1, duration: 0.4 } },
+            React.createElement(motion.div, { animate: { rotate: 360 }, transition: {
+                    duration: 1.5,
+                    repeat: Number.POSITIVE_INFINITY,
+                    ease: "linear",
+                } },
+                React.createElement(Loader2, { className: "text-primary size-12" })),
+            React.createElement(motion.div, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, transition: { delay: 0.3, duration: 0.4 }, className: "text-foreground text-lg font-medium" }, t("loading")))));
+};
+//# sourceMappingURL=LoadingMask.js.map

package/dist/components/templates/DetailView/_components/LoadingMask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingMask.js","sourceRoot":"","sources":["../../../../../src/components/templates/DetailView/_components/LoadingMask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,4CAAkC;AAC3D,OAAO,EAAE,EAAE,EAAE,iCAAuB;AAEpC,MAAM,CAAC,IAAM,WAAW,GAEnB,UAAC,EAAa;QAAX,SAAS,eAAA;IACP,IAAA,CAAC,GAAK,cAAc,CAAC,QAAQ,CAAC,EAA7B,CAA8B;IACvC,OAAO,CACL,oBAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAE,EAAE,CACX,wGAAwG,EACxG,SAAS,CACV,EACD,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QAGpB,oBAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,EACnC,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EACjC,UAAU,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE;YAEzC,oBAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EACxB,UAAU,EAAE;oBACV,QAAQ,EAAE,GAAG;oBACb,MAAM,EAAE,MAAM,CAAC,iBAAiB;oBAChC,IAAI,EAAE,QAAQ;iBACf;gBAED,oBAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,GAAG,CACjC;YACb,oBAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAC9B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,UAAU,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,EACzC,SAAS,EAAC,qCAAqC,IAE9C,CAAC,CAAC,SAAS,CAAC,CACF,CACF,CACF,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/templates/DetailView/formChangeDetection.d.ts

@@ -0,0 +1,3 @@
+import { EntityType } from "./types";
+import { GFFLPFormField } from "../../../hooks";
+export declare const checkUnsavedChanges: (formStateValues: Record<string, GFFLPFormField<any> | undefined>, entityValues: EntityType | null) => boolean;

package/dist/components/templates/DetailView/formChangeDetection.js

@@ -0,0 +1,119 @@
+import { __assign } from "tslib";
+import { deepSortArray } from "../../../utils";
+// Some fields between entity and form state differs and need to be normalized in order to compare
+var normalizeEntityValues = function (entityValues) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var normalizedEntityValues = __assign({}, entityValues);
+    if ("assets" in normalizedEntityValues) {
+        normalizedEntityValues.assetIds = (_a = normalizedEntityValues["assets"]) === null || _a === void 0 ? void 0 : _a.map(function (a) { return a.id; });
+        delete normalizedEntityValues.assets;
+    }
+    if ("facetValues" in normalizedEntityValues) {
+        normalizedEntityValues.facetValueIds = normalizedEntityValues["facetValues"].map(function (v) { return v.id; });
+        delete normalizedEntityValues.facetValues;
+    }
+    if ("featuredAsset" in normalizedEntityValues) {
+        normalizedEntityValues.featuredAssetId =
+            (_b = normalizedEntityValues["featuredAsset"]) === null || _b === void 0 ? void 0 : _b.id;
+        delete normalizedEntityValues.featuredAsset;
+    }
+    if ("members" in normalizedEntityValues) {
+        normalizedEntityValues.memberIds = normalizedEntityValues["members"].map(function (m) { return m.id; });
+        delete normalizedEntityValues.members;
+    }
+    if ("category" in normalizedEntityValues) {
+        normalizedEntityValues.categoryId = (_c = normalizedEntityValues["category"]) === null || _c === void 0 ? void 0 : _c.id;
+        delete normalizedEntityValues.category;
+    }
+    if ("customerGroup" in normalizedEntityValues) {
+        normalizedEntityValues.customerGroupId =
+            (_d = normalizedEntityValues["customerGroup"]) === null || _d === void 0 ? void 0 : _d.id;
+        delete normalizedEntityValues.customerGroup;
+    }
+    if ("zone" in normalizedEntityValues) {
+        normalizedEntityValues.zoneId = (_e = normalizedEntityValues["zone"]) === null || _e === void 0 ? void 0 : _e.id;
+        delete normalizedEntityValues.zone;
+    }
+    if ("defaultShippingZone" in normalizedEntityValues) {
+        normalizedEntityValues.defaultShippingZoneId =
+            (_f = normalizedEntityValues["defaultShippingZone"]) === null || _f === void 0 ? void 0 : _f.id;
+        delete normalizedEntityValues.defaultShippingZone;
+    }
+    if ("defaultTaxZone" in normalizedEntityValues) {
+        normalizedEntityValues.defaultTaxZoneId =
+            (_g = normalizedEntityValues["defaultTaxZone"]) === null || _g === void 0 ? void 0 : _g.id;
+        delete normalizedEntityValues.defaultTaxZone;
+    }
+    if ("seller" in normalizedEntityValues) {
+        normalizedEntityValues.sellerId = (_h = normalizedEntityValues["seller"]) === null || _h === void 0 ? void 0 : _h.id;
+        delete normalizedEntityValues.seller;
+    }
+    if ("channels" in normalizedEntityValues) {
+        normalizedEntityValues.channelIds = (_j = normalizedEntityValues["channels"]) === null || _j === void 0 ? void 0 : _j.map(function (ch) { return ch.id; });
+        delete normalizedEntityValues.channels;
+    }
+    if ("user" in normalizedEntityValues &&
+        "emailAddress" in normalizedEntityValues &&
+        "firstName" in normalizedEntityValues &&
+        "lastName" in normalizedEntityValues &&
+        "roles" in ((normalizedEntityValues === null || normalizedEntityValues === void 0 ? void 0 : normalizedEntityValues["user"]) || {}) &&
+        Array.isArray((_k = normalizedEntityValues === null || normalizedEntityValues === void 0 ? void 0 : normalizedEntityValues["user"]) === null || _k === void 0 ? void 0 : _k.roles)) {
+        normalizedEntityValues.roleIds = (_l = normalizedEntityValues["user"]) === null || _l === void 0 ? void 0 : _l.roles.map(function (r) { return r.id; });
+        delete normalizedEntityValues.user;
+        normalizedEntityValues.password = "";
+    }
+    if ("fulfillmentHandler" in normalizedEntityValues) {
+        normalizedEntityValues.fulfillmentHandlerCode =
+            normalizedEntityValues["fulfillmentHandler"].code;
+        delete normalizedEntityValues.fulfillmentHandler;
+    }
+    return normalizedEntityValues;
+};
+export var checkUnsavedChanges = function (formStateValues, entityValues) {
+    var _a, _b, _c;
+    if (entityValues === null) {
+        for (var key in formStateValues) {
+            if (((_a = formStateValues[key]) === null || _a === void 0 ? void 0 : _a.value) !== null &&
+                ((_b = formStateValues[key]) === null || _b === void 0 ? void 0 : _b.value) !== "") {
+                return true;
+            }
+        }
+        return false;
+    }
+    var normalizedEntityValues = normalizeEntityValues(entityValues);
+    for (var key in formStateValues) {
+        if (!(key in normalizedEntityValues)) {
+            return true;
+        }
+        var formValue = (_c = formStateValues[key]) === null || _c === void 0 ? void 0 : _c.value;
+        var entityValue = normalizedEntityValues[key];
+        if (Array.isArray(formValue) && Array.isArray(entityValue)) {
+            var sortedFormValue = deepSortArray(formValue);
+            var sortedEntityValue = deepSortArray(entityValue);
+            if (sortedFormValue.length !== sortedEntityValue.length) {
+                return true;
+            }
+            for (var i = 0; i < sortedFormValue.length; i++) {
+                var sortedFormString = JSON.stringify(sortedFormValue[i]);
+                var sortedEntityString = JSON.stringify(sortedEntityValue[i]);
+                // Handle "args" and "arguments" difference
+                if (sortedFormString.includes('"arguments"') &&
+                    sortedEntityString.includes('"args"')) {
+                    var normalizedFormString = sortedFormString.replace(/"args"/g, '"arguments"');
+                    var normalizedEntityString = sortedEntityString.replace(/"args"/g, '"arguments"');
+                    if (normalizedFormString === normalizedEntityString) {
+                        continue;
+                    }
+                }
+                if (sortedFormString !== sortedEntityString) {
+                    return true;
+                }
+            }
+        }
+        else if (formValue !== entityValue) {
+            return true;
+        }
+    }
+    return false;
+};
+//# sourceMappingURL=formChangeDetection.js.map

package/dist/components/templates/DetailView/formChangeDetection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formChangeDetection.js","sourceRoot":"","sources":["../../../../src/components/templates/DetailView/formChangeDetection.ts"],"names":[],"mappings":"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"}

package/dist/components/templates/DetailView/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./DetailView";
+export * from "./useDetailView";
+export * from "./formChangeDetection";
+export * from "./_components/LoadingMask.js";

package/dist/components/templates/DetailView/index.js

@@ -0,0 +1,5 @@
+export * from "./DetailView";
+export * from "./useDetailView";
+export * from "./formChangeDetection";
+export * from "./_components/LoadingMask.js";
+//# sourceMappingURL=index.js.map

package/dist/components/templates/DetailView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/templates/DetailView/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC"}

package/dist/components/templates/DetailView/types.d.ts

@@ -0,0 +1,70 @@
+import type { useFFLP } from "../../../hooks";
+import { DeenruvTabs } from "../../../plugins/types.js";
+import type { DetailKeys, ExternalDetailLocationSelector } from "../../../types";
+import type { ModelTypes } from "@deenruv/admin-types";
+import { Dispatch, SetStateAction } from "react";
+export type FormKey = keyof ModelTypes;
+export type FormKeys = keyof ModelTypes["Query"];
+export type EntityType = ExternalDetailLocationSelector[DetailKeys];
+export type PropsType<T extends DetailKeys, F extends keyof ModelTypes, FK extends keyof ModelTypes[F]> = DetailViewProviderProps<T, F, FK>;
+export type AdditionalData = Record<string, unknown> | undefined;
+export interface FormType<F extends keyof ModelTypes, FK extends keyof ModelTypes[F]> {
+    base: ReturnType<typeof useFFLP<Pick<ModelTypes[F], FK>>>;
+    onSubmitted: (data: ModelTypes[FormKey], additionalData: AdditionalData) => Promise<Record<string, unknown>> | undefined;
+    onDeleted?: (data: ModelTypes[FormKey], additionalData: AdditionalData) => Promise<Record<string, unknown>> | undefined;
+}
+export interface StoreContextType<T extends DetailKeys, E extends ExternalDetailLocationSelector[T], F extends keyof ModelTypes, FK extends keyof ModelTypes[F]> {
+    id?: string | null;
+    loading: boolean;
+    entity: E | null;
+    error: string;
+    tab: string;
+    tabs: Array<{
+        name: string;
+        label: string;
+        component: React.ReactNode;
+        hideSidebar?: boolean;
+        sidebarReplacement?: React.ReactNode;
+        disabled?: boolean;
+    }>;
+    form: FormType<F, FK>;
+    sidebar?: React.ReactNode;
+    actionHandler: (type: "submit" | "delete") => void;
+    fetchEntity: () => Promise<E | undefined | null>;
+    setEntity: (entity: E | null) => void;
+    setSidebar: (sidebar: React.ReactNode) => void;
+    setActiveTab: (tab: string) => void;
+    getMarker: () => React.ReactNode;
+    hasUnsavedChanges: boolean;
+    setAdditionalData: Dispatch<SetStateAction<AdditionalData>>;
+    setLoading: Dispatch<SetStateAction<boolean>>;
+    additionalData: AdditionalData;
+    addToQueue: (key: string, fn: () => Promise<void>) => void;
+    markAsDirty: () => void;
+}
+export interface DetailViewProps<T extends DetailKeys, F extends keyof ModelTypes, FK extends keyof ModelTypes[F]> {
+    id?: string;
+    locationId: T;
+    main: {
+        name: string;
+        label: string;
+        component: React.ReactNode;
+        sidebar?: React.ReactNode;
+        form: FormType<F, FK>;
+    };
+    defaultTabs?: Array<{
+        label: string;
+        name: string;
+        component: React.ReactNode;
+        hideSidebar?: boolean;
+        sidebarReplacement?: React.ReactNode;
+    }>;
+}
+export interface DetailViewProviderProps<T extends DetailKeys, F extends keyof ModelTypes, FK extends keyof ModelTypes[F]> {
+    id?: string | null;
+    form: FormType<F, FK>;
+    locationId?: T;
+    tab: string;
+    sidebar?: React.ReactNode;
+    tabs: Omit<DeenruvTabs<T>, "id">[];
+}

package/dist/components/templates/DetailView/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/templates/DetailView/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/templates/DetailView/types.ts"],"names":[],"mappings":""}