@payloadcms/ui 3.0.0-canary.03427d3 → 3.0.0-canary.0992b47

package/dist/elements/WhereBuilder/reduceClientFields.js

@@ -0,0 +1,112 @@
+'use client';
+
+import { getTranslation } from '@payloadcms/translations';
+import { tabHasName } from 'payload/shared';
+import { createNestedClientFieldPath } from '../../forms/Form/createNestedClientFieldPath.js';
+import { combineLabel } from '../FieldSelect/index.js';
+import fieldTypes from './field-types.js';
+/**
+ * Reduces a field map to a flat array of fields with labels and values.
+ * Used in the WhereBuilder component to render the fields in the dropdown.
+ */
+export const reduceClientFields = ({
+  fields,
+  i18n,
+  labelPrefix,
+  pathPrefix
+}) => {
+  return fields.reduce((reduced, field) => {
+    if (field.admin?.disableListFilter) {
+      return reduced;
+    }
+    if (field.type === 'tabs' && 'tabs' in field) {
+      const tabs = field.tabs;
+      tabs.forEach(tab => {
+        if (typeof tab.label !== 'boolean') {
+          const localizedTabLabel = getTranslation(tab.label, i18n);
+          const labelWithPrefix = labelPrefix ? labelPrefix + ' > ' + localizedTabLabel : localizedTabLabel;
+          // Make sure we handle nested tabs
+          const tabPathPrefix = tabHasName(tab) && tab.name ? pathPrefix ? pathPrefix + '.' + tab.name : tab.name : pathPrefix;
+          if (typeof localizedTabLabel === 'string') {
+            reduced.push(...reduceClientFields({
+              fields: tab.fields,
+              i18n,
+              labelPrefix: labelWithPrefix,
+              pathPrefix: tabPathPrefix
+            }));
+          }
+        }
+      });
+      return reduced;
+    }
+    // Rows cant have labels, so we need to handle them differently
+    if (field.type === 'row' && 'fields' in field) {
+      reduced.push(...reduceClientFields({
+        fields: field.fields,
+        i18n,
+        labelPrefix,
+        pathPrefix
+      }));
+      return reduced;
+    }
+    if (field.type === 'collapsible' && 'fields' in field) {
+      const localizedTabLabel = getTranslation(field.label || '', i18n);
+      const labelWithPrefix = labelPrefix ? labelPrefix + ' > ' + localizedTabLabel : localizedTabLabel;
+      reduced.push(...reduceClientFields({
+        fields: field.fields,
+        i18n,
+        labelPrefix: labelWithPrefix,
+        pathPrefix
+      }));
+      return reduced;
+    }
+    if (field.type === 'group' && 'fields' in field) {
+      const translatedLabel = getTranslation(field.label || '', i18n);
+      const labelWithPrefix = labelPrefix ? translatedLabel ? labelPrefix + ' > ' + translatedLabel : labelPrefix : translatedLabel;
+      // Make sure we handle deeply nested groups
+      const pathWithPrefix = field.name ? pathPrefix ? pathPrefix + '.' + field.name : field.name : pathPrefix;
+      reduced.push(...reduceClientFields({
+        fields: field.fields,
+        i18n,
+        labelPrefix: labelWithPrefix,
+        pathPrefix: pathWithPrefix
+      }));
+      return reduced;
+    }
+    if (typeof fieldTypes[field.type] === 'object') {
+      const operatorKeys = new Set();
+      const operators = fieldTypes[field.type].operators.reduce((acc, operator) => {
+        if (!operatorKeys.has(operator.value)) {
+          operatorKeys.add(operator.value);
+          const operatorKey = `operators:${operator.label}`;
+          acc.push({
+            ...operator,
+            label: i18n.t(operatorKey)
+          });
+        }
+        return acc;
+      }, []);
+      const localizedLabel = getTranslation(field.label || '', i18n);
+      const formattedLabel = labelPrefix ? combineLabel({
+        field,
+        prefix: labelPrefix
+      }) : localizedLabel;
+      const formattedValue = pathPrefix ? createNestedClientFieldPath(pathPrefix, field) : field.name;
+      const formattedField = {
+        Filter: field.admin?.components?.Filter,
+        label: formattedLabel,
+        value: formattedValue,
+        ...fieldTypes[field.type],
+        field: {
+          ...field,
+          ...(field?.admin?.components?.Cell || {})
+        },
+        operators
+      };
+      reduced.push(formattedField);
+      return reduced;
+    }
+    return reduced;
+  }, []);
+};
+//# sourceMappingURL=reduceClientFields.js.map

