@payloadcms/ui 3.0.0-canary.d6053cd → 3.0.0-canary.dc8b1fe

package/dist/utilities/hasSavePermission.js

@@ -1,12 +1,16 @@
-export const hasSavePermission = (args)=>{
-    const { collectionSlug, docPermissions, globalSlug, isEditing } = args;
-    if (collectionSlug) {
-        return Boolean(isEditing && docPermissions?.update?.permission || !isEditing && docPermissions?.create?.permission);
-    }
-    if (globalSlug) {
-        return Boolean(docPermissions?.update?.permission);
-    }
-    return false;
+export const hasSavePermission = args => {
+  const {
+    collectionSlug,
+    docPermissions,
+    globalSlug,
+    isEditing
+  } = args;
+  if (collectionSlug) {
+    return Boolean(isEditing && docPermissions?.update?.permission || !isEditing && docPermissions?.create?.permission);
+  }
+  if (globalSlug) {
+    return Boolean(docPermissions?.update?.permission);
+  }
+  return false;
 };
-
 //# sourceMappingURL=hasSavePermission.js.map

package/dist/utilities/hasSavePermission.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utilities/hasSavePermission.ts"],"sourcesContent":["import type { CollectionPermission, DocumentPermissions, GlobalPermission } from 'payload'\n\nexport const hasSavePermission = (args: {\n  /*\n   * Pass either `collectionSlug` or `globalSlug`\n   */\n  collectionSlug?: string\n  docPermissions: DocumentPermissions\n  /*\n   * Pass either `collectionSlug` or `globalSlug`\n   */\n  globalSlug?: string\n  isEditing: boolean\n}) => {\n  const { collectionSlug, docPermissions, globalSlug, isEditing } = args\n\n  if (collectionSlug) {\n    return Boolean(\n      (isEditing && docPermissions?.update?.permission) ||\n        (!isEditing && (docPermissions as CollectionPermission)?.create?.permission),\n    )\n  }\n\n  if (globalSlug) {\n    return Boolean((docPermissions as GlobalPermission)?.update?.permission)\n  }\n\n  return false\n}\n"],"names":["hasSavePermission","args","collectionSlug","docPermissions","globalSlug","isEditing","Boolean","update","permission","create"],"mappings":"AAEA,OAAO,MAAMA,oBAAoB,CAACC;IAYhC,MAAM,EAAEC,cAAc,EAAEC,cAAc,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGJ;IAElE,IAAIC,gBAAgB;QAClB,OAAOI,QACL,AAACD,aAAaF,gBAAgBI,QAAQC,cACnC,CAACH,aAAcF,gBAAyCM,QAAQD;IAEvE;IAEA,IAAIJ,YAAY;QACd,OAAOE,QAASH,gBAAqCI,QAAQC;IAC/D;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"file":"hasSavePermission.js","names":["hasSavePermission","args","collectionSlug","docPermissions","globalSlug","isEditing","Boolean","update","permission","create"],"sources":["../../src/utilities/hasSavePermission.ts"],"sourcesContent":["import type { CollectionPermission, DocumentPermissions, GlobalPermission } from 'payload'\n\nexport const hasSavePermission = (args: {\n  /*\n   * Pass either `collectionSlug` or `globalSlug`\n   */\n  collectionSlug?: string\n  docPermissions: DocumentPermissions\n  /*\n   * Pass either `collectionSlug` or `globalSlug`\n   */\n  globalSlug?: string\n  isEditing: boolean\n}) => {\n  const { collectionSlug, docPermissions, globalSlug, isEditing } = args\n\n  if (collectionSlug) {\n    return Boolean(\n      (isEditing && docPermissions?.update?.permission) ||\n        (!isEditing && (docPermissions as CollectionPermission)?.create?.permission),\n    )\n  }\n\n  if (globalSlug) {\n    return Boolean((docPermissions as GlobalPermission)?.update?.permission)\n  }\n\n  return false\n}\n"],"mappings":"AAEA,OAAO,MAAMA,iBAAA,GAAqBC,IAAA;EAYhC,MAAM;IAAEC,cAAc;IAAEC,cAAc;IAAEC,UAAU;IAAEC;EAAS,CAAE,GAAGJ,IAAA;EAElE,IAAIC,cAAA,EAAgB;IAClB,OAAOI,OAAA,CACLD,SAAC,IAAaF,cAAA,EAAgBI,MAAA,EAAQC,UAAA,IACnC,CAACH,SAAA,IAAcF,cAAA,EAAyCM,MAAA,EAAQD,UAAA;EAEvE;EAEA,IAAIJ,UAAA,EAAY;IACd,OAAOE,OAAA,CAASH,cAAA,EAAqCI,MAAA,EAAQC,UAAA;EAC/D;EAEA,OAAO;AACT","ignoreList":[]}

package/dist/utilities/isClientUserObject.d.ts

@@ -0,0 +1,3 @@
+import type { ClientUser } from 'payload';
+export declare const isClientUserObject: (user: any) => user is ClientUser;
+//# sourceMappingURL=isClientUserObject.d.ts.map

package/dist/utilities/isClientUserObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isClientUserObject.d.ts","sourceRoot":"","sources":["../../src/utilities/isClientUserObject.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,kBAAkB,iBAAW,IAAI,IAAI,UAEjD,CAAA"}

package/dist/utilities/isClientUserObject.js

@@ -0,0 +1,4 @@
+export const isClientUserObject = user => {
+  return user && typeof user === 'object';
+};
+//# sourceMappingURL=isClientUserObject.js.map

package/dist/utilities/isClientUserObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isClientUserObject.js","names":["isClientUserObject","user"],"sources":["../../src/utilities/isClientUserObject.ts"],"sourcesContent":["import type { ClientUser } from 'payload'\n\nexport const isClientUserObject = (user): user is ClientUser => {\n  return user && typeof user === 'object'\n}\n"],"mappings":"AAEA,OAAO,MAAMA,kBAAA,GAAsBC,IAAA;EACjC,OAAOA,IAAA,IAAQ,OAAOA,IAAA,KAAS;AACjC","ignoreList":[]}

package/dist/utilities/isEditing.js

