@payloadcms/ui 3.0.0-beta.9 → 3.0.0-beta.90

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

@@ -1,78 +1,186 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import LinkImport from 'next/link.js';
 import React from 'react'; // TODO: abstract this out to support all routers
 import { getTranslation } from '@payloadcms/translations';
-import { TableCellProvider, useTableCell } from '@payloadcms/ui/elements/Table';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { fieldAffectsData } from 'payload/shared';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { formatAdminURL } from '../../../utilities/formatAdminURL.js';
+import { useTableCell } from '../TableCellProvider/index.js';
 import { CodeCell } from './fields/Code/index.js';
 import { cellComponents } from './fields/index.js';
 const Link = LinkImport.default || LinkImport;
-export const DefaultCell = (props)=>{
-    const { name, CellComponentOverride, className: classNameFromProps, fieldType, isFieldAffectingData, label, onClick: onClickFromProps, richTextComponentMap } = props;
-    const { i18n } = useTranslation();
-    const { routes: { admin: adminRoute } } = useConfig();
-    const cellContext = useTableCell();
-    const { cellData, cellProps, columnIndex, customCellContext, rowData } = cellContext || {};
-    const { className: classNameFromContext, link, onClick: onClickFromContext } = cellProps || {};
-    const className = classNameFromProps || classNameFromContext;
-    const onClick = onClickFromProps || onClickFromContext;
-    let WrapElement = 'span';
-    const wrapElementProps = {
+export const DefaultCell = props => {
+  const $ = _c(25);
+  const {
+    className: classNameFromProps,
+    field,
+    onClick: onClickFromProps
+  } = props;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    config: t0
+  } = useConfig();
+  const {
+    routes: t1
+  } = t0;
+  const {
+    admin: adminRoute
+  } = t1;
+  const cellContext = useTableCell();
+  let t2;
+  if ($[0] !== cellContext) {
+    t2 = cellContext || {};
+    $[0] = cellContext;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const {
+    cellData,
+    cellProps,
+    columnIndex,
+    customCellContext,
+    rowData
+  } = t2;
+  let t3;
+  if ($[2] !== cellProps) {
+    t3 = cellProps || {};
+    $[2] = cellProps;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const {
+    className: classNameFromContext,
+    field: t4,
+    link,
+    onClick: onClickFromContext
+  } = t3;
+  const {
+    admin
+  } = t4;
+  const classNameFromConfigContext = admin && "className" in admin ? admin.className : undefined;
+  const className = classNameFromProps || (field.admin && "className" in field.admin ? field.admin.className : null) || classNameFromContext || classNameFromConfigContext;
+  const onClick = onClickFromProps || onClickFromContext;
+  let WrapElement = "span";
+  let t5;
+  let t6;
+  if ($[4] !== className || $[5] !== link || $[6] !== columnIndex || $[7] !== customCellContext || $[8] !== rowData || $[9] !== adminRoute || $[10] !== onClick || $[11] !== cellData || $[12] !== field || $[13] !== cellContext || $[14] !== WrapElement || $[15] !== props || $[16] !== i18n) {
+    t6 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const wrapElementProps = {
         className
-    };
-    const isLink = link !== undefined ? link : columnIndex === 0;
-    if (isLink) {
+      };
+      const isLink = link !== undefined ? link : columnIndex === 0;
+      if (isLink) {
         WrapElement = Link;
-        wrapElementProps.href = customCellContext?.collectionSlug ? `${adminRoute}/collections/${customCellContext?.collectionSlug}/${rowData.id}` : '';
-    }
-    if (typeof onClick === 'function') {
-        WrapElement = 'button';
-        wrapElementProps.type = 'button';
-        wrapElementProps.onClick = ()=>{
+        wrapElementProps.href = customCellContext?.collectionSlug ? formatAdminURL({
+          adminRoute,
+          path: `/collections/${customCellContext?.collectionSlug}/${rowData.id}`
+        }) : "";
+      }
+      if (typeof onClick === "function") {
+        WrapElement = "button";
+        wrapElementProps.type = "button";
+        let t7;
+        if ($[20] !== onClick || $[21] !== cellData || $[22] !== customCellContext || $[23] !== rowData) {
+          t7 = () => {
             onClick({
-                cellData,
-                collectionSlug: customCellContext?.collectionSlug,
-                rowData
+              cellData,
+              collectionSlug: customCellContext?.collectionSlug,
+              rowData
             });
-        };
-    }
-    if (name === 'id') {
-        return /*#__PURE__*/ React.createElement(WrapElement, wrapElementProps, /*#__PURE__*/ React.createElement(CodeCell, {
+          };
+          $[20] = onClick;
+          $[21] = cellData;
+          $[22] = customCellContext;
+          $[23] = rowData;
+          $[24] = t7;
+        } else {
+          t7 = $[24];
+        }
+        wrapElementProps.onClick = t7;
+      }
+      if ("name" in field && field.name === "id") {
+        t6 = _jsx(WrapElement, {
+          ...wrapElementProps,
+          children: _jsx(CodeCell, {
             cellData: `ID: ${cellData}`,
-            name: name,
+            field: {
+              ...field,
+              _schemaPath: cellContext?.cellProps?.field?._schemaPath
+            },
             nowrap: true,
-            rowData: rowData
-        }));
-    }
-    const DefaultCellComponent = cellComponents[fieldType];
-    let CellComponent = cellData && (CellComponentOverride ? /*#__PURE__*/ React.createElement(TableCellProvider, {
-        richTextComponentMap: richTextComponentMap
-    }, CellComponentOverride) : null);
-    if (!CellComponent && DefaultCellComponent) {
-        CellComponent = /*#__PURE__*/ React.createElement(DefaultCellComponent, {
-            cellData: cellData,
-            customCellContext: customCellContext,
-            rowData: rowData,
-            ...props
+            rowData
+          })
+        });
+        break bb0;
+      }
+      const DefaultCellComponent = typeof cellData !== "undefined" && cellComponents[field.type];
+      let CellComponent = null;
+      if (DefaultCellComponent) {
+        CellComponent = _jsx(DefaultCellComponent, {
+          cellData,
+          customCellContext,
+          rowData,
+          ...props
         });
-    } else if (!CellComponent && !DefaultCellComponent) {
-        // DefaultCellComponent does not exist for certain field types like `text`
-        if (customCellContext.uploadConfig && isFieldAffectingData && name === 'filename') {
+      } else {
+        if (!DefaultCellComponent) {
+          if (customCellContext.uploadConfig && fieldAffectsData(field) && field.name === "filename") {
             const FileCellComponent = cellComponents.File;
-            CellComponent = /*#__PURE__*/ React.createElement(FileCellComponent, {
-                cellData: cellData,
-                customCellContext: customCellContext,
-                rowData: rowData,
-                ...props
+            CellComponent = _jsx(FileCellComponent, {
+              cellData,
+              customCellContext,
+              rowData,
+              ...props
             });
-        } else {
-            return /*#__PURE__*/ React.createElement(WrapElement, wrapElementProps, (cellData === '' || typeof cellData === 'undefined') && 'label' in props && i18n.t('general:noLabel', {
-                label: getTranslation(label || 'data', i18n)
-            }), typeof cellData === 'string' && cellData, typeof cellData === 'number' && cellData, typeof cellData === 'object' && JSON.stringify(cellData));
+          } else {
+            t6 = _jsxs(WrapElement, {
+              ...wrapElementProps,
+              children: [(cellData === "" || typeof cellData === "undefined") && i18n.t("general:noLabel", {
+                label: getTranslation(("label" in field ? field.label : null) || "data", i18n)
+              }), typeof cellData === "string" && cellData, typeof cellData === "number" && cellData, typeof cellData === "object" && JSON.stringify(cellData)]
+            });
+            break bb0;
+          }
         }
+      }
+      t5 = _jsx(WrapElement, {
+        ...wrapElementProps,
+        children: CellComponent
+      });
     }
-    return /*#__PURE__*/ React.createElement(WrapElement, wrapElementProps, CellComponent);
+    $[4] = className;
+    $[5] = link;
+    $[6] = columnIndex;
+    $[7] = customCellContext;
+    $[8] = rowData;
+    $[9] = adminRoute;
+    $[10] = onClick;
+    $[11] = cellData;
+    $[12] = field;
+    $[13] = cellContext;
+    $[14] = WrapElement;
+    $[15] = props;
+    $[16] = i18n;
+    $[17] = t5;
+    $[18] = t6;
+    $[19] = WrapElement;
+  } else {
+    t5 = $[17];
+    t6 = $[18];
+    WrapElement = $[19];
+  }
+  if (t6 !== Symbol.for("react.early_return_sentinel")) {
+    return t6;
+  }
+  return t5;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"sourcesContent":["'use client'\nimport LinkImport from 'next/link.js'\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport type { CellComponentProps, DefaultCellComponentProps } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { TableCellProvider, useTableCell } from '@payloadcms/ui/elements/Table'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\n\nimport { CodeCell } from './fields/Code/index.js'\nimport { cellComponents } from './fields/index.js'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DefaultCell: React.FC<CellComponentProps> = (props) => {\n  const {\n    name,\n    CellComponentOverride,\n    className: classNameFromProps,\n    fieldType,\n    isFieldAffectingData,\n    label,\n    onClick: onClickFromProps,\n    richTextComponentMap,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    routes: { admin: adminRoute },\n  } = useConfig()\n\n  const cellContext = useTableCell()\n\n  const { cellData, cellProps, columnIndex, customCellContext, rowData } = cellContext || {}\n\n  const { className: classNameFromContext, link, onClick: onClickFromContext } = cellProps || {}\n\n  const className = classNameFromProps || classNameFromContext\n\n  const onClick = onClickFromProps || onClickFromContext\n\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    type?: 'button'\n  } = {\n    className,\n  }\n\n  const isLink = link !== undefined ? link : columnIndex === 0\n\n  if (isLink) {\n    WrapElement = Link\n    wrapElementProps.href = customCellContext?.collectionSlug\n      ? `${adminRoute}/collections/${customCellContext?.collectionSlug}/${rowData.id}`\n      : ''\n  }\n\n  if (typeof onClick === 'function') {\n    WrapElement = 'button'\n    wrapElementProps.type = 'button'\n    wrapElementProps.onClick = () => {\n      onClick({\n        cellData,\n        collectionSlug: customCellContext?.collectionSlug,\n        rowData,\n      })\n    }\n  }\n\n  if (name === 'id') {\n    return (\n      <WrapElement {...wrapElementProps}>\n        <CodeCell cellData={`ID: ${cellData}`} name={name} nowrap rowData={rowData} />\n      </WrapElement>\n    )\n  }\n\n  const DefaultCellComponent: React.FC<DefaultCellComponentProps> = cellComponents[fieldType]\n\n  let CellComponent: React.ReactNode =\n    cellData &&\n    (CellComponentOverride ? ( // CellComponentOverride is used for richText\n      <TableCellProvider richTextComponentMap={richTextComponentMap}>\n        {CellComponentOverride}\n      </TableCellProvider>\n    ) : null)\n\n  if (!CellComponent && DefaultCellComponent) {\n    CellComponent = (\n      <DefaultCellComponent\n        cellData={cellData}\n        customCellContext={customCellContext}\n        rowData={rowData}\n        {...props}\n      />\n    )\n  } else if (!CellComponent && !DefaultCellComponent) {\n    // DefaultCellComponent does not exist for certain field types like `text`\n    if (customCellContext.uploadConfig && isFieldAffectingData && name === 'filename') {\n      const FileCellComponent = cellComponents.File\n      CellComponent = (\n        <FileCellComponent\n          cellData={cellData}\n          customCellContext={customCellContext}\n          rowData={rowData}\n          {...props}\n        />\n      )\n    } else {\n      return (\n        <WrapElement {...wrapElementProps}>\n          {(cellData === '' || typeof cellData === 'undefined') &&\n            'label' in props &&\n            i18n.t('general:noLabel', {\n              label: getTranslation(label || 'data', i18n),\n            })}\n          {typeof cellData === 'string' && cellData}\n          {typeof cellData === 'number' && cellData}\n          {typeof cellData === 'object' && JSON.stringify(cellData)}\n        </WrapElement>\n      )\n    }\n  }\n\n  return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>\n}\n"],"names":["LinkImport","React","getTranslation","TableCellProvider","useTableCell","useConfig","useTranslation","CodeCell","cellComponents","Link","default","DefaultCell","props","name","CellComponentOverride","className","classNameFromProps","fieldType","isFieldAffectingData","label","onClick","onClickFromProps","richTextComponentMap","i18n","routes","admin","adminRoute","cellContext","cellData","cellProps","columnIndex","customCellContext","rowData","classNameFromContext","link","onClickFromContext","WrapElement","wrapElementProps","isLink","undefined","href","collectionSlug","id","type","nowrap","DefaultCellComponent","CellComponent","uploadConfig","FileCellComponent","File","t","JSON","stringify"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","LinkImport","React","getTranslation","fieldAffectsData","useConfig","useTranslation","formatAdminURL","useTableCell","CodeCell","cellComponents","Link","default","DefaultCell","props","$","className","classNameFromProps","field","onClick","onClickFromProps","i18n","config","t0","routes","t1","admin","adminRoute","cellContext","t2","cellData","cellProps","columnIndex","customCellContext","rowData","t3","classNameFromContext","t4","link","onClickFromContext","classNameFromConfigContext","undefined","WrapElement","t5","t6","Symbol","for","wrapElementProps","isLink","href","collectionSlug","path","id","type","t7","name","_jsx","children","_schemaPath","nowrap","DefaultCellComponent","CellComponent","uploadConfig","FileCellComponent","File","_jsxs","t","label","JSON","stringify"],"sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"sourcesContent":["'use client'\nimport LinkImport from 'next/link.js'\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport type {\n  CellComponentProps,\n  CodeFieldClient,\n  DefaultCellComponentProps,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldAffectsData } from 'payload/shared'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../../utilities/formatAdminURL.js'\nimport { useTableCell } from '../TableCellProvider/index.js'\nimport { CodeCell } from './fields/Code/index.js'\nimport { cellComponents } from './fields/index.js'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DefaultCell: React.FC<CellComponentProps> = (props) => {\n  const { className: classNameFromProps, field, onClick: onClickFromProps } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const cellContext = useTableCell()\n\n  const { cellData, cellProps, columnIndex, customCellContext, rowData } = cellContext || {}\n\n  const {\n    className: classNameFromContext,\n    field: { admin },\n    link,\n    onClick: onClickFromContext,\n  } = cellProps || {}\n\n  const classNameFromConfigContext = admin && 'className' in admin ? admin.className : undefined\n\n  const className =\n    classNameFromProps ||\n    (field.admin && 'className' in field.admin ? field.admin.className : null) ||\n    classNameFromContext ||\n    classNameFromConfigContext\n\n  const onClick = onClickFromProps || onClickFromContext\n\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    type?: 'button'\n  } = {\n    className,\n  }\n\n  const isLink = link !== undefined ? link : columnIndex === 0\n\n  if (isLink) {\n    WrapElement = Link\n    wrapElementProps.href = customCellContext?.collectionSlug\n      ? formatAdminURL({\n          adminRoute,\n          path: `/collections/${customCellContext?.collectionSlug}/${rowData.id}`,\n        })\n      : ''\n  }\n\n  if (typeof onClick === 'function') {\n    WrapElement = 'button'\n    wrapElementProps.type = 'button'\n    wrapElementProps.onClick = () => {\n      onClick({\n        cellData,\n        collectionSlug: customCellContext?.collectionSlug,\n        rowData,\n      })\n    }\n  }\n\n  if ('name' in field && field.name === 'id') {\n    return (\n      <WrapElement {...wrapElementProps}>\n        <CodeCell\n          cellData={`ID: ${cellData}`}\n          field={{\n            ...(field as CodeFieldClient),\n            _schemaPath: cellContext?.cellProps?.field?._schemaPath,\n          }}\n          nowrap\n          rowData={rowData}\n        />\n      </WrapElement>\n    )\n  }\n\n  const DefaultCellComponent: React.FC<DefaultCellComponentProps> =\n    typeof cellData !== 'undefined' && cellComponents[field.type]\n\n  let CellComponent: React.ReactNode = null\n\n  if (DefaultCellComponent) {\n    CellComponent = (\n      <DefaultCellComponent\n        cellData={cellData}\n        customCellContext={customCellContext}\n        rowData={rowData}\n        {...props}\n      />\n    )\n  } else if (!DefaultCellComponent) {\n    // DefaultCellComponent does not exist for certain field types like `text`\n    if (customCellContext.uploadConfig && fieldAffectsData(field) && field.name === 'filename') {\n      const FileCellComponent = cellComponents.File\n      CellComponent = (\n        <FileCellComponent\n          cellData={cellData}\n          customCellContext={customCellContext}\n          rowData={rowData}\n          {...(props as CellComponentProps<UploadFieldClient>)}\n        />\n      )\n    } else {\n      return (\n        <WrapElement {...wrapElementProps}>\n          {(cellData === '' || typeof cellData === 'undefined') &&\n            i18n.t('general:noLabel', {\n              label: getTranslation(('label' in field ? field.label : null) || 'data', i18n),\n            })}\n          {typeof cellData === 'string' && cellData}\n          {typeof cellData === 'number' && cellData}\n          {typeof cellData === 'object' && JSON.stringify(cellData)}\n        </WrapElement>\n      )\n    }\n  }\n\n  return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import type { TypeWithID } from 'payload/types';
+import type { TypeWithID } from 'payload';
 import React from 'react';
 export type Documents = {
     [slug: string]: {
@@ -13,7 +13,7 @@ type ListRelationshipContext = {
     }[]) => void;
 };
 export declare const RelationshipProvider: React.FC<{
-    children?: React.ReactNode;
+    readonly children?: React.ReactNode;
 }>;
 export declare const useListRelationships: () => ListRelationshipContext;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAO/C,OAAO,KAAgF,MAAM,OAAO,CAAA;AAOpG,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,IAAI,EAAE,MAAM,GAAG;QACd,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,IAAI,CAAA;KACjD,CAAA;CACF,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,SAAS,CAAA;IACpB,gBAAgB,EAAE,CAChB,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KACvB,EAAE,KACA,IAAI,CAAA;CACV,CAAA;AAID,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAyEzE,CAAA;AAED,eAAO,MAAM,oBAAoB,QAAO,uBAA8C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,KAAgF,MAAM,OAAO,CAAA;AAWpG,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,IAAI,EAAE,MAAM,GAAG;QACd,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,IAAI,CAAA;KACjD,CAAA;CACF,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,SAAS,CAAA;IACpB,gBAAgB,EAAE,CAChB,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KACvB,EAAE,KACA,IAAI,CAAA;CACV,CAAA;AAID,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAsFlF,CAAA;AAED,eAAO,MAAM,oBAAoB,QAAO,uBAA8C,CAAA"}

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

@@ -1,92 +1,156 @@
 'use client';
-import { useDebounce } from '@payloadcms/ui/hooks/useDebounce';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useLocale } from '@payloadcms/ui/providers/Locale';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import querystring from 'qs';
+
+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';
+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 = useConfig();
-    const { i18n } = useTranslation();
-    const { code: locale } = useLocale();
-    const prevLocale = useRef(locale);
-    const { routes: { api }, serverURL } = config;
-    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 = {
-                    depth: 0,
-                    limit: 250,
-                    locale,
-                    'where[id][in]': idsToLoad
-                };
-                const query = querystring.stringify(params, {
-                    addQueryPrefix: true
-                });
-                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__*/ React.createElement(Context.Provider, {
-        value: {
-            documents,
-            getRelationships
+        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
+            });
+          }
         }
-    }, children);
+      });
+    };
+    $[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/types'\n\nimport { useDebounce } from '@payloadcms/ui/hooks/useDebounce'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useLocale } from '@payloadcms/ui/providers/Locale'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport querystring from 'qs'\nimport React, { createContext, useCallback, useContext, useEffect, useReducer, useRef } from 'react'\n\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<{ children?: React.ReactNode }> = ({ children }) => {\n  const [documents, dispatchDocuments] = useReducer(reducer, {})\n  const debouncedDocuments = useDebounce(documents, 100)\n  const config = useConfig()\n  const { i18n } = useTranslation()\n  const { code: locale } = useLocale()\n  const prevLocale = useRef(locale)\n\n  const {\n    routes: { api },\n    serverURL,\n  } = config\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          const params = {\n            depth: 0,\n            limit: 250,\n            locale,\n            'where[id][in]': idsToLoad,\n          }\n\n          const query = querystring.stringify(params, { addQueryPrefix: true })\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":["useDebounce","useConfig","useLocale","useTranslation","querystring","React","createContext","useCallback","useContext","useEffect","useReducer","useRef","reducer","Context","RelationshipProvider","children","documents","dispatchDocuments","debouncedDocuments","config","i18n","code","locale","prevLocale","routes","api","serverURL","loadRelationshipDocs","reloadAll","Object","entries","forEach","slug","docs","idsToLoad","id","value","push","length","url","params","depth","limit","query","stringify","addQueryPrefix","result","fetch","credentials","headers","language","ok","json","type","relationTo","current","getRelationships","relationships","Provider","useListRelationships"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,SAASA,WAAW,QAAQ,mCAAkC;AAC9D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,iBAAiB,KAAI;AAC5B,OAAOC,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,QAAQ,QAAO;AAEpG,SAASC,OAAO,QAAQ,eAAc;AAqBtC,MAAMC,wBAAUP,cAAc,CAAC;AAE/B,OAAO,MAAMQ,uBAAiE,CAAC,EAAEC,QAAQ,EAAE;IACzF,MAAM,CAACC,WAAWC,kBAAkB,GAAGP,WAAWE,SAAS,CAAC;IAC5D,MAAMM,qBAAqBlB,YAAYgB,WAAW;IAClD,MAAMG,SAASlB;IACf,MAAM,EAAEmB,IAAI,EAAE,GAAGjB;IACjB,MAAM,EAAEkB,MAAMC,MAAM,EAAE,GAAGpB;IACzB,MAAMqB,aAAaZ,OAAOW;IAE1B,MAAM,EACJE,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGP;IAEJ,MAAMQ,uBAAuBpB,YAC3B,CAACqB,YAAY,KAAK;QAChBC,OAAOC,OAAO,CAACZ,oBAAoBa,OAAO,CAAC,OAAO,CAACC,MAAMC,KAAK;YAC5D,MAAMC,YAAiC,EAAE;YAEzCL,OAAOC,OAAO,CAACG,MAAMF,OAAO,CAAC,CAAC,CAACI,IAAIC,MAAM;gBACvC,IAAIA,UAAU,QAAQR,WAAW;oBAC/BM,UAAUG,IAAI,CAACF;gBACjB;YACF;YAEA,IAAID,UAAUI,MAAM,GAAG,GAAG;gBACxB,MAAMC,MAAM,CAAC,EAAEb,UAAU,EAAED,IAAI,CAAC,EAAEO,KAAK,CAAC;gBACxC,MAAMQ,SAAS;oBACbC,OAAO;oBACPC,OAAO;oBACPpB;oBACA,iBAAiBY;gBACnB;gBAEA,MAAMS,QAAQvC,YAAYwC,SAAS,CAACJ,QAAQ;oBAAEK,gBAAgB;gBAAK;gBACnE,MAAMC,SAAS,MAAMC,MAAM,CAAC,EAAER,IAAI,EAAEI,MAAM,CAAC,EAAE;oBAC3CK,aAAa;oBACbC,SAAS;wBACP,mBAAmB7B,KAAK8B,QAAQ;oBAClC;gBACF;gBAEA,IAAIJ,OAAOK,EAAE,EAAE;oBACb,MAAMC,OAAO,MAAMN,OAAOM,IAAI;oBAC9B,IAAIA,KAAKnB,IAAI,EAAE;wBACbhB,kBAAkB;4BAChBoC,MAAM;4BACNpB,MAAMmB,KAAKnB,IAAI;4BACfC;4BACAoB,YAAYtB;wBACd;oBACF;gBACF,OAAO;oBACLf,kBAAkB;wBAAEoC,MAAM;wBAAcpB,MAAM,EAAE;wBAAEC;wBAAWoB,YAAYtB;oBAAK;gBAChF;YACF;QACF;IACF,GACA;QAACd;QAAoBQ;QAAWD;QAAKL;QAAME;KAAO;IAGpDb,UAAU;QACR,KAAKkB,qBAAqBL,UAAUC,WAAWgC,OAAO,KAAKjC;QAC3DC,WAAWgC,OAAO,GAAGjC;IACvB,GAAG;QAACA;QAAQK;KAAqB;IAEjC,MAAM6B,mBAAmBjD,YACvB,CAACkD;QACCxC,kBAAkB;YAAEoC,MAAM;YAAWpB,MAAMwB;QAAc;IAC3D,GACA,EAAE;IAGJ,qBAAO,oBAAC5C,QAAQ6C,QAAQ;QAACtB,OAAO;YAAEpB;YAAWwC;QAAiB;OAAIzC;AACpE,EAAC;AAED,OAAO,MAAM4C,uBAAuB,IAA+BnD,WAAWK,SAAQ"}
+{"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 * 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"],"mappings":"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","ignoreList":[]}

package/dist/elements/Table/RelationshipProvider/reducer.d.ts

@@ -1,4 +1,4 @@
-import type { TypeWithID } from 'payload/types';
+import type { TypeWithID } from 'payload';
 import type { Documents } from './index.js';
 type RequestDocuments = {
     docs: {