package/dist/elements/WhereBuilder/reduceClientFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reduceClientFields.js","names":["getTranslation","tabHasName","createNestedClientFieldPath","combineLabel","fieldTypes","reduceClientFields","fields","i18n","labelPrefix","pathPrefix","reduce","reduced","field","admin","disableListFilter","type","tabs","forEach","tab","label","localizedTabLabel","labelWithPrefix","tabPathPrefix","name","push","translatedLabel","pathWithPrefix","operatorKeys","Set","operators","acc","operator","has","value","add","operatorKey","t","localizedLabel","formattedLabel","prefix","formattedValue","formattedField","Filter","components","Cell"],"sources":["../../../src/elements/WhereBuilder/reduceClientFields.tsx"],"sourcesContent":["'use client'\nimport type { ClientTranslationKeys, I18nClient } from '@payloadcms/translations'\nimport type { ClientField } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { tabHasName } from 'payload/shared'\n\nimport type { FieldCondition } from './types.js'\n\nimport { createNestedClientFieldPath } from '../../forms/Form/createNestedClientFieldPath.js'\nimport { combineLabel } from '../FieldSelect/index.js'\nimport fieldTypes from './field-types.js'\n\nexport type ReduceClientFieldsArgs = {\n  fields: ClientField[]\n  i18n: I18nClient\n  labelPrefix?: string\n  pathPrefix?: string\n}\n\n/**\n * Reduces a field map to a flat array of fields with labels and values.\n * Used in the WhereBuilder component to render the fields in the dropdown.\n */\nexport const reduceClientFields = ({\n  fields,\n  i18n,\n  labelPrefix,\n  pathPrefix,\n}: ReduceClientFieldsArgs): FieldCondition[] => {\n  return fields.reduce((reduced, field) => {\n    if (field.admin?.disableListFilter) {\n      return reduced\n    }\n\n    if (field.type === 'tabs' && 'tabs' in field) {\n      const tabs = field.tabs\n\n      tabs.forEach((tab) => {\n        if (typeof tab.label !== 'boolean') {\n          const localizedTabLabel = getTranslation(tab.label, i18n)\n\n          const labelWithPrefix = labelPrefix\n            ? labelPrefix + ' > ' + localizedTabLabel\n            : localizedTabLabel\n\n          // Make sure we handle nested tabs\n          const tabPathPrefix =\n            tabHasName(tab) && tab.name\n              ? pathPrefix\n                ? pathPrefix + '.' + tab.name\n                : tab.name\n              : pathPrefix\n\n          if (typeof localizedTabLabel === 'string') {\n            reduced.push(\n              ...reduceClientFields({\n                fields: tab.fields,\n                i18n,\n                labelPrefix: labelWithPrefix,\n                pathPrefix: tabPathPrefix,\n              }),\n            )\n          }\n        }\n      })\n      return reduced\n    }\n\n    // Rows cant have labels, so we need to handle them differently\n    if (field.type === 'row' && 'fields' in field) {\n      reduced.push(\n        ...reduceClientFields({\n          fields: field.fields,\n          i18n,\n          labelPrefix,\n          pathPrefix,\n        }),\n      )\n      return reduced\n    }\n\n    if (field.type === 'collapsible' && 'fields' in field) {\n      const localizedTabLabel = getTranslation(field.label || '', i18n)\n\n      const labelWithPrefix = labelPrefix\n        ? labelPrefix + ' > ' + localizedTabLabel\n        : localizedTabLabel\n\n      reduced.push(\n        ...reduceClientFields({\n          fields: field.fields,\n          i18n,\n          labelPrefix: labelWithPrefix,\n          pathPrefix,\n        }),\n      )\n      return reduced\n    }\n\n    if (field.type === 'group' && 'fields' in field) {\n      const translatedLabel = getTranslation(field.label || '', i18n)\n\n      const labelWithPrefix = labelPrefix\n        ? translatedLabel\n          ? labelPrefix + ' > ' + translatedLabel\n          : labelPrefix\n        : translatedLabel\n\n      // Make sure we handle deeply nested groups\n      const pathWithPrefix = field.name\n        ? pathPrefix\n          ? pathPrefix + '.' + field.name\n          : field.name\n        : pathPrefix\n\n      reduced.push(\n        ...reduceClientFields({\n          fields: field.fields,\n          i18n,\n          labelPrefix: labelWithPrefix,\n          pathPrefix: pathWithPrefix,\n        }),\n      )\n      return reduced\n    }\n\n    if (typeof fieldTypes[field.type] === 'object') {\n      const operatorKeys = new Set()\n      const operators = fieldTypes[field.type].operators.reduce((acc, operator) => {\n        if (!operatorKeys.has(operator.value)) {\n          operatorKeys.add(operator.value)\n          const operatorKey = `operators:${operator.label}` as ClientTranslationKeys\n          acc.push({\n            ...operator,\n            label: i18n.t(operatorKey),\n          })\n        }\n        return acc\n      }, [])\n\n      const localizedLabel = getTranslation(field.label || '', i18n)\n\n      const formattedLabel = labelPrefix\n        ? combineLabel({\n            field,\n            prefix: labelPrefix,\n          })\n        : localizedLabel\n\n      const formattedValue = pathPrefix\n        ? createNestedClientFieldPath(pathPrefix, field)\n        : field.name\n\n      const formattedField: FieldCondition = {\n        Filter: field.admin?.components?.Filter,\n        label: formattedLabel,\n        value: formattedValue,\n        ...fieldTypes[field.type],\n        field: {\n          ...field,\n          ...(field?.admin?.components?.Cell || {}),\n        },\n        operators,\n      }\n\n      reduced.push(formattedField)\n      return reduced\n    }\n\n    return reduced\n  }, [])\n}\n"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAI3B,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,YAAY,QAAQ;AAC7B,OAAOC,UAAA,MAAgB;AASvB;;;;AAIA,OAAO,MAAMC,kBAAA,GAAqBA,CAAC;EACjCC,MAAM;EACNC,IAAI;EACJC,WAAW;EACXC;AAAU,CACa;EACvB,OAAOH,MAAA,CAAOI,MAAM,CAAC,CAACC,OAAA,EAASC,KAAA;IAC7B,IAAIA,KAAA,CAAMC,KAAK,EAAEC,iBAAA,EAAmB;MAClC,OAAOH,OAAA;IACT;IAEA,IAAIC,KAAA,CAAMG,IAAI,KAAK,UAAU,UAAUH,KAAA,EAAO;MAC5C,MAAMI,IAAA,GAAOJ,KAAA,CAAMI,IAAI;MAEvBA,IAAA,CAAKC,OAAO,CAAEC,GAAA;QACZ,IAAI,OAAOA,GAAA,CAAIC,KAAK,KAAK,WAAW;UAClC,MAAMC,iBAAA,GAAoBpB,cAAA,CAAekB,GAAA,CAAIC,KAAK,EAAEZ,IAAA;UAEpD,MAAMc,eAAA,GAAkBb,WAAA,GACpBA,WAAA,GAAc,QAAQY,iBAAA,GACtBA,iBAAA;UAEJ;UACA,MAAME,aAAA,GACJrB,UAAA,CAAWiB,GAAA,KAAQA,GAAA,CAAIK,IAAI,GACvBd,UAAA,GACEA,UAAA,GAAa,MAAMS,GAAA,CAAIK,IAAI,GAC3BL,GAAA,CAAIK,IAAI,GACVd,UAAA;UAEN,IAAI,OAAOW,iBAAA,KAAsB,UAAU;YACzCT,OAAA,CAAQa,IAAI,IACPnB,kBAAA,CAAmB;cACpBC,MAAA,EAAQY,GAAA,CAAIZ,MAAM;cAClBC,IAAA;cACAC,WAAA,EAAaa,eAAA;cACbZ,UAAA,EAAYa;YACd;UAEJ;QACF;MACF;MACA,OAAOX,OAAA;IACT;IAEA;IACA,IAAIC,KAAA,CAAMG,IAAI,KAAK,SAAS,YAAYH,KAAA,EAAO;MAC7CD,OAAA,CAAQa,IAAI,IACPnB,kBAAA,CAAmB;QACpBC,MAAA,EAAQM,KAAA,CAAMN,MAAM;QACpBC,IAAA;QACAC,WAAA;QACAC;MACF;MAEF,OAAOE,OAAA;IACT;IAEA,IAAIC,KAAA,CAAMG,IAAI,KAAK,iBAAiB,YAAYH,KAAA,EAAO;MACrD,MAAMQ,iBAAA,GAAoBpB,cAAA,CAAeY,KAAA,CAAMO,KAAK,IAAI,IAAIZ,IAAA;MAE5D,MAAMc,eAAA,GAAkBb,WAAA,GACpBA,WAAA,GAAc,QAAQY,iBAAA,GACtBA,iBAAA;MAEJT,OAAA,CAAQa,IAAI,IACPnB,kBAAA,CAAmB;QACpBC,MAAA,EAAQM,KAAA,CAAMN,MAAM;QACpBC,IAAA;QACAC,WAAA,EAAaa,eAAA;QACbZ;MACF;MAEF,OAAOE,OAAA;IACT;IAEA,IAAIC,KAAA,CAAMG,IAAI,KAAK,WAAW,YAAYH,KAAA,EAAO;MAC/C,MAAMa,eAAA,GAAkBzB,cAAA,CAAeY,KAAA,CAAMO,KAAK,IAAI,IAAIZ,IAAA;MAE1D,MAAMc,eAAA,GAAkBb,WAAA,GACpBiB,eAAA,GACEjB,WAAA,GAAc,QAAQiB,eAAA,GACtBjB,WAAA,GACFiB,eAAA;MAEJ;MACA,MAAMC,cAAA,GAAiBd,KAAA,CAAMW,IAAI,GAC7Bd,UAAA,GACEA,UAAA,GAAa,MAAMG,KAAA,CAAMW,IAAI,GAC7BX,KAAA,CAAMW,IAAI,GACZd,UAAA;MAEJE,OAAA,CAAQa,IAAI,IACPnB,kBAAA,CAAmB;QACpBC,MAAA,EAAQM,KAAA,CAAMN,MAAM;QACpBC,IAAA;QACAC,WAAA,EAAaa,eAAA;QACbZ,UAAA,EAAYiB;MACd;MAEF,OAAOf,OAAA;IACT;IAEA,IAAI,OAAOP,UAAU,CAACQ,KAAA,CAAMG,IAAI,CAAC,KAAK,UAAU;MAC9C,MAAMY,YAAA,GAAe,IAAIC,GAAA;MACzB,MAAMC,SAAA,GAAYzB,UAAU,CAACQ,KAAA,CAAMG,IAAI,CAAC,CAACc,SAAS,CAACnB,MAAM,CAAC,CAACoB,GAAA,EAAKC,QAAA;QAC9D,IAAI,CAACJ,YAAA,CAAaK,GAAG,CAACD,QAAA,CAASE,KAAK,GAAG;UACrCN,YAAA,CAAaO,GAAG,CAACH,QAAA,CAASE,KAAK;UAC/B,MAAME,WAAA,GAAc,aAAaJ,QAAA,CAASZ,KAAK,EAAE;UACjDW,GAAA,CAAIN,IAAI,CAAC;YACP,GAAGO,QAAQ;YACXZ,KAAA,EAAOZ,IAAA,CAAK6B,CAAC,CAACD,WAAA;UAChB;QACF;QACA,OAAOL,GAAA;MACT,GAAG,EAAE;MAEL,MAAMO,cAAA,GAAiBrC,cAAA,CAAeY,KAAA,CAAMO,KAAK,IAAI,IAAIZ,IAAA;MAEzD,MAAM+B,cAAA,GAAiB9B,WAAA,GACnBL,YAAA,CAAa;QACXS,KAAA;QACA2B,MAAA,EAAQ/B;MACV,KACA6B,cAAA;MAEJ,MAAMG,cAAA,GAAiB/B,UAAA,GACnBP,2BAAA,CAA4BO,UAAA,EAAYG,KAAA,IACxCA,KAAA,CAAMW,IAAI;MAEd,MAAMkB,cAAA,GAAiC;QACrCC,MAAA,EAAQ9B,KAAA,CAAMC,KAAK,EAAE8B,UAAA,EAAYD,MAAA;QACjCvB,KAAA,EAAOmB,cAAA;QACPL,KAAA,EAAOO,cAAA;QACP,GAAGpC,UAAU,CAACQ,KAAA,CAAMG,IAAI,CAAC;QACzBH,KAAA,EAAO;UACL,GAAGA,KAAK;UACR,IAAIA,KAAA,EAAOC,KAAA,EAAO8B,UAAA,EAAYC,IAAA,IAAQ,CAAC,CAAC;QAC1C;QACAf;MACF;MAEAlB,OAAA,CAAQa,IAAI,CAACiB,cAAA;MACb,OAAO9B,OAAA;IACT;IAEA,OAAOA,OAAA;EACT,GAAG,EAAE;AACP","ignoreList":[]}

package/dist/elements/WhereBuilder/transformWhereQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transformWhereQuery.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/transformWhereQuery.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,uBAAiB,KA2ChD,CAAA"}
+{"version":3,"file":"transformWhereQuery.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/transformWhereQuery.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,uBAAiB,KA2ChD,CAAA"}

package/dist/elements/WhereBuilder/transformWhereQuery.js

@@ -1,51 +1,45 @@
+'use client';
+
 /**
  * Something like [or][0][and][0][text][equals]=example%20post will work and pass through the validateWhereQuery check.
  * However, something like [text][equals]=example%20post will not work and will fail the validateWhereQuery check,
  * even though it is a valid Where query. This needs to be transformed here.
- */ export const transformWhereQuery = (whereQuery)=>{
-    if (!whereQuery) {
-        return {};
-    }
-    // Check if 'whereQuery' has 'or' field but no 'and'. This is the case for "correct" queries
-    if (whereQuery.or && !whereQuery.and) {
-        return {
-            or: whereQuery.or.map((query)=>{
-                // ...but if the or query does not have an and, we need to add it
-                if (!query.and) {
-                    return {
-                        and: [
-                            query
-                        ]
-                    };
-                }
-                return query;
-            })
-        };
-    }
-    // Check if 'whereQuery' has 'and' field but no 'or'.
-    if (whereQuery.and && !whereQuery.or) {
-        return {
-            or: [
-                {
-                    and: whereQuery.and
-                }
-            ]
-        };
-    }
-    // Check if 'whereQuery' has neither 'or' nor 'and'.
-    if (!whereQuery.or && !whereQuery.and) {
-        return {
-            or: [
-                {
-                    and: [
-                        whereQuery
-                    ]
-                }
-            ]
-        };
-    }
-    // If 'whereQuery' has 'or' and 'and', just return it as it is.
-    return whereQuery;
+ */
+export const transformWhereQuery = whereQuery => {
+  if (!whereQuery) {
+    return {};
+  }
+  // Check if 'whereQuery' has 'or' field but no 'and'. This is the case for "correct" queries
+  if (whereQuery.or && !whereQuery.and) {
+    return {
+      or: whereQuery.or.map(query => {
+        // ...but if the or query does not have an and, we need to add it
+        if (!query.and) {
+          return {
+            and: [query]
+          };
+        }
+        return query;
+      })
+    };
+  }
+  // Check if 'whereQuery' has 'and' field but no 'or'.
+  if (whereQuery.and && !whereQuery.or) {
+    return {
+      or: [{
+        and: whereQuery.and
+      }]
+    };
+  }
+  // Check if 'whereQuery' has neither 'or' nor 'and'.
+  if (!whereQuery.or && !whereQuery.and) {
+    return {
+      or: [{
+        and: [whereQuery]
+      }]
+    };
+  }
+  // If 'whereQuery' has 'or' and 'and', just return it as it is.
+  return whereQuery;
 };
-
 //# sourceMappingURL=transformWhereQuery.js.map

package/dist/elements/WhereBuilder/transformWhereQuery.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/WhereBuilder/transformWhereQuery.ts"],"sourcesContent":["import type { Where } from 'payload'\n\n/**\n * Something like [or][0][and][0][text][equals]=example%20post will work and pass through the validateWhereQuery check.\n * However, something like [text][equals]=example%20post will not work and will fail the validateWhereQuery check,\n * even though it is a valid Where query. This needs to be transformed here.\n */\nexport const transformWhereQuery = (whereQuery): Where => {\n  if (!whereQuery) {\n    return {}\n  }\n  // Check if 'whereQuery' has 'or' field but no 'and'. This is the case for \"correct\" queries\n  if (whereQuery.or && !whereQuery.and) {\n    return {\n      or: whereQuery.or.map((query) => {\n        // ...but if the or query does not have an and, we need to add it\n        if (!query.and) {\n          return {\n            and: [query],\n          }\n        }\n        return query\n      }),\n    }\n  }\n\n  // Check if 'whereQuery' has 'and' field but no 'or'.\n  if (whereQuery.and && !whereQuery.or) {\n    return {\n      or: [\n        {\n          and: whereQuery.and,\n        },\n      ],\n    }\n  }\n\n  // Check if 'whereQuery' has neither 'or' nor 'and'.\n  if (!whereQuery.or && !whereQuery.and) {\n    return {\n      or: [\n        {\n          and: [whereQuery], // top-level siblings are considered 'and'\n        },\n      ],\n    }\n  }\n\n  // If 'whereQuery' has 'or' and 'and', just return it as it is.\n  return whereQuery\n}\n"],"names":["transformWhereQuery","whereQuery","or","and","map","query"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA;;;;CAIC,GACD,OAAO,MAAMA,sBAAsB,CAACC;IAClC,IAAI,CAACA,YAAY;QACf,OAAO,CAAC;IACV;IACA,4FAA4F;IAC5F,IAAIA,WAAWC,EAAE,IAAI,CAACD,WAAWE,GAAG,EAAE;QACpC,OAAO;YACLD,IAAID,WAAWC,EAAE,CAACE,GAAG,CAAC,CAACC;gBACrB,iEAAiE;gBACjE,IAAI,CAACA,MAAMF,GAAG,EAAE;oBACd,OAAO;wBACLA,KAAK;4BAACE;yBAAM;oBACd;gBACF;gBACA,OAAOA;YACT;QACF;IACF;IAEA,qDAAqD;IACrD,IAAIJ,WAAWE,GAAG,IAAI,CAACF,WAAWC,EAAE,EAAE;QACpC,OAAO;YACLA,IAAI;gBACF;oBACEC,KAAKF,WAAWE,GAAG;gBACrB;aACD;QACH;IACF;IAEA,oDAAoD;IACpD,IAAI,CAACF,WAAWC,EAAE,IAAI,CAACD,WAAWE,GAAG,EAAE;QACrC,OAAO;YACLD,IAAI;gBACF;oBACEC,KAAK;wBAACF;qBAAW;gBACnB;aACD;QACH;IACF;IAEA,+DAA+D;IAC/D,OAAOA;AACT,EAAC"}
+{"version":3,"file":"transformWhereQuery.js","names":["transformWhereQuery","whereQuery","or","and","map","query"],"sources":["../../../src/elements/WhereBuilder/transformWhereQuery.ts"],"sourcesContent":["'use client'\nimport type { Where } from 'payload'\n\n/**\n * Something like [or][0][and][0][text][equals]=example%20post will work and pass through the validateWhereQuery check.\n * However, something like [text][equals]=example%20post will not work and will fail the validateWhereQuery check,\n * even though it is a valid Where query. This needs to be transformed here.\n */\nexport const transformWhereQuery = (whereQuery): Where => {\n  if (!whereQuery) {\n    return {}\n  }\n  // Check if 'whereQuery' has 'or' field but no 'and'. This is the case for \"correct\" queries\n  if (whereQuery.or && !whereQuery.and) {\n    return {\n      or: whereQuery.or.map((query) => {\n        // ...but if the or query does not have an and, we need to add it\n        if (!query.and) {\n          return {\n            and: [query],\n          }\n        }\n        return query\n      }),\n    }\n  }\n\n  // Check if 'whereQuery' has 'and' field but no 'or'.\n  if (whereQuery.and && !whereQuery.or) {\n    return {\n      or: [\n        {\n          and: whereQuery.and,\n        },\n      ],\n    }\n  }\n\n  // Check if 'whereQuery' has neither 'or' nor 'and'.\n  if (!whereQuery.or && !whereQuery.and) {\n    return {\n      or: [\n        {\n          and: [whereQuery], // top-level siblings are considered 'and'\n        },\n      ],\n    }\n  }\n\n  // If 'whereQuery' has 'or' and 'and', just return it as it is.\n  return whereQuery\n}\n"],"mappings":"AAAA;;AAGA;;;;;AAKA,OAAO,MAAMA,mBAAA,GAAuBC,UAAA;EAClC,IAAI,CAACA,UAAA,EAAY;IACf,OAAO,CAAC;EACV;EACA;EACA,IAAIA,UAAA,CAAWC,EAAE,IAAI,CAACD,UAAA,CAAWE,GAAG,EAAE;IACpC,OAAO;MACLD,EAAA,EAAID,UAAA,CAAWC,EAAE,CAACE,GAAG,CAAEC,KAAA;QACrB;QACA,IAAI,CAACA,KAAA,CAAMF,GAAG,EAAE;UACd,OAAO;YACLA,GAAA,EAAK,CAACE,KAAA;UACR;QACF;QACA,OAAOA,KAAA;MACT;IACF;EACF;EAEA;EACA,IAAIJ,UAAA,CAAWE,GAAG,IAAI,CAACF,UAAA,CAAWC,EAAE,EAAE;IACpC,OAAO;MACLA,EAAA,EAAI,CACF;QACEC,GAAA,EAAKF,UAAA,CAAWE;MAClB;IAEJ;EACF;EAEA;EACA,IAAI,CAACF,UAAA,CAAWC,EAAE,IAAI,CAACD,UAAA,CAAWE,GAAG,EAAE;IACrC,OAAO;MACLD,EAAA,EAAI,CACF;QACEC,GAAA,EAAK,CAACF,UAAA;MACR;IAEJ;EACF;EAEA;EACA,OAAOA,UAAA;AACT","ignoreList":[]}

package/dist/elements/WhereBuilder/types.d.ts

@@ -1,16 +1,18 @@
-import type { Field, Operator, SanitizedCollectionConfig, Where } from 'payload';
+import type { ClientField, MappedComponent, Operator, SanitizedCollectionConfig, Where } from 'payload';
 export type WhereBuilderProps = {
-    collectionPluralLabel: SanitizedCollectionConfig['labels']['plural'];
-    collectionSlug: SanitizedCollectionConfig['slug'];
+    readonly collectionPluralLabel: SanitizedCollectionConfig['labels']['plural'];
+    readonly collectionSlug: SanitizedCollectionConfig['slug'];
+    readonly fields?: ClientField[];
 };
 export type FieldCondition = {
     component?: string;
+    field: ClientField;
+    Filter: MappedComponent;
     label: string;
     operators: {
         label: string;
         value: Operator;
     }[];
-    props: Field;
     value: string;
 };
 export type Relation = 'and' | 'or';

package/dist/elements/WhereBuilder/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,yBAAyB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEhF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,qBAAqB,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAA;IACpE,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;CAClD,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,QAAQ,CAAA;KAChB,EAAE,CAAA;IACH,KAAK,EAAE,KAAK,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAA;AAEnC,MAAM,MAAM,GAAG,GAAG;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,MAAM,GAAG,GAAG,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,EAAE,KAAK,EAAE,CAAA;CACZ,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EACf,QAAQ,EACR,yBAAyB,EACzB,KAAK,EACN,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,qBAAqB,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC7E,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,WAAW,CAAA;IAClB,MAAM,EAAE,eAAe,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,QAAQ,CAAA;KAChB,EAAE,CAAA;IACH,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAA;AAEnC,MAAM,MAAM,GAAG,GAAG;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,MAAM,GAAG,GAAG,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,EAAE,KAAK,EAAE,CAAA;CACZ,CAAA"}

package/dist/elements/WhereBuilder/types.js

@@ -1,3 +1,2 @@
-export { };
-
+export {};
 //# sourceMappingURL=types.js.map

package/dist/elements/WhereBuilder/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/WhereBuilder/types.ts"],"sourcesContent":["import type { Field, Operator, SanitizedCollectionConfig, Where } from 'payload'\n\nexport type WhereBuilderProps = {\n  collectionPluralLabel: SanitizedCollectionConfig['labels']['plural']\n  collectionSlug: SanitizedCollectionConfig['slug']\n}\n\nexport type FieldCondition = {\n  component?: string\n  label: string\n  operators: {\n    label: string\n    value: Operator\n  }[]\n  props: Field\n  value: string\n}\n\nexport type Relation = 'and' | 'or'\n\nexport type ADD = {\n  andIndex?: number\n  field: string\n  orIndex?: number\n  relation?: Relation\n  type: 'add'\n}\n\nexport type REMOVE = {\n  andIndex: number\n  orIndex: number\n  type: 'remove'\n}\n\nexport type UPDATE = {\n  andIndex: number\n  field?: string\n  operator?: string\n  orIndex: number\n  type: 'update'\n  value?: unknown\n}\n\nexport type Action = ADD | REMOVE | UPDATE\n\nexport type State = {\n  or: Where[]\n}\n"],"names":[],"rangeMappings":"","mappings":"AA6CA,WAEC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/WhereBuilder/types.ts"],"sourcesContent":["import type {\n  ClientField,\n  MappedComponent,\n  Operator,\n  SanitizedCollectionConfig,\n  Where,\n} from 'payload'\n\nexport type WhereBuilderProps = {\n  readonly collectionPluralLabel: SanitizedCollectionConfig['labels']['plural']\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly fields?: ClientField[]\n}\n\nexport type FieldCondition = {\n  component?: string\n  field: ClientField\n  Filter: MappedComponent\n  label: string\n  operators: {\n    label: string\n    value: Operator\n  }[]\n  value: string\n}\n\nexport type Relation = 'and' | 'or'\n\nexport type ADD = {\n  andIndex?: number\n  field: string\n  orIndex?: number\n  relation?: Relation\n  type: 'add'\n}\n\nexport type REMOVE = {\n  andIndex: number\n  orIndex: number\n  type: 'remove'\n}\n\nexport type UPDATE = {\n  andIndex: number\n  field?: string\n  operator?: string\n  orIndex: number\n  type: 'update'\n  value?: unknown\n}\n\nexport type Action = ADD | REMOVE | UPDATE\n\nexport type State = {\n  or: Where[]\n}\n"],"mappings":"AAqDA","ignoreList":[]}

package/dist/elements/WhereBuilder/validateWhereQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validateWhereQuery.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/validateWhereQuery.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAY,KAAK,EAAE,MAAM,SAAS,CAAA;AAI9C,QAAA,MAAM,kBAAkB,0CAsCvB,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"validateWhereQuery.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/validateWhereQuery.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAY,KAAK,EAAE,MAAM,SAAS,CAAA;AAI9C,QAAA,MAAM,kBAAkB,uBAAiB,UAAU,IAAI,KAsCtD,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/elements/WhereBuilder/validateWhereQuery.js

@@ -1,36 +1,36 @@
+'use client';
+
 import { validOperators } from 'payload/shared';
-const validateWhereQuery = (whereQuery)=>{
-    if (whereQuery?.or?.length > 0 && whereQuery?.or?.[0]?.and && whereQuery?.or?.[0]?.and?.length > 0) {
-        // At this point we know that the whereQuery has 'or' and 'and' fields,
-        // now let's check the structure and content of these fields.
-        const isValid = whereQuery.or.every((orQuery)=>{
-            if (orQuery.and && Array.isArray(orQuery.and)) {
-                return orQuery.and.every((andQuery)=>{
-                    if (typeof andQuery !== 'object') {
-                        return false;
-                    }
-                    const andKeys = Object.keys(andQuery);
-                    // If there are no keys, it's not a valid WhereField.
-                    if (andKeys.length === 0) {
-                        return false;
-                    }
-                    // eslint-disable-next-line no-restricted-syntax
-                    for (const key of andKeys){
-                        const operator = Object.keys(andQuery[key])[0];
-                        // Check if the key is a valid Operator.
-                        if (!operator || !validOperators.includes(operator)) {
-                            return false;
-                        }
-                    }
-                    return true;
-                });
-            }
+const validateWhereQuery = whereQuery => {
+  if (whereQuery?.or?.length > 0 && whereQuery?.or?.[0]?.and && whereQuery?.or?.[0]?.and?.length > 0) {
+    // At this point we know that the whereQuery has 'or' and 'and' fields,
+    // now let's check the structure and content of these fields.
+    const isValid = whereQuery.or.every(orQuery => {
+      if (orQuery.and && Array.isArray(orQuery.and)) {
+        return orQuery.and.every(andQuery => {
+          if (typeof andQuery !== 'object') {
+            return false;
+          }
+          const andKeys = Object.keys(andQuery);
+          // If there are no keys, it's not a valid WhereField.
+          if (andKeys.length === 0) {
             return false;
+          }
+          for (const key of andKeys) {
+            const operator = Object.keys(andQuery[key])[0];
+            // Check if the key is a valid Operator.
+            if (!operator || !validOperators.includes(operator)) {
+              return false;
+            }
+          }
+          return true;
         });
-        return isValid;
-    }
-    return false;
+      }
+      return false;
+    });
+    return isValid;
+  }
+  return false;
 };
 export default validateWhereQuery;
-
 //# sourceMappingURL=validateWhereQuery.js.map

package/dist/elements/WhereBuilder/validateWhereQuery.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/WhereBuilder/validateWhereQuery.ts"],"sourcesContent":["import type { Operator, Where } from 'payload'\n\nimport { validOperators } from 'payload/shared'\n\nconst validateWhereQuery = (whereQuery): whereQuery is Where => {\n  if (\n    whereQuery?.or?.length > 0 &&\n    whereQuery?.or?.[0]?.and &&\n    whereQuery?.or?.[0]?.and?.length > 0\n  ) {\n    // At this point we know that the whereQuery has 'or' and 'and' fields,\n    // now let's check the structure and content of these fields.\n\n    const isValid = whereQuery.or.every((orQuery) => {\n      if (orQuery.and && Array.isArray(orQuery.and)) {\n        return orQuery.and.every((andQuery) => {\n          if (typeof andQuery !== 'object') {\n            return false\n          }\n          const andKeys = Object.keys(andQuery)\n          // If there are no keys, it's not a valid WhereField.\n          if (andKeys.length === 0) {\n            return false\n          }\n          // eslint-disable-next-line no-restricted-syntax\n          for (const key of andKeys) {\n            const operator = Object.keys(andQuery[key])[0]\n            // Check if the key is a valid Operator.\n            if (!operator || !validOperators.includes(operator as Operator)) {\n              return false\n            }\n          }\n          return true\n        })\n      }\n      return false\n    })\n\n    return isValid\n  }\n\n  return false\n}\n\nexport default validateWhereQuery\n"],"names":["validOperators","validateWhereQuery","whereQuery","or","length","and","isValid","every","orQuery","Array","isArray","andQuery","andKeys","Object","keys","key","operator","includes"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,cAAc,QAAQ,iBAAgB;AAE/C,MAAMC,qBAAqB,CAACC;IAC1B,IACEA,YAAYC,IAAIC,SAAS,KACzBF,YAAYC,IAAI,CAAC,EAAE,EAAEE,OACrBH,YAAYC,IAAI,CAAC,EAAE,EAAEE,KAAKD,SAAS,GACnC;QACA,uEAAuE;QACvE,6DAA6D;QAE7D,MAAME,UAAUJ,WAAWC,EAAE,CAACI,KAAK,CAAC,CAACC;YACnC,IAAIA,QAAQH,GAAG,IAAII,MAAMC,OAAO,CAACF,QAAQH,GAAG,GAAG;gBAC7C,OAAOG,QAAQH,GAAG,CAACE,KAAK,CAAC,CAACI;oBACxB,IAAI,OAAOA,aAAa,UAAU;wBAChC,OAAO;oBACT;oBACA,MAAMC,UAAUC,OAAOC,IAAI,CAACH;oBAC5B,qDAAqD;oBACrD,IAAIC,QAAQR,MAAM,KAAK,GAAG;wBACxB,OAAO;oBACT;oBACA,gDAAgD;oBAChD,KAAK,MAAMW,OAAOH,QAAS;wBACzB,MAAMI,WAAWH,OAAOC,IAAI,CAACH,QAAQ,CAACI,IAAI,CAAC,CAAC,EAAE;wBAC9C,wCAAwC;wBACxC,IAAI,CAACC,YAAY,CAAChB,eAAeiB,QAAQ,CAACD,WAAuB;4BAC/D,OAAO;wBACT;oBACF;oBACA,OAAO;gBACT;YACF;YACA,OAAO;QACT;QAEA,OAAOV;IACT;IAEA,OAAO;AACT;AAEA,eAAeL,mBAAkB"}
+{"version":3,"file":"validateWhereQuery.js","names":["validOperators","validateWhereQuery","whereQuery","or","length","and","isValid","every","orQuery","Array","isArray","andQuery","andKeys","Object","keys","key","operator","includes"],"sources":["../../../src/elements/WhereBuilder/validateWhereQuery.ts"],"sourcesContent":["'use client'\nimport type { Operator, Where } from 'payload'\n\nimport { validOperators } from 'payload/shared'\n\nconst validateWhereQuery = (whereQuery): whereQuery is Where => {\n  if (\n    whereQuery?.or?.length > 0 &&\n    whereQuery?.or?.[0]?.and &&\n    whereQuery?.or?.[0]?.and?.length > 0\n  ) {\n    // At this point we know that the whereQuery has 'or' and 'and' fields,\n    // now let's check the structure and content of these fields.\n\n    const isValid = whereQuery.or.every((orQuery) => {\n      if (orQuery.and && Array.isArray(orQuery.and)) {\n        return orQuery.and.every((andQuery) => {\n          if (typeof andQuery !== 'object') {\n            return false\n          }\n          const andKeys = Object.keys(andQuery)\n          // If there are no keys, it's not a valid WhereField.\n          if (andKeys.length === 0) {\n            return false\n          }\n\n          for (const key of andKeys) {\n            const operator = Object.keys(andQuery[key])[0]\n            // Check if the key is a valid Operator.\n            if (!operator || !validOperators.includes(operator as Operator)) {\n              return false\n            }\n          }\n          return true\n        })\n      }\n      return false\n    })\n\n    return isValid\n  }\n\n  return false\n}\n\nexport default validateWhereQuery\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ;AAE/B,MAAMC,kBAAA,GAAsBC,UAAA;EAC1B,IACEA,UAAA,EAAYC,EAAA,EAAIC,MAAA,GAAS,KACzBF,UAAA,EAAYC,EAAA,GAAK,EAAE,EAAEE,GAAA,IACrBH,UAAA,EAAYC,EAAA,GAAK,EAAE,EAAEE,GAAA,EAAKD,MAAA,GAAS,GACnC;IACA;IACA;IAEA,MAAME,OAAA,GAAUJ,UAAA,CAAWC,EAAE,CAACI,KAAK,CAAEC,OAAA;MACnC,IAAIA,OAAA,CAAQH,GAAG,IAAII,KAAA,CAAMC,OAAO,CAACF,OAAA,CAAQH,GAAG,GAAG;QAC7C,OAAOG,OAAA,CAAQH,GAAG,CAACE,KAAK,CAAEI,QAAA;UACxB,IAAI,OAAOA,QAAA,KAAa,UAAU;YAChC,OAAO;UACT;UACA,MAAMC,OAAA,GAAUC,MAAA,CAAOC,IAAI,CAACH,QAAA;UAC5B;UACA,IAAIC,OAAA,CAAQR,MAAM,KAAK,GAAG;YACxB,OAAO;UACT;UAEA,KAAK,MAAMW,GAAA,IAAOH,OAAA,EAAS;YACzB,MAAMI,QAAA,GAAWH,MAAA,CAAOC,IAAI,CAACH,QAAQ,CAACI,GAAA,CAAI,CAAC,CAAC,EAAE;YAC9C;YACA,IAAI,CAACC,QAAA,IAAY,CAAChB,cAAA,CAAeiB,QAAQ,CAACD,QAAA,GAAuB;cAC/D,OAAO;YACT;UACF;UACA,OAAO;QACT;MACF;MACA,OAAO;IACT;IAEA,OAAOV,OAAA;EACT;EAEA,OAAO;AACT;AAEA,eAAeL,kBAAA","ignoreList":[]}

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

@@ -1,3 +1,3 @@
-import { WindowInfoProvider, useWindowInfo } from '@faceless-ui/window-info';
-export { WindowInfoProvider, useWindowInfo };
+import { useWindowInfo, WindowInfoProvider } from '@faceless-ui/window-info';
+export { useWindowInfo, WindowInfoProvider };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/WindowInfo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC5E,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/WindowInfo/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAC5E,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/elements/WindowInfo/index.js

@@ -1,4 +1,5 @@
-import { WindowInfoProvider, useWindowInfo } from '@faceless-ui/window-info';
-export { WindowInfoProvider, useWindowInfo };
+'use client';
 
+import { useWindowInfo, WindowInfoProvider } from '@faceless-ui/window-info';
+export { useWindowInfo, WindowInfoProvider };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/WindowInfo/index.tsx"],"sourcesContent":["import { WindowInfoProvider, useWindowInfo } from '@faceless-ui/window-info'\nexport { WindowInfoProvider, useWindowInfo }\n"],"names":["WindowInfoProvider","useWindowInfo"],"rangeMappings":";","mappings":"AAAA,SAASA,kBAAkB,EAAEC,aAAa,QAAQ,2BAA0B;AAC5E,SAASD,kBAAkB,EAAEC,aAAa,GAAE"}
+{"version":3,"file":"index.js","names":["useWindowInfo","WindowInfoProvider"],"sources":["../../../src/elements/WindowInfo/index.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo, WindowInfoProvider } from '@faceless-ui/window-info'\nexport { useWindowInfo, WindowInfoProvider }\n"],"mappings":"AAAA;;AACA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ;AAClD,SAASD,aAAa,EAAEC,kBAAkB","ignoreList":[]}

package/dist/elements/WithServerSideProps/index.js

@@ -1,22 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isReactServerComponentOrFunction } from 'payload/shared';
 import React from 'react';
-export const WithServerSideProps = ({ Component, serverOnlyProps, ...rest })=>{
-    if (Component) {
-        const WithServerSideProps = (passedProps)=>{
-            const propsWithServerOnlyProps = {
-                ...passedProps,
-                ...isReactServerComponentOrFunction(Component) ? serverOnlyProps ?? {} : {}
-            };
-            return /*#__PURE__*/ _jsx(Component, {
-                ...propsWithServerOnlyProps
-            });
-        };
-        return /*#__PURE__*/ _jsx(WithServerSideProps, {
-            ...rest
-        });
-    }
-    return null;
+export const WithServerSideProps = ({
+  Component,
+  serverOnlyProps,
+  ...rest
+}) => {
+  if (Component) {
+    const WithServerSideProps = passedProps => {
+      const propsWithServerOnlyProps = {
+        ...passedProps,
+        ...(isReactServerComponentOrFunction(Component) ? serverOnlyProps ?? {} : {})
+      };
+      return /*#__PURE__*/_jsx(Component, {
+        ...propsWithServerOnlyProps
+      });
+    };
+    return /*#__PURE__*/_jsx(WithServerSideProps, {
+      ...rest
+    });
+  }
+  return null;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/WithServerSideProps/index.tsx"],"sourcesContent":["import type { WithServerSidePropsComponent } from 'payload'\n\nimport { isReactServerComponentOrFunction } from 'payload/shared'\nimport React from 'react'\n\nexport const WithServerSideProps: WithServerSidePropsComponent = ({\n  Component,\n  serverOnlyProps,\n  ...rest\n}) => {\n  if (Component) {\n    const WithServerSideProps: React.FC = (passedProps) => {\n      const propsWithServerOnlyProps = {\n        ...passedProps,\n        ...(isReactServerComponentOrFunction(Component) ? serverOnlyProps ?? {} : {}),\n      }\n\n      return <Component {...propsWithServerOnlyProps} />\n    }\n\n    return <WithServerSideProps {...rest} />\n  }\n\n  return null\n}\n"],"names":["isReactServerComponentOrFunction","React","WithServerSideProps","Component","serverOnlyProps","rest","passedProps","propsWithServerOnlyProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";AAEA,SAASA,gCAAgC,QAAQ,iBAAgB;AACjE,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,sBAAoD,CAAC,EAChEC,SAAS,EACTC,eAAe,EACf,GAAGC,MACJ;IACC,IAAIF,WAAW;QACb,MAAMD,sBAAgC,CAACI;YACrC,MAAMC,2BAA2B;gBAC/B,GAAGD,WAAW;gBACd,GAAIN,iCAAiCG,aAAaC,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAC9E;YAEA,qBAAO,KAACD;gBAAW,GAAGI,wBAAwB;;QAChD;QAEA,qBAAO,KAACL;YAAqB,GAAGG,IAAI;;IACtC;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["isReactServerComponentOrFunction","React","WithServerSideProps","Component","serverOnlyProps","rest","passedProps","propsWithServerOnlyProps","_jsx"],"sources":["../../../src/elements/WithServerSideProps/index.tsx"],"sourcesContent":["import type { WithServerSidePropsComponent } from 'payload'\n\nimport { isReactServerComponentOrFunction } from 'payload/shared'\nimport React from 'react'\n\nexport const WithServerSideProps: WithServerSidePropsComponent = ({\n  Component,\n  serverOnlyProps,\n  ...rest\n}) => {\n  if (Component) {\n    const WithServerSideProps: React.FC = (passedProps) => {\n      const propsWithServerOnlyProps = {\n        ...passedProps,\n        ...(isReactServerComponentOrFunction(Component) ? (serverOnlyProps ?? {}) : {}),\n      }\n\n      return <Component {...propsWithServerOnlyProps} />\n    }\n\n    return <WithServerSideProps {...rest} />\n  }\n\n  return null\n}\n"],"mappings":";AAEA,SAASA,gCAAgC,QAAQ;AACjD,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,mBAAA,GAAoDA,CAAC;EAChEC,SAAS;EACTC,eAAe;EACf,GAAGC;AAAA,CACJ;EACC,IAAIF,SAAA,EAAW;IACb,MAAMD,mBAAA,GAAiCI,WAAA;MACrC,MAAMC,wBAAA,GAA2B;QAC/B,GAAGD,WAAW;QACd,IAAIN,gCAAA,CAAiCG,SAAA,IAAcC,eAAA,IAAmB,CAAC,IAAK,CAAC,CAAC;MAChF;MAEA,oBAAOI,IAAA,CAACL,SAAA;QAAW,GAAGI;;IACxB;IAEA,oBAAOC,IAAA,CAACN,mBAAA;MAAqB,GAAGG;;EAClC;EAEA,OAAO;AACT","ignoreList":[]}

package/dist/elements/withMergedProps/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { deepMerge, isReactServerComponentOrFunction, serverProps } from 'payload/shared';
+import { isReactServerComponentOrFunction, serverProps } from 'payload/shared';
 import React from 'react';
 /**
  * Creates a higher-order component (HOC) that merges predefined properties (`toMergeIntoProps`)
@@ -22,23 +22,33 @@ import React from 'react';
  * @param Component - The original component to wrap.
  * @param sanitizeServerOnlyProps - If true, server-only props will be removed from the merged props. @default true if the component is not a server component, false otherwise.
  * @param toMergeIntoProps - The properties to merge into the passed props.
- */ export function withMergedProps({ Component, sanitizeServerOnlyProps, toMergeIntoProps }) {
-    if (sanitizeServerOnlyProps === undefined) {
-        sanitizeServerOnlyProps = !isReactServerComponentOrFunction(Component);
+ */
+export function withMergedProps({
+  Component,
+  sanitizeServerOnlyProps,
+  toMergeIntoProps
+}) {
+  if (sanitizeServerOnlyProps === undefined) {
+    sanitizeServerOnlyProps = !isReactServerComponentOrFunction(Component);
+  }
+  // A wrapper around the args.Component to inject the args.toMergeArgs as props, which are merged with the passed props
+  const MergedPropsComponent = passedProps => {
+    const mergedProps = simpleMergeProps(passedProps, toMergeIntoProps);
+    if (sanitizeServerOnlyProps) {
+      serverProps.forEach(prop => {
+        delete mergedProps[prop];
+      });
     }
-    // A wrapper around the args.Component to inject the args.toMergeArgs as props, which are merged with the passed props
-    const MergedPropsComponent = (passedProps)=>{
-        const mergedProps = deepMerge(passedProps, toMergeIntoProps);
-        if (sanitizeServerOnlyProps) {
-            serverProps.forEach((prop)=>{
-                delete mergedProps[prop];
-            });
-        }
-        return /*#__PURE__*/ _jsx(Component, {
-            ...mergedProps
-        });
-    };
-    return MergedPropsComponent;
+    return /*#__PURE__*/_jsx(Component, {
+      ...mergedProps
+    });
+  };
+  return MergedPropsComponent;
+}
+function simpleMergeProps(props, toMerge) {
+  return {
+    ...props,
+    ...toMerge
+  };
 }
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/withMergedProps/index.tsx"],"sourcesContent":["import { deepMerge, isReactServerComponentOrFunction, serverProps } from 'payload/shared'\nimport React from 'react'\n\n/**\n * Creates a higher-order component (HOC) that merges predefined properties (`toMergeIntoProps`)\n * with any properties passed to the resulting component.\n *\n * Use this when you want to pre-specify some props for a component, while also allowing users to\n * pass in their own props. The HOC ensures the passed props and predefined props are combined before\n * rendering the original component.\n *\n * @example\n * const PredefinedComponent = getMergedPropsComponent({\n *   Component: OriginalComponent,\n *   toMergeIntoProps: { someExtraValue: 5 }\n * });\n * // Using <PredefinedComponent customProp=\"value\" /> will result in\n * // <OriginalComponent customProp=\"value\" someExtraValue={5} />\n *\n * @returns A higher-order component with combined properties.\n *\n * @param Component - The original component to wrap.\n * @param sanitizeServerOnlyProps - If true, server-only props will be removed from the merged props. @default true if the component is not a server component, false otherwise.\n * @param toMergeIntoProps - The properties to merge into the passed props.\n */\nexport function withMergedProps<ToMergeIntoProps, CompleteReturnProps>({\n  Component,\n  sanitizeServerOnlyProps,\n  toMergeIntoProps,\n}: {\n  Component: React.FC<CompleteReturnProps>\n  sanitizeServerOnlyProps?: boolean\n  toMergeIntoProps: ToMergeIntoProps\n}): React.FC<CompleteReturnProps> {\n  if (sanitizeServerOnlyProps === undefined) {\n    sanitizeServerOnlyProps = !isReactServerComponentOrFunction(Component)\n  }\n  // A wrapper around the args.Component to inject the args.toMergeArgs as props, which are merged with the passed props\n  const MergedPropsComponent: React.FC<CompleteReturnProps> = (passedProps) => {\n    const mergedProps = deepMerge(passedProps, toMergeIntoProps)\n\n    if (sanitizeServerOnlyProps) {\n      serverProps.forEach((prop) => {\n        delete mergedProps[prop]\n      })\n    }\n\n    return <Component {...mergedProps} />\n  }\n\n  return MergedPropsComponent\n}\n"],"names":["deepMerge","isReactServerComponentOrFunction","serverProps","React","withMergedProps","Component","sanitizeServerOnlyProps","toMergeIntoProps","undefined","MergedPropsComponent","passedProps","mergedProps","forEach","prop"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,SAAS,EAAEC,gCAAgC,EAAEC,WAAW,QAAQ,iBAAgB;AACzF,OAAOC,WAAW,QAAO;AAEzB;;;;;;;;;;;;;;;;;;;;;CAqBC,GACD,OAAO,SAASC,gBAAuD,EACrEC,SAAS,EACTC,uBAAuB,EACvBC,gBAAgB,EAKjB;IACC,IAAID,4BAA4BE,WAAW;QACzCF,0BAA0B,CAACL,iCAAiCI;IAC9D;IACA,sHAAsH;IACtH,MAAMI,uBAAsD,CAACC;QAC3D,MAAMC,cAAcX,UAAUU,aAAaH;QAE3C,IAAID,yBAAyB;YAC3BJ,YAAYU,OAAO,CAAC,CAACC;gBACnB,OAAOF,WAAW,CAACE,KAAK;YAC1B;QACF;QAEA,qBAAO,KAACR;YAAW,GAAGM,WAAW;;IACnC;IAEA,OAAOF;AACT"}
+{"version":3,"file":"index.js","names":["isReactServerComponentOrFunction","serverProps","React","withMergedProps","Component","sanitizeServerOnlyProps","toMergeIntoProps","undefined","MergedPropsComponent","passedProps","mergedProps","simpleMergeProps","forEach","prop","_jsx","props","toMerge"],"sources":["../../../src/elements/withMergedProps/index.tsx"],"sourcesContent":["import { isReactServerComponentOrFunction, serverProps } from 'payload/shared'\nimport React from 'react'\n\n/**\n * Creates a higher-order component (HOC) that merges predefined properties (`toMergeIntoProps`)\n * with any properties passed to the resulting component.\n *\n * Use this when you want to pre-specify some props for a component, while also allowing users to\n * pass in their own props. The HOC ensures the passed props and predefined props are combined before\n * rendering the original component.\n *\n * @example\n * const PredefinedComponent = getMergedPropsComponent({\n *   Component: OriginalComponent,\n *   toMergeIntoProps: { someExtraValue: 5 }\n * });\n * // Using <PredefinedComponent customProp=\"value\" /> will result in\n * // <OriginalComponent customProp=\"value\" someExtraValue={5} />\n *\n * @returns A higher-order component with combined properties.\n *\n * @param Component - The original component to wrap.\n * @param sanitizeServerOnlyProps - If true, server-only props will be removed from the merged props. @default true if the component is not a server component, false otherwise.\n * @param toMergeIntoProps - The properties to merge into the passed props.\n */\nexport function withMergedProps<ToMergeIntoProps, CompleteReturnProps>({\n  Component,\n  sanitizeServerOnlyProps,\n  toMergeIntoProps,\n}: {\n  Component: React.FC<CompleteReturnProps>\n  sanitizeServerOnlyProps?: boolean\n  toMergeIntoProps: ToMergeIntoProps\n}): React.FC<CompleteReturnProps> {\n  if (sanitizeServerOnlyProps === undefined) {\n    sanitizeServerOnlyProps = !isReactServerComponentOrFunction(Component)\n  }\n  // A wrapper around the args.Component to inject the args.toMergeArgs as props, which are merged with the passed props\n  const MergedPropsComponent: React.FC<CompleteReturnProps> = (passedProps) => {\n    const mergedProps = simpleMergeProps(passedProps, toMergeIntoProps) as CompleteReturnProps\n\n    if (sanitizeServerOnlyProps) {\n      serverProps.forEach((prop) => {\n        delete mergedProps[prop]\n      })\n    }\n\n    return <Component {...mergedProps} />\n  }\n\n  return MergedPropsComponent\n}\n\nfunction simpleMergeProps(props, toMerge) {\n  return { ...props, ...toMerge }\n}\n"],"mappings":";AAAA,SAASA,gCAAgC,EAAEC,WAAW,QAAQ;AAC9D,OAAOC,KAAA,MAAW;AAElB;;;;;;;;;;;;;;;;;;;;;;AAsBA,OAAO,SAASC,gBAAuD;EACrEC,SAAS;EACTC,uBAAuB;EACvBC;AAAgB,CAKjB;EACC,IAAID,uBAAA,KAA4BE,SAAA,EAAW;IACzCF,uBAAA,GAA0B,CAACL,gCAAA,CAAiCI,SAAA;EAC9D;EACA;EACA,MAAMI,oBAAA,GAAuDC,WAAA;IAC3D,MAAMC,WAAA,GAAcC,gBAAA,CAAiBF,WAAA,EAAaH,gBAAA;IAElD,IAAID,uBAAA,EAAyB;MAC3BJ,WAAA,CAAYW,OAAO,CAAEC,IAAA;QACnB,OAAOH,WAAW,CAACG,IAAA,CAAK;MAC1B;IACF;IAEA,oBAAOC,IAAA,CAACV,SAAA;MAAW,GAAGM;;EACxB;EAEA,OAAOF,oBAAA;AACT;AAEA,SAASG,iBAAiBI,KAAK,EAAEC,OAAO;EACtC,OAAO;IAAE,GAAGD,KAAK;IAAE,GAAGC;EAAQ;AAChC","ignoreList":[]}

package/dist/exports/client/CodeEditor-CHKRX3U2.js

@@ -0,0 +1,24 @@
+"use client";
+// Workaround for react-datepicker and other cjs dependencies potentially inserting require("react") statements
+import * as requireReact from 'react';
+import * as requireReactDom from 'react-dom';
+
+function require(m) {
+ if (m === 'react') return requireReact;
+ if (m === 'react-dom') return requireReactDom;
+ throw new Error(`Unknown module ${m}`);
+}
+// Workaround end
+
+import{b as ce,f as ue}from"./chunk-BGA6EPOL.js";import"./chunk-5LKBKI4T.js";import{c as Zt}from"react/compiler-runtime";import{jsx as De}from"react/jsx-runtime";function We(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function le(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function ee(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?le(Object(r),!0).forEach(function(n){We(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):le(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Ne(e,t){if(e==null)return{};var r={},n=Object.keys(e),o,i;for(i=0;i<n.length;i++)o=n[i],!(t.indexOf(o)>=0)&&(r[o]=e[o]);return r}function fe(e,t){if(e==null)return{};var r=Ne(e,t),n,o;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function de(e,t){return ze(e)||Ue(e,t)||_e(e,t)||$e()}function ze(e){if(Array.isArray(e))return e}function Ue(e,t){if(!(typeof Symbol>"u"||!(Symbol.iterator in Object(e)))){var r=[],n=!0,o=!1,i=void 0;try{for(var a=e[Symbol.iterator](),l;!(n=(l=a.next()).done)&&(r.push(l.value),!(t&&r.length===t));n=!0);}catch(s){o=!0,i=s}finally{try{!n&&a.return!=null&&a.return()}finally{if(o)throw i}}return r}}function _e(e,t){if(e){if(typeof e=="string")return se(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return se(e,t)}}function se(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function $e(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function qe(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function pe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function me(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?pe(Object(r),!0).forEach(function(n){qe(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):pe(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Fe(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(n){return t.reduceRight(function(o,i){return i(o)},n)}}function D(e){return function t(){for(var r=this,n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return o.length>=e.length?e.apply(this,o):function(){for(var a=arguments.length,l=new Array(a),s=0;s<a;s++)l[s]=arguments[s];return t.apply(r,[].concat(o,l))}}}function $(e){return{}.toString.call(e).includes("Object")}function He(e){return!Object.keys(e).length}function V(e){return typeof e=="function"}function Be(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function ke(e,t){return $(t)||P("changeType"),Object.keys(t).some(function(r){return!Be(e,r)})&&P("changeField"),t}function Ke(e){V(e)||P("selectorType")}function Ge(e){V(e)||$(e)||P("handlerType"),$(e)&&Object.values(e).some(function(t){return!V(t)})&&P("handlersType")}function Ye(e){e||P("initialIsRequired"),$(e)||P("initialType"),He(e)&&P("initialContent")}function Je(e,t){throw new Error(e[t]||e.default)}var Qe={initialIsRequired:"initial state is required",initialType:"initial state should be an object",initialContent:"initial state shouldn't be an empty object",handlerType:"handler should be an object or a function",handlersType:"all handlers should be a functions",selectorType:"selector should be a function",changeType:"provided value of changes should be an object",changeField:'it seams you want to change a field in the state which is not specified in the "initial" state',default:"an unknown error accured in `state-local` package"},P=D(Je)(Qe),_={changes:ke,selector:Ke,handler:Ge,initial:Ye};function Xe(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};_.initial(e),_.handler(t);var r={current:e},n=D(tt)(r,t),o=D(et)(r),i=D(_.changes)(e),a=D(Ze)(r);function l(){var d=arguments.length>0&&arguments[0]!==void 0?arguments[0]:function(O){return O};return _.selector(d),d(r.current)}function s(d){Fe(n,o,i,a)(d)}return[l,s]}function Ze(e,t){return V(t)?t(e.current):t}function et(e,t){return e.current=me(me({},e.current),t),t}function tt(e,t,r){return V(t)?t(e.current):Object.keys(r).forEach(function(n){var o;return(o=t[n])===null||o===void 0?void 0:o.call(t,e.current[n])}),r}var rt={create:Xe},ge=rt;var nt={paths:{vs:"https://cdn.jsdelivr.net/npm/monaco-editor@0.43.0/min/vs"}},he=nt;function ot(e){return function t(){for(var r=this,n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return o.length>=e.length?e.apply(this,o):function(){for(var a=arguments.length,l=new Array(a),s=0;s<a;s++)l[s]=arguments[s];return t.apply(r,[].concat(o,l))}}}var ve=ot;function it(e){return{}.toString.call(e).includes("Object")}var be=it;function at(e){return e||ye("configIsRequired"),be(e)||ye("configType"),e.urls?(ct(),{paths:{vs:e.urls.monacoBase}}):e}function ct(){console.warn(we.deprecation)}function ut(e,t){throw new Error(e[t]||e.default)}var we={configIsRequired:"the configuration object is required",configType:"the configuration object should be an object",default:"an unknown error accured in `@monaco-editor/loader` package",deprecation:`Deprecation warning!
+    You are using deprecated way of configuration.
+
+    Instead of using
+      monaco.config({ urls: { monacoBase: '...' } })
+    use
+      monaco.config({ paths: { vs: '...' } })
+
+    For more please check the link https://github.com/suren-atoyan/monaco-loader#config
+  `},ye=ve(ut)(we),lt={config:at},Oe=lt;var st=function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return function(o){return r.reduceRight(function(i,a){return a(i)},o)}},je=st;function Me(e,t){return Object.keys(t).forEach(function(r){t[r]instanceof Object&&e[r]&&Object.assign(t[r],Me(e[r],t[r]))}),ee(ee({},e),t)}var Se=Me;var ft={type:"cancelation",msg:"operation is manually canceled"};function dt(e){var t=!1,r=new Promise(function(n,o){e.then(function(i){return t?o(ft):n(i)}),e.catch(o)});return r.cancel=function(){return t=!0},r}var q=dt;var pt=ge.create({config:he,isInitialized:!1,resolve:null,reject:null,monaco:null}),Pe=de(pt,2),W=Pe[0],F=Pe[1];function mt(e){var t=Oe.config(e),r=t.monaco,n=fe(t,["monaco"]);F(function(o){return{config:Se(o.config,n),monaco:r}})}function gt(){var e=W(function(t){var r=t.monaco,n=t.isInitialized,o=t.resolve;return{monaco:r,isInitialized:n,resolve:o}});if(!e.isInitialized){if(F({isInitialized:!0}),e.monaco)return e.resolve(e.monaco),q(te);if(window.monaco&&window.monaco.editor)return Ee(window.monaco),e.resolve(window.monaco),q(te);je(ht,bt)(yt)}return q(te)}function ht(e){return document.body.appendChild(e)}function vt(e){var t=document.createElement("script");return e&&(t.src=e),t}function bt(e){var t=W(function(n){var o=n.config,i=n.reject;return{config:o,reject:i}}),r=vt("".concat(t.config.paths.vs,"/loader.js"));return r.onload=function(){return e()},r.onerror=t.reject,r}function yt(){var e=W(function(r){var n=r.config,o=r.resolve,i=r.reject;return{config:n,resolve:o,reject:i}}),t=window.require;t.config(e.config),t(["vs/editor/editor.main"],function(r){Ee(r),e.resolve(r)},function(r){e.reject(r)})}function Ee(e){W().monaco||F({monaco:e})}function wt(){return W(function(e){var t=e.monaco;return t})}var te=new Promise(function(e,t){return F({resolve:e,reject:t})}),Ot={config:mt,init:gt,__getMonacoInstance:wt},E=Ot;import{memo as jt}from"react";import Mt,{useState as Ie,useRef as T,useCallback as Te,useEffect as xe}from"react";import{memo as St}from"react";import re from"react";import Et from"react";import{useEffect as Dt}from"react";import{useEffect as Wt,useRef as Nt}from"react";import{useState as zr}from"react";import{memo as Ft}from"react";import Ht,{useState as Le,useEffect as H,useRef as j,useCallback as Bt}from"react";import{useEffect as kt,useRef as Kt}from"react";var Pt={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},ne=Pt,It={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},Tt=It;function xt({children:e}){return Et.createElement("div",{style:Tt.container},e)}var Lt=xt,At=Lt;function Ct({width:e,height:t,isEditorReady:r,loading:n,_ref:o,className:i,wrapperProps:a}){return re.createElement("section",{style:{...ne.wrapper,width:e,height:t},...a},!r&&re.createElement(At,null,n),re.createElement("div",{ref:o,style:{...ne.fullWidth,...!r&&ne.hide},className:i}))}var Rt=Ct,Ae=St(Rt);function Vt(e){Dt(e,[])}var Ce=Vt;function zt(e,t,r=!0){let n=Nt(!0);Wt(n.current||!r?()=>{n.current=!1}:e,t)}var w=zt;function N(){}function x(e,t,r,n){return Ut(e,n)||_t(e,t,r,n)}function Ut(e,t){return e.editor.getModel(Re(e,t))}function _t(e,t,r,n){return e.editor.createModel(t,r,n?Re(e,n):void 0)}function Re(e,t){return e.Uri.parse(t)}function $t({original:e,modified:t,language:r,originalLanguage:n,modifiedLanguage:o,originalModelPath:i,modifiedModelPath:a,keepCurrentOriginalModel:l=!1,keepCurrentModifiedModel:s=!1,theme:d="light",loading:O="Loading...",options:b={},height:M="100%",width:k="100%",className:K,wrapperProps:G={},beforeMount:Y=N,onMount:J=N}){let[y,L]=Ie(!1),[A,p]=Ie(!0),m=T(null),f=T(null),C=T(null),h=T(J),c=T(Y),I=T(!1);Ce(()=>{let u=E.init();return u.then(g=>(f.current=g)&&p(!1)).catch(g=>g?.type!=="cancelation"&&console.error("Monaco initialization: error:",g)),()=>m.current?R():u.cancel()}),w(()=>{if(m.current&&f.current){let u=m.current.getOriginalEditor(),g=x(f.current,e||"",n||r||"text",i||"");g!==u.getModel()&&u.setModel(g)}},[i],y),w(()=>{if(m.current&&f.current){let u=m.current.getModifiedEditor(),g=x(f.current,t||"",o||r||"text",a||"");g!==u.getModel()&&u.setModel(g)}},[a],y),w(()=>{let u=m.current.getModifiedEditor();u.getOption(f.current.editor.EditorOption.readOnly)?u.setValue(t||""):t!==u.getValue()&&(u.executeEdits("",[{range:u.getModel().getFullModelRange(),text:t||"",forceMoveMarkers:!0}]),u.pushUndoStop())},[t],y),w(()=>{m.current?.getModel()?.original.setValue(e||"")},[e],y),w(()=>{let{original:u,modified:g}=m.current.getModel();f.current.editor.setModelLanguage(u,n||r||"text"),f.current.editor.setModelLanguage(g,o||r||"text")},[r,n,o],y),w(()=>{f.current?.editor.setTheme(d)},[d],y),w(()=>{m.current?.updateOptions(b)},[b],y);let z=Te(()=>{if(!f.current)return;c.current(f.current);let u=x(f.current,e||"",n||r||"text",i||""),g=x(f.current,t||"",o||r||"text",a||"");m.current?.setModel({original:u,modified:g})},[r,t,o,e,n,i,a]),U=Te(()=>{!I.current&&C.current&&(m.current=f.current.editor.createDiffEditor(C.current,{automaticLayout:!0,...b}),z(),f.current?.editor.setTheme(d),L(!0),I.current=!0)},[b,d,z]);xe(()=>{y&&h.current(m.current,f.current)},[y]),xe(()=>{!A&&!y&&U()},[A,y,U]);function R(){let u=m.current?.getModel();l||u?.original?.dispose(),s||u?.modified?.dispose(),m.current?.dispose()}return Mt.createElement(Ae,{width:k,height:M,isEditorReady:y,loading:O,_ref:C,className:K,wrapperProps:G})}var qt=$t,Wr=jt(qt);function Gt(e){let t=Kt();return kt(()=>{t.current=e},[e]),t.current}var Yt=Gt,B=new Map;function Jt({defaultValue:e,defaultLanguage:t,defaultPath:r,value:n,language:o,path:i,theme:a="light",line:l,loading:s="Loading...",options:d={},overrideServices:O={},saveViewState:b=!0,keepCurrentModel:M=!1,width:k="100%",height:K="100%",className:G,wrapperProps:Y={},beforeMount:J=N,onMount:y=N,onChange:L,onValidate:A=N}){let[p,m]=Le(!1),[f,C]=Le(!0),h=j(null),c=j(null),I=j(null),z=j(y),U=j(J),R=j(),u=j(n),g=Yt(i),ie=j(!1),Q=j(!1);Ce(()=>{let v=E.init();return v.then(S=>(h.current=S)&&C(!1)).catch(S=>S?.type!=="cancelation"&&console.error("Monaco initialization: error:",S)),()=>c.current?Ve():v.cancel()}),w(()=>{let v=x(h.current,e||n||"",t||o||"",i||r||"");v!==c.current?.getModel()&&(b&&B.set(g,c.current?.saveViewState()),c.current?.setModel(v),b&&c.current?.restoreViewState(B.get(i)))},[i],p),w(()=>{c.current?.updateOptions(d)},[d],p),w(()=>{!c.current||n===void 0||(c.current.getOption(h.current.editor.EditorOption.readOnly)?c.current.setValue(n):n!==c.current.getValue()&&(Q.current=!0,c.current.executeEdits("",[{range:c.current.getModel().getFullModelRange(),text:n,forceMoveMarkers:!0}]),c.current.pushUndoStop(),Q.current=!1))},[n],p),w(()=>{let v=c.current?.getModel();v&&o&&h.current?.editor.setModelLanguage(v,o)},[o],p),w(()=>{l!==void 0&&c.current?.revealLine(l)},[l],p),w(()=>{h.current?.editor.setTheme(a)},[a],p);let ae=Bt(()=>{if(!(!I.current||!h.current)&&!ie.current){U.current(h.current);let v=i||r,S=x(h.current,n||e||"",t||o||"",v||"");c.current=h.current?.editor.create(I.current,{model:S,automaticLayout:!0,...d},O),b&&c.current.restoreViewState(B.get(v)),h.current.editor.setTheme(a),l!==void 0&&c.current.revealLine(l),m(!0),ie.current=!0}},[e,t,r,n,o,i,d,O,b,a,l]);H(()=>{p&&z.current(c.current,h.current)},[p]),H(()=>{!f&&!p&&ae()},[f,p,ae]),u.current=n,H(()=>{p&&L&&(R.current?.dispose(),R.current=c.current?.onDidChangeModelContent(v=>{Q.current||L(c.current.getValue(),v)}))},[p,L]),H(()=>{if(p){let v=h.current.editor.onDidChangeMarkers(S=>{let X=c.current.getModel()?.uri;if(X&&S.find(Z=>Z.path===X.path)){let Z=h.current.editor.getModelMarkers({resource:X});A?.(Z)}});return()=>{v?.dispose()}}return()=>{}},[p,A]);function Ve(){R.current?.dispose(),M?b&&B.set(i,c.current.saveViewState()):c.current.getModel()?.dispose(),c.current.dispose()}return Ht.createElement(Ae,{width:k,height:K,isEditorReady:p,loading:s,_ref:I,className:G,wrapperProps:Y})}var Qt=Jt,Xt=Ft(Qt),oe=Xt;import"react";var er=oe.default||oe,tr="code-editor",rr=e=>{let t=Zt(17),r,n,o,i,a;t[0]!==e?({className:o,height:i,options:a,readOnly:n,...r}=e,t[0]=e,t[1]=r,t[2]=n,t[3]=o,t[4]=i,t[5]=a):(r=t[1],n=t[2],o=t[3],i=t[4],a=t[5]);let{theme:l}=ue(),s=r?.defaultLanguage?`language--${r.defaultLanguage}`:"",d=n&&"read-only",O;t[6]!==o||t[7]!==s||t[8]!==d?(O=[tr,o,s,d].filter(Boolean),t[6]=o,t[7]=s,t[8]=d,t[9]=O):O=t[9];let b=O.join(" "),M;return t[10]!==i||t[11]!==n||t[12]!==a||t[13]!==l||t[14]!==b||t[15]!==r?(M=De(er,{className:b,height:i,loading:De(ce,{height:i}),options:{detectIndentation:!0,minimap:{enabled:!1},readOnly:!!n,scrollBeyondLastLine:!1,tabSize:2,wordWrap:"on",...a},theme:l==="dark"?"vs-dark":"vs",...r}),t[10]=i,t[11]=n,t[12]=a,t[13]=l,t[14]=b,t[15]=r,t[16]=M):M=t[16],M},Xr=rr;export{Xr as default};
+//# sourceMappingURL=CodeEditor-CHKRX3U2.js.map