@@ -1,3 +1,6 @@
-export const isEditing = ({ id, collectionSlug, globalSlug })=>Boolean(globalSlug || collectionSlug && !!id);
-
+export const isEditing = ({
+  id,
+  collectionSlug,
+  globalSlug
+}) => Boolean(globalSlug || collectionSlug && !!id);
 //# sourceMappingURL=isEditing.js.map

package/dist/utilities/isEditing.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utilities/isEditing.ts"],"sourcesContent":["export const isEditing = ({\n  id,\n  collectionSlug,\n  globalSlug,\n}: {\n  collectionSlug?: string\n  globalSlug?: string\n  id?: number | string\n}): boolean => Boolean(globalSlug || (collectionSlug && !!id))\n"],"names":["isEditing","id","collectionSlug","globalSlug","Boolean"],"mappings":"AAAA,OAAO,MAAMA,YAAY,CAAC,EACxBC,EAAE,EACFC,cAAc,EACdC,UAAU,EAKX,GAAcC,QAAQD,cAAeD,kBAAkB,CAAC,CAACD,IAAI"}
+{"version":3,"file":"isEditing.js","names":["isEditing","id","collectionSlug","globalSlug","Boolean"],"sources":["../../src/utilities/isEditing.ts"],"sourcesContent":["export const isEditing = ({\n  id,\n  collectionSlug,\n  globalSlug,\n}: {\n  collectionSlug?: string\n  globalSlug?: string\n  id?: number | string\n}): boolean => Boolean(globalSlug || (collectionSlug && !!id))\n"],"mappings":"AAAA,OAAO,MAAMA,SAAA,GAAYA,CAAC;EACxBC,EAAE;EACFC,cAAc;EACdC;AAAU,CAKX,KAAcC,OAAA,CAAQD,UAAA,IAAeD,cAAA,IAAkB,CAAC,CAACD,EAAA","ignoreList":[]}

package/dist/utilities/mergeListSearchAndWhere.d.ts

@@ -0,0 +1,10 @@
+import type { ClientCollectionConfig, SanitizedCollectionConfig, Where } from 'payload';
+export declare const hoistQueryParamsToAnd: (currentWhere: Where, incomingWhere: Where) => Where;
+type Args = {
+    collectionConfig: ClientCollectionConfig | SanitizedCollectionConfig;
+    search: string;
+    where: Where;
+};
+export declare const mergeListSearchAndWhere: ({ collectionConfig, search, where }: Args) => Where;
+export {};
+//# sourceMappingURL=mergeListSearchAndWhere.d.ts.map

package/dist/utilities/mergeListSearchAndWhere.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeListSearchAndWhere.d.ts","sourceRoot":"","sources":["../../src/utilities/mergeListSearchAndWhere.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIvF,eAAO,MAAM,qBAAqB,iBAAkB,KAAK,iBAAiB,KAAK,UAsB9E,CAAA;AAED,KAAK,IAAI,GAAG;IACV,gBAAgB,EAAE,sBAAsB,GAAG,yBAAyB,CAAA;IACpE,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AAED,eAAO,MAAM,uBAAuB,wCAAyC,IAAI,KAAG,KAwBnF,CAAA"}

package/dist/utilities/mergeListSearchAndWhere.js

@@ -0,0 +1,47 @@
+const isEmptyObject = obj => Object.keys(obj).length === 0;
+export const hoistQueryParamsToAnd = (currentWhere, incomingWhere) => {
+  if (isEmptyObject(incomingWhere)) {
+    return currentWhere;
+  }
+  if (isEmptyObject(currentWhere)) {
+    return incomingWhere;
+  }
+  if ('and' in currentWhere) {
+    currentWhere.and.push(incomingWhere);
+  } else if ('or' in currentWhere) {
+    currentWhere = {
+      and: [currentWhere, incomingWhere]
+    };
+  } else {
+    currentWhere = {
+      and: [currentWhere, incomingWhere]
+    };
+  }
+  return currentWhere;
+};
+export const mergeListSearchAndWhere = ({
+  collectionConfig,
+  search,
+  where
+}) => {
+  if (search) {
+    let copyOfWhere = {
+      ...(where || {})
+    };
+    const searchAsConditions = (collectionConfig.admin.listSearchableFields || [collectionConfig.admin?.useAsTitle || 'id']).map(fieldName => ({
+      [fieldName]: {
+        like: search
+      }
+    }));
+    if (searchAsConditions.length > 0) {
+      copyOfWhere = hoistQueryParamsToAnd(copyOfWhere, {
+        or: searchAsConditions
+      });
+    }
+    if (!isEmptyObject(copyOfWhere)) {
+      where = copyOfWhere;
+    }
+  }
+  return where;
+};
+//# sourceMappingURL=mergeListSearchAndWhere.js.map

