@payloadcms/ui 3.0.0-alpha.49 → 3.0.0-alpha.50

package/dist/elements/Save/index.js

@@ -1,12 +1,14 @@
 'use client';
 import React, { useRef } from 'react';
-import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { useForm } from '../../forms/Form/context.js';
 import { FormSubmit } from '../../forms/Submit/index.js';
 import { useHotkey } from '../../hooks/useHotkey.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-const DefaultSaveButton = ({ label, save })=>{
+export const DefaultSaveButton = ({ label: labelProp })=>{
+    const { t } = useTranslation();
+    const { submit } = useForm();
+    const label = labelProp || t('general:save');
     const ref = useRef(null);
     const editDepth = useEditDepth();
     useHotkey({
@@ -24,24 +26,15 @@ const DefaultSaveButton = ({ label, save })=>{
     });
     return /*#__PURE__*/ React.createElement(FormSubmit, {
         buttonId: "action-save",
-        onClick: save,
+        onClick: ()=>submit(),
         ref: ref,
         size: "small",
         type: "button"
     }, label);
 };
 export const Save = ({ CustomComponent })=>{
-    const { t } = useTranslation();
-    const { submit } = useForm();
-    return /*#__PURE__*/ React.createElement(RenderCustomComponent, {
-        CustomComponent: CustomComponent,
-        DefaultComponent: DefaultSaveButton,
-        componentProps: {
-            DefaultButton: DefaultSaveButton,
-            label: t('general:save'),
-            save: submit
-        }
-    });
+    if (CustomComponent) return CustomComponent;
+    return /*#__PURE__*/ React.createElement(DefaultSaveButton, null);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Save/index.tsx"],"sourcesContent":["'use client'\nimport type { CustomSaveButtonProps, DefaultSaveButtonProps } from 'payload/types'\n\nimport React, { useRef } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst DefaultSaveButton: React.FC<DefaultSaveButtonProps> = ({ label, save }) => {\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return (\n    <FormSubmit buttonId=\"action-save\" onClick={save} ref={ref} size=\"small\" type=\"button\">\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: CustomSaveButtonProps\n}\n\nexport const Save: React.FC<Props> = ({ CustomComponent }) => {\n  const { t } = useTranslation()\n  const { submit } = useForm()\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomComponent}\n      DefaultComponent={DefaultSaveButton}\n      componentProps={{\n        DefaultButton: DefaultSaveButton,\n        label: t('general:save'),\n        save: submit,\n      }}\n    />\n  )\n}\n"],"names":["React","useRef","RenderCustomComponent","useForm","FormSubmit","useHotkey","useEditDepth","useTranslation","DefaultSaveButton","label","save","ref","editDepth","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","buttonId","onClick","size","type","Save","CustomComponent","t","submit","DefaultComponent","componentProps","DefaultButton"],"mappings":"AAAA;AAGA,OAAOA,SAASC,MAAM,QAAQ,QAAO;AAErC,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,OAAO,QAAQ,8BAA6B;AACrD,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,oBAAsD,CAAC,EAAEC,KAAK,EAAEC,IAAI,EAAE;IAC1E,MAAMC,MAAMV,OAA0B;IACtC,MAAMW,YAAYN;IAElBD,UAAU;QAAEQ,YAAY;QAAMD;QAAWE,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3DA,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIN,KAAKO,SAAS;YAChBP,IAAIO,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBACE,oBAACf;QAAWgB,UAAS;QAAcC,SAASX;QAAMC,KAAKA;QAAKW,MAAK;QAAQC,MAAK;OAC3Ed;AAGP;AAMA,OAAO,MAAMe,OAAwB,CAAC,EAAEC,eAAe,EAAE;IACvD,MAAM,EAAEC,CAAC,EAAE,GAAGnB;IACd,MAAM,EAAEoB,MAAM,EAAE,GAAGxB;IAEnB,qBACE,oBAACD;QACCuB,iBAAiBA;QACjBG,kBAAkBpB;QAClBqB,gBAAgB;YACdC,eAAetB;YACfC,OAAOiB,EAAE;YACThB,MAAMiB;QACR;;AAGN,EAAC"}
+{"version":3,"sources":["../../../src/elements/Save/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useRef } from 'react'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const DefaultSaveButton: React.FC<{ label?: string }> = ({ label: labelProp }) => {\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const label = labelProp || t('general:save')\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save\"\n      onClick={() => submit()}\n      ref={ref}\n      size=\"small\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: React.ReactNode\n}\n\nexport const Save: React.FC<Props> = ({ CustomComponent }) => {\n  if (CustomComponent) return CustomComponent\n\n  return <DefaultSaveButton />\n}\n"],"names":["React","useRef","useForm","FormSubmit","useHotkey","useEditDepth","useTranslation","DefaultSaveButton","label","labelProp","t","submit","ref","editDepth","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","buttonId","onClick","size","type","Save","CustomComponent"],"mappings":"AAAA;AAEA,OAAOA,SAASC,MAAM,QAAQ,QAAO;AAErC,SAASC,OAAO,QAAQ,8BAA6B;AACrD,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,MAAMC,oBAAkD,CAAC,EAAEC,OAAOC,SAAS,EAAE;IAClF,MAAM,EAAEC,CAAC,EAAE,GAAGJ;IACd,MAAM,EAAEK,MAAM,EAAE,GAAGT;IACnB,MAAMM,QAAQC,aAAaC,EAAE;IAC7B,MAAME,MAAMX,OAA0B;IACtC,MAAMY,YAAYR;IAElBD,UAAU;QAAEU,YAAY;QAAMD;QAAWE,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3DA,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIN,KAAKO,SAAS;YAChBP,IAAIO,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBACE,oBAACjB;QACCkB,UAAS;QACTC,SAAS,IAAMX;QACfC,KAAKA;QACLW,MAAK;QACLC,MAAK;OAEJhB;AAGP,EAAC;AAMD,OAAO,MAAMiB,OAAwB,CAAC,EAAEC,eAAe,EAAE;IACvD,IAAIA,iBAAiB,OAAOA;IAE5B,qBAAO,oBAACnB;AACV,EAAC"}

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

@@ -1,7 +1,6 @@
-import type { CustomSaveDraftButtonProps } from 'payload/types';
 import React from 'react';
 type Props = {
-    CustomComponent?: CustomSaveDraftButtonProps;
+    CustomComponent?: React.ReactNode;
 };
 export declare const SaveDraft: React.FC<Props>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SaveDraft/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAA+B,MAAM,eAAe,CAAA;AAE5F,OAAO,KAA8B,MAAM,OAAO,CAAA;AAkDlD,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,0BAA0B,CAAA;CAC7C,CAAA;AACD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiDrC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SaveDraft/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AA+ElD,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAIrC,CAAA"}

package/dist/elements/SaveDraft/index.js

@@ -1,6 +1,5 @@
 'use client';
 import React, { useCallback, useRef } from 'react';
-import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { useForm, useFormModified } from '../../forms/Form/context.js';
 import { FormSubmit } from '../../forms/Submit/index.js';
 import { useHotkey } from '../../hooks/useHotkey.js';
@@ -10,44 +9,16 @@ import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 const baseClass = 'save-draft';
-const DefaultSaveDraftButton = ({ disabled, label, saveDraft })=>{
-    const ref = useRef(null);
-    const editDepth = useEditDepth();
-    useHotkey({
-        cmdCtrlKey: true,
-        editDepth,
-        keyCodes: [
-            's'
-        ]
-    }, (e)=>{
-        if (disabled) {
-            return;
-        }
-        e.preventDefault();
-        e.stopPropagation();
-        if (ref?.current) {
-            ref.current.click();
-        }
-    });
-    return /*#__PURE__*/ React.createElement(FormSubmit, {
-        buttonId: "action-save-draft",
-        buttonStyle: "secondary",
-        className: baseClass,
-        disabled: disabled,
-        onClick: saveDraft,
-        ref: ref,
-        size: "small",
-        type: "button"
-    }, label);
-};
-export const SaveDraft = ({ CustomComponent })=>{
+const DefaultSaveDraftButton = ()=>{
     const { routes: { api }, serverURL } = useConfig();
-    const { submit } = useForm();
     const { id, collectionSlug, globalSlug } = useDocumentInfo();
     const modified = useFormModified();
     const { code: locale } = useLocale();
+    const ref = useRef(null);
+    const editDepth = useEditDepth();
     const { t } = useTranslation();
-    const canSaveDraft = modified;
+    const { submit } = useForm();
+    const label = t('general:save');
     const saveDraft = useCallback(async ()=>{
         const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`;
         let action;
@@ -76,16 +47,36 @@ export const SaveDraft = ({ CustomComponent })=>{
         locale,
         id
     ]);
-    return /*#__PURE__*/ React.createElement(RenderCustomComponent, {
-        CustomComponent: CustomComponent,
-        DefaultComponent: DefaultSaveDraftButton,
-        componentProps: {
-            DefaultButton: DefaultSaveDraftButton,
-            disabled: !canSaveDraft,
-            label: t('version:saveDraft'),
-            saveDraft
+    useHotkey({
+        cmdCtrlKey: true,
+        editDepth,
+        keyCodes: [
+            's'
+        ]
+    }, (e)=>{
+        if (!modified) {
+            return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+        if (ref?.current) {
+            ref.current.click();
         }
     });
+    return /*#__PURE__*/ React.createElement(FormSubmit, {
+        buttonId: "action-save-draft",
+        buttonStyle: "secondary",
+        className: baseClass,
+        disabled: !modified,
+        onClick: saveDraft,
+        ref: ref,
+        size: "small",
+        type: "button"
+    }, label);
+};
+export const SaveDraft = ({ CustomComponent })=>{
+    if (CustomComponent) return CustomComponent;
+    return /*#__PURE__*/ React.createElement(DefaultSaveDraftButton, null);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SaveDraft/index.tsx"],"sourcesContent":["'use client'\nimport type { CustomSaveDraftButtonProps, DefaultSaveDraftButtonProps } from 'payload/types'\n\nimport React, { useCallback, useRef } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'save-draft'\n\nconst DefaultSaveDraftButton: React.FC<DefaultSaveDraftButtonProps> = ({\n  disabled,\n  label,\n  saveDraft,\n}) => {\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (disabled) {\n      return\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save-draft\"\n      buttonStyle=\"secondary\"\n      className={baseClass}\n      disabled={disabled}\n      onClick={saveDraft}\n      ref={ref}\n      size=\"small\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: CustomSaveDraftButtonProps\n}\nexport const SaveDraft: React.FC<Props> = ({ CustomComponent }) => {\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { submit } = useForm()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const modified = useFormModified()\n  const { code: locale } = useLocale()\n  const { t } = useTranslation()\n\n  const canSaveDraft = modified\n\n  const saveDraft = useCallback(async () => {\n    const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`\n    let action\n    let method = 'POST'\n\n    if (collectionSlug) {\n      action = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`\n      if (id) method = 'PATCH'\n    }\n\n    if (globalSlug) {\n      action = `${serverURL}${api}/globals/${globalSlug}${search}`\n    }\n\n    await submit({\n      action,\n      method,\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [submit, collectionSlug, globalSlug, serverURL, api, locale, id])\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomComponent}\n      DefaultComponent={DefaultSaveDraftButton}\n      componentProps={{\n        DefaultButton: DefaultSaveDraftButton,\n        disabled: !canSaveDraft,\n        label: t('version:saveDraft'),\n        saveDraft,\n      }}\n    />\n  )\n}\n"],"names":["React","useCallback","useRef","RenderCustomComponent","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useTranslation","baseClass","DefaultSaveDraftButton","disabled","label","saveDraft","ref","editDepth","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","buttonId","buttonStyle","className","onClick","size","type","SaveDraft","CustomComponent","routes","api","serverURL","submit","id","collectionSlug","globalSlug","modified","code","locale","t","canSaveDraft","search","action","method","overrides","_status","skipValidation","DefaultComponent","componentProps","DefaultButton"],"mappings":"AAAA;AAGA,OAAOA,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAElD,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,YAAY;AAElB,MAAMC,yBAAgE,CAAC,EACrEC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACV;IACC,MAAMC,MAAMhB,OAA0B;IACtC,MAAMiB,YAAYT;IAElBH,UAAU;QAAEa,YAAY;QAAMD;QAAWE,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAIP,UAAU;YACZ;QACF;QAEAO,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIN,KAAKO,SAAS;YAChBP,IAAIO,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBACE,oBAACpB;QACCqB,UAAS;QACTC,aAAY;QACZC,WAAWhB;QACXE,UAAUA;QACVe,SAASb;QACTC,KAAKA;QACLa,MAAK;QACLC,MAAK;OAEJhB;AAGP;AAKA,OAAO,MAAMiB,YAA6B,CAAC,EAAEC,eAAe,EAAE;IAC5D,MAAM,EACJC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAG7B;IACJ,MAAM,EAAE8B,MAAM,EAAE,GAAGlC;IACnB,MAAM,EAAEmC,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGhC;IAC3C,MAAMiC,WAAWrC;IACjB,MAAM,EAAEsC,MAAMC,MAAM,EAAE,GAAGjC;IACzB,MAAM,EAAEkC,CAAC,EAAE,GAAGjC;IAEd,MAAMkC,eAAeJ;IAErB,MAAMzB,YAAYhB,YAAY;QAC5B,MAAM8C,SAAS,CAAC,QAAQ,EAAEH,OAAO,wCAAwC,CAAC;QAC1E,IAAII;QACJ,IAAIC,SAAS;QAEb,IAAIT,gBAAgB;YAClBQ,SAAS,CAAC,EAAEX,UAAU,EAAED,IAAI,CAAC,EAAEI,eAAe,EAAED,KAAK,CAAC,CAAC,EAAEA,GAAG,CAAC,GAAG,GAAG,EAAEQ,OAAO,CAAC;YAC7E,IAAIR,IAAIU,SAAS;QACnB;QAEA,IAAIR,YAAY;YACdO,SAAS,CAAC,EAAEX,UAAU,EAAED,IAAI,SAAS,EAAEK,WAAW,EAAEM,OAAO,CAAC;QAC9D;QAEA,MAAMT,OAAO;YACXU;YACAC;YACAC,WAAW;gBACTC,SAAS;YACX;YACAC,gBAAgB;QAClB;IACF,GAAG;QAACd;QAAQE;QAAgBC;QAAYJ;QAAWD;QAAKQ;QAAQL;KAAG;IAEnE,qBACE,oBAACpC;QACC+B,iBAAiBA;QACjBmB,kBAAkBvC;QAClBwC,gBAAgB;YACdC,eAAezC;YACfC,UAAU,CAAC+B;YACX9B,OAAO6B,EAAE;YACT5B;QACF;;AAGN,EAAC"}
+{"version":3,"sources":["../../../src/elements/SaveDraft/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'save-draft'\n\nconst DefaultSaveDraftButton: React.FC = () => {\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const modified = useFormModified()\n  const { code: locale } = useLocale()\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const label = t('general:save')\n\n  const saveDraft = useCallback(async () => {\n    const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`\n    let action\n    let method = 'POST'\n\n    if (collectionSlug) {\n      action = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`\n      if (id) method = 'PATCH'\n    }\n\n    if (globalSlug) {\n      action = `${serverURL}${api}/globals/${globalSlug}${search}`\n    }\n\n    await submit({\n      action,\n      method,\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [submit, collectionSlug, globalSlug, serverURL, api, locale, id])\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (!modified) {\n      return\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save-draft\"\n      buttonStyle=\"secondary\"\n      className={baseClass}\n      disabled={!modified}\n      onClick={saveDraft}\n      ref={ref}\n      size=\"small\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: React.ReactNode\n}\n\nexport const SaveDraft: React.FC<Props> = ({ CustomComponent }) => {\n  if (CustomComponent) return CustomComponent\n\n  return <DefaultSaveDraftButton />\n}\n"],"names":["React","useCallback","useRef","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useTranslation","baseClass","DefaultSaveDraftButton","routes","api","serverURL","id","collectionSlug","globalSlug","modified","code","locale","ref","editDepth","t","submit","label","saveDraft","search","action","method","overrides","_status","skipValidation","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","buttonId","buttonStyle","className","disabled","onClick","size","type","SaveDraft","CustomComponent"],"mappings":"AAAA;AAEA,OAAOA,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAElD,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,YAAY;AAElB,MAAMC,yBAAmC;IACvC,MAAM,EACJC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGT;IACJ,MAAM,EAAEU,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGX;IAC3C,MAAMY,WAAWhB;IACjB,MAAM,EAAEiB,MAAMC,MAAM,EAAE,GAAGZ;IACzB,MAAMa,MAAMrB,OAA0B;IACtC,MAAMsB,YAAYf;IAClB,MAAM,EAAEgB,CAAC,EAAE,GAAGd;IACd,MAAM,EAAEe,MAAM,EAAE,GAAGvB;IACnB,MAAMwB,QAAQF,EAAE;IAEhB,MAAMG,YAAY3B,YAAY;QAC5B,MAAM4B,SAAS,CAAC,QAAQ,EAAEP,OAAO,wCAAwC,CAAC;QAC1E,IAAIQ;QACJ,IAAIC,SAAS;QAEb,IAAIb,gBAAgB;YAClBY,SAAS,CAAC,EAAEd,UAAU,EAAED,IAAI,CAAC,EAAEG,eAAe,EAAED,KAAK,CAAC,CAAC,EAAEA,GAAG,CAAC,GAAG,GAAG,EAAEY,OAAO,CAAC;YAC7E,IAAIZ,IAAIc,SAAS;QACnB;QAEA,IAAIZ,YAAY;YACdW,SAAS,CAAC,EAAEd,UAAU,EAAED,IAAI,SAAS,EAAEI,WAAW,EAAEU,OAAO,CAAC;QAC9D;QAEA,MAAMH,OAAO;YACXI;YACAC;YACAC,WAAW;gBACTC,SAAS;YACX;YACAC,gBAAgB;QAClB;IACF,GAAG;QAACR;QAAQR;QAAgBC;QAAYH;QAAWD;QAAKO;QAAQL;KAAG;IAEnEX,UAAU;QAAE6B,YAAY;QAAMX;QAAWY,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAI,CAACjB,UAAU;YACb;QACF;QAEAiB,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIhB,KAAKiB,SAAS;YAChBjB,IAAIiB,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBACE,oBAACpC;QACCqC,UAAS;QACTC,aAAY;QACZC,WAAWhC;QACXiC,UAAU,CAACzB;QACX0B,SAASlB;QACTL,KAAKA;QACLwB,MAAK;QACLC,MAAK;OAEJrB;AAGP;AAMA,OAAO,MAAMsB,YAA6B,CAAC,EAAEC,eAAe,EAAE;IAC5D,IAAIA,iBAAiB,OAAOA;IAE5B,qBAAO,oBAACrC;AACV,EAAC"}

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

@@ -1,9 +1,11 @@
 import React from 'react';
 export type SortColumnProps = {
+    Label: React.ReactNode;
     disable?: boolean;
-    label: Record<string, string> | string;
+    label?: FieldBase['label'];
     name: string;
 };
+import type { FieldBase } from 'payload/types';
 import './index.scss';
 export declare const SortColumn: React.FC<SortColumnProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SortColumn/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAKD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgEhD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SortColumn/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAK9C,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgEhD,CAAA"}

package/dist/elements/SortColumn/index.js

@@ -1,5 +1,4 @@
 'use client';
-import { getTranslation } from '@payloadcms/translations';
 // TODO: abstract the `next/navigation` dependency out from this component
 import { usePathname, useRouter } from 'next/navigation.js';
 import queryString from 'qs';
@@ -9,11 +8,11 @@ import { useSearchParams } from '../../providers/SearchParams/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 const baseClass = 'sort-column';
 export const SortColumn = (props)=>{
-    const { name, disable = false, label } = props;
+    const { name, Label, disable = false, label } = props;
     const { searchParams } = useSearchParams();
     const router = useRouter();
     const pathname = usePathname();
-    const { i18n, t } = useTranslation();
+    const { t } = useTranslation();
     const { sort } = searchParams;
     const desc = `-${name}`;
     const asc = name;
@@ -42,12 +41,12 @@ export const SortColumn = (props)=>{
         className: baseClass
     }, /*#__PURE__*/ React.createElement("span", {
         className: `${baseClass}__label`
-    }, getTranslation(label, i18n)), !disable && /*#__PURE__*/ React.createElement("div", {
+    }, Label), !disable && /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__buttons`
     }, /*#__PURE__*/ React.createElement("button", {
         "aria-label": t('general:sortByLabelDirection', {
             direction: t('general:ascending'),
-            label: getTranslation(label, i18n)
+            label
         }),
         className: [
             ...ascClasses,
@@ -60,7 +59,7 @@ export const SortColumn = (props)=>{
     })), /*#__PURE__*/ React.createElement("button", {
         "aria-label": t('general:sortByLabelDirection', {
             direction: t('general:descending'),
-            label: getTranslation(label, i18n)
+            label
         }),
         className: [
             ...descClasses,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SortColumn/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport queryString from 'qs'\nimport React, { useCallback } from 'react'\n\nexport type SortColumnProps = {\n  disable?: boolean\n  label: Record<string, string> | string\n  name: string\n}\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-column'\n\nexport const SortColumn: React.FC<SortColumnProps> = (props) => {\n  const { name, disable = false, label } = props\n  const { searchParams } = useSearchParams()\n  const router = useRouter()\n  const pathname = usePathname()\n  const { i18n, t } = useTranslation()\n\n  const { sort } = searchParams\n\n  const desc = `-${name}`\n  const asc = name\n\n  const ascClasses = [`${baseClass}__asc`]\n  if (sort === asc) ascClasses.push(`${baseClass}--active`)\n\n  const descClasses = [`${baseClass}__desc`]\n  if (sort === desc) descClasses.push(`${baseClass}--active`)\n\n  const setSort = useCallback(\n    (newSort) => {\n      const search = queryString.stringify(\n        {\n          ...searchParams,\n          sort: newSort,\n        },\n        { addQueryPrefix: true },\n      )\n\n      router.replace(`${pathname}?${search}`)\n    },\n    [searchParams, pathname, router],\n  )\n\n  return (\n    <div className={baseClass}>\n      <span className={`${baseClass}__label`}>{getTranslation(label, i18n)}</span>\n      {!disable && (\n        <div className={`${baseClass}__buttons`}>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:ascending'),\n              label: getTranslation(label, i18n),\n            })}\n            className={[...ascClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => setSort(asc)}\n            type=\"button\"\n          >\n            <Chevron direction=\"up\" />\n          </button>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:descending'),\n              label: getTranslation(label, i18n),\n            })}\n            className={[...descClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => setSort(desc)}\n            type=\"button\"\n          >\n            <Chevron />\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["getTranslation","usePathname","useRouter","queryString","React","useCallback","Chevron","useSearchParams","useTranslation","baseClass","SortColumn","props","name","disable","label","searchParams","router","pathname","i18n","t","sort","desc","asc","ascClasses","push","descClasses","setSort","newSort","search","stringify","addQueryPrefix","replace","div","className","span","button","aria-label","direction","filter","Boolean","join","onClick","type"],"mappings":"AAAA;AACA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,0EAA0E;AAC1E,SAASC,WAAW,EAAEC,SAAS,QAAQ,qBAAoB;AAC3D,OAAOC,iBAAiB,KAAI;AAC5B,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAQ1C,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAAwC,CAACC;IACpD,MAAM,EAAEC,IAAI,EAAEC,UAAU,KAAK,EAAEC,KAAK,EAAE,GAAGH;IACzC,MAAM,EAAEI,YAAY,EAAE,GAAGR;IACzB,MAAMS,SAASd;IACf,MAAMe,WAAWhB;IACjB,MAAM,EAAEiB,IAAI,EAAEC,CAAC,EAAE,GAAGX;IAEpB,MAAM,EAAEY,IAAI,EAAE,GAAGL;IAEjB,MAAMM,OAAO,CAAC,CAAC,EAAET,KAAK,CAAC;IACvB,MAAMU,MAAMV;IAEZ,MAAMW,aAAa;QAAC,CAAC,EAAEd,UAAU,KAAK,CAAC;KAAC;IACxC,IAAIW,SAASE,KAAKC,WAAWC,IAAI,CAAC,CAAC,EAAEf,UAAU,QAAQ,CAAC;IAExD,MAAMgB,cAAc;QAAC,CAAC,EAAEhB,UAAU,MAAM,CAAC;KAAC;IAC1C,IAAIW,SAASC,MAAMI,YAAYD,IAAI,CAAC,CAAC,EAAEf,UAAU,QAAQ,CAAC;IAE1D,MAAMiB,UAAUrB,YACd,CAACsB;QACC,MAAMC,SAASzB,YAAY0B,SAAS,CAClC;YACE,GAAGd,YAAY;YACfK,MAAMO;QACR,GACA;YAAEG,gBAAgB;QAAK;QAGzBd,OAAOe,OAAO,CAAC,CAAC,EAAEd,SAAS,CAAC,EAAEW,OAAO,CAAC;IACxC,GACA;QAACb;QAAcE;QAAUD;KAAO;IAGlC,qBACE,oBAACgB;QAAIC,WAAWxB;qBACd,oBAACyB;QAAKD,WAAW,CAAC,EAAExB,UAAU,OAAO,CAAC;OAAGT,eAAec,OAAOI,QAC9D,CAACL,yBACA,oBAACmB;QAAIC,WAAW,CAAC,EAAExB,UAAU,SAAS,CAAC;qBACrC,oBAAC0B;QACCC,cAAYjB,EAAE,gCAAgC;YAC5CkB,WAAWlB,EAAE;YACbL,OAAOd,eAAec,OAAOI;QAC/B;QACAe,WAAW;eAAIV;YAAY,CAAC,EAAEd,UAAU,QAAQ,CAAC;SAAC,CAAC6B,MAAM,CAACC,SAASC,IAAI,CAAC;QACxEC,SAAS,IAAMf,QAAQJ;QACvBoB,MAAK;qBAEL,oBAACpC;QAAQ+B,WAAU;uBAErB,oBAACF;QACCC,cAAYjB,EAAE,gCAAgC;YAC5CkB,WAAWlB,EAAE;YACbL,OAAOd,eAAec,OAAOI;QAC/B;QACAe,WAAW;eAAIR;YAAa,CAAC,EAAEhB,UAAU,QAAQ,CAAC;SAAC,CAAC6B,MAAM,CAACC,SAASC,IAAI,CAAC;QACzEC,SAAS,IAAMf,QAAQL;QACvBqB,MAAK;qBAEL,oBAACpC;AAMb,EAAC"}
+{"version":3,"sources":["../../../src/elements/SortColumn/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport queryString from 'qs'\nimport React, { useCallback } from 'react'\n\nexport type SortColumnProps = {\n  Label: React.ReactNode\n  disable?: boolean\n  label?: FieldBase['label']\n  name: string\n}\n\nimport type { FieldBase } from 'payload/types'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-column'\n\nexport const SortColumn: React.FC<SortColumnProps> = (props) => {\n  const { name, Label, disable = false, label } = props\n  const { searchParams } = useSearchParams()\n  const router = useRouter()\n  const pathname = usePathname()\n  const { t } = useTranslation()\n\n  const { sort } = searchParams\n\n  const desc = `-${name}`\n  const asc = name\n\n  const ascClasses = [`${baseClass}__asc`]\n  if (sort === asc) ascClasses.push(`${baseClass}--active`)\n\n  const descClasses = [`${baseClass}__desc`]\n  if (sort === desc) descClasses.push(`${baseClass}--active`)\n\n  const setSort = useCallback(\n    (newSort) => {\n      const search = queryString.stringify(\n        {\n          ...searchParams,\n          sort: newSort,\n        },\n        { addQueryPrefix: true },\n      )\n\n      router.replace(`${pathname}?${search}`)\n    },\n    [searchParams, pathname, router],\n  )\n\n  return (\n    <div className={baseClass}>\n      <span className={`${baseClass}__label`}>{Label}</span>\n      {!disable && (\n        <div className={`${baseClass}__buttons`}>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:ascending'),\n              label,\n            })}\n            className={[...ascClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => setSort(asc)}\n            type=\"button\"\n          >\n            <Chevron direction=\"up\" />\n          </button>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:descending'),\n              label,\n            })}\n            className={[...descClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => setSort(desc)}\n            type=\"button\"\n          >\n            <Chevron />\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["usePathname","useRouter","queryString","React","useCallback","Chevron","useSearchParams","useTranslation","baseClass","SortColumn","props","name","Label","disable","label","searchParams","router","pathname","t","sort","desc","asc","ascClasses","push","descClasses","setSort","newSort","search","stringify","addQueryPrefix","replace","div","className","span","button","aria-label","direction","filter","Boolean","join","onClick","type"],"mappings":"AAAA;AACA,0EAA0E;AAC1E,SAASA,WAAW,EAAEC,SAAS,QAAQ,qBAAoB;AAC3D,OAAOC,iBAAiB,KAAI;AAC5B,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAW1C,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAAwC,CAACC;IACpD,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,UAAU,KAAK,EAAEC,KAAK,EAAE,GAAGJ;IAChD,MAAM,EAAEK,YAAY,EAAE,GAAGT;IACzB,MAAMU,SAASf;IACf,MAAMgB,WAAWjB;IACjB,MAAM,EAAEkB,CAAC,EAAE,GAAGX;IAEd,MAAM,EAAEY,IAAI,EAAE,GAAGJ;IAEjB,MAAMK,OAAO,CAAC,CAAC,EAAET,KAAK,CAAC;IACvB,MAAMU,MAAMV;IAEZ,MAAMW,aAAa;QAAC,CAAC,EAAEd,UAAU,KAAK,CAAC;KAAC;IACxC,IAAIW,SAASE,KAAKC,WAAWC,IAAI,CAAC,CAAC,EAAEf,UAAU,QAAQ,CAAC;IAExD,MAAMgB,cAAc;QAAC,CAAC,EAAEhB,UAAU,MAAM,CAAC;KAAC;IAC1C,IAAIW,SAASC,MAAMI,YAAYD,IAAI,CAAC,CAAC,EAAEf,UAAU,QAAQ,CAAC;IAE1D,MAAMiB,UAAUrB,YACd,CAACsB;QACC,MAAMC,SAASzB,YAAY0B,SAAS,CAClC;YACE,GAAGb,YAAY;YACfI,MAAMO;QACR,GACA;YAAEG,gBAAgB;QAAK;QAGzBb,OAAOc,OAAO,CAAC,CAAC,EAAEb,SAAS,CAAC,EAAEU,OAAO,CAAC;IACxC,GACA;QAACZ;QAAcE;QAAUD;KAAO;IAGlC,qBACE,oBAACe;QAAIC,WAAWxB;qBACd,oBAACyB;QAAKD,WAAW,CAAC,EAAExB,UAAU,OAAO,CAAC;OAAGI,QACxC,CAACC,yBACA,oBAACkB;QAAIC,WAAW,CAAC,EAAExB,UAAU,SAAS,CAAC;qBACrC,oBAAC0B;QACCC,cAAYjB,EAAE,gCAAgC;YAC5CkB,WAAWlB,EAAE;YACbJ;QACF;QACAkB,WAAW;eAAIV;YAAY,CAAC,EAAEd,UAAU,QAAQ,CAAC;SAAC,CAAC6B,MAAM,CAACC,SAASC,IAAI,CAAC;QACxEC,SAAS,IAAMf,QAAQJ;QACvBoB,MAAK;qBAEL,oBAACpC;QAAQ+B,WAAU;uBAErB,oBAACF;QACCC,cAAYjB,EAAE,gCAAgC;YAC5CkB,WAAWlB,EAAE;YACbJ;QACF;QACAkB,WAAW;eAAIR;YAAa,CAAC,EAAEhB,UAAU,QAAQ,CAAC;SAAC,CAAC6B,MAAM,CAACC,SAASC,IAAI,CAAC;QACzEC,SAAS,IAAMf,QAAQL;QACvBqB,MAAK;qBAEL,oBAACpC;AAMb,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Array/index.d.ts

@@ -1,7 +1,7 @@
-import type { CellComponentProps, CellProps } from 'payload/types';
+import type { CellComponentProps, DefaultCellComponentProps } from 'payload/types';
 import React from 'react';
-export interface ArrayCellProps extends CellComponentProps<Record<string, unknown>[]> {
-    labels: CellProps['labels'];
+export interface ArrayCellProps extends DefaultCellComponentProps<Record<string, unknown>[]> {
+    labels: CellComponentProps['labels'];
 }
 export declare const ArrayCell: React.FC<ArrayCellProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAIlE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,cAAe,SAAQ,kBAAkB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACnF,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;CAC5B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAW9C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAIlF,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,cAAe,SAAQ,yBAAyB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAC1F,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAA;CACrC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAW9C,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, CellProps } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React from 'react'\n\nexport interface ArrayCellProps extends CellComponentProps<Record<string, unknown>[]> {\n  labels: CellProps['labels']\n}\n\nexport const ArrayCell: React.FC<ArrayCellProps> = ({ cellData, labels }) => {\n  const { i18n } = useTranslation()\n\n  const arrayFields = cellData ?? []\n\n  const label = `${arrayFields.length} ${getTranslation(\n    labels?.plural || i18n.t('general:rows'),\n    i18n,\n  )}`\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","useTranslation","React","ArrayCell","cellData","labels","i18n","arrayFields","label","length","plural","t","span"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,WAAW,QAAO;AAMzB,OAAO,MAAMC,YAAsC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACtE,MAAM,EAAEC,IAAI,EAAE,GAAGL;IAEjB,MAAMM,cAAcH,YAAY,EAAE;IAElC,MAAMI,QAAQ,CAAC,EAAED,YAAYE,MAAM,CAAC,CAAC,EAAET,eACrCK,QAAQK,UAAUJ,KAAKK,CAAC,CAAC,iBACzBL,MACA,CAAC;IAEH,qBAAO,oBAACM,cAAMJ;AAChB,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, DefaultCellComponentProps } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React from 'react'\n\nexport interface ArrayCellProps extends DefaultCellComponentProps<Record<string, unknown>[]> {\n  labels: CellComponentProps['labels']\n}\n\nexport const ArrayCell: React.FC<ArrayCellProps> = ({ cellData, labels }) => {\n  const { i18n } = useTranslation()\n\n  const arrayFields = cellData ?? []\n\n  const label = `${arrayFields.length} ${getTranslation(\n    labels?.plural || i18n.t('general:rows'),\n    i18n,\n  )}`\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","useTranslation","React","ArrayCell","cellData","labels","i18n","arrayFields","label","length","plural","t","span"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,WAAW,QAAO;AAMzB,OAAO,MAAMC,YAAsC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACtE,MAAM,EAAEC,IAAI,EAAE,GAAGL;IAEjB,MAAMM,cAAcH,YAAY,EAAE;IAElC,MAAMI,QAAQ,CAAC,EAAED,YAAYE,MAAM,CAAC,CAAC,EAAET,eACrCK,QAAQK,UAAUJ,KAAKK,CAAC,CAAC,iBACzBL,MACA,CAAC;IAEH,qBAAO,oBAACM,cAAMJ;AAChB,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Blocks/index.d.ts

@@ -1,8 +1,8 @@
-import type { CellComponentProps, CellProps } from 'payload/types';
+import type { CellComponentProps, DefaultCellComponentProps } from 'payload/types';
 import React from 'react';
-export interface BlocksCellProps extends CellComponentProps<any> {
-    blocks: CellProps['blocks'];
-    labels: CellProps['labels'];
+export interface BlocksCellProps extends DefaultCellComponentProps<any> {
+    blocks: CellComponentProps['blocks'];
+    labels: CellComponentProps['labels'];
 }
 export declare const BlocksCell: React.FC<BlocksCellProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAIlE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,CAAC,GAAG,CAAC;IAC9D,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC3B,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;CAC5B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoChD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAIlF,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,GAAG,CAAC;IACrE,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IACpC,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAA;CACrC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoChD,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, CellProps } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React from 'react'\n\nexport interface BlocksCellProps extends CellComponentProps<any> {\n  blocks: CellProps['blocks']\n  labels: CellProps['labels']\n}\n\nexport const BlocksCell: React.FC<BlocksCellProps> = ({ blocks, cellData, labels }) => {\n  const { i18n } = useTranslation()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = blocks?.map((b) => ({\n    slug: b.slug,\n    label: getTranslation(b.labels.singular, i18n),\n  }))\n\n  let label = `0 ${getTranslation(labels?.plural, i18n)}`\n\n  const formatBlockList = (blocks) =>\n    blocks\n      .map((b) => {\n        const filtered = translatedBlockLabels.filter((f) => f.slug === b)?.[0]\n        return filtered?.label\n      })\n      .join(', ')\n\n  const itemsToShow = 5\n\n  if (selectedBlocks.length > itemsToShow) {\n    const more = selectedBlocks.length - itemsToShow\n    label = `${selectedBlocks.length} ${getTranslation(labels?.plural, i18n)} - ${i18n.t(\n      'fields:itemsAndMore',\n      { count: more, items: formatBlockList(selectedBlocks.slice(0, itemsToShow)) },\n    )}`\n  } else if (selectedBlocks.length > 0) {\n    label = `${selectedBlocks.length} ${getTranslation(\n      selectedBlocks.length === 1 ? labels?.singular : labels?.plural,\n      i18n,\n    )} - ${formatBlockList(selectedBlocks)}`\n  }\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","useTranslation","React","BlocksCell","blocks","cellData","labels","i18n","selectedBlocks","Array","isArray","map","blockType","translatedBlockLabels","b","slug","label","singular","plural","formatBlockList","filtered","filter","f","join","itemsToShow","length","more","t","count","items","slice","span"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,WAAW,QAAO;AAOzB,OAAO,MAAMC,aAAwC,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IAChF,MAAM,EAAEC,IAAI,EAAE,GAAGN;IAEjB,MAAMO,iBAAiBC,MAAMC,OAAO,CAACL,YAAYA,SAASM,GAAG,CAAC,CAAC,EAAEC,SAAS,EAAE,GAAKA,aAAa,EAAE;IAEhG,MAAMC,wBAAwBT,QAAQO,IAAI,CAACG,IAAO,CAAA;YAChDC,MAAMD,EAAEC,IAAI;YACZC,OAAOhB,eAAec,EAAER,MAAM,CAACW,QAAQ,EAAEV;QAC3C,CAAA;IAEA,IAAIS,QAAQ,CAAC,EAAE,EAAEhB,eAAeM,QAAQY,QAAQX,MAAM,CAAC;IAEvD,MAAMY,kBAAkB,CAACf,SACvBA,OACGO,GAAG,CAAC,CAACG;YACJ,MAAMM,WAAWP,sBAAsBQ,MAAM,CAAC,CAACC,IAAMA,EAAEP,IAAI,KAAKD,IAAI,CAAC,EAAE;YACvE,OAAOM,UAAUJ;QACnB,GACCO,IAAI,CAAC;IAEV,MAAMC,cAAc;IAEpB,IAAIhB,eAAeiB,MAAM,GAAGD,aAAa;QACvC,MAAME,OAAOlB,eAAeiB,MAAM,GAAGD;QACrCR,QAAQ,CAAC,EAAER,eAAeiB,MAAM,CAAC,CAAC,EAAEzB,eAAeM,QAAQY,QAAQX,MAAM,GAAG,EAAEA,KAAKoB,CAAC,CAClF,uBACA;YAAEC,OAAOF;YAAMG,OAAOV,gBAAgBX,eAAesB,KAAK,CAAC,GAAGN;QAAc,GAC5E,CAAC;IACL,OAAO,IAAIhB,eAAeiB,MAAM,GAAG,GAAG;QACpCT,QAAQ,CAAC,EAAER,eAAeiB,MAAM,CAAC,CAAC,EAAEzB,eAClCQ,eAAeiB,MAAM,KAAK,IAAInB,QAAQW,WAAWX,QAAQY,QACzDX,MACA,GAAG,EAAEY,gBAAgBX,gBAAgB,CAAC;IAC1C;IAEA,qBAAO,oBAACuB,cAAMf;AAChB,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, DefaultCellComponentProps } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React from 'react'\n\nexport interface BlocksCellProps extends DefaultCellComponentProps<any> {\n  blocks: CellComponentProps['blocks']\n  labels: CellComponentProps['labels']\n}\n\nexport const BlocksCell: React.FC<BlocksCellProps> = ({ blocks, cellData, labels }) => {\n  const { i18n } = useTranslation()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = blocks?.map((b) => ({\n    slug: b.slug,\n    label: getTranslation(b.labels.singular, i18n),\n  }))\n\n  let label = `0 ${getTranslation(labels?.plural, i18n)}`\n\n  const formatBlockList = (blocks) =>\n    blocks\n      .map((b) => {\n        const filtered = translatedBlockLabels.filter((f) => f.slug === b)?.[0]\n        return filtered?.label\n      })\n      .join(', ')\n\n  const itemsToShow = 5\n\n  if (selectedBlocks.length > itemsToShow) {\n    const more = selectedBlocks.length - itemsToShow\n    label = `${selectedBlocks.length} ${getTranslation(labels?.plural, i18n)} - ${i18n.t(\n      'fields:itemsAndMore',\n      { count: more, items: formatBlockList(selectedBlocks.slice(0, itemsToShow)) },\n    )}`\n  } else if (selectedBlocks.length > 0) {\n    label = `${selectedBlocks.length} ${getTranslation(\n      selectedBlocks.length === 1 ? labels?.singular : labels?.plural,\n      i18n,\n    )} - ${formatBlockList(selectedBlocks)}`\n  }\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","useTranslation","React","BlocksCell","blocks","cellData","labels","i18n","selectedBlocks","Array","isArray","map","blockType","translatedBlockLabels","b","slug","label","singular","plural","formatBlockList","filtered","filter","f","join","itemsToShow","length","more","t","count","items","slice","span"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,WAAW,QAAO;AAOzB,OAAO,MAAMC,aAAwC,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IAChF,MAAM,EAAEC,IAAI,EAAE,GAAGN;IAEjB,MAAMO,iBAAiBC,MAAMC,OAAO,CAACL,YAAYA,SAASM,GAAG,CAAC,CAAC,EAAEC,SAAS,EAAE,GAAKA,aAAa,EAAE;IAEhG,MAAMC,wBAAwBT,QAAQO,IAAI,CAACG,IAAO,CAAA;YAChDC,MAAMD,EAAEC,IAAI;YACZC,OAAOhB,eAAec,EAAER,MAAM,CAACW,QAAQ,EAAEV;QAC3C,CAAA;IAEA,IAAIS,QAAQ,CAAC,EAAE,EAAEhB,eAAeM,QAAQY,QAAQX,MAAM,CAAC;IAEvD,MAAMY,kBAAkB,CAACf,SACvBA,OACGO,GAAG,CAAC,CAACG;YACJ,MAAMM,WAAWP,sBAAsBQ,MAAM,CAAC,CAACC,IAAMA,EAAEP,IAAI,KAAKD,IAAI,CAAC,EAAE;YACvE,OAAOM,UAAUJ;QACnB,GACCO,IAAI,CAAC;IAEV,MAAMC,cAAc;IAEpB,IAAIhB,eAAeiB,MAAM,GAAGD,aAAa;QACvC,MAAME,OAAOlB,eAAeiB,MAAM,GAAGD;QACrCR,QAAQ,CAAC,EAAER,eAAeiB,MAAM,CAAC,CAAC,EAAEzB,eAAeM,QAAQY,QAAQX,MAAM,GAAG,EAAEA,KAAKoB,CAAC,CAClF,uBACA;YAAEC,OAAOF;YAAMG,OAAOV,gBAAgBX,eAAesB,KAAK,CAAC,GAAGN;QAAc,GAC5E,CAAC;IACL,OAAO,IAAIhB,eAAeiB,MAAM,GAAG,GAAG;QACpCT,QAAQ,CAAC,EAAER,eAAeiB,MAAM,CAAC,CAAC,EAAEzB,eAClCQ,eAAeiB,MAAM,KAAK,IAAInB,QAAQW,WAAWX,QAAQY,QACzDX,MACA,GAAG,EAAEY,gBAAgBX,gBAAgB,CAAC;IAC1C;IAEA,qBAAO,oBAACuB,cAAMf;AAChB,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.d.ts

@@ -1,5 +1,5 @@
-import type { CellComponentProps } from 'payload/types';
+import type { DefaultCellComponentProps } from 'payload/types';
 import React from 'react';
 import './index.scss';
-export declare const CheckboxCell: React.FC<CellComponentProps<boolean>>;
+export declare const CheckboxCell: React.FC<DefaultCellComponentProps<boolean>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAI9D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAIrE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps } from 'payload/types'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport const CheckboxCell: React.FC<CellComponentProps<boolean>> = ({ cellData }) => (\n  <code className=\"bool-cell\">\n    <span>{JSON.stringify(cellData)}</span>\n  </code>\n)\n"],"names":["React","CheckboxCell","cellData","code","className","span","JSON","stringify"],"mappings":"AAAA;AAGA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,eAAsD,CAAC,EAAEC,QAAQ,EAAE,iBAC9E,oBAACC;QAAKC,WAAU;qBACd,oBAACC,cAAMC,KAAKC,SAAS,CAACL,YAEzB"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload/types'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport const CheckboxCell: React.FC<DefaultCellComponentProps<boolean>> = ({ cellData }) => (\n  <code className=\"bool-cell\">\n    <span>{JSON.stringify(cellData)}</span>\n  </code>\n)\n"],"names":["React","CheckboxCell","cellData","code","className","span","JSON","stringify"],"mappings":"AAAA;AAGA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,eAA6D,CAAC,EAAEC,QAAQ,EAAE,iBACrF,oBAACC;QAAKC,WAAU;qBACd,oBAACC,cAAMC,KAAKC,SAAS,CAACL,YAEzB"}

package/dist/elements/Table/DefaultCell/fields/Code/index.d.ts

@@ -1,7 +1,7 @@
-import type { CellComponentProps } from 'payload/types';
+import type { DefaultCellComponentProps } from 'payload/types';
 import React from 'react';
 import './index.scss';
-export interface CodeCellProps extends CellComponentProps<string> {
+export interface CodeCellProps extends DefaultCellComponentProps<string> {
     nowrap?: boolean;
 }
 export declare const CodeCell: React.FC<CodeCellProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,aAAc,SAAQ,kBAAkB,CAAC,MAAM,CAAC;IAC/D,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAU5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,MAAM,CAAC;IACtE,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAU5C,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"sourcesContent":["import type { CellComponentProps } from 'payload/types'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport interface CodeCellProps extends CellComponentProps<string> {\n  nowrap?: boolean\n}\n\nexport const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {\n  const textToShow = cellData.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}\n\n  return (\n    <code className=\"code-cell\" style={noWrapStyle}>\n      <span>{textToShow}</span>\n    </code>\n  )\n}\n"],"names":["React","CodeCell","cellData","nowrap","textToShow","length","substring","noWrapStyle","whiteSpace","code","className","style","span"],"mappings":"AAEA,OAAOA,WAAW,QAAO;AAQzB,OAAO,MAAMC,WAAoC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACpE,MAAMC,aAAaF,SAASG,MAAM,GAAG,MAAM,CAAC,EAAEH,SAASI,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGJ;IAEnF,MAAMK,cAAmCJ,SAAS;QAAEK,YAAY;IAAS,IAAI,CAAC;IAE9E,qBACE,oBAACC;QAAKC,WAAU;QAAYC,OAAOJ;qBACjC,oBAACK,cAAMR;AAGb,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps } from 'payload/types'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport interface CodeCellProps extends DefaultCellComponentProps<string> {\n  nowrap?: boolean\n}\n\nexport const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {\n  const textToShow = cellData.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}\n\n  return (\n    <code className=\"code-cell\" style={noWrapStyle}>\n      <span>{textToShow}</span>\n    </code>\n  )\n}\n"],"names":["React","CodeCell","cellData","nowrap","textToShow","length","substring","noWrapStyle","whiteSpace","code","className","style","span"],"mappings":"AAEA,OAAOA,WAAW,QAAO;AAQzB,OAAO,MAAMC,WAAoC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACpE,MAAMC,aAAaF,SAASG,MAAM,GAAG,MAAM,CAAC,EAAEH,SAASI,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGJ;IAEnF,MAAMK,cAAmCJ,SAAS;QAAEK,YAAY;IAAS,IAAI,CAAC;IAE9E,qBACE,oBAACC;QAAKC,WAAU;QAAYC,OAAOJ;qBACjC,oBAACK,cAAMR;AAGb,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Date/index.d.ts

@@ -1,7 +1,4 @@
-import type { CellComponentProps, CellProps } from 'payload/types';
+import type { DefaultCellComponentProps } from 'payload/types';
 import React from 'react';
-export interface DateCellProps extends CellComponentProps<string> {
-    dateDisplayFormat?: CellProps['dateDisplayFormat'];
-}
-export declare const DateCell: React.FC<DateCellProps>;
+export declare const DateCell: React.FC<DefaultCellComponentProps<Date | number | string>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAKlE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,aAAc,SAAQ,kBAAkB,CAAC,MAAM,CAAC;IAC/D,iBAAiB,CAAC,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAA;CACnD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAU5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAK9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC,CAahF,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, CellProps } from 'payload/types'\n\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { formatDate } from '@payloadcms/ui/utilities/formatDate'\nimport React from 'react'\n\nexport interface DateCellProps extends CellComponentProps<string> {\n  dateDisplayFormat?: CellProps['dateDisplayFormat']\n}\n\nexport const DateCell: React.FC<DateCellProps> = ({ cellData, dateDisplayFormat }) => {\n  const {\n    admin: { dateFormat: dateFormatFromConfig },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const dateFormat = dateDisplayFormat || dateFormatFromConfig\n\n  return <span>{cellData && formatDate(cellData, dateFormat, i18n.language)}</span>\n}\n"],"names":["useConfig","useTranslation","formatDate","React","DateCell","cellData","dateDisplayFormat","admin","dateFormat","dateFormatFromConfig","i18n","span","language"],"mappings":"AAAA;AAGA,SAASA,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,UAAU,QAAQ,sCAAqC;AAChE,OAAOC,WAAW,QAAO;AAMzB,OAAO,MAAMC,WAAoC,CAAC,EAAEC,QAAQ,EAAEC,iBAAiB,EAAE;IAC/E,MAAM,EACJC,OAAO,EAAEC,YAAYC,oBAAoB,EAAE,EAC5C,GAAGT;IAEJ,MAAM,EAAEU,IAAI,EAAE,GAAGT;IAEjB,MAAMO,aAAaF,qBAAqBG;IAExC,qBAAO,oBAACE,cAAMN,YAAYH,WAAWG,UAAUG,YAAYE,KAAKE,QAAQ;AAC1E,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload/types'\n\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { formatDate } from '@payloadcms/ui/utilities/formatDate'\nimport React from 'react'\n\nexport const DateCell: React.FC<DefaultCellComponentProps<Date | number | string>> = ({\n  cellData,\n  dateDisplayFormat,\n}) => {\n  const {\n    admin: { dateFormat: dateFormatFromConfig },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const dateFormat = dateDisplayFormat || dateFormatFromConfig\n\n  return <span>{cellData && formatDate(cellData, dateFormat, i18n.language)}</span>\n}\n"],"names":["useConfig","useTranslation","formatDate","React","DateCell","cellData","dateDisplayFormat","admin","dateFormat","dateFormatFromConfig","i18n","span","language"],"mappings":"AAAA;AAGA,SAASA,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,UAAU,QAAQ,sCAAqC;AAChE,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,WAAwE,CAAC,EACpFC,QAAQ,EACRC,iBAAiB,EAClB;IACC,MAAM,EACJC,OAAO,EAAEC,YAAYC,oBAAoB,EAAE,EAC5C,GAAGT;IAEJ,MAAM,EAAEU,IAAI,EAAE,GAAGT;IAEjB,MAAMO,aAAaF,qBAAqBG;IAExC,qBAAO,oBAACE,cAAMN,YAAYH,WAAWG,UAAUG,YAAYE,KAAKE,QAAQ;AAC1E,EAAC"}

package/dist/elements/Table/DefaultCell/fields/File/index.d.ts

@@ -1,7 +1,7 @@
-import type { CellComponentProps } from 'payload/types';
+import type { DefaultCellComponentProps } from 'payload/types';
 import React from 'react';
 import './index.scss';
-export interface FileCellProps extends CellComponentProps<any> {
+export interface FileCellProps extends DefaultCellComponentProps<any> {
 }
 export declare const FileCell: React.FC<FileCellProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAGvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,MAAM,WAAW,aAAc,SAAQ,kBAAkB,CAAC,GAAG,CAAC;CAAG;AAEjE,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkB5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAG9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,GAAG,CAAC;CAAG;AAExE,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuB5C,CAAA"}

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

@@ -2,7 +2,7 @@
 import { Thumbnail } from '@payloadcms/ui/elements/Thumbnail';
 import React from 'react';
 const baseClass = 'file';
-export const FileCell = ({ cellData, customCellContext, rowData })=>{
+export const FileCell = ({ cellData: filename, customCellContext, rowData })=>{
     const { collectionSlug, uploadConfig } = customCellContext;
     return /*#__PURE__*/ React.createElement("div", {
         className: baseClass
@@ -11,13 +11,14 @@ export const FileCell = ({ cellData, customCellContext, rowData })=>{
         collectionSlug: collectionSlug,
         doc: {
             ...rowData,
-            filename: cellData
+            filename
         },
+        fileSrc: rowData?.thumbnailURL,
         size: "small",
         uploadConfig: uploadConfig
     }), /*#__PURE__*/ React.createElement("span", {
         className: `${baseClass}__filename`
-    }, String(cellData)));
+    }, String(filename)));
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps } from 'payload/types'\n\nimport { Thumbnail } from '@payloadcms/ui/elements/Thumbnail'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps extends CellComponentProps<any> {}\n\nexport const FileCell: React.FC<FileCellProps> = ({ cellData, customCellContext, rowData }) => {\n  const { collectionSlug, uploadConfig } = customCellContext\n\n  return (\n    <div className={baseClass}>\n      <Thumbnail\n        className={`${baseClass}__thumbnail`}\n        collectionSlug={collectionSlug}\n        doc={{\n          ...rowData,\n          filename: cellData,\n        }}\n        size=\"small\"\n        uploadConfig={uploadConfig}\n      />\n      <span className={`${baseClass}__filename`}>{String(cellData)}</span>\n    </div>\n  )\n}\n"],"names":["Thumbnail","React","baseClass","FileCell","cellData","customCellContext","rowData","collectionSlug","uploadConfig","div","className","doc","filename","size","span","String"],"mappings":"AAAA;AAGA,SAASA,SAAS,QAAQ,oCAAmC;AAC7D,OAAOC,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAIlB,OAAO,MAAMC,WAAoC,CAAC,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,OAAO,EAAE;IACxF,MAAM,EAAEC,cAAc,EAAEC,YAAY,EAAE,GAAGH;IAEzC,qBACE,oBAACI;QAAIC,WAAWR;qBACd,oBAACF;QACCU,WAAW,CAAC,EAAER,UAAU,WAAW,CAAC;QACpCK,gBAAgBA;QAChBI,KAAK;YACH,GAAGL,OAAO;YACVM,UAAUR;QACZ;QACAS,MAAK;QACLL,cAAcA;sBAEhB,oBAACM;QAAKJ,WAAW,CAAC,EAAER,UAAU,UAAU,CAAC;OAAGa,OAAOX;AAGzD,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload/types'\n\nimport { Thumbnail } from '@payloadcms/ui/elements/Thumbnail'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps extends DefaultCellComponentProps<any> {}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  customCellContext,\n  rowData,\n}) => {\n  const { collectionSlug, uploadConfig } = customCellContext\n\n  return (\n    <div className={baseClass}>\n      <Thumbnail\n        className={`${baseClass}__thumbnail`}\n        collectionSlug={collectionSlug}\n        doc={{\n          ...rowData,\n          filename,\n        }}\n        fileSrc={rowData?.thumbnailURL}\n        size=\"small\"\n        uploadConfig={uploadConfig}\n      />\n      <span className={`${baseClass}__filename`}>{String(filename)}</span>\n    </div>\n  )\n}\n"],"names":["Thumbnail","React","baseClass","FileCell","cellData","filename","customCellContext","rowData","collectionSlug","uploadConfig","div","className","doc","fileSrc","thumbnailURL","size","span","String"],"mappings":"AAAA;AAGA,SAASA,SAAS,QAAQ,oCAAmC;AAC7D,OAAOC,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAIlB,OAAO,MAAMC,WAAoC,CAAC,EAChDC,UAAUC,QAAQ,EAClBC,iBAAiB,EACjBC,OAAO,EACR;IACC,MAAM,EAAEC,cAAc,EAAEC,YAAY,EAAE,GAAGH;IAEzC,qBACE,oBAACI;QAAIC,WAAWT;qBACd,oBAACF;QACCW,WAAW,CAAC,EAAET,UAAU,WAAW,CAAC;QACpCM,gBAAgBA;QAChBI,KAAK;YACH,GAAGL,OAAO;YACVF;QACF;QACAQ,SAASN,SAASO;QAClBC,MAAK;QACLN,cAAcA;sBAEhB,oBAACO;QAAKL,WAAW,CAAC,EAAET,UAAU,UAAU,CAAC;OAAGe,OAAOZ;AAGzD,EAAC"}

package/dist/elements/Table/DefaultCell/fields/JSON/index.d.ts

@@ -1,5 +1,5 @@
-import type { CellComponentProps } from 'payload/types';
+import type { DefaultCellComponentProps } from 'payload/types';
 import React from 'react';
 import './index.scss';
-export declare const JSONCell: React.FC<CellComponentProps<string>>;
+export declare const JSONCell: React.FC<DefaultCellComponentProps<string>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAQzD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAQhE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps } from 'payload/types'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport const JSONCell: React.FC<CellComponentProps<string>> = ({ cellData }) => {\n  const textToShow = cellData.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  return (\n    <code className=\"json-cell\">\n      <span>{JSON.stringify(textToShow)}</span>\n    </code>\n  )\n}\n"],"names":["React","JSONCell","cellData","textToShow","length","substring","code","className","span","JSON","stringify"],"mappings":"AAAA;AAGA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,WAAiD,CAAC,EAAEC,QAAQ,EAAE;IACzE,MAAMC,aAAaD,SAASE,MAAM,GAAG,MAAM,CAAC,EAAEF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IAEnF,qBACE,oBAACI;QAAKC,WAAU;qBACd,oBAACC,cAAMC,KAAKC,SAAS,CAACP;AAG5B,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload/types'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport const JSONCell: React.FC<DefaultCellComponentProps<string>> = ({ cellData }) => {\n  const textToShow = cellData.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  return (\n    <code className=\"json-cell\">\n      <span>{JSON.stringify(textToShow)}</span>\n    </code>\n  )\n}\n"],"names":["React","JSONCell","cellData","textToShow","length","substring","code","className","span","JSON","stringify"],"mappings":"AAAA;AAGA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,WAAwD,CAAC,EAAEC,QAAQ,EAAE;IAChF,MAAMC,aAAaD,SAASE,MAAM,GAAG,MAAM,CAAC,EAAEF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IAEnF,qBACE,oBAACI;QAAKC,WAAU;qBACd,oBAACC,cAAMC,KAAKC,SAAS,CAACP;AAG5B,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Relationship/index.d.ts

@@ -1,9 +1,9 @@
-import type { CellComponentProps, CellProps } from 'payload/types';
+import type { CellComponentProps, DefaultCellComponentProps } from 'payload/types';
 import React from 'react';
 import './index.scss';
-export interface RelationshipCellProps extends CellComponentProps<any> {
-    label: CellProps['label'];
-    relationTo: CellProps['relationTo'];
+export interface RelationshipCellProps extends DefaultCellComponentProps<any> {
+    label: CellComponentProps['label'];
+    relationTo: CellComponentProps['relationTo'];
 }
 export declare const RelationshipCell: React.FC<RelationshipCellProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAQlE,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,OAAO,cAAc,CAAA;AAMrB,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB,CAAC,GAAG,CAAC;IACpE,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IACzB,UAAU,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;CACpC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+E5D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAQlF,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,OAAO,cAAc,CAAA;AAMrB,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB,CAAC,GAAG,CAAC;IAC3E,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAA;IAClC,UAAU,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAA;CAC7C;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+E5D,CAAA"}