@websolutespa/payload-plugin-bowl 2.0.1 → 3.0.1

package/dist/collections/Template.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/collections/Template.ts"],"sourcesContent":["import { hasRole, isAdmin, isRole } from '../core';\r\nimport { BowlCollection, BowlOptions, roles } from '../types';\r\n\r\nexport const Template = (options: BowlOptions): BowlCollection => ({\r\n  type: 'withCollection',\r\n  slug: options.slug.template,\r\n  admin: {\r\n    group: options.group.config,\r\n    useAsTitle: 'name',\r\n    defaultColumns: ['name', 'id'],\r\n    hidden: (args) => !hasRole(args.user, roles.Admin),\r\n  },\r\n  access: {\r\n    create: isAdmin,\r\n    read: isRole(),\r\n    update: isAdmin,\r\n    delete: isAdmin,\r\n  },\r\n  fields: [\r\n    // inherited fields: id, createdAt, updatedAt\r\n    { type: 'withId', required: true },\r\n    { type: 'withName', required: true },\r\n    // !!! todo withSelect ?\r\n    {\r\n      name: 'compatibleCollections',\r\n      label: 'Compatible pages',\r\n      type: 'select',\r\n      hasMany: true,\r\n      admin: {\r\n        isClearable: true,\r\n      },\r\n      options: (() => {\r\n        const selectOptions = options.pages.map(slug => ({\r\n          value: slug,\r\n          label: slug,\r\n        }));\r\n        if (selectOptions.length > 0) {\r\n          return selectOptions;\r\n        } else {\r\n          return [{\r\n            value: '',\r\n            label: 'none',\r\n          }];\r\n        }\r\n      })(),\r\n    },\r\n    // !!! todo withCheckbox ?\r\n    {\r\n      name: 'hasCompatibleCollections',\r\n      type: 'checkbox',\r\n      admin: {\r\n        disabled: true,\r\n      },\r\n      hooks: {\r\n        beforeChange: [\r\n          ({ data }) => {\r\n            if (data?.compatibleCollections && data.compatibleCollections.length > 0) {\r\n              return true;\r\n            } else {\r\n              return false;\r\n            }\r\n          },\r\n        ],\r\n      },\r\n    },\r\n  ],\r\n});\r\n"],"names":["hasRole","isAdmin","isRole","roles","Template","options","type","slug","template","admin","group","config","useAsTitle","defaultColumns","hidden","args","user","Admin","access","create","read","update","delete","fields","required","name","label","hasMany","isClearable","selectOptions","pages","map","value","length","disabled","hooks","beforeChange","data","compatibleCollections"],"mappings":"AAAA,SAASA,OAAO,EAAEC,OAAO,EAAEC,MAAM,QAAQ,UAAU;AACnD,SAAsCC,KAAK,QAAQ,WAAW;AAE9D,OAAO,MAAMC,WAAW,CAACC,UAA0C,CAAA;QACjEC,MAAM;QACNC,MAAMF,QAAQE,IAAI,CAACC,QAAQ;QAC3BC,OAAO;YACLC,OAAOL,QAAQK,KAAK,CAACC,MAAM;YAC3BC,YAAY;YACZC,gBAAgB;gBAAC;gBAAQ;aAAK;YAC9BC,QAAQ,CAACC,OAAS,CAACf,QAAQe,KAAKC,IAAI,EAAEb,MAAMc,KAAK;QACnD;QACAC,QAAQ;YACNC,QAAQlB;YACRmB,MAAMlB;YACNmB,QAAQpB;YACRqB,QAAQrB;QACV;QACAsB,QAAQ;YACN,6CAA6C;YAC7C;gBAAEjB,MAAM;gBAAUkB,UAAU;YAAK;YACjC;gBAAElB,MAAM;gBAAYkB,UAAU;YAAK;YACnC,wBAAwB;YACxB;gBACEC,MAAM;gBACNC,OAAO;gBACPpB,MAAM;gBACNqB,SAAS;gBACTlB,OAAO;oBACLmB,aAAa;gBACf;gBACAvB,SAAS,AAAC,CAAA;oBACR,MAAMwB,gBAAgBxB,QAAQyB,KAAK,CAACC,GAAG,CAACxB,CAAAA,OAAS,CAAA;4BAC/CyB,OAAOzB;4BACPmB,OAAOnB;wBACT,CAAA;oBACA,IAAIsB,cAAcI,MAAM,GAAG,GAAG;wBAC5B,OAAOJ;oBACT,OAAO;wBACL,OAAO;4BAAC;gCACNG,OAAO;gCACPN,OAAO;4BACT;yBAAE;oBACJ;gBACF,CAAA;YACF;YACA,0BAA0B;YAC1B;gBACED,MAAM;gBACNnB,MAAM;gBACNG,OAAO;oBACLyB,UAAU;gBACZ;gBACAC,OAAO;oBACLC,cAAc;wBACZ,CAAC,EAAEC,IAAI,EAAE;4BACP,IAAIA,MAAMC,yBAAyBD,KAAKC,qBAAqB,CAACL,MAAM,GAAG,GAAG;gCACxE,OAAO;4BACT,OAAO;gCACL,OAAO;4BACT;wBACF;qBACD;gBACH;YACF;SACD;IACH,CAAA,EAAG"}

package/dist/collections/Users.js

@@ -0,0 +1,11 @@
+export const Users = (options)=>({
+        type: 'withUser',
+        slug: options.slug.users,
+        fields: [
+            {
+                type: 'withRoles'
+            }
+        ]
+    });
+
+//# sourceMappingURL=Users.js.map

package/dist/collections/Users.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/collections/Users.ts"],"sourcesContent":["import { BowlCollection, BowlOptions } from '../types';\r\n\r\nexport const Users = (options: BowlOptions): BowlCollection => ({\r\n  type: 'withUser',\r\n  slug: options.slug.users,\r\n  fields: [\r\n    {\r\n      type: 'withRoles',\r\n    },\r\n    /*\r\n    {\r\n      type: 'withTenants',\r\n      relationTo: ['someCollection'],\r\n    },\r\n    */\r\n  ],\r\n});\r\n"],"names":["Users","options","type","slug","users","fields"],"mappings":"AAEA,OAAO,MAAMA,QAAQ,CAACC,UAA0C,CAAA;QAC9DC,MAAM;QACNC,MAAMF,QAAQE,IAAI,CAACC,KAAK;QACxBC,QAAQ;YACN;gBACEH,MAAM;YACR;SAOD;IACH,CAAA,EAAG"}

package/dist/components/Category/CategoryMenu.js

@@ -0,0 +1,47 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Link, useConfig } from '@payloadcms/ui';
+import { getClassNames } from '@websolutespa/bom-core';
+import { usePathname } from 'next/navigation';
+import React from 'react';
+export const CategoryMenu = (props)=>{
+    const { collectionSlug } = props;
+    const slug = collectionSlug;
+    const { config } = useConfig();
+    const { routes } = config;
+    const pathname = usePathname();
+    const items = [
+        {
+            name: 'List',
+            url: `${routes.admin}/collections/${slug}`
+        },
+        {
+            name: 'Tree',
+            url: `${routes.admin}/tree/${slug}`
+        }
+    ];
+    const isActive = (url)=>{
+        // console.log('isActive', pathname, url);
+        return pathname === url;
+    };
+    return /*#__PURE__*/ _jsx("div", {
+        className: "category-menu",
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "tabs-field__tabs-wrap",
+            children: /*#__PURE__*/ _jsx("div", {
+                className: "tabs-field__tabs",
+                children: items.map((item, i)=>/*#__PURE__*/ _jsx(Link, {
+                        className: getClassNames('tabs-field__tab-button', {
+                            'tabs-field__tab-button--active': isActive(item.url)
+                        }),
+                        href: item.url,
+                        children: /*#__PURE__*/ _jsx("span", {
+                            children: item.name
+                        })
+                    }, i))
+            })
+        })
+    });
+};
+
+//# sourceMappingURL=CategoryMenu.js.map