package/dist/utilities/mergeListSearchAndWhere.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeListSearchAndWhere.js","names":["isEmptyObject","obj","Object","keys","length","hoistQueryParamsToAnd","currentWhere","incomingWhere","and","push","mergeListSearchAndWhere","collectionConfig","search","where","copyOfWhere","searchAsConditions","admin","listSearchableFields","useAsTitle","map","fieldName","like","or"],"sources":["../../src/utilities/mergeListSearchAndWhere.ts"],"sourcesContent":["import type { ClientCollectionConfig, SanitizedCollectionConfig, Where } from 'payload'\n\nconst isEmptyObject = (obj: object) => Object.keys(obj).length === 0\n\nexport const hoistQueryParamsToAnd = (currentWhere: Where, incomingWhere: Where) => {\n  if (isEmptyObject(incomingWhere)) {\n    return currentWhere\n  }\n\n  if (isEmptyObject(currentWhere)) {\n    return incomingWhere\n  }\n\n  if ('and' in currentWhere) {\n    currentWhere.and.push(incomingWhere)\n  } else if ('or' in currentWhere) {\n    currentWhere = {\n      and: [currentWhere, incomingWhere],\n    }\n  } else {\n    currentWhere = {\n      and: [currentWhere, incomingWhere],\n    }\n  }\n\n  return currentWhere\n}\n\ntype Args = {\n  collectionConfig: ClientCollectionConfig | SanitizedCollectionConfig\n  search: string\n  where: Where\n}\n\nexport const mergeListSearchAndWhere = ({ collectionConfig, search, where }: Args): Where => {\n  if (search) {\n    let copyOfWhere = { ...(where || {}) }\n\n    const searchAsConditions = (\n      collectionConfig.admin.listSearchableFields || [collectionConfig.admin?.useAsTitle || 'id']\n    ).map((fieldName) => ({\n      [fieldName]: {\n        like: search,\n      },\n    }))\n\n    if (searchAsConditions.length > 0) {\n      copyOfWhere = hoistQueryParamsToAnd(copyOfWhere, {\n        or: searchAsConditions,\n      })\n    }\n\n    if (!isEmptyObject(copyOfWhere)) {\n      where = copyOfWhere\n    }\n  }\n\n  return where\n}\n"],"mappings":"AAEA,MAAMA,aAAA,GAAiBC,GAAA,IAAgBC,MAAA,CAAOC,IAAI,CAACF,GAAA,EAAKG,MAAM,KAAK;AAEnE,OAAO,MAAMC,qBAAA,GAAwBA,CAACC,YAAA,EAAqBC,aAAA;EACzD,IAAIP,aAAA,CAAcO,aAAA,GAAgB;IAChC,OAAOD,YAAA;EACT;EAEA,IAAIN,aAAA,CAAcM,YAAA,GAAe;IAC/B,OAAOC,aAAA;EACT;EAEA,IAAI,SAASD,YAAA,EAAc;IACzBA,YAAA,CAAaE,GAAG,CAACC,IAAI,CAACF,aAAA;EACxB,OAAO,IAAI,QAAQD,YAAA,EAAc;IAC/BA,YAAA,GAAe;MACbE,GAAA,EAAK,CAACF,YAAA,EAAcC,aAAA;IACtB;EACF,OAAO;IACLD,YAAA,GAAe;MACbE,GAAA,EAAK,CAACF,YAAA,EAAcC,aAAA;IACtB;EACF;EAEA,OAAOD,YAAA;AACT;AAQA,OAAO,MAAMI,uBAAA,GAA0BA,CAAC;EAAEC,gBAAgB;EAAEC,MAAM;EAAEC;AAAK,CAAQ;EAC/E,IAAID,MAAA,EAAQ;IACV,IAAIE,WAAA,GAAc;MAAE,IAAID,KAAA,IAAS,CAAC,CAAC;IAAE;IAErC,MAAME,kBAAA,GAAqB,CACzBJ,gBAAA,CAAiBK,KAAK,CAACC,oBAAoB,IAAI,CAACN,gBAAA,CAAiBK,KAAK,EAAEE,UAAA,IAAc,KAAK,EAC3FC,GAAG,CAAEC,SAAA,KAAe;MACpB,CAACA,SAAA,GAAY;QACXC,IAAA,EAAMT;MACR;IACF;IAEA,IAAIG,kBAAA,CAAmBX,MAAM,GAAG,GAAG;MACjCU,WAAA,GAAcT,qBAAA,CAAsBS,WAAA,EAAa;QAC/CQ,EAAA,EAAIP;MACN;IACF;IAEA,IAAI,CAACf,aAAA,CAAcc,WAAA,GAAc;MAC/BD,KAAA,GAAQC,WAAA;IACV;EACF;EAEA,OAAOD,KAAA;AACT","ignoreList":[]}

