@payloadcms/ui 3.0.0-canary.e14c80d → 3.0.0-canary.e1fc0e0

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

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, useCallback, useContext, useEffect, useReducer, useRef } from 'react';
 import { useDebounce } from '../../../hooks/useDebounce.js';
@@ -6,89 +8,149 @@ 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 = ({ children })=>{
-    const [documents, dispatchDocuments] = useReducer(reducer, {});
-    const debouncedDocuments = useDebounce(documents, 100);
-    const { config: { routes: { api }, serverURL } } = 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);
-                }
-            });
-            if (idsToLoad.length > 0) {
-                const url = `${serverURL}${api}/${slug}`;
-                const params = new URLSearchParams();
-                params.append('depth', '0');
-                params.append('limit', '250');
-                if (locale) {
-                    params.append('locale', locale);
-                }
-                if (idsToLoad && idsToLoad.length > 0) {
-                    const idsToString = idsToLoad.map((id)=>String(id));
-                    params.append('where[id][in]', idsToString.join(','));
-                }
-                const query = `?${params.toString()}`;
-                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
-                    });
-                }
-            }
+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 {
+    routes: t3,
+    serverURL
+  } = t2;
+  const {
+    api
+  } = t3;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    code: locale
+  } = useLocale();
+  const prevLocale = useRef(locale);
+  let t4;
+  if ($[1] !== debouncedDocuments || $[2] !== serverURL || $[3] !== api || $[4] !== locale || $[5] !== i18n.language) {
+    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);
+          }
         });
-    }, [
-        debouncedDocuments,
-        serverURL,
-        api,
-        i18n,
-        locale
-    ]);
-    useEffect(()=>{
-        void loadRelationshipDocs(locale && prevLocale.current !== locale);
-        prevLocale.current = locale;
-    }, [
-        locale,
-        loadRelationshipDocs
-    ]);
-    const getRelationships = useCallback((relationships)=>{
-        dispatchDocuments({
-            type: 'REQUEST',
-            docs: relationships
-        });
-    }, []);
-    return /*#__PURE__*/ _jsx(Context.Provider, {
-        value: {
-            documents,
-            getRelationships
-        },
-        children: children
+        if (idsToLoad.length > 0) {
+          const url = `${serverURL}${api}/${slug}`;
+          const params = new URLSearchParams();
+          params.append("depth", "0");
+          params.append("limit", "250");
+          if (locale) {
+            params.append("locale", locale);
+          }
+          if (idsToLoad && idsToLoad.length > 0) {
+            const idsToString = idsToLoad.map(id_0 => String(id_0));
+            params.append("where[id][in]", idsToString.join(","));
+          }
+          const query = `?${params.toString()}`;
+          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
+            });
+          }
+        }
+      });
+    };
+    $[1] = debouncedDocuments;
+    $[2] = serverURL;
+    $[3] = api;
+    $[4] = locale;
+    $[5] = i18n.language;
+    $[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] !== documents || $[13] !== children) {
+    t8 = _jsx(Context.Provider, {
+      value: {
+        documents,
+        getRelationships
+      },
+      children
     });
+    $[12] = documents;
+    $[13] = children;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  return t8;
+};
+export const useListRelationships = () => {
+  return useContext(Context);
 };
