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

package/dist/utilities/groupNavItems.js

@@ -1,43 +1,39 @@
 import { getTranslation } from '@payloadcms/translations';
 export var EntityType;
-(function(EntityType) {
-    EntityType["collection"] = "collections";
-    EntityType["global"] = "globals";
+(function (EntityType) {
+  EntityType["collection"] = "collections";
+  EntityType["global"] = "globals";
 })(EntityType || (EntityType = {}));
 export function groupNavItems(entities, permissions, i18n) {
-    const result = entities.reduce((groups, entityToGroup)=>{
-        if (permissions?.[entityToGroup.type.toLowerCase()]?.[entityToGroup.entity.slug]?.read.permission) {
-            const translatedGroup = getTranslation(entityToGroup.entity.admin.group, i18n);
-            if (entityToGroup.entity.admin.group) {
-                const existingGroup = groups.find((group)=>getTranslation(group.label, i18n) === translatedGroup);
-                let matchedGroup = existingGroup;
-                if (!existingGroup) {
-                    matchedGroup = {
-                        entities: [],
-                        label: translatedGroup
-                    };
-                    groups.push(matchedGroup);
-                }
-                matchedGroup.entities.push(entityToGroup);
-            } else {
-                const defaultGroup = groups.find((group)=>{
-                    return getTranslation(group.label, i18n) === i18n.t(`general:${entityToGroup.type}`);
-                });
-                defaultGroup.entities.push(entityToGroup);
-            }
-        }
-        return groups;
-    }, [
-        {
-            entities: [],
-            label: i18n.t('general:collections')
-        },
-        {
+  const result = entities.reduce((groups, entityToGroup) => {
+    if (permissions?.[entityToGroup.type.toLowerCase()]?.[entityToGroup.entity.slug]?.read.permission) {
+      const translatedGroup = getTranslation(entityToGroup.entity.admin.group, i18n);
+      if (entityToGroup.entity.admin.group) {
+        const existingGroup = groups.find(group => getTranslation(group.label, i18n) === translatedGroup);
+        let matchedGroup = existingGroup;
+        if (!existingGroup) {
+          matchedGroup = {
             entities: [],
-            label: i18n.t('general:globals')
+            label: translatedGroup
+          };
+          groups.push(matchedGroup);
         }
-    ]);
-    return result.filter((group)=>group.entities.length > 0);
+        matchedGroup.entities.push(entityToGroup);
+      } else {
+        const defaultGroup = groups.find(group => {
+          return getTranslation(group.label, i18n) === i18n.t(`general:${entityToGroup.type}`);
+        });
+        defaultGroup.entities.push(entityToGroup);
+      }
+    }
+    return groups;
+  }, [{
+    entities: [],
+    label: i18n.t('general:collections')
+  }, {
+    entities: [],
+    label: i18n.t('general:globals')
+  }]);
+  return result.filter(group => group.entities.length > 0);
 }
-
 //# sourceMappingURL=groupNavItems.js.map

package/dist/utilities/groupNavItems.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utilities/groupNavItems.ts"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { Permissions } from 'payload/auth'\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nexport enum EntityType {\n  collection = 'collections',\n  global = 'globals',\n}\n\nexport type EntityToGroup =\n  | {\n      entity: ClientCollectionConfig\n      type: EntityType.collection\n    }\n  | {\n      entity: ClientGlobalConfig\n      type: EntityType.global\n    }\n\nexport type Group = {\n  entities: EntityToGroup[]\n  label: string\n}\n\nexport function groupNavItems(\n  entities: EntityToGroup[],\n  permissions: Permissions,\n  i18n: I18n,\n): Group[] {\n  const result = entities.reduce(\n    (groups, entityToGroup) => {\n      if (\n        permissions?.[entityToGroup.type.toLowerCase()]?.[entityToGroup.entity.slug]?.read\n          .permission\n      ) {\n        const translatedGroup = getTranslation(entityToGroup.entity.admin.group, i18n)\n        if (entityToGroup.entity.admin.group) {\n          const existingGroup = groups.find(\n            (group) => getTranslation(group.label, i18n) === translatedGroup,\n          ) as Group\n          let matchedGroup: Group = existingGroup\n          if (!existingGroup) {\n            matchedGroup = { entities: [], label: translatedGroup }\n            groups.push(matchedGroup)\n          }\n\n          matchedGroup.entities.push(entityToGroup)\n        } else {\n          const defaultGroup = groups.find((group) => {\n            return getTranslation(group.label, i18n) === i18n.t(`general:${entityToGroup.type}`)\n          }) as Group\n          defaultGroup.entities.push(entityToGroup)\n        }\n      }\n\n      return groups\n    },\n    [\n      {\n        entities: [],\n        label: i18n.t('general:collections'),\n      },\n      {\n        entities: [],\n        label: i18n.t('general:globals'),\n      },\n    ],\n  )\n\n  return result.filter((group) => group.entities.length > 0)\n}\n"],"names":["getTranslation","EntityType","groupNavItems","entities","permissions","i18n","result","reduce","groups","entityToGroup","type","toLowerCase","entity","slug","read","permission","translatedGroup","admin","group","existingGroup","find","label","matchedGroup","push","defaultGroup","t","filter","length"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAIA,SAASA,cAAc,QAAQ,2BAA0B;;UAE7CC;;;GAAAA,eAAAA;AAoBZ,OAAO,SAASC,cACdC,QAAyB,EACzBC,WAAwB,EACxBC,IAAU;IAEV,MAAMC,SAASH,SAASI,MAAM,CAC5B,CAACC,QAAQC;QACP,IACEL,aAAa,CAACK,cAAcC,IAAI,CAACC,WAAW,GAAG,EAAE,CAACF,cAAcG,MAAM,CAACC,IAAI,CAAC,EAAEC,KAC3EC,YACH;YACA,MAAMC,kBAAkBhB,eAAeS,cAAcG,MAAM,CAACK,KAAK,CAACC,KAAK,EAAEb;YACzE,IAAII,cAAcG,MAAM,CAACK,KAAK,CAACC,KAAK,EAAE;gBACpC,MAAMC,gBAAgBX,OAAOY,IAAI,CAC/B,CAACF,QAAUlB,eAAekB,MAAMG,KAAK,EAAEhB,UAAUW;gBAEnD,IAAIM,eAAsBH;gBAC1B,IAAI,CAACA,eAAe;oBAClBG,eAAe;wBAAEnB,UAAU,EAAE;wBAAEkB,OAAOL;oBAAgB;oBACtDR,OAAOe,IAAI,CAACD;gBACd;gBAEAA,aAAanB,QAAQ,CAACoB,IAAI,CAACd;YAC7B,OAAO;gBACL,MAAMe,eAAehB,OAAOY,IAAI,CAAC,CAACF;oBAChC,OAAOlB,eAAekB,MAAMG,KAAK,EAAEhB,UAAUA,KAAKoB,CAAC,CAAC,CAAC,QAAQ,EAAEhB,cAAcC,IAAI,CAAC,CAAC;gBACrF;gBACAc,aAAarB,QAAQ,CAACoB,IAAI,CAACd;YAC7B;QACF;QAEA,OAAOD;IACT,GACA;QACE;YACEL,UAAU,EAAE;YACZkB,OAAOhB,KAAKoB,CAAC,CAAC;QAChB;QACA;YACEtB,UAAU,EAAE;YACZkB,OAAOhB,KAAKoB,CAAC,CAAC;QAChB;KACD;IAGH,OAAOnB,OAAOoB,MAAM,CAAC,CAACR,QAAUA,MAAMf,QAAQ,CAACwB,MAAM,GAAG;AAC1D"}
+{"version":3,"file":"groupNavItems.js","names":["getTranslation","EntityType","groupNavItems","entities","permissions","i18n","result","reduce","groups","entityToGroup","type","toLowerCase","entity","slug","read","permission","translatedGroup","admin","group","existingGroup","find","label","matchedGroup","push","defaultGroup","t","filter","length"],"sources":["../../src/utilities/groupNavItems.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  ClientCollectionConfig,\n  ClientGlobalConfig,\n  Permissions,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nexport enum EntityType {\n  collection = 'collections',\n  global = 'globals',\n}\n\nexport type EntityToGroup =\n  | {\n      entity: ClientCollectionConfig | SanitizedCollectionConfig\n      type: EntityType.collection\n    }\n  | {\n      entity: ClientGlobalConfig | SanitizedGlobalConfig\n      type: EntityType.global\n    }\n\nexport type Group = {\n  entities: EntityToGroup[]\n  label: string\n}\n\nexport function groupNavItems(\n  entities: EntityToGroup[],\n  permissions: Permissions,\n  i18n: I18nClient,\n): Group[] {\n  const result = entities.reduce(\n    (groups, entityToGroup) => {\n      if (\n        permissions?.[entityToGroup.type.toLowerCase()]?.[entityToGroup.entity.slug]?.read\n          .permission\n      ) {\n        const translatedGroup = getTranslation(entityToGroup.entity.admin.group, i18n)\n        if (entityToGroup.entity.admin.group) {\n          const existingGroup = groups.find(\n            (group) => getTranslation(group.label, i18n) === translatedGroup,\n          ) as Group\n          let matchedGroup: Group = existingGroup\n          if (!existingGroup) {\n            matchedGroup = { entities: [], label: translatedGroup }\n            groups.push(matchedGroup)\n          }\n\n          matchedGroup.entities.push(entityToGroup)\n        } else {\n          const defaultGroup = groups.find((group) => {\n            return getTranslation(group.label, i18n) === i18n.t(`general:${entityToGroup.type}`)\n          }) as Group\n          defaultGroup.entities.push(entityToGroup)\n        }\n      }\n\n      return groups\n    },\n    [\n      {\n        entities: [],\n        label: i18n.t('general:collections'),\n      },\n      {\n        entities: [],\n        label: i18n.t('general:globals'),\n      },\n    ],\n  )\n\n  return result.filter((group) => group.entities.length > 0)\n}\n"],"mappings":"AASA,SAASA,cAAc,QAAQ;;WAEnBC,UAAA;;;GAAAA,UAAA,KAAAA,UAAA;AAoBZ,OAAO,SAASC,cACdC,QAAyB,EACzBC,WAAwB,EACxBC,IAAgB;EAEhB,MAAMC,MAAA,GAASH,QAAA,CAASI,MAAM,CAC5B,CAACC,MAAA,EAAQC,aAAA;IACP,IACEL,WAAA,GAAcK,aAAA,CAAcC,IAAI,CAACC,WAAW,GAAG,GAAGF,aAAA,CAAcG,MAAM,CAACC,IAAI,CAAC,EAAEC,IAAA,CAC3EC,UAAA,EACH;MACA,MAAMC,eAAA,GAAkBhB,cAAA,CAAeS,aAAA,CAAcG,MAAM,CAACK,KAAK,CAACC,KAAK,EAAEb,IAAA;MACzE,IAAII,aAAA,CAAcG,MAAM,CAACK,KAAK,CAACC,KAAK,EAAE;QACpC,MAAMC,aAAA,GAAgBX,MAAA,CAAOY,IAAI,CAC9BF,KAAA,IAAUlB,cAAA,CAAekB,KAAA,CAAMG,KAAK,EAAEhB,IAAA,MAAUW,eAAA;QAEnD,IAAIM,YAAA,GAAsBH,aAAA;QAC1B,IAAI,CAACA,aAAA,EAAe;UAClBG,YAAA,GAAe;YAAEnB,QAAA,EAAU,EAAE;YAAEkB,KAAA,EAAOL;UAAgB;UACtDR,MAAA,CAAOe,IAAI,CAACD,YAAA;QACd;QAEAA,YAAA,CAAanB,QAAQ,CAACoB,IAAI,CAACd,aAAA;MAC7B,OAAO;QACL,MAAMe,YAAA,GAAehB,MAAA,CAAOY,IAAI,CAAEF,KAAA;UAChC,OAAOlB,cAAA,CAAekB,KAAA,CAAMG,KAAK,EAAEhB,IAAA,MAAUA,IAAA,CAAKoB,CAAC,CAAC,WAAWhB,aAAA,CAAcC,IAAI,EAAE;QACrF;QACAc,YAAA,CAAarB,QAAQ,CAACoB,IAAI,CAACd,aAAA;MAC7B;IACF;IAEA,OAAOD,MAAA;EACT,GACA,CACE;IACEL,QAAA,EAAU,EAAE;IACZkB,KAAA,EAAOhB,IAAA,CAAKoB,CAAC,CAAC;EAChB,GACA;IACEtB,QAAA,EAAU,EAAE;IACZkB,KAAA,EAAOhB,IAAA,CAAKoB,CAAC,CAAC;EAChB,EACD;EAGH,OAAOnB,MAAA,CAAOoB,MAAM,CAAER,KAAA,IAAUA,KAAA,CAAMf,QAAQ,CAACwB,MAAM,GAAG;AAC1D","ignoreList":[]}

package/dist/utilities/hasSavePermission.d.ts

@@ -0,0 +1,8 @@
+import type { DocumentPermissions } from 'payload';
+export declare const hasSavePermission: (args: {
+    collectionSlug?: string;
+    docPermissions: DocumentPermissions;
+    globalSlug?: string;
+    isEditing: boolean;
+}) => boolean;
+//# sourceMappingURL=hasSavePermission.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hasSavePermission.d.ts","sourceRoot":"","sources":["../../src/utilities/hasSavePermission.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAwB,mBAAmB,EAAoB,MAAM,SAAS,CAAA;AAE1F,eAAO,MAAM,iBAAiB,SAAU;IAItC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,EAAE,mBAAmB,CAAA;IAInC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;CACnB,YAeA,CAAA"}

package/dist/utilities/hasSavePermission.js

@@ -0,0 +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;
+};
+//# sourceMappingURL=hasSavePermission.js.map

package/dist/utilities/hasSavePermission.js.map

@@ -0,0 +1 @@
+{"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/isEditing.d.ts

@@ -0,0 +1,6 @@
+export declare const isEditing: ({ id, collectionSlug, globalSlug, }: {
+    collectionSlug?: string;
+    globalSlug?: string;
+    id?: number | string;
+}) => boolean;
+//# sourceMappingURL=isEditing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isEditing.d.ts","sourceRoot":"","sources":["../../src/utilities/isEditing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,wCAInB;IACD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,KAAG,OAA0D,CAAA"}

package/dist/utilities/isEditing.js

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

package/dist/utilities/isEditing.js.map

@@ -0,0 +1 @@
+{"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/{reduceFieldsToValues.d.ts → reduceFieldsToValuesWithValidation.d.ts}

@@ -1,4 +1,8 @@
-import type { Data, FormState } from 'payload/types';
+import type { Data, FormState } from 'payload';
+type ReturnType = {
+    data: Data;
+    valid: boolean;
+};
 /**
  * Reduce flattened form fields (Fields) to just map to the respective values instead of the full FormField object
  *
@@ -6,5 +10,6 @@ import type { Data, FormState } from 'payload/types';
  * @param ignoreDisableFormData - if true, will include fields that have `disableFormData` set to true, for example, blocks or arrays fields.
  *
  */
-export declare const reduceFieldsToValues: (fields: FormState, unflatten?: boolean, ignoreDisableFormData?: boolean) => Data;
-//# sourceMappingURL=reduceFieldsToValues.d.ts.map
+export declare const reduceFieldsToValuesWithValidation: (fields: FormState, unflatten?: boolean, ignoreDisableFormData?: boolean) => ReturnType;
+export {};
+//# sourceMappingURL=reduceFieldsToValuesWithValidation.d.ts.map

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

@@ -0,0 +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"}

package/dist/utilities/reduceFieldsToValuesWithValidation.js

@@ -0,0 +1,26 @@
+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);
+  }
+  return state;
+};
+//# sourceMappingURL=reduceFieldsToValuesWithValidation.js.map

package/dist/utilities/reduceFieldsToValuesWithValidation.js.map

@@ -0,0 +1 @@
+{"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) 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"],"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,OAAOE,KAAA;EAEpBG,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,EAAEF,KAAA,CAAME,KAAK,GAAG;IACxC;EACF;EAEA,IAAIP,SAAA,EAAW;IACbK,KAAA,CAAMC,IAAI,GAAGL,gBAAA,CAAiBI,KAAA,CAAMC,IAAI;EAC1C;EAEA,OAAOD,KAAA;AACT","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"],"rangeMappings":";;;;;;;;;","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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setsAreEqual.d.ts","sourceRoot":"","sources":["../../src/utilities/setsAreEqual.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,YAAY,WAAY,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,YAEvD,CAAA"}
+{"version":3,"file":"setsAreEqual.d.ts","sourceRoot":"","sources":["../../src/utilities/setsAreEqual.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,YAEvD,CAAA"}

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"],"rangeMappings":";;;;","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/package.json

@@ -1,155 +1,157 @@
 {
   "name": "@payloadcms/ui",
-  "version": "3.0.0-beta.9",
-  "type": "module",
+  "version": "3.0.0-beta.90",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
     "url": "https://github.com/payloadcms/payload.git",
     "directory": "packages/ui"
   },
+  "sideEffects": false,
+  "type": "module",
   "exports": {
-    ".": "./dist/exports/index.js",
-    "./assets/*": "./dist/assets/*",
-    "./*": {
-      "import": "./dist/exports/*.js",
-      "require": "./dist/exports/*.js",
-      "types": "./dist/exports/*.d.ts"
+    ".": {
+      "import": "./dist/exports/client/index.js",
+      "types": "./dist/exports/client/index.d.ts",
+      "default": "./dist/exports/client/index.js"
+    },
+    "./shared": {
+      "import": "./dist/exports/shared/index.js",
+      "types": "./dist/exports/shared/index.d.ts",
+      "default": "./dist/exports/shared/index.js"
     },
+    "./utilities/createClientConfig": {
+      "import": "./dist/providers/Config/createClientConfig/index.js",
+      "types": "./dist/providers/Config/createClientConfig/index.d.ts",
+      "default": "./dist/providers/Config/createClientConfig/index.js"
+    },
+    "./css": {
+      "import": "./dist/styles.css",
+      "default": "./dist/styles.css"
+    },
+    "./scss": {
+      "import": "./dist/scss/styles.scss",
+      "default": "./dist/scss/styles.scss"
+    },
+    "./scss/app.scss": "./dist/scss/app.scss",
+    "./styles.css": "./dist/styles.css",
     "./assets": {
       "import": "./dist/assets/index.js",
-      "require": "./dist/assets/index.js",
-      "default": "./dist/assets/index.js",
-      "types": "./dist/assets/index.d.ts"
+      "types": "./dist/assets/index.d.ts",
+      "default": "./dist/assets/index.js"
     },
     "./elements/*": {
       "import": "./dist/elements/*/index.js",
-      "require": "./dist/elements/*/index.js",
-      "default": "./dist/elements/*/index.js",
-      "types": "./dist/elements/*/index.d.ts"
+      "types": "./dist/elements/*/index.d.ts",
+      "default": "./dist/elements/*/index.js"
     },
     "./fields/*": {
       "import": "./dist/fields/*/index.js",
-      "require": "./dist/fields/*/index.js",
-      "default": "./dist/fields/*/index.js",
-      "types": "./dist/fields/*/index.d.ts"
+      "types": "./dist/fields/*/index.d.ts",
+      "default": "./dist/fields/*/index.js"
     },
     "./forms/*": {
       "import": "./dist/forms/*/index.js",
-      "require": "./dist/forms/*/index.js",
-      "default": "./dist/forms/*/index.js",
-      "types": "./dist/forms/*/index.d.ts"
+      "types": "./dist/forms/*/index.d.ts",
+      "default": "./dist/forms/*/index.js"
     },
     "./graphics/*": {
       "import": "./dist/graphics/*/index.js",
-      "require": "./dist/graphics/*/index.js",
-      "default": "./dist/graphics/*/index.js",
-      "types": "./dist/graphics/*/index.d.ts"
+      "types": "./dist/graphics/*/index.d.ts",
+      "default": "./dist/graphics/*/index.js"
     },
     "./hooks/*": {
       "import": "./dist/hooks/*.js",
-      "require": "./dist/hooks/*.js",
-      "default": "./dist/hooks/*.js",
-      "types": "./dist/hooks/*.d.ts"
+      "types": "./dist/hooks/*.d.ts",
+      "default": "./dist/hooks/*.js"
     },
     "./icons/*": {
       "import": "./dist/icons/*/index.js",
-      "require": "./dist/icons/*/index.js",
-      "default": "./dist/icons/*/index.js",
-      "types": "./dist/icons/*/index.d.ts"
+      "types": "./dist/icons/*/index.d.ts",
+      "default": "./dist/icons/*/index.js"
     },
     "./providers/*": {
       "import": "./dist/providers/*/index.js",
-      "require": "./dist/providers/*/index.js",
-      "default": "./dist/providers/*/index.js",
-      "types": "./dist/providers/*/index.d.ts"
-    },
-    "./templates/*": {
-      "import": "./dist/templates/*/index.js",
-      "require": "./dist/templates/*/index.js",
-      "default": "./dist/templates/*/index.js",
-      "types": "./dist/templates/*/index.d.ts"
+      "types": "./dist/providers/*/index.d.ts",
+      "default": "./dist/providers/*/index.js"
     },
     "./utilities/*": {
       "import": "./dist/utilities/*.js",
-      "require": "./dist/utilities/*.js",
-      "default": "./dist/utilities/*.js",
-      "types": "./dist/utilities/*.d.ts"
-    },
-    "./css": {
-      "import": "./dist/prod/styles.css",
-      "require": "./dist/prod/styles.css",
-      "default": "./dist/prod/styles.css"
-    },
-    "./scss": {
-      "import": "./dist/scss/styles.scss",
-      "require": "./dist/scss/styles.scss",
-      "default": "./dist/scss/styles.scss"
-    },
-    "./scss/app.scss": "./dist/scss/app.scss"
-  },
-  "devDependencies": {
-    "@types/body-scroll-lock": "^3.1.0",
-    "@types/qs": "6.9.7",
-    "@types/react": "18.2.74",
-    "@types/react-datepicker": "4.11.2",
-    "@types/react-dom": "18.2.24",
-    "@types/uuid": "8.3.4",
-    "postcss-loader": "^8.1.1",
-    "postcss-preset-env": "^9.5.0",
-    "sass-loader": "^14.1.1",
-    "swc-loader": "^0.2.6",
-    "swc-plugin-transform-remove-imports": "^1.12.1",
-    "css-loader": "^6.10.0",
-    "css-minimizer-webpack-plugin": "^6.0.0",
-    "mini-css-extract-plugin": "1.6.2",
-    "terser-webpack-plugin": "^5.3.10",
-    "webpack": "^5.78.0",
-    "webpack-cli": "^5.1.4",
-    "@payloadcms/eslint-config": "1.1.1",
-    "payload": "3.0.0-beta.9"
+      "types": "./dist/utilities/*.d.ts",
+      "default": "./dist/utilities/*.js"
+    }
   },
+  "main": "./dist/exports/client/index.js",
+  "types": "./dist/exports/client/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "dependencies": {
     "@dnd-kit/core": "6.0.8",
     "@dnd-kit/sortable": "7.0.2",
-    "@faceless-ui/modal": "2.0.2",
-    "@faceless-ui/scroll-info": "1.3.0",
-    "@faceless-ui/window-info": "2.1.2",
+    "@faceless-ui/modal": "3.0.0-beta.2",
+    "@faceless-ui/scroll-info": "2.0.0-beta.0",
+    "@faceless-ui/window-info": "3.0.0-beta.0",
     "@monaco-editor/react": "4.5.1",
     "body-scroll-lock": "4.0.0-beta.0",
     "bson-objectid": "2.0.4",
     "date-fns": "3.3.1",
-    "deep-equal": "2.2.2",
-    "flatley": "5.2.0",
+    "dequal": "2.0.3",
     "md5": "2.3.0",
     "object-to-formdata": "4.5.1",
-    "qs": "6.11.2",
+    "qs-esm": "7.0.2",
     "react-animate-height": "2.1.2",
-    "react-datepicker": "6.2.0",
+    "react-datepicker": "6.9.0",
     "react-image-crop": "10.1.8",
-    "react-select": "5.7.4",
-    "react-toastify": "10.0.4",
-    "use-context-selector": "1.4.1",
-    "uuid": "9.0.1",
-    "@payloadcms/translations": "3.0.0-beta.9"
+    "react-select": "5.8.0",
+    "scheduler": "0.25.0-rc-f994737d14-20240522",
+    "sonner": "^1.5.0",
+    "ts-essentials": "7.0.3",
+    "use-context-selector": "2.0.0",
+    "uuid": "10.0.0",
+    "@payloadcms/translations": "3.0.0-beta.90"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.24.5",
+    "@babel/core": "^7.24.5",
+    "@babel/preset-env": "^7.24.5",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.24.1",
+    "@hyrious/esbuild-plugin-commonjs": "^0.2.4",
+    "@types/body-scroll-lock": "^3.1.0",
+    "@types/react": "npm:types-react@19.0.0-rc.0",
+    "@types/react-datepicker": "6.2.0",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/uuid": "10.0.0",
+    "babel-plugin-react-compiler": "0.0.0-experimental-1cd8995-20240814",
+    "esbuild": "0.23.0",
+    "esbuild-sass-plugin": "3.3.1",
+    "eslint-plugin-react-compiler": "0.0.0-experimental-d0e920e-20240815",
+    "@payloadcms/eslint-config": "3.0.0-beta.59",
+    "payload": "3.0.0-beta.90"
   },
   "peerDependencies": {
-    "next": "^14.2",
-    "react": "^18.0.0",
-    "payload": "3.0.0-beta.9"
+    "next": "^15.0.0-canary.104",
+    "react": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
+    "react-dom": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
+    "payload": "3.0.0-beta.90"
   },
   "engines": {
-    "node": ">=18.17.0"
+    "node": "^18.20.2 || >=20.9.0"
+  },
+  "overrides": {
+    "@types/react": "npm:types-react@19.0.0-rc.0",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
   },