package/dist/utilities/reduceFieldsToValuesWithValidation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reduceFieldsToValuesWithValidation.d.ts","sourceRoot":"","sources":["../../src/utilities/reduceFieldsToValuesWithValidation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAI9C,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kCAAkC,WACrC,SAAS,cACL,OAAO,0BACK,OAAO,KAC9B,UAoBF,CAAA"}
+{"version":3,"file":"reduceFieldsToValuesWithValidation.d.ts","sourceRoot":"","sources":["../../src/utilities/reduceFieldsToValuesWithValidation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAI9C,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kCAAkC,WACrC,SAAS,cACL,OAAO,0BACK,OAAO,KAC9B,UAwBF,CAAA"}

package/dist/utilities/reduceFieldsToValuesWithValidation.js

@@ -1,26 +1,30 @@
-import { unflatten as flatleyUnflatten } from '../../../payload/src/utilities/unflatten.js';
+import { unflatten as flatleyUnflatten } from 'payload/shared';
 /**
  * Reduce flattened form fields (Fields) to just map to the respective values instead of the full FormField object
  *
  * @param unflatten This also unflattens the data if `unflatten` is true. The unflattened data should match the original data structure
  * @param ignoreDisableFormData - if true, will include fields that have `disableFormData` set to true, for example, blocks or arrays fields.
  *
- */ export const reduceFieldsToValuesWithValidation = (fields, unflatten, ignoreDisableFormData)=>{
-    const state = {
-        data: {},
-        valid: true
-    };
-    if (!fields) return state;
-    Object.keys(fields).forEach((key)=>{
-        if (ignoreDisableFormData === true || !fields[key]?.disableFormData) {
-            state.data[key] = fields[key]?.value;
-            if (!fields[key].valid) state.valid = false;
-        }
-    });
-    if (unflatten) {
-        state.data = flatleyUnflatten(state.data);
-    }
+ */
+export const reduceFieldsToValuesWithValidation = (fields, unflatten, ignoreDisableFormData) => {
+  const state = {
+    data: {},
+    valid: true
+  };
+  if (!fields) {
     return state;
+  }
+  Object.keys(fields).forEach(key => {
+    if (ignoreDisableFormData === true || !fields[key]?.disableFormData) {
+      state.data[key] = fields[key]?.value;
+      if (!fields[key].valid) {
+        state.valid = false;
+      }
+    }
+  });
+  if (unflatten) {
+    state.data = flatleyUnflatten(state.data);
+  }
+  return state;
 };
-
 //# sourceMappingURL=reduceFieldsToValuesWithValidation.js.map

package/dist/utilities/reduceFieldsToValuesWithValidation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utilities/reduceFieldsToValuesWithValidation.ts"],"sourcesContent":["import type { Data, FormState } from 'payload'\n\nimport { unflatten as flatleyUnflatten } from '../../../payload/src/utilities/unflatten.js'\n\ntype ReturnType = {\n  data: Data\n  valid: boolean\n}\n\n/**\n * Reduce flattened form fields (Fields) to just map to the respective values instead of the full FormField object\n *\n * @param unflatten This also unflattens the data if `unflatten` is true. The unflattened data should match the original data structure\n * @param ignoreDisableFormData - if true, will include fields that have `disableFormData` set to true, for example, blocks or arrays fields.\n *\n */\nexport const reduceFieldsToValuesWithValidation = (\n  fields: FormState,\n  unflatten?: boolean,\n  ignoreDisableFormData?: boolean,\n): ReturnType => {\n  const state: ReturnType = {\n    data: {},\n    valid: true,\n  }\n\n  if (!fields) return state\n\n  Object.keys(fields).forEach((key) => {\n    if (ignoreDisableFormData === true || !fields[key]?.disableFormData) {\n      state.data[key] = fields[key]?.value\n      if (!fields[key].valid) state.valid = false\n    }\n  })\n\n  if (unflatten) {\n    state.data = flatleyUnflatten(state.data)\n  }\n\n  return state\n}\n"],"names":["unflatten","flatleyUnflatten","reduceFieldsToValuesWithValidation","fields","ignoreDisableFormData","state","data","valid","Object","keys","forEach","key","disableFormData","value"],"mappings":"AAEA,SAASA,aAAaC,gBAAgB,QAAQ,8CAA6C;AAO3F;;;;;;CAMC,GACD,OAAO,MAAMC,qCAAqC,CAChDC,QACAH,WACAI;IAEA,MAAMC,QAAoB;QACxBC,MAAM,CAAC;QACPC,OAAO;IACT;IAEA,IAAI,CAACJ,QAAQ,OAAOE;IAEpBG,OAAOC,IAAI,CAACN,QAAQO,OAAO,CAAC,CAACC;QAC3B,IAAIP,0BAA0B,QAAQ,CAACD,MAAM,CAACQ,IAAI,EAAEC,iBAAiB;YACnEP,MAAMC,IAAI,CAACK,IAAI,GAAGR,MAAM,CAACQ,IAAI,EAAEE;YAC/B,IAAI,CAACV,MAAM,CAACQ,IAAI,CAACJ,KAAK,EAAEF,MAAME,KAAK,GAAG;QACxC;IACF;IAEA,IAAIP,WAAW;QACbK,MAAMC,IAAI,GAAGL,iBAAiBI,MAAMC,IAAI;IAC1C;IAEA,OAAOD;AACT,EAAC"}
+{"version":3,"file":"reduceFieldsToValuesWithValidation.js","names":["unflatten","flatleyUnflatten","reduceFieldsToValuesWithValidation","fields","ignoreDisableFormData","state","data","valid","Object","keys","forEach","key","disableFormData","value"],"sources":["../../src/utilities/reduceFieldsToValuesWithValidation.ts"],"sourcesContent":["import type { Data, FormState } from 'payload'\n\nimport { unflatten as flatleyUnflatten } from 'payload/shared'\n\ntype ReturnType = {\n  data: Data\n  valid: boolean\n}\n\n/**\n * Reduce flattened form fields (Fields) to just map to the respective values instead of the full FormField object\n *\n * @param unflatten This also unflattens the data if `unflatten` is true. The unflattened data should match the original data structure\n * @param ignoreDisableFormData - if true, will include fields that have `disableFormData` set to true, for example, blocks or arrays fields.\n *\n */\nexport const reduceFieldsToValuesWithValidation = (\n  fields: FormState,\n  unflatten?: boolean,\n  ignoreDisableFormData?: boolean,\n): ReturnType => {\n  const state: ReturnType = {\n    data: {},\n    valid: true,\n  }\n\n  if (!fields) {\n    return state\n  }\n\n  Object.keys(fields).forEach((key) => {\n    if (ignoreDisableFormData === true || !fields[key]?.disableFormData) {\n      state.data[key] = fields[key]?.value\n      if (!fields[key].valid) {\n        state.valid = false\n      }\n    }\n  })\n\n  if (unflatten) {\n    state.data = flatleyUnflatten(state.data)\n  }\n\n  return state\n}\n"],"mappings":"AAEA,SAASA,SAAA,IAAaC,gBAAgB,QAAQ;AAO9C;;;;;;;AAOA,OAAO,MAAMC,kCAAA,GAAqCA,CAChDC,MAAA,EACAH,SAAA,EACAI,qBAAA;EAEA,MAAMC,KAAA,GAAoB;IACxBC,IAAA,EAAM,CAAC;IACPC,KAAA,EAAO;EACT;EAEA,IAAI,CAACJ,MAAA,EAAQ;IACX,OAAOE,KAAA;EACT;EAEAG,MAAA,CAAOC,IAAI,CAACN,MAAA,EAAQO,OAAO,CAAEC,GAAA;IAC3B,IAAIP,qBAAA,KAA0B,QAAQ,CAACD,MAAM,CAACQ,GAAA,CAAI,EAAEC,eAAA,EAAiB;MACnEP,KAAA,CAAMC,IAAI,CAACK,GAAA,CAAI,GAAGR,MAAM,CAACQ,GAAA,CAAI,EAAEE,KAAA;MAC/B,IAAI,CAACV,MAAM,CAACQ,GAAA,CAAI,CAACJ,KAAK,EAAE;QACtBF,KAAA,CAAME,KAAK,GAAG;MAChB;IACF;EACF;EAEA,IAAIP,SAAA,EAAW;IACbK,KAAA,CAAMC,IAAI,GAAGL,gBAAA,CAAiBI,KAAA,CAAMC,IAAI;EAC1C;EAEA,OAAOD,KAAA;AACT","ignoreList":[]}

package/dist/utilities/renderTable.d.ts

@@ -0,0 +1,24 @@
+import type { ClientCollectionConfig, CollectionConfig, Field, ImportMap, PaginatedDocs, Payload } from 'payload';
+import { type I18nClient } from '@payloadcms/translations';
+import type { Column } from '../exports/client/index.js';
+import type { ColumnPreferences } from '../providers/ListQuery/index.js';
+export declare const renderFilters: (fields: Field[], importMap: ImportMap) => Map<string, React.ReactNode>;
+export declare const renderTable: ({ collectionConfig, columnPreferences, columns: columnsFromArgs, customCellProps, docs, enableRowSelections, fields, i18n, payload, renderRowTypes, tableAppearance, useAsTitle, }: {
+    collectionConfig: ClientCollectionConfig;
+    columnPreferences: ColumnPreferences;
+    columns?: ColumnPreferences;
+    customCellProps?: Record<string, any>;
+    docs: PaginatedDocs["docs"];
+    drawerSlug?: string;
+    enableRowSelections: boolean;
+    fields: Field[];
+    i18n: I18nClient;
+    payload: Payload;
+    renderRowTypes?: boolean;
+    tableAppearance?: "condensed" | "default";
+    useAsTitle: CollectionConfig["admin"]["useAsTitle"];
+}) => {
+    columnState: Column[];
+    Table: React.ReactNode;
+};
+//# sourceMappingURL=renderTable.d.ts.map

package/dist/utilities/renderTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderTable.d.ts","sourceRoot":"","sources":["../../src/utilities/renderTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EAChB,KAAK,EACL,SAAS,EACT,aAAa,EACb,OAAO,EACR,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG1E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AASxE,eAAO,MAAM,aAAa,WAChB,KAAK,EAAE,aACJ,SAAS,KACnB,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAgB3B,CAAA;AAEH,eAAO,MAAM,WAAW,uLAarB;IACD,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACrC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IACzC,UAAU,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;CACpD,KAAG;IACF,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CAqCvB,CAAA"}

package/dist/utilities/renderTable.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { RenderServerComponent } from '../elements/RenderServerComponent/index.js';
+import { buildColumnState } from '../elements/TableColumns/buildColumnState.js';
+import { filterFields } from '../elements/TableColumns/filterFields.js';
+import { getInitialColumns } from '../elements/TableColumns/getInitialColumns.js';
+// eslint-disable-next-line payload/no-imports-from-exports-dir
+import { Pill, Table } from '../exports/client/index.js';
+export const renderFilters = (fields, importMap) => fields.reduce((acc, field) => {
+  if ('name' in field && field.admin?.components?.Filter) {
+    acc.set(field.name, /*#__PURE__*/_jsx(RenderServerComponent, {
+      Component: field.admin.components?.Filter,
+      importMap: importMap
+    }));
+  }
+  return acc;
+}, new Map());
+export const renderTable = ({
+  collectionConfig,
+  columnPreferences,
+  columns: columnsFromArgs,
+  customCellProps,
+  docs,
+  enableRowSelections,
+  fields,
+  i18n,
+  payload,
+  renderRowTypes,
+  tableAppearance,
+  useAsTitle
+}) => {
+  const columns = columnsFromArgs || getInitialColumns(filterFields(fields), useAsTitle, collectionConfig?.admin?.defaultColumns);
+  const columnState = buildColumnState({
+    beforeRows: renderRowTypes ? [{
+      accessor: 'collection',
+      active: true,
+      field: null,
+      Heading: i18n.t('version:type'),
+      renderedCells: docs.map((_, i) => /*#__PURE__*/_jsx(Pill, {
+        children: getTranslation(collectionConfig.labels.singular, i18n)
+      }, i))
+    }] : undefined,
+    collectionConfig,
+    columnPreferences,
+    columns,
+    enableRowSelections,
+    fields,
+    i18n,
+    // sortColumnProps,
+    customCellProps,
+    docs,
+    payload,
+    useAsTitle
+  });
+  return {
+    columnState,
+    Table: /*#__PURE__*/_jsx(Table, {
+      appearance: tableAppearance,
+      columns: columnState,
+      data: docs
+    })
+  };
+};
+//# sourceMappingURL=renderTable.js.map

package/dist/utilities/renderTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderTable.js","names":["getTranslation","RenderServerComponent","buildColumnState","filterFields","getInitialColumns","Pill","Table","renderFilters","fields","importMap","reduce","acc","field","admin","components","Filter","set","name","_jsx","Component","Map","renderTable","collectionConfig","columnPreferences","columns","columnsFromArgs","customCellProps","docs","enableRowSelections","i18n","payload","renderRowTypes","tableAppearance","useAsTitle","defaultColumns","columnState","beforeRows","accessor","active","Heading","t","renderedCells","map","_","i","labels","singular","undefined","appearance","data"],"sources":["../../src/utilities/renderTable.tsx"],"sourcesContent":["import type {\n  ClientCollectionConfig,\n  CollectionConfig,\n  Field,\n  ImportMap,\n  PaginatedDocs,\n  Payload,\n} from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport type { Column } from '../exports/client/index.js'\nimport type { ColumnPreferences } from '../providers/ListQuery/index.js'\n\nimport { RenderServerComponent } from '../elements/RenderServerComponent/index.js'\nimport { buildColumnState } from '../elements/TableColumns/buildColumnState.js'\nimport { filterFields } from '../elements/TableColumns/filterFields.js'\nimport { getInitialColumns } from '../elements/TableColumns/getInitialColumns.js'\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { Pill, Table } from '../exports/client/index.js'\n\nexport const renderFilters = (\n  fields: Field[],\n  importMap: ImportMap,\n): Map<string, React.ReactNode> =>\n  fields.reduce(\n    (acc, field) => {\n      if ('name' in field && field.admin?.components?.Filter) {\n        acc.set(\n          field.name,\n          <RenderServerComponent\n            Component={field.admin.components?.Filter}\n            importMap={importMap}\n          />,\n        )\n      }\n\n      return acc\n    },\n    new Map() as Map<string, React.ReactNode>,\n  )\n\nexport const renderTable = ({\n  collectionConfig,\n  columnPreferences,\n  columns: columnsFromArgs,\n  customCellProps,\n  docs,\n  enableRowSelections,\n  fields,\n  i18n,\n  payload,\n  renderRowTypes,\n  tableAppearance,\n  useAsTitle,\n}: {\n  collectionConfig: ClientCollectionConfig\n  columnPreferences: ColumnPreferences\n  columns?: ColumnPreferences\n  customCellProps?: Record<string, any>\n  docs: PaginatedDocs['docs']\n  drawerSlug?: string\n  enableRowSelections: boolean\n  fields: Field[]\n  i18n: I18nClient\n  payload: Payload\n  renderRowTypes?: boolean\n  tableAppearance?: 'condensed' | 'default'\n  useAsTitle: CollectionConfig['admin']['useAsTitle']\n}): {\n  columnState: Column[]\n  Table: React.ReactNode\n} => {\n  const columns =\n    columnsFromArgs ||\n    getInitialColumns(filterFields(fields), useAsTitle, collectionConfig?.admin?.defaultColumns)\n\n  const columnState = buildColumnState({\n    beforeRows: renderRowTypes\n      ? [\n          {\n            accessor: 'collection',\n            active: true,\n            field: null,\n            Heading: i18n.t('version:type'),\n            renderedCells: docs.map((_, i) => (\n              <Pill key={i}>{getTranslation(collectionConfig.labels.singular, i18n)}</Pill>\n            )),\n          },\n        ]\n      : undefined,\n    collectionConfig,\n    columnPreferences,\n    columns,\n    enableRowSelections,\n    fields,\n    i18n,\n    // sortColumnProps,\n    customCellProps,\n    docs,\n    payload,\n    useAsTitle,\n  })\n\n  return {\n    columnState,\n    Table: <Table appearance={tableAppearance} columns={columnState} data={docs} />,\n  }\n}\n"],"mappings":";AASA,SAASA,cAAc,QAAyB;AAMhD,SAASC,qBAAqB,QAAQ;AACtC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,YAAY,QAAQ;AAC7B,SAASC,iBAAiB,QAAQ;AAClC;AACA,SAASC,IAAI,EAAEC,KAAK,QAAQ;AAE5B,OAAO,MAAMC,aAAA,GAAgBA,CAC3BC,MAAA,EACAC,SAAA,KAEAD,MAAA,CAAOE,MAAM,CACX,CAACC,GAAA,EAAKC,KAAA;EACJ,IAAI,UAAUA,KAAA,IAASA,KAAA,CAAMC,KAAK,EAAEC,UAAA,EAAYC,MAAA,EAAQ;IACtDJ,GAAA,CAAIK,GAAG,CACLJ,KAAA,CAAMK,IAAI,eACVC,IAAA,CAACjB,qBAAA;MACCkB,SAAA,EAAWP,KAAA,CAAMC,KAAK,CAACC,UAAU,EAAEC,MAAA;MACnCN,SAAA,EAAWA;;EAGjB;EAEA,OAAOE,GAAA;AACT,GACA,IAAIS,GAAA;AAGR,OAAO,MAAMC,WAAA,GAAcA,CAAC;EAC1BC,gBAAgB;EAChBC,iBAAiB;EACjBC,OAAA,EAASC,eAAe;EACxBC,eAAe;EACfC,IAAI;EACJC,mBAAmB;EACnBpB,MAAM;EACNqB,IAAI;EACJC,OAAO;EACPC,cAAc;EACdC,eAAe;EACfC;AAAU,CAeX;EAIC,MAAMT,OAAA,GACJC,eAAA,IACArB,iBAAA,CAAkBD,YAAA,CAAaK,MAAA,GAASyB,UAAA,EAAYX,gBAAA,EAAkBT,KAAA,EAAOqB,cAAA;EAE/E,MAAMC,WAAA,GAAcjC,gBAAA,CAAiB;IACnCkC,UAAA,EAAYL,cAAA,GACR,CACE;MACEM,QAAA,EAAU;MACVC,MAAA,EAAQ;MACR1B,KAAA,EAAO;MACP2B,OAAA,EAASV,IAAA,CAAKW,CAAC,CAAC;MAChBC,aAAA,EAAed,IAAA,CAAKe,GAAG,CAAC,CAACC,CAAA,EAAGC,CAAA,kBAC1B1B,IAAA,CAACb,IAAA;kBAAcL,cAAA,CAAesB,gBAAA,CAAiBuB,MAAM,CAACC,QAAQ,EAAEjB,IAAA;SAArDe,CAAA;IAEf,EACD,GACDG,SAAA;IACJzB,gBAAA;IACAC,iBAAA;IACAC,OAAA;IACAI,mBAAA;IACApB,MAAA;IACAqB,IAAA;IACA;IACAH,eAAA;IACAC,IAAA;IACAG,OAAA;IACAG;EACF;EAEA,OAAO;IACLE,WAAA;IACA7B,KAAA,eAAOY,IAAA,CAACZ,KAAA;MAAM0C,UAAA,EAAYhB,eAAA;MAAiBR,OAAA,EAASW,WAAA;MAAac,IAAA,EAAMtB;;EACzE;AACF","ignoreList":[]}

package/dist/utilities/scrollToID.js

@@ -1,12 +1,11 @@
-export const scrollToID = (id)=>{
-    const element = document.getElementById(id);
-    if (element) {
-        const bounds = element.getBoundingClientRect();
-        window.scrollBy({
-            behavior: 'smooth',
-            top: bounds.top - 100
-        });
-    }
+export const scrollToID = id => {
+  const element = document.getElementById(id);
+  if (element) {
+    const bounds = element.getBoundingClientRect();
+    window.scrollBy({
+      behavior: 'smooth',
+      top: bounds.top - 100
+    });
+  }
 };
-
 //# sourceMappingURL=scrollToID.js.map

package/dist/utilities/scrollToID.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utilities/scrollToID.ts"],"sourcesContent":["export const scrollToID = (id: string): void => {\n  const element = document.getElementById(id)\n\n  if (element) {\n    const bounds = element.getBoundingClientRect()\n    window.scrollBy({\n      behavior: 'smooth',\n      top: bounds.top - 100,\n    })\n  }\n}\n"],"names":["scrollToID","id","element","document","getElementById","bounds","getBoundingClientRect","window","scrollBy","behavior","top"],"mappings":"AAAA,OAAO,MAAMA,aAAa,CAACC;IACzB,MAAMC,UAAUC,SAASC,cAAc,CAACH;IAExC,IAAIC,SAAS;QACX,MAAMG,SAASH,QAAQI,qBAAqB;QAC5CC,OAAOC,QAAQ,CAAC;YACdC,UAAU;YACVC,KAAKL,OAAOK,GAAG,GAAG;QACpB;IACF;AACF,EAAC"}
+{"version":3,"file":"scrollToID.js","names":["scrollToID","id","element","document","getElementById","bounds","getBoundingClientRect","window","scrollBy","behavior","top"],"sources":["../../src/utilities/scrollToID.ts"],"sourcesContent":["export const scrollToID = (id: string): void => {\n  const element = document.getElementById(id)\n\n  if (element) {\n    const bounds = element.getBoundingClientRect()\n    window.scrollBy({\n      behavior: 'smooth',\n      top: bounds.top - 100,\n    })\n  }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,UAAA,GAAcC,EAAA;EACzB,MAAMC,OAAA,GAAUC,QAAA,CAASC,cAAc,CAACH,EAAA;EAExC,IAAIC,OAAA,EAAS;IACX,MAAMG,MAAA,GAASH,OAAA,CAAQI,qBAAqB;IAC5CC,MAAA,CAAOC,QAAQ,CAAC;MACdC,QAAA,EAAU;MACVC,GAAA,EAAKL,MAAA,CAAOK,GAAG,GAAG;IACpB;EACF;AACF","ignoreList":[]}

package/dist/utilities/setsAreEqual.js

@@ -1,7 +1,6 @@
 /**
  * Function to determine whether two sets are equal or not.
- */ export const setsAreEqual = (lhs, rhs)=>{
-    return lhs.size === rhs.size && Array.from(lhs).every((value)=>rhs.has(value));
+ */export const setsAreEqual = (lhs, rhs) => {
+  return lhs.size === rhs.size && Array.from(lhs).every(value => rhs.has(value));
 };
-
 //# sourceMappingURL=setsAreEqual.js.map

package/dist/utilities/setsAreEqual.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utilities/setsAreEqual.ts"],"sourcesContent":["/**\n * Function to determine whether two sets are equal or not.\n */\nexport const setsAreEqual = <T>(lhs: Set<T>, rhs: Set<T>) => {\n  return lhs.size === rhs.size && Array.from(lhs).every((value) => rhs.has(value))\n}\n"],"names":["setsAreEqual","lhs","rhs","size","Array","from","every","value","has"],"mappings":"AAAA;;CAEC,GACD,OAAO,MAAMA,eAAe,CAAIC,KAAaC;IAC3C,OAAOD,IAAIE,IAAI,KAAKD,IAAIC,IAAI,IAAIC,MAAMC,IAAI,CAACJ,KAAKK,KAAK,CAAC,CAACC,QAAUL,IAAIM,GAAG,CAACD;AAC3E,EAAC"}
+{"version":3,"file":"setsAreEqual.js","names":["setsAreEqual","lhs","rhs","size","Array","from","every","value","has"],"sources":["../../src/utilities/setsAreEqual.ts"],"sourcesContent":["/**\n * Function to determine whether two sets are equal or not.\n */\nexport const setsAreEqual = <T>(lhs: Set<T>, rhs: Set<T>) => {\n  return lhs.size === rhs.size && Array.from(lhs).every((value) => rhs.has(value))\n}\n"],"mappings":"AAAA;;GAGA,OAAO,MAAMA,YAAA,GAAeA,CAAIC,GAAA,EAAaC,GAAA;EAC3C,OAAOD,GAAA,CAAIE,IAAI,KAAKD,GAAA,CAAIC,IAAI,IAAIC,KAAA,CAAMC,IAAI,CAACJ,GAAA,EAAKK,KAAK,CAAEC,KAAA,IAAUL,GAAA,CAAIM,GAAG,CAACD,KAAA;AAC3E","ignoreList":[]}

package/dist/views/Edit/Auth/APIKey.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const APIKey: React.FC<{
+    readonly enabled: boolean;
+    readonly readOnly?: boolean;
+}>;
+//# sourceMappingURL=APIKey.d.ts.map

package/dist/views/Edit/Auth/APIKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"APIKey.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Auth/APIKey.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAgB3D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAiHvF,CAAA"}

package/dist/views/Edit/Auth/APIKey.js

@@ -0,0 +1,123 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { text } from 'payload/shared';
+import React, { useEffect, useMemo, useState } from 'react';
+import { v4 as uuidv4 } from 'uuid';
+import { CopyToClipboard } from '../../../elements/CopyToClipboard/index.js';
+import { GenerateConfirmation } from '../../../elements/GenerateConfirmation/index.js';
+import { useFormFields } from '../../../forms/Form/context.js';
+import { useField } from '../../../forms/useField/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+const path = 'apiKey';
+const baseClass = 'api-key';
+const fieldBaseClass = 'field-type';
+export const APIKey = ({
+  enabled,
+  readOnly
+}) => {
+  const [initialAPIKey] = useState(uuidv4());
+  const [highlightedField, setHighlightedField] = useState(false);
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    config
+  } = useConfig();
+  const {
+    collectionSlug
+  } = useDocumentInfo();
+  const apiKey = useFormFields(([fields]) => fields && fields[path] || null);
+  const apiKeyField = config.collections.find(collection => {
+    return collection.slug === collectionSlug;
+  })?.fields?.find(field => 'name' in field && field.name === 'apiKey');
+  const validate = val => text(val, {
+    name: 'apiKey',
+    type: 'text',
+    data: {},
+    maxLength: 48,
+    minLength: 24,
+    preferences: {
+      fields: {}
+    },
+    req: {
+      payload: {
+        config
+      },
+      t
+    },
+    siblingData: {}
+  });
+  const apiKeyValue = apiKey?.value;
+  const apiKeyLabel = useMemo(() => {
+    let label = 'API Key';
+    if (apiKeyField?.label) {
+      label = apiKeyField.label;
+    }
+    return getTranslation(label, i18n);
+  }, [apiKeyField, i18n]);
+  const APIKeyLabel = useMemo(() => /*#__PURE__*/_jsxs("div", {
+    className: `${baseClass}__label`,
+    children: [/*#__PURE__*/_jsx("span", {
+      children: apiKeyLabel
+    }), /*#__PURE__*/_jsx(CopyToClipboard, {
+      value: apiKeyValue
+    })]
+  }), [apiKeyLabel, apiKeyValue]);
+  const fieldType = useField({
+    path: 'apiKey',
+    validate
+  });
+  const highlightField = () => {
+    if (highlightedField) {
+      setHighlightedField(false);
+    }
+    setTimeout(() => {
+      setHighlightedField(true);
+    }, 1);
+  };
+  const {
+    setValue,
+    value
+  } = fieldType;
+  useEffect(() => {
+    if (!apiKeyValue && enabled) {
+      setValue(initialAPIKey);
+    }
+    if (!enabled && apiKeyValue) {
+      setValue(null);
+    }
+  }, [apiKeyValue, enabled, setValue, initialAPIKey]);
+  useEffect(() => {
+    if (highlightedField) {
+      setTimeout(() => {
+        setHighlightedField(false);
+      }, 10000);
+    }
+  }, [highlightedField]);
+  if (!enabled) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: [fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' '),
+      children: [APIKeyLabel, /*#__PURE__*/_jsx("input", {
+        "aria-label": apiKeyLabel,
+        className: highlightedField ? 'highlight' : undefined,
+        disabled: true,
+        id: "apiKey",
+        name: "apiKey",
+        type: "text",
+        value: value || ''
+      })]
+    }), !readOnly && /*#__PURE__*/_jsx(GenerateConfirmation, {
+      highlightField: highlightField,
+      setKey: () => setValue(uuidv4())
+    })]
+  });
+};
+//# sourceMappingURL=APIKey.js.map

package/dist/views/Edit/Auth/APIKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"APIKey.js","names":["getTranslation","text","React","useEffect","useMemo","useState","v4","uuidv4","CopyToClipboard","GenerateConfirmation","useFormFields","useField","useConfig","useDocumentInfo","useTranslation","path","baseClass","fieldBaseClass","APIKey","enabled","readOnly","initialAPIKey","highlightedField","setHighlightedField","i18n","t","config","collectionSlug","apiKey","fields","apiKeyField","collections","find","collection","slug","field","name","validate","val","type","data","maxLength","minLength","preferences","req","payload","siblingData","apiKeyValue","value","apiKeyLabel","label","APIKeyLabel","_jsxs","className","_jsx","fieldType","highlightField","setTimeout","setValue","Fragment","filter","Boolean","join","undefined","disabled","id","setKey"],"sources":["../../../../src/views/Edit/Auth/APIKey.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest, TextFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { text } from 'payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { CopyToClipboard } from '../../../elements/CopyToClipboard/index.js'\nimport { GenerateConfirmation } from '../../../elements/GenerateConfirmation/index.js'\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { useFormFields } from '../../../forms/Form/context.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst path = 'apiKey'\nconst baseClass = 'api-key'\nconst fieldBaseClass = 'field-type'\n\nexport const APIKey: React.FC<{ readonly enabled: boolean; readonly readOnly?: boolean }> = ({\n  enabled,\n  readOnly,\n}) => {\n  const [initialAPIKey] = useState(uuidv4())\n  const [highlightedField, setHighlightedField] = useState(false)\n  const { i18n, t } = useTranslation()\n  const { config } = useConfig()\n  const { collectionSlug } = useDocumentInfo()\n\n  const apiKey = useFormFields(([fields]) => (fields && fields[path]) || null)\n\n  const apiKeyField: TextFieldClient = config.collections\n    .find((collection) => {\n      return collection.slug === collectionSlug\n    })\n    ?.fields?.find((field) => 'name' in field && field.name === 'apiKey') as TextFieldClient\n\n  const validate = (val) =>\n    text(val, {\n      name: 'apiKey',\n      type: 'text',\n      data: {},\n      maxLength: 48,\n      minLength: 24,\n      preferences: { fields: {} },\n      req: {\n        payload: {\n          config,\n        },\n        t,\n      } as unknown as PayloadRequest,\n      siblingData: {},\n    })\n\n  const apiKeyValue = apiKey?.value\n\n  const apiKeyLabel = useMemo(() => {\n    let label: Record<string, string> | string = 'API Key'\n\n    if (apiKeyField?.label) {\n      label = apiKeyField.label\n    }\n\n    return getTranslation(label, i18n)\n  }, [apiKeyField, i18n])\n\n  const APIKeyLabel = useMemo(\n    () => (\n      <div className={`${baseClass}__label`}>\n        <span>{apiKeyLabel}</span>\n        <CopyToClipboard value={apiKeyValue as string} />\n      </div>\n    ),\n    [apiKeyLabel, apiKeyValue],\n  )\n\n  const fieldType = useField({\n    path: 'apiKey',\n    validate,\n  })\n\n  const highlightField = () => {\n    if (highlightedField) {\n      setHighlightedField(false)\n    }\n    setTimeout(() => {\n      setHighlightedField(true)\n    }, 1)\n  }\n\n  const { setValue, value } = fieldType\n\n  useEffect(() => {\n    if (!apiKeyValue && enabled) {\n      setValue(initialAPIKey)\n    }\n    if (!enabled && apiKeyValue) {\n      setValue(null)\n    }\n  }, [apiKeyValue, enabled, setValue, initialAPIKey])\n\n  useEffect(() => {\n    if (highlightedField) {\n      setTimeout(() => {\n        setHighlightedField(false)\n      }, 10000)\n    }\n  }, [highlightedField])\n\n  if (!enabled) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <div className={[fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' ')}>\n        {APIKeyLabel}\n        <input\n          aria-label={apiKeyLabel}\n          className={highlightedField ? 'highlight' : undefined}\n          disabled\n          id=\"apiKey\"\n          name=\"apiKey\"\n          type=\"text\"\n          value={(value as string) || ''}\n        />\n      </div>\n      {!readOnly && (\n        <GenerateConfirmation highlightField={highlightField} setKey={() => setValue(uuidv4())} />\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Edit/Auth/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { Props } from './types.js';
+import './index.scss';
+export declare const Auth: React.FC<Props>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Edit/Auth/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Auth/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAGxE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAavC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6NhC,CAAA"}