-export const useListRelationships = ()=>useContext(Context);
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { TypeWithID } from 'payload'\n\nimport * as qs from 'qs-esm'\nimport React, { createContext, useCallback, useContext, 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]: TypeWithID | false | null\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      routes: { api },\n      serverURL,\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 = `${serverURL}${api}/${slug}`\n\n          const params = new URLSearchParams()\n\n          params.append('depth', '0')\n          params.append('limit', '250')\n\n          if (locale) {\n            params.append('locale', locale)\n          }\n\n          if (idsToLoad && idsToLoad.length > 0) {\n            const idsToString = idsToLoad.map((id) => String(id))\n            params.append('where[id][in]', idsToString.join(','))\n          }\n\n          const query = `?${params.toString()}`\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, serverURL, api, i18n, locale],\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.Provider value={{ documents, getRelationships }}>{children}</Context.Provider>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => useContext(Context)\n"],"names":["React","createContext","useCallback","useContext","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","children","documents","dispatchDocuments","debouncedDocuments","config","routes","api","serverURL","i18n","code","locale","prevLocale","loadRelationshipDocs","reloadAll","Object","entries","forEach","slug","docs","idsToLoad","id","value","push","length","url","params","URLSearchParams","append","idsToString","map","String","join","query","toString","result","fetch","credentials","headers","language","ok","json","type","relationTo","current","getRelationships","relationships","Provider","useListRelationships"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","useCallback","useContext","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","t0","$","children","t1","Symbol","for","documents","dispatchDocuments","debouncedDocuments","config","t2","routes","t3","serverURL","api","i18n","code","locale","prevLocale","t4","language","t5","reloadAll","undefined","Object","entries","forEach","t6","slug","docs","idsToLoad","t7","id","value","push","length","url","params","URLSearchParams","append","idsToString","map","id_0","String","join","query","toString","result","fetch","credentials","headers","ok","json","type","relationTo","loadRelationshipDocs","current","relationships","getRelationships","t8","_jsx","Provider","useListRelationships"],"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { TypeWithID } from 'payload'\n\nimport React, { createContext, useCallback, useContext, 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      routes: { api },\n      serverURL,\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 = `${serverURL}${api}/${slug}`\n\n          const params = new URLSearchParams()\n\n          params.append('depth', '0')\n          params.append('limit', '250')\n\n          if (locale) {\n            params.append('locale', locale)\n          }\n\n          if (idsToLoad && idsToLoad.length > 0) {\n            const idsToString = idsToLoad.map((id) => String(id))\n            params.append('where[id][in]', idsToString.join(','))\n          }\n\n          const query = `?${params.toString()}`\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, serverURL, api, i18n, locale],\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.Provider value={{ documents, getRelationships }}>{children}</Context.Provider>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => useContext(Context)\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,45 +1,45 @@
 export function reducer(state, action) {
-    switch(action.type){
-        case 'REQUEST':
-            {
-                const newState = {
-                    ...state
-                };
-                action.docs.forEach(({ relationTo, value })=>{
-                    if (typeof newState[relationTo] !== 'object') {
-                        newState[relationTo] = {};
-                    }
-                    newState[relationTo][value] = null;
-                });
-                return newState;
-            }
-        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;
-            }
-        default:
-            {
-                return state;
-            }
-    }
+  switch (action.type) {
+    case 'REQUEST':
+      {
+        const newState = {
+          ...state
+        };
+        action.docs.forEach(({
+          relationTo,
+          value
+        }) => {
+          if (typeof newState[relationTo] !== 'object') {
+            newState[relationTo] = {};
+          }
+          newState[relationTo][value] = null;
+        });
+        return newState;
+      }
+    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;
+      }
+    default:
+      {
+        return state;
+      }
+  }
 }
-
 //# sourceMappingURL=reducer.js.map

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

