@payloadcms/ui 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

package/dist/elements/Table/RelationshipProvider/index.js

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { appendUploadSelectFields, formatAdminURL } from 'payload/shared';
 import * as qs from 'qs-esm';
 import React, { createContext, use, useCallback, useEffect, useReducer, useRef } from 'react';
@@ -10,165 +8,111 @@ import { useConfig } from '../../../providers/Config/index.js';
 import { useLocale } from '../../../providers/Locale/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { reducer } from './reducer.js';
-const Context = /*#__PURE__*/createContext({});
-export const RelationshipProvider = t0 => {
-  const $ = _c(15);
-  const {
-    children
-  } = t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {};
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  const [documents, dispatchDocuments] = useReducer(reducer, t1);
-  const debouncedDocuments = useDebounce(documents, 100);
-  const {
-    config: t2
-  } = useConfig();
-  const {
-    collections,
-    routes: t3
-  } = t2;
-  const {
-    api
-  } = t3;
-  const {
-    i18n
-  } = useTranslation();
-  const {
-    code: locale
-  } = useLocale();
-  const prevLocale = useRef(locale);
-  let t4;
-  if ($[1] !== api || $[2] !== collections || $[3] !== debouncedDocuments || $[4] !== i18n || $[5] !== locale) {
-    t4 = t5 => {
-      const reloadAll = t5 === undefined ? false : t5;
-      Object.entries(debouncedDocuments).forEach(async t6 => {
-        const [slug, docs] = t6;
-        const idsToLoad = [];
-        Object.entries(docs).forEach(t7 => {
-          const [id, value] = t7;
-          if (value === null || reloadAll) {
-            idsToLoad.push(id);
-          }
-        });
-        if (idsToLoad.length > 0) {
-          const url = formatAdminURL({
-            apiRoute: api,
-            path: `/${slug}`
-          });
-          const params = new URLSearchParams();
-          const select = {};
-          params.append("depth", "0");
-          params.append("limit", "250");
-          const collection = collections.find(c => c.slug === slug);
-          if (collection.admin.enableListViewSelectAPI) {
-            const fieldToSelect = collection.admin.useAsTitle ?? "id";
-            select[fieldToSelect] = true;
-            if (collection.upload) {
-              appendUploadSelectFields({
-                collectionConfig: collection,
-                select
-              });
-            }
-          }
-          if (locale) {
-            params.append("locale", locale);
-          }
-          const idsToString = idsToLoad.map(_temp);
-          params.append("where[id][in]", idsToString.join(","));
-          const query = `?${params.toString()}&${qs.stringify({
-            select
-          })}`;
-          const result = await fetch(`${url}${query}`, {
-            credentials: "include",
-            headers: {
-              "Accept-Language": i18n.language
-            }
-          });
-          if (result.ok) {
-            const json = await result.json();
-            if (json.docs) {
-              dispatchDocuments({
-                type: "ADD_LOADED",
-                docs: json.docs,
-                idsToLoad,
-                relationTo: slug
-              });
-            }
-          } else {
-            dispatchDocuments({
-              type: "ADD_LOADED",
-              docs: [],
-              idsToLoad,
-              relationTo: slug
+// documents are first set to null when requested
+// set to false when no doc is returned
+// or set to the document returned
+const Context = /*#__PURE__*/ createContext({});
+export const RelationshipProvider = ({ children })=>{
+    const [documents, dispatchDocuments] = useReducer(reducer, {});
+    const debouncedDocuments = useDebounce(documents, 100);
+    const { config: { collections, routes: { api } } } = useConfig();
+    const { i18n } = useTranslation();
+    const { code: locale } = useLocale();
+    const prevLocale = useRef(locale);
+    const loadRelationshipDocs = useCallback((reloadAll = false)=>{
+        Object.entries(debouncedDocuments).forEach(async ([slug, docs])=>{
+            const idsToLoad = [];
+            Object.entries(docs).forEach(([id, value])=>{
+                if (value === null || reloadAll) {
+                    idsToLoad.push(id);
+                }
             });
-          }
-        }
-      });
-    };
-    $[1] = api;
-    $[2] = collections;
-    $[3] = debouncedDocuments;
-    $[4] = i18n;
-    $[5] = locale;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  const loadRelationshipDocs = t4;
-  let t5;
-  let t6;
-  if ($[7] !== loadRelationshipDocs || $[8] !== locale) {
-    t5 = () => {
-      loadRelationshipDocs(locale && prevLocale.current !== locale);
-      prevLocale.current = locale;
-    };
-    t6 = [locale, loadRelationshipDocs];
-    $[7] = loadRelationshipDocs;
-    $[8] = locale;
-    $[9] = t5;
-    $[10] = t6;
-  } else {
-    t5 = $[9];
-    t6 = $[10];
-  }
-  useEffect(t5, t6);
-  let t7;
-  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-    t7 = relationships => {
-      dispatchDocuments({
-        type: "REQUEST",
-        docs: relationships
-      });
-    };
-    $[11] = t7;
-  } else {
-    t7 = $[11];
-  }
-  const getRelationships = t7;
-  let t8;
-  if ($[12] !== children || $[13] !== documents) {
-    t8 = _jsx(Context, {
-      value: {
-        documents,
-        getRelationships
-      },
-      children
-    });
-    $[12] = children;
-    $[13] = documents;
-    $[14] = t8;
-  } else {
-    t8 = $[14];
-  }
-  return t8;
+            if (idsToLoad.length > 0) {
+                const url = formatAdminURL({
+                    apiRoute: api,
+                    path: `/${slug}`
+                });
+                const params = new URLSearchParams();
+                const select = {};
+                params.append('depth', '0');
+                params.append('limit', '250');
+                const collection = collections.find((c)=>c.slug === slug);
+                if (collection.admin.enableListViewSelectAPI) {
+                    const fieldToSelect = collection.admin.useAsTitle ?? 'id';
+                    select[fieldToSelect] = true;
+                    if (collection.upload) {
+                        appendUploadSelectFields({
+                            collectionConfig: collection,
+                            select
+                        });
+                    }
+                }
+                if (locale) {
+                    params.append('locale', locale);
+                }
+                const idsToString = idsToLoad.map((id)=>String(id));
+                params.append('where[id][in]', idsToString.join(','));
+                const query = `?${params.toString()}&${qs.stringify({
+                    select
+                })}`;
+                const result = await fetch(`${url}${query}`, {
+                    credentials: 'include',
+                    headers: {
+                        'Accept-Language': i18n.language
+                    }
+                });
+                if (result.ok) {
+                    const json = await result.json();
+                    if (json.docs) {
+                        dispatchDocuments({
+                            type: 'ADD_LOADED',
+                            docs: json.docs,
+                            idsToLoad,
+                            relationTo: slug
+                        });
+                    }
+                } else {
+                    dispatchDocuments({
+                        type: 'ADD_LOADED',
+                        docs: [],
+                        idsToLoad,
+                        relationTo: slug
+                    });
+                }
+            }
+        });
+    }, [
+        debouncedDocuments,
+        api,
+        i18n,
+        locale,
+        collections
+    ]);
+    useEffect(()=>{
+        void loadRelationshipDocs(locale && prevLocale.current !== locale);
+        prevLocale.current = locale;
+    }, [
+        locale,
+        loadRelationshipDocs
+    ]);
+    const getRelationships = useCallback((relationships)=>{
+        dispatchDocuments({
+            type: 'REQUEST',
+            docs: relationships
+        });
+    }, []);
+    return /*#__PURE__*/ _jsxDEV(Context, {
+        value: {
+            documents,
+            getRelationships
+        },
+        children: children
+    }, void 0, false, {
+        fileName: "src/elements/Table/RelationshipProvider/index.tsx",
+        lineNumber: 129,
+        columnNumber: 10
+    }, this);
 };
-export const useListRelationships = () => use(Context);
-function _temp(id_0) {
-  return String(id_0);
-}
+export const useListRelationships = ()=>use(Context);
+
 //# sourceMappingURL=index.js.map

package/dist/elements/Table/RelationshipProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","appendUploadSelectFields","formatAdminURL","qs","React","createContext","use","useCallback","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","t0","$","children","t1","Symbol","for","documents","dispatchDocuments","debouncedDocuments","config","t2","collections","routes","t3","api","i18n","code","locale","prevLocale","t4","t5","reloadAll","undefined","Object","entries","forEach","t6","slug","docs","idsToLoad","t7","id","value","push","length","url","apiRoute","path","params","URLSearchParams","select","append","collection","find","admin","enableListViewSelectAPI","fieldToSelect","useAsTitle","upload","collectionConfig","idsToString","map","_temp","join","query","toString","stringify","result","fetch","credentials","headers","language","ok","json","type","relationTo","loadRelationshipDocs","current","relationships","getRelationships","t8","_jsx","useListRelationships","id_0","String"],"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { SelectType, TypeWithID } from 'payload'\n\nimport { appendUploadSelectFields, formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use, useCallback, useEffect, useReducer, useRef } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reducer } from './reducer.js'\n\n// documents are first set to null when requested\n// set to false when no doc is returned\n// or set to the document returned\nexport type Documents = {\n  [slug: string]: {\n    [id: number | string]: false | null | TypeWithID\n  }\n}\n\ntype ListRelationshipContext = {\n  documents: Documents\n  getRelationships: (\n    docs: {\n      relationTo: string\n      value: number | string\n    }[],\n  ) => void\n}\n\nconst Context = createContext({} as ListRelationshipContext)\n\nexport const RelationshipProvider: React.FC<{ readonly children?: React.ReactNode }> = ({\n  children,\n}) => {\n  const [documents, dispatchDocuments] = useReducer(reducer, {})\n  const debouncedDocuments = useDebounce(documents, 100)\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { code: locale } = useLocale()\n  const prevLocale = useRef(locale)\n\n  const loadRelationshipDocs = useCallback(\n    (reloadAll = false) => {\n      Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {\n        const idsToLoad: (number | string)[] = []\n\n        Object.entries(docs).forEach(([id, value]) => {\n          if (value === null || reloadAll) {\n            idsToLoad.push(id)\n          }\n        })\n\n        if (idsToLoad.length > 0) {\n          const url = formatAdminURL({ apiRoute: api, path: `/${slug}` })\n\n          const params = new URLSearchParams()\n          const select: SelectType = {}\n\n          params.append('depth', '0')\n          params.append('limit', '250')\n\n          const collection = collections.find((c) => c.slug === slug)\n          if (collection.admin.enableListViewSelectAPI) {\n            const fieldToSelect = collection.admin.useAsTitle ?? 'id'\n            select[fieldToSelect] = true\n\n            if (collection.upload) {\n              appendUploadSelectFields({ collectionConfig: collection, select })\n            }\n          }\n\n          if (locale) {\n            params.append('locale', locale)\n          }\n\n          const idsToString = idsToLoad.map((id) => String(id))\n          params.append('where[id][in]', idsToString.join(','))\n\n          const query = `?${params.toString()}&${qs.stringify({ select })}`\n\n          const result = await fetch(`${url}${query}`, {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n\n          if (result.ok) {\n            const json = await result.json()\n            if (json.docs) {\n              dispatchDocuments({\n                type: 'ADD_LOADED',\n                docs: json.docs,\n                idsToLoad,\n                relationTo: slug,\n              })\n            }\n          } else {\n            dispatchDocuments({ type: 'ADD_LOADED', docs: [], idsToLoad, relationTo: slug })\n          }\n        }\n      })\n    },\n    [debouncedDocuments, api, i18n, locale, collections],\n  )\n\n  useEffect(() => {\n    void loadRelationshipDocs(locale && prevLocale.current !== locale)\n    prevLocale.current = locale\n  }, [locale, loadRelationshipDocs])\n\n  const getRelationships = useCallback(\n    (relationships: { relationTo: string; value: number | string }[]) => {\n      dispatchDocuments({ type: 'REQUEST', docs: relationships })\n    },\n    [],\n  )\n\n  return <Context value={{ documents, getRelationships }}>{children}</Context>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => use(Context)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { SelectType, TypeWithID } from 'payload'\n\nimport { appendUploadSelectFields, formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use, useCallback, useEffect, useReducer, useRef } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reducer } from './reducer.js'\n\n// documents are first set to null when requested\n// set to false when no doc is returned\n// or set to the document returned\nexport type Documents = {\n  [slug: string]: {\n    [id: number | string]: false | null | TypeWithID\n  }\n}\n\ntype ListRelationshipContext = {\n  documents: Documents\n  getRelationships: (\n    docs: {\n      relationTo: string\n      value: number | string\n    }[],\n  ) => void\n}\n\nconst Context = createContext({} as ListRelationshipContext)\n\nexport const RelationshipProvider: React.FC<{ readonly children?: React.ReactNode }> = ({\n  children,\n}) => {\n  const [documents, dispatchDocuments] = useReducer(reducer, {})\n  const debouncedDocuments = useDebounce(documents, 100)\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { code: locale } = useLocale()\n  const prevLocale = useRef(locale)\n\n  const loadRelationshipDocs = useCallback(\n    (reloadAll = false) => {\n      Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {\n        const idsToLoad: (number | string)[] = []\n\n        Object.entries(docs).forEach(([id, value]) => {\n          if (value === null || reloadAll) {\n            idsToLoad.push(id)\n          }\n        })\n\n        if (idsToLoad.length > 0) {\n          const url = formatAdminURL({ apiRoute: api, path: `/${slug}` })\n\n          const params = new URLSearchParams()\n          const select: SelectType = {}\n\n          params.append('depth', '0')\n          params.append('limit', '250')\n\n          const collection = collections.find((c) => c.slug === slug)\n          if (collection.admin.enableListViewSelectAPI) {\n            const fieldToSelect = collection.admin.useAsTitle ?? 'id'\n            select[fieldToSelect] = true\n\n            if (collection.upload) {\n              appendUploadSelectFields({ collectionConfig: collection, select })\n            }\n          }\n\n          if (locale) {\n            params.append('locale', locale)\n          }\n\n          const idsToString = idsToLoad.map((id) => String(id))\n          params.append('where[id][in]', idsToString.join(','))\n\n          const query = `?${params.toString()}&${qs.stringify({ select })}`\n\n          const result = await fetch(`${url}${query}`, {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n\n          if (result.ok) {\n            const json = await result.json()\n            if (json.docs) {\n              dispatchDocuments({\n                type: 'ADD_LOADED',\n                docs: json.docs,\n                idsToLoad,\n                relationTo: slug,\n              })\n            }\n          } else {\n            dispatchDocuments({ type: 'ADD_LOADED', docs: [], idsToLoad, relationTo: slug })\n          }\n        }\n      })\n    },\n    [debouncedDocuments, api, i18n, locale, collections],\n  )\n\n  useEffect(() => {\n    void loadRelationshipDocs(locale && prevLocale.current !== locale)\n    prevLocale.current = locale\n  }, [locale, loadRelationshipDocs])\n\n  const getRelationships = useCallback(\n    (relationships: { relationTo: string; value: number | string }[]) => {\n      dispatchDocuments({ type: 'REQUEST', docs: relationships })\n    },\n    [],\n  )\n\n  return <Context value={{ documents, getRelationships }}>{children}</Context>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => use(Context)\n"],"names":["appendUploadSelectFields","formatAdminURL","qs","React","createContext","use","useCallback","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","children","documents","dispatchDocuments","debouncedDocuments","config","collections","routes","api","i18n","code","locale","prevLocale","loadRelationshipDocs","reloadAll","Object","entries","forEach","slug","docs","idsToLoad","id","value","push","length","url","apiRoute","path","params","URLSearchParams","select","append","collection","find","c","admin","enableListViewSelectAPI","fieldToSelect","useAsTitle","upload","collectionConfig","idsToString","map","String","join","query","toString","stringify","result","fetch","credentials","headers","language","ok","json","type","relationTo","current","getRelationships","relationships","useListRelationships"],"mappings":"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"}

package/dist/elements/Table/RelationshipProvider/reducer.js

@@ -1,45 +1,45 @@
 export function reducer(state, action) {
-  switch (action.type) {
-    case 'ADD_LOADED':
-      {
-        const newState = {
-          ...state
-        };
-        if (typeof newState[action.relationTo] !== 'object') {
-          newState[action.relationTo] = {};
-        }
-        const unreturnedIDs = [...action.idsToLoad];
-        if (Array.isArray(action.docs)) {
-          action.docs.forEach(doc => {
-            unreturnedIDs.splice(unreturnedIDs.indexOf(doc.id), 1);
-            newState[action.relationTo][doc.id] = doc;
-          });
-        }
-        unreturnedIDs.forEach(id => {
-          newState[action.relationTo][id] = false;
-        });
-        return newState;
-      }
-    case 'REQUEST':
-      {
-        const newState = {
-          ...state
-        };
-        action.docs.forEach(({
-          relationTo,
-          value
-        }) => {
-          if (typeof newState[relationTo] !== 'object') {
-            newState[relationTo] = {};
-          }
-          newState[relationTo][value] = null;
-        });
-        return newState;
-      }
-    default:
-      {
-        return state;
-      }
-  }
+    switch(action.type){
+        case 'ADD_LOADED':
+            {
+                const newState = {
+                    ...state
+                };
+                if (typeof newState[action.relationTo] !== 'object') {
+                    newState[action.relationTo] = {};
+                }
+                const unreturnedIDs = [
+                    ...action.idsToLoad
+                ];
+                if (Array.isArray(action.docs)) {
+                    action.docs.forEach((doc)=>{
+                        unreturnedIDs.splice(unreturnedIDs.indexOf(doc.id), 1);
+                        newState[action.relationTo][doc.id] = doc;
+                    });
+                }
+                unreturnedIDs.forEach((id)=>{
+                    newState[action.relationTo][id] = false;
+                });
+                return newState;
+            }
+        case 'REQUEST':
+            {
+                const newState = {
+                    ...state
+                };
+                action.docs.forEach(({ relationTo, value })=>{
+                    if (typeof newState[relationTo] !== 'object') {
+                        newState[relationTo] = {};
+                    }
+                    newState[relationTo][value] = null;
+                });
+                return newState;
+            }
+        default:
+            {
+                return state;
+            }
+    }
 }
+
 //# sourceMappingURL=reducer.js.map

package/dist/elements/Table/RelationshipProvider/reducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"reducer.js","names":["reducer","state","action","type","newState","relationTo","unreturnedIDs","idsToLoad","Array","isArray","docs","forEach","doc","splice","indexOf","id","value"],"sources":["../../../../src/elements/Table/RelationshipProvider/reducer.ts"],"sourcesContent":["import type { TypeWithID } from 'payload'\n\nimport type { Documents } from './index.js'\n\ntype RequestDocuments = {\n  docs: { relationTo: string; value: number | string }[]\n  type: 'REQUEST'\n}\n\ntype AddLoadedDocuments = {\n  docs: TypeWithID[]\n  idsToLoad: (number | string)[]\n  relationTo: string\n  type: 'ADD_LOADED'\n}\n\ntype Action = AddLoadedDocuments | RequestDocuments\n\nexport function reducer(state: Documents, action: Action): Documents {\n  switch (action.type) {\n    case 'ADD_LOADED': {\n      const newState = { ...state }\n      if (typeof newState[action.relationTo] !== 'object') {\n        newState[action.relationTo] = {}\n      }\n      const unreturnedIDs = [...action.idsToLoad]\n\n      if (Array.isArray(action.docs)) {\n        action.docs.forEach((doc) => {\n          unreturnedIDs.splice(unreturnedIDs.indexOf(doc.id), 1)\n          newState[action.relationTo][doc.id] = doc\n        })\n      }\n\n      unreturnedIDs.forEach((id) => {\n        newState[action.relationTo][id] = false\n      })\n\n      return newState\n    }\n\n    case 'REQUEST': {\n      const newState = { ...state }\n\n      action.docs.forEach(({ relationTo, value }) => {\n        if (typeof newState[relationTo] !== 'object') {\n          newState[relationTo] = {}\n        }\n        newState[relationTo][value] = null\n      })\n\n      return newState\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n"],"mappings":"AAkBA,OAAO,SAASA,QAAQC,KAAgB,EAAEC,MAAc;EACtD,QAAQA,MAAA,CAAOC,IAAI;IACjB,KAAK;MAAc;QACjB,MAAMC,QAAA,GAAW;UAAE,GAAGH;QAAM;QAC5B,IAAI,OAAOG,QAAQ,CAACF,MAAA,CAAOG,UAAU,CAAC,KAAK,UAAU;UACnDD,QAAQ,CAACF,MAAA,CAAOG,UAAU,CAAC,GAAG,CAAC;QACjC;QACA,MAAMC,aAAA,GAAgB,C,GAAIJ,MAAA,CAAOK,SAAS,CAAC;QAE3C,IAAIC,KAAA,CAAMC,OAAO,CAACP,MAAA,CAAOQ,IAAI,GAAG;UAC9BR,MAAA,CAAOQ,IAAI,CAACC,OAAO,CAAEC,GAAA;YACnBN,aAAA,CAAcO,MAAM,CAACP,aAAA,CAAcQ,OAAO,CAACF,GAAA,CAAIG,EAAE,GAAG;YACpDX,QAAQ,CAACF,MAAA,CAAOG,UAAU,CAAC,CAACO,GAAA,CAAIG,EAAE,CAAC,GAAGH,GAAA;UACxC;QACF;QAEAN,aAAA,CAAcK,OAAO,CAAEI,EAAA;UACrBX,QAAQ,CAACF,MAAA,CAAOG,UAAU,CAAC,CAACU,EAAA,CAAG,GAAG;QACpC;QAEA,OAAOX,QAAA;MACT;IAEA,KAAK;MAAW;QACd,MAAMA,QAAA,GAAW;UAAE,GAAGH;QAAM;QAE5BC,MAAA,CAAOQ,IAAI,CAACC,OAAO,CAAC,CAAC;UAAEN,UAAU;UAAEW;QAAK,CAAE;UACxC,IAAI,OAAOZ,QAAQ,CAACC,UAAA,CAAW,KAAK,UAAU;YAC5CD,QAAQ,CAACC,UAAA,CAAW,GAAG,CAAC;UAC1B;UACAD,QAAQ,CAACC,UAAA,CAAW,CAACW,KAAA,CAAM,GAAG;QAChC;QAEA,OAAOZ,QAAA;MACT;IAEA;MAAS;QACP,OAAOH,KAAA;MACT;EACF;AACF","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/Table/RelationshipProvider/reducer.ts"],"sourcesContent":["import type { TypeWithID } from 'payload'\n\nimport type { Documents } from './index.js'\n\ntype RequestDocuments = {\n  docs: { relationTo: string; value: number | string }[]\n  type: 'REQUEST'\n}\n\ntype AddLoadedDocuments = {\n  docs: TypeWithID[]\n  idsToLoad: (number | string)[]\n  relationTo: string\n  type: 'ADD_LOADED'\n}\n\ntype Action = AddLoadedDocuments | RequestDocuments\n\nexport function reducer(state: Documents, action: Action): Documents {\n  switch (action.type) {\n    case 'ADD_LOADED': {\n      const newState = { ...state }\n      if (typeof newState[action.relationTo] !== 'object') {\n        newState[action.relationTo] = {}\n      }\n      const unreturnedIDs = [...action.idsToLoad]\n\n      if (Array.isArray(action.docs)) {\n        action.docs.forEach((doc) => {\n          unreturnedIDs.splice(unreturnedIDs.indexOf(doc.id), 1)\n          newState[action.relationTo][doc.id] = doc\n        })\n      }\n\n      unreturnedIDs.forEach((id) => {\n        newState[action.relationTo][id] = false\n      })\n\n      return newState\n    }\n\n    case 'REQUEST': {\n      const newState = { ...state }\n\n      action.docs.forEach(({ relationTo, value }) => {\n        if (typeof newState[relationTo] !== 'object') {\n          newState[relationTo] = {}\n        }\n        newState[relationTo][value] = null\n      })\n\n      return newState\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n"],"names":["reducer","state","action","type","newState","relationTo","unreturnedIDs","idsToLoad","Array","isArray","docs","forEach","doc","splice","indexOf","id","value"],"mappings":"AAkBA,OAAO,SAASA,QAAQC,KAAgB,EAAEC,MAAc;IACtD,OAAQA,OAAOC,IAAI;QACjB,KAAK;YAAc;gBACjB,MAAMC,WAAW;oBAAE,GAAGH,KAAK;gBAAC;gBAC5B,IAAI,OAAOG,QAAQ,CAACF,OAAOG,UAAU,CAAC,KAAK,UAAU;oBACnDD,QAAQ,CAACF,OAAOG,UAAU,CAAC,GAAG,CAAC;gBACjC;gBACA,MAAMC,gBAAgB;uBAAIJ,OAAOK,SAAS;iBAAC;gBAE3C,IAAIC,MAAMC,OAAO,CAACP,OAAOQ,IAAI,GAAG;oBAC9BR,OAAOQ,IAAI,CAACC,OAAO,CAAC,CAACC;wBACnBN,cAAcO,MAAM,CAACP,cAAcQ,OAAO,CAACF,IAAIG,EAAE,GAAG;wBACpDX,QAAQ,CAACF,OAAOG,UAAU,CAAC,CAACO,IAAIG,EAAE,CAAC,GAAGH;oBACxC;gBACF;gBAEAN,cAAcK,OAAO,CAAC,CAACI;oBACrBX,QAAQ,CAACF,OAAOG,UAAU,CAAC,CAACU,GAAG,GAAG;gBACpC;gBAEA,OAAOX;YACT;QAEA,KAAK;YAAW;gBACd,MAAMA,WAAW;oBAAE,GAAGH,KAAK;gBAAC;gBAE5BC,OAAOQ,IAAI,CAACC,OAAO,CAAC,CAAC,EAAEN,UAAU,EAAEW,KAAK,EAAE;oBACxC,IAAI,OAAOZ,QAAQ,CAACC,WAAW,KAAK,UAAU;wBAC5CD,QAAQ,CAACC,WAAW,GAAG,CAAC;oBAC1B;oBACAD,QAAQ,CAACC,WAAW,CAACW,MAAM,GAAG;gBAChC;gBAEA,OAAOZ;YACT;QAEA;YAAS;gBACP,OAAOH;YACT;IACF;AACF"}

