@payloadcms/ui 3.0.0-canary.95fcd13 → 3.0.0-canary.96477cf

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAA6B,MAAM,SAAS,CAAA;AAa5E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsHpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACV,kBAAkB,EAInB,MAAM,SAAS,CAAA;AAchB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6HpD,CAAA"}

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

@@ -1,8 +1,11 @@
 '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 { fieldAffectsData } from 'payload/shared';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { formatAdminURL } from '../../../utilities/formatAdminURL.js';
@@ -10,87 +13,174 @@ 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, className: classNameFromProps, fieldType, isFieldAffectingData, label, onClick: onClickFromProps } = 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 ? formatAdminURL({
-            adminRoute,
-            path: `/collections/${customCellContext?.collectionSlug}/${rowData.id}`
-        }) : '';
-    }
-    if (typeof onClick === 'function') {
-        WrapElement = 'button';
-        wrapElementProps.type = 'button';
-        wrapElementProps.onClick = ()=>{
+          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__*/ _jsx(WrapElement, {
-            ...wrapElementProps,
-            children: /*#__PURE__*/ _jsx(CodeCell, {
-                cellData: `ID: ${cellData}`,
-                name: name,
-                nowrap: true,
-                rowData: rowData,
-                schemaPath: cellContext?.cellProps?.schemaPath
-            })
+          };
+          $[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}`,
+            field: {
+              ...field,
+              _schemaPath: cellContext?.cellProps?.field?._schemaPath
+            },
+            nowrap: true,
+            rowData
+          })
         });
-    }
-    const DefaultCellComponent = typeof cellData !== 'undefined' && cellComponents[fieldType];
-    let CellComponent = null;
-    if (DefaultCellComponent) {
-        CellComponent = /*#__PURE__*/ _jsx(DefaultCellComponent, {
-            cellData: cellData,
-            customCellContext: customCellContext,
-            rowData: rowData,
-            ...props
+        break bb0;
+      }
+      const DefaultCellComponent = typeof cellData !== "undefined" && cellComponents[field.type];
+      let CellComponent = null;
+      if (DefaultCellComponent) {
+        CellComponent = _jsx(DefaultCellComponent, {
+          cellData,
+          customCellContext,
+          rowData,
+          ...props
         });
-    } else if (!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__*/ _jsx(FileCellComponent, {
-                cellData: cellData,
-                customCellContext: customCellContext,
-                rowData: rowData,
-                ...props
+            CellComponent = _jsx(FileCellComponent, {
+              cellData,
+              customCellContext,
+              rowData,
+              ...props
             });
-        } else {
-            return /*#__PURE__*/ _jsxs(WrapElement, {
-                ...wrapElementProps,
-                children: [
-                    (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;
+          }
         }
-    }
-    return /*#__PURE__*/ _jsx(WrapElement, {
+      }
+      t5 = _jsx(WrapElement, {
         ...wrapElementProps,
         children: 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'\n\nimport { getTranslation } from '@payloadcms/translations'\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 {\n    name,\n    className: classNameFromProps,\n    fieldType,\n    isFieldAffectingData,\n    label,\n    onClick: onClickFromProps,\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      ? 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 === 'id') {\n    return (\n      <WrapElement {...wrapElementProps}>\n        <CodeCell\n          cellData={`ID: ${cellData}`}\n          name={name}\n          nowrap\n          rowData={rowData}\n          schemaPath={cellContext?.cellProps?.schemaPath}\n        />\n      </WrapElement>\n    )\n  }\n\n  const DefaultCellComponent: React.FC<DefaultCellComponentProps> =\n    typeof cellData !== 'undefined' && cellComponents[fieldType]\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 && 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","useConfig","useTranslation","formatAdminURL","useTableCell","CodeCell","cellComponents","Link","default","DefaultCell","props","name","className","classNameFromProps","fieldType","isFieldAffectingData","label","onClick","onClickFromProps","i18n","routes","admin","adminRoute","cellContext","cellData","cellProps","columnIndex","customCellContext","rowData","classNameFromContext","link","onClickFromContext","WrapElement","wrapElementProps","isLink","undefined","href","collectionSlug","path","id","type","nowrap","schemaPath","DefaultCellComponent","CellComponent","uploadConfig","FileCellComponent","File","t","JSON","stringify"],"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

@@ -2,7 +2,7 @@ import type { TypeWithID } from 'payload';
 import React from 'react';
 export type Documents = {
     [slug: string]: {
-        [id: number | string]: TypeWithID | false | null;
+        [id: number | string]: false | null | TypeWithID;
     };
 };
 type ListRelationshipContext = {
@@ -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,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,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAkFzE,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;AAEzC,OAAO,KAAgF,MAAM,OAAO,CAAA;AAWpG,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,IAAI,EAAE,MAAM,GAAG;QACd,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,UAAU,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,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,90 +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 = 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 = 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