package/dist/components/Category/CategoryMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Category/CategoryMenu.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Link, useConfig } from '@payloadcms/ui';\r\nimport { getClassNames } from '@websolutespa/bom-core';\r\nimport { usePathname } from 'next/navigation';\r\nimport { CollectionSlug } from 'payload';\r\nimport React from 'react';\r\n\r\nexport type CategoryMenuProps = {\r\n  collectionSlug: CollectionSlug; // 'category';\r\n  hasCreatePermission?: boolean; // true;\r\n  newDocumentURL?: string; // '/admin/collections/category/create'\r\n};\r\n\r\nexport const CategoryMenu: React.FC<CategoryMenuProps> = (props) => {\r\n  const { collectionSlug } = props;\r\n  const slug = collectionSlug;\r\n  const { config } = useConfig();\r\n  const { routes } = config;\r\n  const pathname = usePathname();\r\n  const items = [\r\n    {\r\n      name: 'List',\r\n      url: `${routes.admin}/collections/${slug}`,\r\n    }, {\r\n      name: 'Tree',\r\n      url: `${routes.admin}/tree/${slug}`,\r\n    },\r\n  ];\r\n  const isActive = ((url: string) => {\r\n    // console.log('isActive', pathname, url);\r\n    return pathname === url;\r\n  });\r\n  return (\r\n    <div className=\"category-menu\">\r\n      <div className=\"tabs-field__tabs-wrap\">\r\n        <div className=\"tabs-field__tabs\">\r\n          {items.map((item, i) => (\r\n            <Link\r\n              key={i}\r\n              className={getClassNames('tabs-field__tab-button', { 'tabs-field__tab-button--active': isActive(item.url) })}\r\n              href={item.url}\r\n            >\r\n              <span>{item.name}</span>\r\n            </Link>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["Link","useConfig","getClassNames","usePathname","React","CategoryMenu","props","collectionSlug","slug","config","routes","pathname","items","name","url","admin","isActive","div","className","map","item","i","href","span"],"mappings":"AAAA;;AAEA,SAASA,IAAI,EAAEC,SAAS,QAAQ,iBAAiB;AACjD,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,WAAW,QAAQ,kBAAkB;AAE9C,OAAOC,WAAW,QAAQ;AAQ1B,OAAO,MAAMC,eAA4C,CAACC;IACxD,MAAM,EAAEC,cAAc,EAAE,GAAGD;IAC3B,MAAME,OAAOD;IACb,MAAM,EAAEE,MAAM,EAAE,GAAGR;IACnB,MAAM,EAAES,MAAM,EAAE,GAAGD;IACnB,MAAME,WAAWR;IACjB,MAAMS,QAAQ;QACZ;YACEC,MAAM;YACNC,KAAK,CAAC,EAAEJ,OAAOK,KAAK,CAAC,aAAa,EAAEP,KAAK,CAAC;QAC5C;QAAG;YACDK,MAAM;YACNC,KAAK,CAAC,EAAEJ,OAAOK,KAAK,CAAC,MAAM,EAAEP,KAAK,CAAC;QACrC;KACD;IACD,MAAMQ,WAAY,CAACF;QACjB,0CAA0C;QAC1C,OAAOH,aAAaG;IACtB;IACA,qBACE,KAACG;QAAIC,WAAU;kBACb,cAAA,KAACD;YAAIC,WAAU;sBACb,cAAA,KAACD;gBAAIC,WAAU;0BACZN,MAAMO,GAAG,CAAC,CAACC,MAAMC,kBAChB,KAACrB;wBAECkB,WAAWhB,cAAc,0BAA0B;4BAAE,kCAAkCc,SAASI,KAAKN,GAAG;wBAAE;wBAC1GQ,MAAMF,KAAKN,GAAG;kCAEd,cAAA,KAACS;sCAAMH,KAAKP,IAAI;;uBAJXQ;;;;AAWnB,EAAE"}

package/dist/components/Category/CategoryTree.js

@@ -0,0 +1,430 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { FormSubmit, Gutter, Link, ListHeader, Popup, ViewDescription, toast, useAuth, useConfig, useDocumentDrawer, useLocale, useTranslation } from '@payloadcms/ui';
+import { getRouteResolver } from '@websolutespa/payload-utils';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { options } from '../../options';
+import { DataTree } from '../DataTree/DataTree';
+import LeaveWithoutSaving from '../LeaveWithoutSaving/LeaveWithoutSaving';
+import { ROOT_ITEM, getNewCategoriesFromChanges } from './category.service';
+import { CategoryMenu } from './CategoryMenu';
+import './CategoryTree.scss';
+// https://rct.lukasbach.com/docs/getstarted
+const USE_BULK_UPDATE = true;
+function CategoryTreeConflict({ conflicts }) {
+    const { config } = useConfig();
+    const { routes: { admin: adminRoute } } = config;
+    const summaryConflicts = useMemo(()=>{
+        const summaryConflicts = [];
+        const getRouteKey = (routes)=>{
+            return routes.map((x)=>`${x.schema}-${x.page}`).join('_');
+        };
+        conflicts.forEach((routes)=>{
+            const routeKey = getRouteKey(routes);
+            if (summaryConflicts.find((x)=>getRouteKey(x) === routeKey) === undefined) {
+                summaryConflicts.push(routes);
+            }
+        });
+        return summaryConflicts;
+    }, [
+        conflicts
+    ]);
+    return /*#__PURE__*/ _jsx("span", {
+        className: "category__conflicts",
+        children: summaryConflicts.length > 0 && /*#__PURE__*/ _jsx(Popup, {
+            button: /*#__PURE__*/ _jsx("span", {
+                className: "category__conflict",
+                children: "conflict detected"
+            }),
+            buttonType: "custom",
+            className: 'category-popup',
+            horizontalAlign: "left",
+            size: "large",
+            verticalAlign: "bottom",
+            children: /*#__PURE__*/ _jsx("div", {
+                className: 'category-popup__content',
+                children: summaryConflicts.map((routes, c)=>/*#__PURE__*/ _jsxs("div", {
+                        className: 'category-popup__card',
+                        children: [
+                            /*#__PURE__*/ _jsxs("h4", {
+                                children: [
+                                    /*#__PURE__*/ _jsxs("span", {
+                                        children: [
+                                            "Conflict ",
+                                            c + 1
+                                        ]
+                                    }),
+                                    " ",
+                                    /*#__PURE__*/ _jsx("small", {
+                                        children: routes.map((r)=>r.schema).join(', ')
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx("ul", {
+                                children: routes.map((route, r)=>/*#__PURE__*/ _jsxs("li", {
+                                        children: [
+                                            /*#__PURE__*/ _jsxs(Link, {
+                                                className: "category-popup__link btn btn--style-secondary",
+                                                id: 'action-edit',
+                                                href: `${adminRoute}/collections/${route.schema}/${route.page}`,
+                                                children: [
+                                                    /*#__PURE__*/ _jsx("span", {
+                                                        children: route.title
+                                                    }),
+                                                    " ",
+                                                    /*#__PURE__*/ _jsx("small", {
+                                                        children: route.schema
+                                                    })
+                                                ]
+                                            }, `link-${r}-${route.page}`),
+                                            /*#__PURE__*/ _jsx("p", {
+                                                className: "category-popup__url",
+                                                children: route.id
+                                            })
+                                        ]
+                                    }, `route-${r}-${route.page}`))
+                            })
+                        ]
+                    }, `card-${c}`))
+            })
+        })
+    });
+}
+export const CategoryTree = (props)=>{
+    const { slug } = props;
+    const { config, getEntityConfig } = useConfig();
+    const collectionConfig = getEntityConfig({
+        collectionSlug: slug
+    });
+    const { code: locale } = useLocale();
+    const { t, i18n } = useTranslation();
+    const { permissions, user } = useAuth();
+    const dataTreeRef = useRef(null);
+    const [categories, setCategories] = useState(null);
+    const [items, setItems] = useState(null);
+    const [changes, setChanges] = useState(null);
+    const [dirty, setDirty] = useState(false);
+    const [id, setId] = useState(null);
+    const routeResolver = getRouteResolver(config);
+    useEffect(()=>{
+        const getData = async ()=>{
+            try {
+                const search = `?pagination=false&depth=0&locale=${locale}`;
+                const url = routeResolver.api(`/${options.slug.category}${search}`);
+                const httpResponse = await fetch(url, {
+                    method: 'GET',
+                    credentials: 'include',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    }
+                });
+                if (!httpResponse.ok) {
+                    throw httpResponse;
+                }
+                const categories = await httpResponse.json();
+                categories.sort((a, b)=>{
+                    return (a.order || 0) - (b.order || 0);
+                });
+                // const rootCategory: ICategory | undefined = getRootCategory(categories);
+                const children = categories.filter((x)=>x.category == null || x.category === x.id || x.category === ROOT_ITEM).map((x)=>x.id);
+                const items = {};
+                items[ROOT_ITEM] = {
+                    index: ROOT_ITEM,
+                    data: {
+                        title: ROOT_ITEM,
+                        conflicts: []
+                    },
+                    // children: rootCategory ? [rootCategory.id] : [],
+                    children,
+                    isFolder: true,
+                    canMove: false,
+                    canRename: false
+                };
+                categories.forEach((x)=>{
+                    // const isTopCategory = x.id === firstTopCategory?.id;
+                    const children = categories.filter((child)=>child.category === x.id && child.id !== x.id).sort((a, b)=>{
+                        return (a.order || 0) - (b.order || 0);
+                    }).map((x)=>x.id);
+                    items[x.id] = {
+                        index: x.id,
+                        data: {
+                            title: x.title,
+                            conflicts: []
+                        },
+                        children,
+                        isFolder: true,
+                        canRename: true,
+                        canMove: true
+                    };
+                });
+                setCategories(categories);
+                setItems({
+                    ...items
+                });
+            // console.log('CategoryTree.getData', 'categories', categories, 'items', items);
+            // console.log('CategoryTree', 'items', items);
+            } catch (error) {
+                console.log('CategoryTree.getData.error', error);
+            }
+        };
+        getData();
+    }, [
+        locale
+    ]);
+    const [DocumentDrawer, , { isDrawerOpen, openDrawer }] = useDocumentDrawer({
+        collectionSlug: slug,
+        id
+    });
+    const openDrawerRef = useRef(false);
+    useEffect(()=>{
+        if (openDrawerRef.current) {
+            openDrawer();
+            openDrawerRef.current = false;
+        }
+    }, [
+        openDrawer,
+        id
+    ]);
+    const onChange = (changes)=>{
+        // console.log('onChange', changes);
+        setChanges(changes);
+        setDirty(true);
+    // console.log(JSON.stringify(items) !== JSON.stringify(changes));
+    };
+    const onEdit = (items, treeId)=>{
+        // console.log('onEdit', items, treeId, items.index);
+        if (typeof items.index === 'string') {
+            openDrawerRef.current = true;
+            setId(items.index);
+        }
+    };
+    const onSubmit = async ()=>{
+        // console.log('onSubmit', changes);
+        if (!categories || !changes) {
+            return;
+        }
+        const newCategories = getNewCategoriesFromChanges(categories, changes);
+        const updateCategory = async (item)=>{
+            // console.log('updateCategory', item);
+            try {
+                const search = `?depth=0&locale=${locale}&fallback-locale=null`;
+                const url = routeResolver.api(`/${slug}/${item.id}${search}`);
+                const httpResponse = await fetch(url, {
+                    method: 'PATCH',
+                    body: JSON.stringify({
+                        id: item.id,
+                        category: item.category,
+                        order: item.order
+                    }),
+                    credentials: 'include',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    }
+                });
+                if (!httpResponse.ok) {
+                    throw httpResponse;
+                }
+                const response = await httpResponse.json();
+                // console.log('updateCategory', response);
+                return response;
+            } catch (error) {
+                console.log('CategoryTree.updateCategory.error', error);
+            }
+        };
+        if (USE_BULK_UPDATE) {
+            try {
+                const records = newCategories.map((x)=>({
+                        action: 'upadate',
+                        item: {
+                            id: x.id,
+                            category: x.category,
+                            order: x.order
+                        }
+                    }));
+                const url = routeResolver.api(`/${slug}/bulk/`);
+                const httpResponse = await fetch(url, {
+                    method: 'PATCH',
+                    body: JSON.stringify(records),
+                    credentials: 'include',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    }
+                });
+                if (!httpResponse.ok) {
+                    throw httpResponse;
+                }
+                const categories = await httpResponse.json();
+                categories.sort((a, b)=>(a.order || 0) - (b.order || 0));
+                // console.log('CategoryTree.onSubmit.success', categories);
+                setDirty(false);
+                toast.success('Updated successfully.');
+            } catch (error) {
+                toast.error(`There was an error while saving ${slug}.`);
+                console.log('CategoryTree.onSubmit.error', error);
+            }
+        } else {
+            try {
+                const promises = newCategories.map((x)=>()=>updateCategory(x));
+                const responses = [];
+                for (const promise of promises){
+                    const response = await promise();
+                    responses.push(response);
+                }
+                // console.log('CategoryTree.onSubmit.success', responses);
+                toast.success('Updated successfully.');
+            } catch (error) {
+                toast.error(`There was an error while saving ${slug}.`);
+                console.log('CategoryTree.onSubmit.error', error);
+            }
+        }
+    };
+    useEffect(()=>{
+        if (!categories) {
+            return;
+        }
+        const getPostData = (changes)=>{
+            const payload = Object.fromEntries(Object.entries(changes).map(([k, v])=>[
+                    k,
+                    {
+                        index: v.index,
+                        children: v.children
+                    }
+                ]));
+            return payload;
+        };
+        const getRoutes = async ()=>{
+            try {
+                const postData = changes ? getPostData(changes) : undefined;
+                const search = '';
+                const url = routeResolver.api(`/route/changes${search}`);
+                const httpResponse = await fetch(url, {
+                    method: 'POST',
+                    body: postData ? JSON.stringify(postData) : undefined,
+                    credentials: 'include',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    }
+                });
+                if (!httpResponse.ok) {
+                    throw httpResponse;
+                }
+                const routes = await httpResponse.json();
+                return routes;
+            } catch (error) {
+                console.log('CategoryTree.getRoutes.error', error);
+                throw error;
+            }
+        };
+        getRoutes().then((routes)=>{
+            const routeMap = new Map();
+            for (const route of routes){
+                if (routeMap.has(route.id)) {
+                    routeMap.get(route.id).push(route);
+                } else {
+                    routeMap.set(route.id, [
+                        route
+                    ]);
+                }
+            }
+            const conflictingRouteMap = new Map([
+                ...routeMap
+            ].filter(([k, v])=>v.length > 1));
+            // console.log('CategoryTree.changes.getRoutes', routes);
+            // console.log('CategoryTree.changes.routeMap', routeMap);
+            // console.log('CategoryTree.changes.conflictingRouteMap', conflictingRouteMap);
+            if (items) {
+                Object.entries(items).forEach(([k, v])=>{
+                    v.data.conflicts = [];
+                    for (const conflict of conflictingRouteMap){
+                        const routes = conflict[1];
+                        if (routes.find((x)=>x.category === k)) {
+                            v.data.conflicts.push(routes);
+                        }
+                    }
+                    // console.log(k, v.data.conflicts);
+                    v.data.extra = /*#__PURE__*/ _jsx(CategoryTreeConflict, {
+                        conflicts: v.data.conflicts
+                    });
+                    if (dataTreeRef.current) {
+                        dataTreeRef.current.onSetData(v, v.data);
+                    }
+                });
+                // console.log(items);
+                setItems({
+                    ...items
+                });
+            }
+        });
+    }, [
+        changes,
+        categories
+    ]);
+    // const modalKey = `${locale}-localized-field-modal-${path}`;
+    // const isModalOpened = isModalOpen(modalSlug);
+    const onSave = useCallback((args)=>{
+        setId(args.doc.id);
+    }, []);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "collection-list",
+        children: [
+            /*#__PURE__*/ _jsx(CategoryMenu, {
+                collectionSlug: slug
+            }),
+            /*#__PURE__*/ _jsx(Gutter, {
+                children: /*#__PURE__*/ _jsxs("div", {
+                    className: "collection-list__wrap",
+                    children: [
+                        /*#__PURE__*/ _jsx(ListHeader, {
+                            collectionConfig: collectionConfig,
+                            Description: /*#__PURE__*/ _jsx("div", {
+                                className: 'collection-list__sub-header',
+                                children: collectionConfig.admin?.description && /*#__PURE__*/ _jsx(ViewDescription, {
+                                    collectionSlug: collectionConfig.slug,
+                                    description: collectionConfig.admin.description
+                                })
+                            }),
+                            newDocumentURL: "",
+                            disableBulkDelete: true,
+                            disableBulkEdit: true,
+                            hasCreatePermission: false,
+                            i18n: i18n,
+                            isBulkUploadEnabled: false,
+                            smallBreak: true,
+                            openBulkUpload: ()=>{},
+                            onBulkUploadSuccess: ()=>{},
+                            viewType: "list"
+                        }),
+                        items && /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx(DataTree, {
+                                    ref: dataTreeRef,
+                                    items: items,
+                                    rootItem: ROOT_ITEM,
+                                    onChange: onChange,
+                                    onEdit: onEdit
+                                }),
+                                /*#__PURE__*/ _jsx("div", {
+                                    className: "collection-list__foot",
+                                    children: /*#__PURE__*/ _jsx(FormSubmit, {
+                                        type: "button",
+                                        disabled: !dirty,
+                                        onClick: onSubmit,
+                                        children: t('general:save')
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(LeaveWithoutSaving, {
+                                    modified: dirty
+                                })
+                            ]
+                        }),
+                        id && /*#__PURE__*/ _jsx(DocumentDrawer, {
+                            onSave: onSave
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=CategoryTree.js.map

package/dist/components/Category/CategoryTree.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Category/CategoryTree.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { DocumentDrawerProps, FormSubmit, Gutter, Link, ListHeader, Popup, ViewDescription, toast, useAuth, useConfig, useDocumentDrawer, useLocale, useTranslation } from '@payloadcms/ui';\r\nimport { ICategory, IEquatable, IRoute } from '@websolutespa/bom-core';\r\nimport { getRouteResolver } from '@websolutespa/payload-utils';\r\nimport { CollectionSlug, DefaultDocumentIDType } from 'payload';\r\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport { TreeItem } from 'react-complex-tree';\r\nimport { options } from '../../options';\r\nimport { DataTree, DataTreeInstance } from '../DataTree/DataTree';\r\nimport LeaveWithoutSaving from '../LeaveWithoutSaving/LeaveWithoutSaving';\r\nimport { CategoryTreeItem, CategoryTreeItems, ROOT_ITEM, getNewCategoriesFromChanges } from './category.service';\r\nimport { CategoryMenu } from './CategoryMenu';\r\nimport './CategoryTree.scss';\r\n\r\n// https://rct.lukasbach.com/docs/getstarted\r\n\r\nconst USE_BULK_UPDATE = true;\r\n\r\nexport type CategoryTreeConflictProps = {\r\n  conflicts: IRoute[][];\r\n};\r\n\r\nexport type RouteConflict = {\r\n  schema: string;\r\n  page: IEquatable;\r\n  template: string;\r\n  category: IEquatable;\r\n  routes: IRoute[];\r\n};\r\n\r\nfunction CategoryTreeConflict({ conflicts }: CategoryTreeConflictProps) {\r\n  const { config } = useConfig();\r\n  const { routes: { admin: adminRoute } } = config;\r\n  const summaryConflicts = useMemo(() => {\r\n    const summaryConflicts: IRoute[][] = [];\r\n    const getRouteKey = (routes: IRoute[]): string => {\r\n      return routes.map(x => `${x.schema}-${x.page}`).join('_');\r\n    };\r\n    conflicts.forEach(routes => {\r\n      const routeKey = getRouteKey(routes);\r\n      if (summaryConflicts.find(x => getRouteKey(x) === routeKey) === undefined) {\r\n        summaryConflicts.push(routes);\r\n      }\r\n    });\r\n    return summaryConflicts;\r\n  }, [conflicts]);\r\n  return (\r\n    <span className=\"category__conflicts\">\r\n      {summaryConflicts.length > 0 && (\r\n        <Popup\r\n          button={(\r\n            <span className=\"category__conflict\">\r\n              conflict detected\r\n            </span>\r\n          )}\r\n          buttonType=\"custom\"\r\n          className={'category-popup'}\r\n          horizontalAlign=\"left\"\r\n          size=\"large\"\r\n          verticalAlign=\"bottom\"\r\n        >\r\n          <div className={'category-popup__content'}>\r\n            {summaryConflicts.map((routes, c) => (\r\n              <div key={`card-${c}`} className={'category-popup__card'}>\r\n                <h4><span>Conflict {c + 1}</span> <small>{routes.map(r => r.schema).join(', ')}</small></h4>\r\n                <ul>\r\n                  {routes.map((route, r) => (\r\n                    <li key={`route-${r}-${route.page}`}>\r\n                      <Link\r\n                        key={`link-${r}-${route.page}`}\r\n                        className=\"category-popup__link btn btn--style-secondary\"\r\n                        id={'action-edit'}\r\n                        href={`${adminRoute}/collections/${route.schema}/${route.page}`}\r\n                      >\r\n                        <span>{route.title}</span> <small>{route.schema}</small>\r\n                      </Link>\r\n                      <p className=\"category-popup__url\">{route.id}</p>\r\n                    </li>\r\n                  ))}\r\n                </ul>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </Popup>\r\n      )}\r\n    </span>\r\n  );\r\n}\r\n\r\nexport type CategoryTreeProps = {\r\n  slug: CollectionSlug;\r\n};\r\n\r\nexport const CategoryTree: React.FC<CategoryTreeProps> = (props) => {\r\n  const { slug } = props;\r\n  const { config, getEntityConfig } = useConfig();\r\n  const collectionConfig = getEntityConfig({ collectionSlug: slug });\r\n  const { code: locale } = useLocale();\r\n  const { t, i18n } = useTranslation();\r\n  const { permissions, user } = useAuth();\r\n\r\n  const dataTreeRef = useRef<DataTreeInstance<CategoryTreeItem>>(null);\r\n\r\n  const [categories, setCategories] = useState<ICategory[] | null>(null);\r\n  const [items, setItems] = useState<CategoryTreeItems | null>(null);\r\n  const [changes, setChanges] = useState<CategoryTreeItems | null>(null);\r\n  const [dirty, setDirty] = useState(false);\r\n  const [id, setId] = useState<DefaultDocumentIDType | null>(null);\r\n\r\n  const routeResolver = getRouteResolver(config);\r\n\r\n  useEffect(() => {\r\n    const getData = async () => {\r\n      try {\r\n        const search = `?pagination=false&depth=0&locale=${locale}`;\r\n        const url = routeResolver.api(`/${options.slug.category}${search}`);\r\n        const httpResponse = await fetch(url, {\r\n          method: 'GET',\r\n          credentials: 'include',\r\n          headers: {\r\n            'Content-Type': 'application/json',\r\n          },\r\n        });\r\n        if (!httpResponse.ok) {\r\n          throw httpResponse;\r\n        }\r\n        const categories = await httpResponse.json() as ICategory[];\r\n        categories.sort((a, b) => {\r\n          return (a.order || 0) - (b.order || 0);\r\n        });\r\n        // const rootCategory: ICategory | undefined = getRootCategory(categories);\r\n        const children = categories.filter(x =>\r\n          x.category == null ||\r\n          x.category === x.id ||\r\n          x.category === ROOT_ITEM\r\n        ).map(x => x.id);\r\n        const items: CategoryTreeItems = {};\r\n        items[ROOT_ITEM] = {\r\n          index: ROOT_ITEM,\r\n          data: {\r\n            title: ROOT_ITEM,\r\n            conflicts: [],\r\n          },\r\n          // children: rootCategory ? [rootCategory.id] : [],\r\n          children,\r\n          isFolder: true,\r\n          canMove: false,\r\n          canRename: false,\r\n        };\r\n        categories.forEach(x => {\r\n          // const isTopCategory = x.id === firstTopCategory?.id;\r\n          const children = categories.filter(child => child.category === x.id && child.id !== x.id).sort((a, b) => {\r\n            return (a.order || 0) - (b.order || 0);\r\n          }).map(x => x.id);\r\n          items[x.id] = {\r\n            index: x.id,\r\n            data: {\r\n              title: x.title as string,\r\n              conflicts: [],\r\n            },\r\n            children,\r\n            isFolder: true,\r\n            canRename: true,\r\n            canMove: true, // !isTopCategory,\r\n          };\r\n        });\r\n        setCategories(categories);\r\n        setItems({ ...items });\r\n        // console.log('CategoryTree.getData', 'categories', categories, 'items', items);\r\n        // console.log('CategoryTree', 'items', items);\r\n      } catch (error) {\r\n        console.log('CategoryTree.getData.error', error);\r\n      }\r\n    };\r\n    getData();\r\n  }, [locale]);\r\n\r\n  const [DocumentDrawer, , { isDrawerOpen, openDrawer }] = useDocumentDrawer({\r\n    collectionSlug: slug,\r\n    id,\r\n  });\r\n\r\n  const openDrawerRef = useRef(false);\r\n\r\n  useEffect(() => {\r\n    if (openDrawerRef.current) {\r\n      openDrawer();\r\n      openDrawerRef.current = false;\r\n    }\r\n  }, [openDrawer, id]);\r\n\r\n  const onChange = (changes: CategoryTreeItems) => {\r\n    // console.log('onChange', changes);\r\n    setChanges(changes);\r\n    setDirty(true);\r\n    // console.log(JSON.stringify(items) !== JSON.stringify(changes));\r\n  };\r\n\r\n  const onEdit = (items: TreeItem<CategoryTreeItem>, treeId: string) => {\r\n    // console.log('onEdit', items, treeId, items.index);\r\n    if (typeof items.index === 'string') {\r\n      openDrawerRef.current = true;\r\n      setId(items.index);\r\n    }\r\n  };\r\n\r\n  const onSubmit = async () => {\r\n    // console.log('onSubmit', changes);\r\n    if (!categories || !changes) {\r\n      return;\r\n    }\r\n    const newCategories = getNewCategoriesFromChanges(categories, changes);\r\n    const updateCategory = async (item: ICategory) => {\r\n      // console.log('updateCategory', item);\r\n      try {\r\n        const search = `?depth=0&locale=${locale}&fallback-locale=null`;\r\n        const url: string = routeResolver.api(`/${slug}/${item.id}${search}`);\r\n        const httpResponse = await fetch(url, {\r\n          method: 'PATCH',\r\n          body: JSON.stringify({\r\n            id: item.id,\r\n            category: item.category,\r\n            order: item.order,\r\n          }),\r\n          credentials: 'include',\r\n          headers: {\r\n            'Content-Type': 'application/json',\r\n          },\r\n        });\r\n        if (!httpResponse.ok) {\r\n          throw httpResponse;\r\n        }\r\n        const response = await httpResponse.json();\r\n        // console.log('updateCategory', response);\r\n        return response;\r\n      } catch (error) {\r\n        console.log('CategoryTree.updateCategory.error', error);\r\n      }\r\n    };\r\n    if (USE_BULK_UPDATE) {\r\n      try {\r\n        const records = newCategories.map(x => ({\r\n          action: 'upadate',\r\n          item: {\r\n            id: x.id,\r\n            category: x.category,\r\n            order: x.order,\r\n          },\r\n        }));\r\n        const url: string = routeResolver.api(`/${slug}/bulk/`);\r\n        const httpResponse = await fetch(url, {\r\n          method: 'PATCH',\r\n          body: JSON.stringify(records),\r\n          credentials: 'include',\r\n          headers: {\r\n            'Content-Type': 'application/json',\r\n          },\r\n        });\r\n        if (!httpResponse.ok) {\r\n          throw httpResponse;\r\n        }\r\n        const categories: { order?: number }[] = await httpResponse.json();\r\n        categories.sort((a, b) => (a.order || 0) - (b.order || 0));\r\n        // console.log('CategoryTree.onSubmit.success', categories);\r\n        setDirty(false);\r\n        toast.success('Updated successfully.');\r\n      } catch (error) {\r\n        toast.error(`There was an error while saving ${slug}.`);\r\n        console.log('CategoryTree.onSubmit.error', error);\r\n      }\r\n    } else {\r\n      try {\r\n        const promises = newCategories.map(x => () => updateCategory(x));\r\n        const responses = [];\r\n        for (const promise of promises) {\r\n          const response = await promise();\r\n          responses.push(response);\r\n        }\r\n        // console.log('CategoryTree.onSubmit.success', responses);\r\n        toast.success('Updated successfully.');\r\n      } catch (error) {\r\n        toast.error(`There was an error while saving ${slug}.`);\r\n        console.log('CategoryTree.onSubmit.error', error);\r\n      }\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!categories) {\r\n      return;\r\n    }\r\n    const getPostData = (changes: CategoryTreeItems) => {\r\n      const payload = Object.fromEntries(Object.entries(changes)\r\n        .map(([k, v]: any) => [k, {\r\n          index: v.index,\r\n          children: v.children,\r\n        }])\r\n      );\r\n      return payload;\r\n    };\r\n    const getRoutes = async () => {\r\n      try {\r\n        const postData = changes ? getPostData(changes) : undefined;\r\n        const search = '';\r\n        const url = routeResolver.api(`/route/changes${search}`);\r\n        const httpResponse = await fetch(url, {\r\n          method: 'POST',\r\n          body: postData ? JSON.stringify(postData) : undefined,\r\n          credentials: 'include',\r\n          headers: {\r\n            'Content-Type': 'application/json',\r\n          },\r\n        });\r\n        if (!httpResponse.ok) {\r\n          throw httpResponse;\r\n        }\r\n        const routes = await httpResponse.json() as IRoute[];\r\n        return routes;\r\n      } catch (error) {\r\n        console.log('CategoryTree.getRoutes.error', error);\r\n        throw error;\r\n      }\r\n    };\r\n    getRoutes().then(routes => {\r\n      const routeMap = new Map<string, IRoute[]>();\r\n      for (const route of routes) {\r\n        if (routeMap.has(route.id)) {\r\n          routeMap.get(route.id)!.push(route);\r\n        } else {\r\n          routeMap.set(route.id, [route]);\r\n        }\r\n      }\r\n      const conflictingRouteMap = new Map(\r\n        [...routeMap].filter(([k, v]) => v.length > 1)\r\n      );\r\n      // console.log('CategoryTree.changes.getRoutes', routes);\r\n      // console.log('CategoryTree.changes.routeMap', routeMap);\r\n      // console.log('CategoryTree.changes.conflictingRouteMap', conflictingRouteMap);\r\n      if (items) {\r\n        Object.entries(items).forEach(([k, v]) => {\r\n          v.data.conflicts = [];\r\n          for (const conflict of conflictingRouteMap) {\r\n            const routes = conflict[1];\r\n            if (routes.find(x => x.category === k)) {\r\n              v.data.conflicts.push(routes);\r\n            }\r\n          }\r\n          // console.log(k, v.data.conflicts);\r\n          v.data.extra = (\r\n            <CategoryTreeConflict conflicts={v.data.conflicts} />\r\n          );\r\n          if (dataTreeRef.current) {\r\n            dataTreeRef.current.onSetData(v, v.data);\r\n          }\r\n        });\r\n        // console.log(items);\r\n        setItems({ ...items });\r\n      }\r\n    });\r\n\r\n  }, [changes, categories]);\r\n\r\n  // const modalKey = `${locale}-localized-field-modal-${path}`;\r\n  // const isModalOpened = isModalOpen(modalSlug);\r\n\r\n  const onSave = useCallback<Required<DocumentDrawerProps>['onSave']>((args) => {\r\n    setId(args.doc.id as DefaultDocumentIDType | null);\r\n  }, []);\r\n\r\n  return (\r\n    <div className=\"collection-list\">\r\n      <CategoryMenu collectionSlug={slug} />\r\n      <Gutter>\r\n        <div className=\"collection-list__wrap\">\r\n          <ListHeader\r\n            collectionConfig={collectionConfig}\r\n            Description={\r\n              <div className={'collection-list__sub-header'}>\r\n                {collectionConfig.admin?.description && (\r\n                  <ViewDescription\r\n                    collectionSlug={collectionConfig.slug}\r\n                    description={collectionConfig.admin.description}\r\n                  />\r\n                )}\r\n              </div>\r\n            }\r\n            newDocumentURL=\"\"\r\n            disableBulkDelete={true}\r\n            disableBulkEdit={true}\r\n            hasCreatePermission={false}\r\n            i18n={i18n}\r\n            isBulkUploadEnabled={false}\r\n            smallBreak={true}\r\n            openBulkUpload={() => { }}\r\n            onBulkUploadSuccess={() => { }}\r\n            viewType=\"list\"\r\n          />\r\n          {items && (\r\n            <>\r\n              <DataTree<CategoryTreeItem> ref={dataTreeRef} items={items} rootItem={ROOT_ITEM} onChange={onChange} onEdit={onEdit} />\r\n              <div className=\"collection-list__foot\">\r\n                <FormSubmit type=\"button\" disabled={!dirty} onClick={onSubmit}>\r\n                  {t('general:save')}\r\n                </FormSubmit>\r\n              </div>\r\n              <LeaveWithoutSaving modified={dirty} />\r\n            </>\r\n          )}\r\n          {id && (\r\n            <DocumentDrawer onSave={onSave} />\r\n          )}\r\n        </div>\r\n      </Gutter>\r\n    </div>\r\n  );\r\n};\r\n\r\n"],"names":["FormSubmit","Gutter","Link","ListHeader","Popup","ViewDescription","toast","useAuth","useConfig","useDocumentDrawer","useLocale","useTranslation","getRouteResolver","React","useCallback","useEffect","useMemo","useRef","useState","options","DataTree","LeaveWithoutSaving","ROOT_ITEM","getNewCategoriesFromChanges","CategoryMenu","USE_BULK_UPDATE","CategoryTreeConflict","conflicts","config","routes","admin","adminRoute","summaryConflicts","getRouteKey","map","x","schema","page","join","forEach","routeKey","find","undefined","push","span","className","length","button","buttonType","horizontalAlign","size","verticalAlign","div","c","h4","small","r","ul","route","li","id","href","title","p","CategoryTree","props","slug","getEntityConfig","collectionConfig","collectionSlug","code","locale","t","i18n","permissions","user","dataTreeRef","categories","setCategories","items","setItems","changes","setChanges","dirty","setDirty","setId","routeResolver","getData","search","url","api","category","httpResponse","fetch","method","credentials","headers","ok","json","sort","a","b","order","children","filter","index","data","isFolder","canMove","canRename","child","error","console","log","DocumentDrawer","isDrawerOpen","openDrawer","openDrawerRef","current","onChange","onEdit","treeId","onSubmit","newCategories","updateCategory","item","body","JSON","stringify","response","records","action","success","promises","responses","promise","getPostData","payload","Object","fromEntries","entries","k","v","getRoutes","postData","then","routeMap","Map","has","get","set","conflictingRouteMap","conflict","extra","onSetData","onSave","args","doc","Description","description","newDocumentURL","disableBulkDelete","disableBulkEdit","hasCreatePermission","isBulkUploadEnabled","smallBreak","openBulkUpload","onBulkUploadSuccess","viewType","ref","rootItem","type","disabled","onClick","modified"],"mappings":"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"}