@@ -1 +1 @@
-{"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 '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    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    default: {\n      return state\n    }\n  }\n}\n"],"names":["reducer","state","action","type","newState","docs","forEach","relationTo","value","unreturnedIDs","idsToLoad","Array","isArray","doc","splice","indexOf","id"],"mappings":"AAkBA,OAAO,SAASA,QAAQC,KAAgB,EAAEC,MAAc;IACtD,OAAQA,OAAOC,IAAI;QACjB,KAAK;YAAW;gBACd,MAAMC,WAAW;oBAAE,GAAGH,KAAK;gBAAC;gBAE5BC,OAAOG,IAAI,CAACC,OAAO,CAAC,CAAC,EAAEC,UAAU,EAAEC,KAAK,EAAE;oBACxC,IAAI,OAAOJ,QAAQ,CAACG,WAAW,KAAK,UAAU;wBAC5CH,QAAQ,CAACG,WAAW,GAAG,CAAC;oBAC1B;oBACAH,QAAQ,CAACG,WAAW,CAACC,MAAM,GAAG;gBAChC;gBAEA,OAAOJ;YACT;QAEA,KAAK;YAAc;gBACjB,MAAMA,WAAW;oBAAE,GAAGH,KAAK;gBAAC;gBAC5B,IAAI,OAAOG,QAAQ,CAACF,OAAOK,UAAU,CAAC,KAAK,UAAU;oBACnDH,QAAQ,CAACF,OAAOK,UAAU,CAAC,GAAG,CAAC;gBACjC;gBACA,MAAME,gBAAgB;uBAAIP,OAAOQ,SAAS;iBAAC;gBAE3C,IAAIC,MAAMC,OAAO,CAACV,OAAOG,IAAI,GAAG;oBAC9BH,OAAOG,IAAI,CAACC,OAAO,CAAC,CAACO;wBACnBJ,cAAcK,MAAM,CAACL,cAAcM,OAAO,CAACF,IAAIG,EAAE,GAAG;wBACpDZ,QAAQ,CAACF,OAAOK,UAAU,CAAC,CAACM,IAAIG,EAAE,CAAC,GAAGH;oBACxC;gBACF;gBAEAJ,cAAcH,OAAO,CAAC,CAACU;oBACrBZ,QAAQ,CAACF,OAAOK,UAAU,CAAC,CAACS,GAAG,GAAG;gBACpC;gBAEA,OAAOZ;YACT;QAEA;YAAS;gBACP,OAAOH;YACT;IACF;AACF"}
+{"version":3,"file":"reducer.js","names":["reducer","state","action","type","newState","docs","forEach","relationTo","value","unreturnedIDs","idsToLoad","Array","isArray","doc","splice","indexOf","id"],"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 '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    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    default: {\n      return state\n    }\n  }\n}\n"],"mappings":"AAkBA,OAAO,SAASA,QAAQC,KAAgB,EAAEC,MAAc;EACtD,QAAQA,MAAA,CAAOC,IAAI;IACjB,KAAK;MAAW;QACd,MAAMC,QAAA,GAAW;UAAE,GAAGH;QAAM;QAE5BC,MAAA,CAAOG,IAAI,CAACC,OAAO,CAAC,CAAC;UAAEC,UAAU;UAAEC;QAAK,CAAE;UACxC,IAAI,OAAOJ,QAAQ,CAACG,UAAA,CAAW,KAAK,UAAU;YAC5CH,QAAQ,CAACG,UAAA,CAAW,GAAG,CAAC;UAC1B;UACAH,QAAQ,CAACG,UAAA,CAAW,CAACC,KAAA,CAAM,GAAG;QAChC;QAEA,OAAOJ,QAAA;MACT;IAEA,KAAK;MAAc;QACjB,MAAMA,QAAA,GAAW;UAAE,GAAGH;QAAM;QAC5B,IAAI,OAAOG,QAAQ,CAACF,MAAA,CAAOK,UAAU,CAAC,KAAK,UAAU;UACnDH,QAAQ,CAACF,MAAA,CAAOK,UAAU,CAAC,GAAG,CAAC;QACjC;QACA,MAAME,aAAA,GAAgB,C,GAAIP,MAAA,CAAOQ,SAAS,CAAC;QAE3C,IAAIC,KAAA,CAAMC,OAAO,CAACV,MAAA,CAAOG,IAAI,GAAG;UAC9BH,MAAA,CAAOG,IAAI,CAACC,OAAO,CAAEO,GAAA;YACnBJ,aAAA,CAAcK,MAAM,CAACL,aAAA,CAAcM,OAAO,CAACF,GAAA,CAAIG,EAAE,GAAG;YACpDZ,QAAQ,CAACF,MAAA,CAAOK,UAAU,CAAC,CAACM,GAAA,CAAIG,EAAE,CAAC,GAAGH,GAAA;UACxC;QACF;QAEAJ,aAAA,CAAcH,OAAO,CAAEU,EAAA;UACrBZ,QAAQ,CAACF,MAAA,CAAOK,UAAU,CAAC,CAACS,EAAA,CAAG,GAAG;QACpC;QAEA,OAAOZ,QAAA;MACT;IAEA;MAAS;QACP,OAAOH,KAAA;MACT;EACF;AACF","ignoreList":[]}

package/dist/elements/Table/RenderCell.d.ts

@@ -0,0 +1,11 @@
+import type { CellComponentProps } from 'payload';
+import React from 'react';
+import type { Column } from './index.js';
+export declare const RenderCell: React.FC<{
+    readonly cellProps?: Partial<CellComponentProps>;
+    readonly col: Column;
+    readonly colIndex: number;
+    readonly customCellContext?: Record<string, unknown>;
+    readonly row: Record<string, unknown>;
+}>;
+//# sourceMappingURL=RenderCell.d.ts.map

package/dist/elements/Table/RenderCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderCell.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/RenderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAMxC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;IAChD,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpD,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACtC,CAwBA,CAAA"}