-  "files": [
-    "dist"
-  ],
   "scripts": {
-    "build": "pnpm copyfiles && pnpm build:swc && pnpm build:types",
-    "build:swc": "swc ./src -d ./dist --config-file .swcrc",
-    "build:types": "tsc --emitDeclarationOnly --outDir dist",
-    "build:webpack": "webpack --config webpack.config.js",
+    "build": "pnpm build:reactcompiler",
+    "build:babel": "rm -rf dist_optimized && babel dist --out-dir dist_optimized --source-maps --extensions .ts,.js,.tsx,.jsx,.cjs,.mjs && rm -rf dist && mv dist_optimized dist",
+    "build:esbuild": "node bundle.js && rm -rf dist/exports/client && mv dist/exports/client_optimized dist/exports/client",
+    "build:reactcompiler": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && pnpm build:swc && pnpm build:babel && pnpm copyfiles && pnpm build:esbuild && pnpm build:types",
     "build:remove-artifact": "rm dist/prod/index.js",
+    "build:swc": "swc ./src -d dist --config-file .swcrc --strip-leading-paths",
+    "build:types": "tsc --emitDeclarationOnly --outDir dist",
+    "build_without_reactcompiler": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && pnpm copyfiles && pnpm build:types && pnpm build:swc",
     "clean": "rimraf {dist,*.tsbuildinfo}",
     "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
     "fix": "eslint \"src/**/*.{ts,tsx}\" --fix",

package/dist/elements/DocumentHeader/Tabs/ShouldRenderTabs.d.ts

@@ -1,5 +0,0 @@
-import type React from 'react';
-export declare const ShouldRenderTabs: React.FC<{
-    children: React.ReactNode;
-}>;
-//# sourceMappingURL=ShouldRenderTabs.d.ts.map

package/dist/elements/DocumentHeader/Tabs/ShouldRenderTabs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShouldRenderTabs.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentHeader/Tabs/ShouldRenderTabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAWA,CAAA"}

package/dist/elements/DocumentHeader/Tabs/ShouldRenderTabs.js

@@ -1,13 +0,0 @@
-'use client';
-import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
-export const ShouldRenderTabs = ({ children })=>{
-    const { id: idFromContext, collectionSlug, globalSlug } = useDocumentInfo();
-    const id = idFromContext !== 'create' ? idFromContext : null;
-    // Don't show tabs when creating new documents
-    if (collectionSlug && id || globalSlug) {
-        return children;
-    }
-    return null;
-};
-
-//# sourceMappingURL=ShouldRenderTabs.js.map

package/dist/elements/DocumentHeader/Tabs/ShouldRenderTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/elements/DocumentHeader/Tabs/ShouldRenderTabs.tsx"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\n\nexport const ShouldRenderTabs: React.FC<{\n  children: React.ReactNode\n}> = ({ children }) => {\n  const { id: idFromContext, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const id = idFromContext !== 'create' ? idFromContext : null\n\n  // Don't show tabs when creating new documents\n  if ((collectionSlug && id) || globalSlug) {\n    return children\n  }\n\n  return null\n}\n"],"names":["useDocumentInfo","ShouldRenderTabs","children","id","idFromContext","collectionSlug","globalSlug"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA;AAGA,SAASA,eAAe,QAAQ,2CAA0C;AAE1E,OAAO,MAAMC,mBAER,CAAC,EAAEC,QAAQ,EAAE;IAChB,MAAM,EAAEC,IAAIC,aAAa,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGN;IAE1D,MAAMG,KAAKC,kBAAkB,WAAWA,gBAAgB;IAExD,8CAA8C;IAC9C,IAAI,AAACC,kBAAkBF,MAAOG,YAAY;QACxC,OAAOJ;IACT;IAEA,OAAO;AACT,EAAC"}

package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.d.ts

@@ -1,13 +0,0 @@
-import type { SanitizedConfig } from 'payload/types';
-import React from 'react';
-export declare const DocumentTabLink: React.FC<{
-    adminRoute: SanitizedConfig['routes']['admin'];
-    ariaLabel?: string;
-    baseClass: string;
-    children?: React.ReactNode;
-    href: string;
-    isActive?: boolean;
-    isCollection?: boolean;
-    newTab?: boolean;
-}>;
-//# sourceMappingURL=TabLink.d.ts.map

package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabLink.d.ts","sourceRoot":"","sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/TabLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAIpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,UAAU,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAA;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAmDA,CAAA"}

package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.js

@@ -1,40 +0,0 @@
-'use client';
-import LinkImport from 'next/link.js';
-import { useParams, usePathname } from 'next/navigation.js';
-import React from 'react';
-import { useSearchParams } from '../../../../providers/SearchParams/index.js';
-const Link = LinkImport.default || LinkImport;
-export const DocumentTabLink = ({ adminRoute, ariaLabel, baseClass, children, href: hrefFromProps, isActive: isActiveFromProps, newTab })=>{
-    const pathname = usePathname();
-    const params = useParams();
-    const { searchParams } = useSearchParams();
-    const locale = 'locale' in searchParams && typeof searchParams.locale === 'string' ? searchParams.locale : undefined;
-    const [entityType, entitySlug, segmentThree, segmentFour, ...rest] = params.segments || [];
-    const isCollection = entityType === 'collections';
-    let docPath = `${adminRoute}/${isCollection ? 'collections' : 'globals'}/${entitySlug}`;
-    if (isCollection && segmentThree) {
-        // doc ID
-        docPath += `/${segmentThree}`;
-    }
-    const href = `${docPath}${hrefFromProps}`;
-    // separated the two so it doesn't break checks against pathname
-    const hrefWithLocale = `${href}${locale ? `?locale=${locale}` : ''}`;
-    const isActive = href === docPath && pathname === docPath || href !== docPath && pathname.startsWith(href) || isActiveFromProps;
-    return /*#__PURE__*/ React.createElement("li", {
-        "aria-label": ariaLabel,
-        className: [
-            baseClass,
-            isActive && `${baseClass}--active`
-        ].filter(Boolean).join(' ')
-    }, /*#__PURE__*/ React.createElement(Link, {
-        className: `${baseClass}__link`,
-        href: !isActive || href !== pathname ? hrefWithLocale : '',
-        ...newTab && {
-            rel: 'noopener noreferrer',
-            target: '_blank'
-        },
-        tabIndex: isActive ? -1 : 0
-    }, children));
-};
-
-//# sourceMappingURL=TabLink.js.map