package/dist/elements/Table/index.js

@@ -1,51 +1,89 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'table';
-export const Table = ({
-  appearance,
-  BeforeTable,
-  columns,
-  data
-}) => {
-  const activeColumns = columns?.filter(col => col?.active);
-  if (!activeColumns || activeColumns.length === 0) {
-    return /*#__PURE__*/_jsx("div", {
-      children: "No columns selected"
-    });
-  }
-  return /*#__PURE__*/_jsxs("div", {
-    className: [baseClass, appearance && `${baseClass}--appearance-${appearance}`].filter(Boolean).join(' '),
-    children: [BeforeTable, /*#__PURE__*/_jsxs("table", {
-      cellPadding: "0",
-      cellSpacing: "0",
-      children: [/*#__PURE__*/_jsx("thead", {
-        children: /*#__PURE__*/_jsx("tr", {
-          children: activeColumns.map((col, i) => /*#__PURE__*/_jsx("th", {
-            id: `heading-${col.accessor.replace(/\./g, '__')}`,
-            children: col.Heading
-          }, i))
-        })
-      }), /*#__PURE__*/_jsx("tbody", {
-        children: data && data?.map((row, rowIndex) => {
-          return /*#__PURE__*/_jsx("tr", {
-            className: `row-${rowIndex + 1}`,
-            "data-id": row.id,
-            children: activeColumns.map((col, colIndex) => {
-              const {
-                accessor
-              } = col;
-              return /*#__PURE__*/_jsx("td", {
-                className: `cell-${accessor.replace(/\./g, '__')}`,
-                children: col.renderedCells[rowIndex]
-              }, colIndex);
-            })
-          }, typeof row.id === 'string' || typeof row.id === 'number' ? String(row.id) : rowIndex);
-        })
-      })]
-    })]
-  });
+export const Table = ({ appearance, BeforeTable, columns, data })=>{
+    const activeColumns = columns?.filter((col)=>col?.active);
+    if (!activeColumns || activeColumns.length === 0) {
+        return /*#__PURE__*/ _jsxDEV("div", {
+            children: "No columns selected"
+        }, void 0, false, {
+            fileName: "src/elements/Table/index.tsx",
+            lineNumber: 22,
+            columnNumber: 12
+        }, this);
+    }
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            baseClass,
+            appearance && `${baseClass}--appearance-${appearance}`
+        ].filter(Boolean).join(' '),
+        children: [
+            BeforeTable,
+            /*#__PURE__*/ _jsxDEV("table", {
+                cellPadding: "0",
+                cellSpacing: "0",
+                children: [
+                    /*#__PURE__*/ _jsxDEV("thead", {
+                        children: /*#__PURE__*/ _jsxDEV("tr", {
+                            children: activeColumns.map((col, i)=>/*#__PURE__*/ _jsxDEV("th", {
+                                    id: `heading-${col.accessor.replace(/\./g, '__')}`,
+                                    children: col.Heading
+                                }, i, false, {
+                                    fileName: "src/elements/Table/index.tsx",
+                                    lineNumber: 36,
+                                    columnNumber: 15
+                                }, this))
+                        }, void 0, false, {
+                            fileName: "src/elements/Table/index.tsx",
+                            lineNumber: 34,
+                            columnNumber: 11
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/Table/index.tsx",
+                        lineNumber: 33,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("tbody", {
+                        children: data && data?.map((row, rowIndex)=>{
+                            return /*#__PURE__*/ _jsxDEV("tr", {
+                                className: `row-${rowIndex + 1}`,
+                                "data-id": row.id,
+                                children: activeColumns.map((col, colIndex)=>{
+                                    const { accessor } = col;
+                                    return /*#__PURE__*/ _jsxDEV("td", {
+                                        className: `cell-${accessor.replace(/\./g, '__')}`,
+                                        children: col.renderedCells[rowIndex]
+                                    }, colIndex, false, {
+                                        fileName: "src/elements/Table/index.tsx",
+                                        lineNumber: 59,
+                                        columnNumber: 23
+                                    }, this);
+                                })
+                            }, typeof row.id === 'string' || typeof row.id === 'number' ? String(row.id) : rowIndex, false, {
+                                fileName: "src/elements/Table/index.tsx",
+                                lineNumber: 46,
+                                columnNumber: 17
+                            }, this);
+                        })
+                    }, void 0, false, {
+                        fileName: "src/elements/Table/index.tsx",
+                        lineNumber: 42,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/Table/index.tsx",
+                lineNumber: 32,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/Table/index.tsx",
+        lineNumber: 26,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","Table","appearance","BeforeTable","columns","data","activeColumns","filter","col","active","length","_jsx","_jsxs","className","Boolean","join","cellPadding","cellSpacing","map","i","id","accessor","replace","Heading","row","rowIndex","colIndex","renderedCells","String"],"sources":["../../../src/elements/Table/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Column } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'table'\n\nexport type Props = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly BeforeTable?: React.ReactNode\n  readonly columns?: Column[]\n  readonly data: Record<string, unknown>[]\n}\n\nexport const Table: React.FC<Props> = ({ appearance, BeforeTable, columns, data }) => {\n  const activeColumns = columns?.filter((col) => col?.active)\n\n  if (!activeColumns || activeColumns.length === 0) {\n    return <div>No columns selected</div>\n  }\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {BeforeTable}\n      <table cellPadding=\"0\" cellSpacing=\"0\">\n        <thead>\n          <tr>\n            {activeColumns.map((col, i) => (\n              <th id={`heading-${col.accessor.replace(/\\./g, '__')}`} key={i}>\n                {col.Heading}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data &&\n            data?.map((row, rowIndex) => {\n              return (\n                <tr\n                  className={`row-${rowIndex + 1}`}\n                  data-id={row.id}\n                  key={\n                    typeof row.id === 'string' || typeof row.id === 'number'\n                      ? String(row.id)\n                      : rowIndex\n                  }\n                >\n                  {activeColumns.map((col, colIndex) => {\n                    const { accessor } = col\n\n                    return (\n                      <td className={`cell-${accessor.replace(/\\./g, '__')}`} key={colIndex}>\n                        {col.renderedCells[rowIndex]}\n                      </td>\n                    )\n                  })}\n                </tr>\n              )\n            })}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB,OAAO,MAAMC,KAAA,GAAyBA,CAAC;EAAEC,UAAU;EAAEC,WAAW;EAAEC,OAAO;EAAEC;AAAI,CAAE;EAC/E,MAAMC,aAAA,GAAgBF,OAAA,EAASG,MAAA,CAAQC,GAAA,IAAQA,GAAA,EAAKC,MAAA;EAEpD,IAAI,CAACH,aAAA,IAAiBA,aAAA,CAAcI,MAAM,KAAK,GAAG;IAChD,oBAAOC,IAAA,CAAC;gBAAI;;EACd;EAEA,oBACEC,KAAA,CAAC;IACCC,SAAA,EAAW,CAACb,SAAA,EAAWE,UAAA,IAAc,GAAGF,SAAA,gBAAyBE,UAAA,EAAY,CAAC,CAC3EK,MAAM,CAACO,OAAA,EACPC,IAAI,CAAC;eAEPZ,WAAA,E,aACDS,KAAA,CAAC;MAAMI,WAAA,EAAY;MAAIC,WAAA,EAAY;8BACjCN,IAAA,CAAC;kBACC,aAAAA,IAAA,CAAC;oBACEL,aAAA,CAAcY,GAAG,CAAC,CAACV,GAAA,EAAKW,CAAA,kBACvBR,IAAA,CAAC;YAAGS,EAAA,EAAI,WAAWZ,GAAA,CAAIa,QAAQ,CAACC,OAAO,CAAC,OAAO,OAAO;sBACnDd,GAAA,CAAIe;aADsDJ,CAAA;;uBAMnER,IAAA,CAAC;kBACEN,IAAA,IACCA,IAAA,EAAMa,GAAA,CAAI,CAACM,GAAA,EAAKC,QAAA;UACd,oBACEd,IAAA,CAAC;YACCE,SAAA,EAAW,OAAOY,QAAA,GAAW,GAAG;YAChC,WAASD,GAAA,CAAIJ,EAAE;sBAOdd,aAAA,CAAcY,GAAG,CAAC,CAACV,GAAA,EAAKkB,QAAA;cACvB,MAAM;gBAAEL;cAAQ,CAAE,GAAGb,GAAA;cAErB,oBACEG,IAAA,CAAC;gBAAGE,SAAA,EAAW,QAAQQ,QAAA,CAASC,OAAO,CAAC,OAAO,OAAO;0BACnDd,GAAA,CAAImB,aAAa,CAACF,QAAA;iBADwCC,QAAA;YAIjE;aAbE,OAAOF,GAAA,CAAIJ,EAAE,KAAK,YAAY,OAAOI,GAAA,CAAIJ,EAAE,KAAK,WAC5CQ,MAAA,CAAOJ,GAAA,CAAIJ,EAAE,IACbK,QAAA;QAcZ;;;;AAKZ","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/Table/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Column } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'table'\n\nexport type Props = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly BeforeTable?: React.ReactNode\n  readonly columns?: Column[]\n  readonly data: Record<string, unknown>[]\n}\n\nexport const Table: React.FC<Props> = ({ appearance, BeforeTable, columns, data }) => {\n  const activeColumns = columns?.filter((col) => col?.active)\n\n  if (!activeColumns || activeColumns.length === 0) {\n    return <div>No columns selected</div>\n  }\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {BeforeTable}\n      <table cellPadding=\"0\" cellSpacing=\"0\">\n        <thead>\n          <tr>\n            {activeColumns.map((col, i) => (\n              <th id={`heading-${col.accessor.replace(/\\./g, '__')}`} key={i}>\n                {col.Heading}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data &&\n            data?.map((row, rowIndex) => {\n              return (\n                <tr\n                  className={`row-${rowIndex + 1}`}\n                  data-id={row.id}\n                  key={\n                    typeof row.id === 'string' || typeof row.id === 'number'\n                      ? String(row.id)\n                      : rowIndex\n                  }\n                >\n                  {activeColumns.map((col, colIndex) => {\n                    const { accessor } = col\n\n                    return (\n                      <td className={`cell-${accessor.replace(/\\./g, '__')}`} key={colIndex}>\n                        {col.renderedCells[rowIndex]}\n                      </td>\n                    )\n                  })}\n                </tr>\n              )\n            })}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n"],"names":["React","baseClass","Table","appearance","BeforeTable","columns","data","activeColumns","filter","col","active","length","div","className","Boolean","join","table","cellPadding","cellSpacing","thead","tr","map","i","th","id","accessor","replace","Heading","tbody","row","rowIndex","data-id","colIndex","td","renderedCells","String"],"mappings":"AAAA;;AAIA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB,OAAO,MAAMC,QAAyB,CAAC,EAAEC,UAAU,EAAEC,WAAW,EAAEC,OAAO,EAAEC,IAAI,EAAE;IAC/E,MAAMC,gBAAgBF,SAASG,OAAO,CAACC,MAAQA,KAAKC;IAEpD,IAAI,CAACH,iBAAiBA,cAAcI,MAAM,KAAK,GAAG;QAChD,qBAAO,QAACC;sBAAI;;;;;;IACd;IAEA,qBACE,QAACA;QACCC,WAAW;YAACZ;YAAWE,cAAc,GAAGF,UAAU,aAAa,EAAEE,YAAY;SAAC,CAC3EK,MAAM,CAACM,SACPC,IAAI,CAAC;;YAEPX;0BACD,QAACY;gBAAMC,aAAY;gBAAIC,aAAY;;kCACjC,QAACC;kCACC,cAAA,QAACC;sCACEb,cAAcc,GAAG,CAAC,CAACZ,KAAKa,kBACvB,QAACC;oCAAGC,IAAI,CAAC,QAAQ,EAAEf,IAAIgB,QAAQ,CAACC,OAAO,CAAC,OAAO,OAAO;8CACnDjB,IAAIkB,OAAO;mCAD+CL;;;;;;;;;;;;;;;kCAMnE,QAACM;kCACEtB,QACCA,MAAMe,IAAI,CAACQ,KAAKC;4BACd,qBACE,QAACV;gCACCP,WAAW,CAAC,IAAI,EAAEiB,WAAW,GAAG;gCAChCC,WAASF,IAAIL,EAAE;0CAOdjB,cAAcc,GAAG,CAAC,CAACZ,KAAKuB;oCACvB,MAAM,EAAEP,QAAQ,EAAE,GAAGhB;oCAErB,qBACE,QAACwB;wCAAGpB,WAAW,CAAC,KAAK,EAAEY,SAASC,OAAO,CAAC,OAAO,OAAO;kDACnDjB,IAAIyB,aAAa,CAACJ,SAAS;uCAD+BE;;;;;gCAIjE;+BAbE,OAAOH,IAAIL,EAAE,KAAK,YAAY,OAAOK,IAAIL,EAAE,KAAK,WAC5CW,OAAON,IAAIL,EAAE,IACbM;;;;;wBAcZ;;;;;;;;;;;;;;;;;;AAKZ,EAAC"}