package/dist/elements/Table/RenderCell.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
+import { deepMergeSimple } from '../../utilities/deepMerge.js';
+import { TableCellProvider } from './TableCellProvider/index.js';
+export const RenderCell = props => {
+  const {
+    cellProps: cellPropsFromProps,
+    col,
+    colIndex,
+    customCellContext,
+    row
+  } = props;
+  const cellProps = useMemo(() => deepMergeSimple(col?.cellProps || {}, cellPropsFromProps || {}), [cellPropsFromProps, col.cellProps]);
+  return /*#__PURE__*/_jsx("td", {
+    className: `cell-${col.accessor}`,
+    children: /*#__PURE__*/_jsx(TableCellProvider, {
+      cellData: row[col.accessor],
+      cellProps: cellProps,
+      columnIndex: colIndex,
+      customCellContext: customCellContext,
+      rowData: row,
+      children: /*#__PURE__*/_jsx(RenderComponent, {
+        clientProps: cellProps,
+        mappedComponent: cellProps?.field?.admin?.components?.Cell
+      })
+    })
+  }, colIndex);
+};
+//# sourceMappingURL=RenderCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderCell.js","names":["React","useMemo","RenderComponent","deepMergeSimple","TableCellProvider","RenderCell","props","cellProps","cellPropsFromProps","col","colIndex","customCellContext","row","_jsx","className","accessor","cellData","columnIndex","rowData","clientProps","mappedComponent","field","admin","components","Cell"],"sources":["../../../src/elements/Table/RenderCell.tsx"],"sourcesContent":["import type { CellComponentProps } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport type { Column } from './index.js'\n\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { deepMergeSimple } from '../../utilities/deepMerge.js'\nimport { TableCellProvider } from './TableCellProvider/index.js'\n\nexport const RenderCell: React.FC<{\n  readonly cellProps?: Partial<CellComponentProps>\n  readonly col: Column\n  readonly colIndex: number\n  readonly customCellContext?: Record<string, unknown>\n  readonly row: Record<string, unknown>\n}> = (props) => {\n  const { cellProps: cellPropsFromProps, col, colIndex, customCellContext, row } = props\n\n  const cellProps: Partial<CellComponentProps> = useMemo(\n    () => deepMergeSimple(col?.cellProps || {}, cellPropsFromProps || {}),\n    [cellPropsFromProps, col.cellProps],\n  )\n\n  return (\n    <td className={`cell-${col.accessor}`} key={colIndex}>\n      <TableCellProvider\n        cellData={row[col.accessor]}\n        cellProps={cellProps}\n        columnIndex={colIndex}\n        customCellContext={customCellContext}\n        rowData={row}\n      >\n        <RenderComponent\n          clientProps={cellProps}\n          mappedComponent={cellProps?.field?.admin?.components?.Cell}\n        />\n      </TableCellProvider>\n    </td>\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAI/B,SAASC,eAAe,QAAQ;AAChC,SAASC,eAAe,QAAQ;AAChC,SAASC,iBAAiB,QAAQ;AAElC,OAAO,MAAMC,UAAA,GAMPC,KAAA;EACJ,MAAM;IAAEC,SAAA,EAAWC,kBAAkB;IAAEC,GAAG;IAAEC,QAAQ;IAAEC,iBAAiB;IAAEC;EAAG,CAAE,GAAGN,KAAA;EAEjF,MAAMC,SAAA,GAAyCN,OAAA,CAC7C,MAAME,eAAA,CAAgBM,GAAA,EAAKF,SAAA,IAAa,CAAC,GAAGC,kBAAA,IAAsB,CAAC,IACnE,CAACA,kBAAA,EAAoBC,GAAA,CAAIF,SAAS,CAAC;EAGrC,oBACEM,IAAA,CAAC;IAAGC,SAAA,EAAW,QAAQL,GAAA,CAAIM,QAAQ,EAAE;cACnC,aAAAF,IAAA,CAACT,iBAAA;MACCY,QAAA,EAAUJ,GAAG,CAACH,GAAA,CAAIM,QAAQ,CAAC;MAC3BR,SAAA,EAAWA,SAAA;MACXU,WAAA,EAAaP,QAAA;MACbC,iBAAA,EAAmBA,iBAAA;MACnBO,OAAA,EAASN,GAAA;gBAET,aAAAC,IAAA,CAACX,eAAA;QACCiB,WAAA,EAAaZ,SAAA;QACba,eAAA,EAAiBb,SAAA,EAAWc,KAAA,EAAOC,KAAA,EAAOC,UAAA,EAAYC;;;KAVhBd,QAAA;AAehD","ignoreList":[]}

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

@@ -1,25 +1,48 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-const TableCellContext = /*#__PURE__*/ React.createContext({});
-export const TableCellProvider = (props)=>{
-    const { cellData, cellProps, children, columnIndex, customCellContext, rowData } = props;
-    const contextToInherit = useTableCell();
-    return /*#__PURE__*/ _jsx(TableCellContext.Provider, {
-        value: {
-            cellData,
-            cellProps,
-            columnIndex,
-            customCellContext,
-            rowData,
-            ...contextToInherit
-        },
-        children: children
+const TableCellContext = /*#__PURE__*/React.createContext({});
+export const TableCellProvider = props => {
+  const $ = _c(8);
+  const {
+    cellData,
+    cellProps,
+    children,
+    columnIndex,
+    customCellContext,
+    rowData
+  } = props;
+  const contextToInherit = useTableCell();
+  let t0;
+  if ($[0] !== contextToInherit || $[1] !== cellData || $[2] !== cellProps || $[3] !== columnIndex || $[4] !== customCellContext || $[5] !== rowData || $[6] !== children) {
+    t0 = _jsx(TableCellContext.Provider, {
+      value: {
+        ...contextToInherit,
+        cellData,
+        cellProps,
+        columnIndex,
+        customCellContext,
+        rowData
+      },
+      children
     });
+    $[0] = contextToInherit;
+    $[1] = cellData;
+    $[2] = cellProps;
+    $[3] = columnIndex;
+    $[4] = customCellContext;
+    $[5] = rowData;
+    $[6] = children;
+    $[7] = t0;
+  } else {
+    t0 = $[7];
+  }
+  return t0;
 };
-export const useTableCell = ()=>{
-    const cell = React.useContext(TableCellContext);
-    return cell;
+export const useTableCell = () => {
+  const cell = React.useContext(TableCellContext);
+  return cell;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Table/TableCellProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nexport type ITableCellContext = {\n  cellData: DefaultCellComponentProps['cellData']\n  cellProps?: Partial<CellComponentProps>\n  columnIndex?: number\n  customCellContext: DefaultCellComponentProps['customCellContext']\n  rowData: DefaultCellComponentProps['rowData']\n}\n\nconst TableCellContext = React.createContext<ITableCellContext>({} as ITableCellContext)\n\nexport const TableCellProvider: React.FC<{\n  readonly cellData?: DefaultCellComponentProps['cellData']\n  readonly cellProps?: Partial<CellComponentProps>\n  readonly children: React.ReactNode\n  readonly columnIndex?: number\n  readonly customCellContext?: DefaultCellComponentProps['customCellContext']\n  readonly rowData?: DefaultCellComponentProps['rowData']\n}> = (props) => {\n  const { cellData, cellProps, children, columnIndex, customCellContext, rowData } = props\n\n  const contextToInherit = useTableCell()\n\n  return (\n    <TableCellContext.Provider\n      value={{\n        cellData,\n        cellProps,\n        columnIndex,\n        customCellContext,\n        rowData,\n        ...contextToInherit,\n      }}\n    >\n      {children}\n    </TableCellContext.Provider>\n  )\n}\n\nexport const useTableCell = () => {\n  const cell = React.useContext(TableCellContext)\n  return cell\n}\n"],"names":["React","TableCellContext","createContext","TableCellProvider","props","cellData","cellProps","children","columnIndex","customCellContext","rowData","contextToInherit","useTableCell","Provider","value","cell","useContext"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAUzB,MAAMC,iCAAmBD,MAAME,aAAa,CAAoB,CAAC;AAEjE,OAAO,MAAMC,oBAOR,CAACC;IACJ,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,iBAAiB,EAAEC,OAAO,EAAE,GAAGN;IAEnF,MAAMO,mBAAmBC;IAEzB,qBACE,KAACX,iBAAiBY,QAAQ;QACxBC,OAAO;YACLT;YACAC;YACAE;YACAC;YACAC;YACA,GAAGC,gBAAgB;QACrB;kBAECJ;;AAGP,EAAC;AAED,OAAO,MAAMK,eAAe;IAC1B,MAAMG,OAAOf,MAAMgB,UAAU,CAACf;IAC9B,OAAOc;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","TableCellContext","createContext","TableCellProvider","props","$","cellData","cellProps","children","columnIndex","customCellContext","rowData","contextToInherit","useTableCell","t0","_jsx","Provider","value","cell","useContext"],"sources":["../../../../src/elements/Table/TableCellProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nexport type ITableCellContext = {\n  cellData: DefaultCellComponentProps['cellData']\n  cellProps?: Partial<CellComponentProps>\n  columnIndex?: number\n  customCellContext: DefaultCellComponentProps['customCellContext']\n  rowData: DefaultCellComponentProps['rowData']\n}\n\nconst TableCellContext = React.createContext<ITableCellContext>({} as ITableCellContext)\n\nexport const TableCellProvider: React.FC<{\n  readonly cellData?: DefaultCellComponentProps['cellData']\n  readonly cellProps?: Partial<CellComponentProps>\n  readonly children: React.ReactNode\n  readonly columnIndex?: number\n  readonly customCellContext?: DefaultCellComponentProps['customCellContext']\n  readonly rowData?: DefaultCellComponentProps['rowData']\n}> = (props) => {\n  const { cellData, cellProps, children, columnIndex, customCellContext, rowData } = props\n\n  const contextToInherit = useTableCell()\n\n  return (\n    <TableCellContext.Provider\n      value={{\n        ...contextToInherit,\n        cellData,\n        cellProps,\n        columnIndex,\n        customCellContext,\n        rowData,\n      }}\n    >\n      {children}\n    </TableCellContext.Provider>\n  )\n}\n\nexport const useTableCell = () => {\n  const cell = React.useContext(TableCellContext)\n  return cell\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAUlB,MAAMC,gBAAA,gBAAmBD,KAAA,CAAME,aAAa,CAAoB,CAAC;AAEjE,OAAO,MAAMC,iBAAA,GAORC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACH;IAAAO,QAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC,iBAAA;IAAAC;EAAA,IAAmFP,KAAA;EAEnF,MAAAQ,gBAAA,GAAyBC,YAAA;EAAA,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAO,gBAAA,IAAAP,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAI,WAAA,IAAAJ,CAAA,QAAAK,iBAAA,IAAAL,CAAA,QAAAM,OAAA,IAAAN,CAAA,QAAAG,QAAA;IAGvBM,EAAA,GAAAC,IAAA,CAAAd,gBAAA,CAAAe,QAAA;MAAAC,KAAA;QAAA,GAEOL,gBAAgB;QAAAN,QAAA;QAAAC,SAAA;QAAAE,WAAA;QAAAC,iBAAA;QAAAC;MAAA;MAAAH;IAAA,C;;;;;;;;;;;;SAFvBM,E;CAaJ;AAEA,OAAO,MAAMD,YAAA,GAAeA,CAAA;EAC1B,MAAAK,IAAA,GAAalB,KAAA,CAAAmB,UAAA,CAAAlB,gBAAiB;EAAA,OACvBiB,IAAA;AAAA,CACT","ignoreList":[]}

package/dist/elements/Table/index.d.ts

@@ -1,20 +1,17 @@
-import type { CellComponentProps, ClientField, MappedComponent } from 'payload';
+import type { CellComponentProps, ClientField } from 'payload';
 import React from 'react';
 export * from './TableCellProvider/index.js';
-import { TableCellProvider } from './TableCellProvider/index.js';
 import './index.scss';
+import { TableCellProvider } from './TableCellProvider/index.js';
 export { TableCellProvider };
 export type Column = {
-    readonly Label: React.ReactNode;
     readonly accessor: string;
     readonly active: boolean;
     readonly cellProps?: Partial<CellComponentProps>;
-    readonly components: {
-        Cell: MappedComponent;
-        Heading: React.ReactNode;
-    };
+    readonly Heading: React.ReactNode;
 };
 export type Props = {
+    readonly appearance?: 'condensed' | 'default';
     readonly columns?: Column[];
     readonly customCellContext?: Record<string, unknown>;
     readonly data: Record<string, unknown>[];

package/dist/elements/Table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE/E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,cAAc,8BAA8B,CAAA;AAI5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAI5B,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;IAChD,QAAQ,CAAC,UAAU,EAAE;QACnB,IAAI,EAAE,eAAe,CAAA;QACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KACzB,CAAA;CACF,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IACxC,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmDjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,cAAc,8BAA8B,CAAA;AAG5C,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAEhE,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAI5B,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;IAChD,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC7C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IACxC,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6DjC,CAAA"}