@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.35482da

package/dist/elements/WhereBuilder/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { transformWhereQuery, validateWhereQuery } from 'payload/shared';
 import React, { useMemo } from 'react';
@@ -14,161 +16,200 @@ const baseClass = 'where-builder';
 /**
  * The WhereBuilder component is used to render the filter controls for a collection's list view.
  * It is part of the {@link ListControls} component which is used to render the controls (search, filter, where).
- */ export const WhereBuilder = (props)=>{
-    const { collectionPluralLabel, collectionSlug, fields, renderedFilters, resolvedFilterOptions } = props;
-    const { i18n, t } = useTranslation();
-    const { permissions } = useAuth();
-    const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields;
-    const reducedFields = useMemo(()=>reduceFieldsToOptions({
-            fieldPermissions,
-            fields,
-            i18n
-        }), [
-        fieldPermissions,
-        fields,
-        i18n
-    ]);
-    const { handleWhereChange, query } = useListQuery();
-    const conditions = useMemo(()=>{
-        const whereFromSearch = query.where;
-        if (whereFromSearch) {
-            if (validateWhereQuery(whereFromSearch)) {
-                return whereFromSearch.or;
-            }
-            // Transform the where query to be in the right format. This will transform something simple like [text][equals]=example%20post to the right format
-            const transformedWhere = transformWhereQuery(whereFromSearch);
-            if (validateWhereQuery(transformedWhere)) {
-                return transformedWhere.or;
-            }
-            console.warn(`Invalid where query in URL: ${JSON.stringify(whereFromSearch)}`);
+ */
+export const WhereBuilder = props => {
+  const {
+    collectionPluralLabel,
+    collectionSlug,
+    fields,
+    renderedFilters,
+    resolvedFilterOptions
+  } = props;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    permissions
+  } = useAuth();
+  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields;
+  const reducedFields = useMemo(() => reduceFieldsToOptions({
+    fieldPermissions,
+    fields,
+    i18n
+  }), [fieldPermissions, fields, i18n]);
+  const {
+    handleWhereChange,
+    query
+  } = useListQuery();
+  const conditions = useMemo(() => {
+    const whereFromSearch = query.where;
+    if (whereFromSearch) {
+      if (validateWhereQuery(whereFromSearch)) {
+        return whereFromSearch.or;
+      }
+      // Transform the where query to be in the right format. This will transform something simple like [text][equals]=example%20post to the right format
+      const transformedWhere = transformWhereQuery(whereFromSearch);
+      if (validateWhereQuery(transformedWhere)) {
+        return transformedWhere.or;
+      }
+      console.warn(`Invalid where query in URL: ${JSON.stringify(whereFromSearch)}`) // eslint-disable-line no-console
+      ;
+    }
+    return [];
+  }, [query.where]);
+  const addCondition = React.useCallback(async ({
+    andIndex,
+    field,
+    orIndex,
+    relation
+  }) => {
+    const newConditions = [...conditions];
+    const defaultOperator = fieldTypeConditions[field.field.type].operators[0].value;
+    if (relation === 'and') {
+      newConditions[orIndex].and.splice(andIndex, 0, {
+        [String(field.value)]: {
+          [defaultOperator]: undefined
         }
-        // eslint-disable-line no-console
-        return [];
-    }, [
-        query.where
-    ]);
-    const addCondition = React.useCallback(async ({ andIndex, field, orIndex, relation })=>{
-        const newConditions = [
-            ...conditions
-        ];
-        const defaultOperator = fieldTypeConditions[field.field.type].operators[0].value;
-        if (relation === 'and') {
-            newConditions[orIndex].and.splice(andIndex, 0, {
-                [String(field.value)]: {
-                    [defaultOperator]: undefined
-                }
-            });
-        } else {
-            newConditions.push({
-                and: [
-                    {
-                        [String(field.value)]: {
-                            [defaultOperator]: undefined
-                        }
-                    }
-                ]
-            });
+      });
+    } else {
+      newConditions.push({
+        and: [{
+          [String(field.value)]: {
+            [defaultOperator]: undefined
+          }
+        }]
+      });
+    }
+    await handleWhereChange({
+      or: newConditions
+    });
+  }, [conditions, handleWhereChange]);
+  const updateCondition = React.useCallback(async ({
+    andIndex: andIndex_0,
+    field: field_0,
+    operator: incomingOperator,
+    orIndex: orIndex_0,
+    value
+  }) => {
+    const existingCondition = conditions[orIndex_0].and[andIndex_0];
+    if (typeof existingCondition === 'object' && field_0.value) {
+      const {
+        validOperator
+      } = getValidFieldOperators({
+        field: field_0.field,
+        operator: incomingOperator
+      });
+      const newRowCondition = {
+        [String(field_0.value)]: {
+          [validOperator]: value
         }
-        await handleWhereChange({
-            or: newConditions
-        });
-    }, [
-        conditions,
-        handleWhereChange
-    ]);
-    const updateCondition = React.useCallback(async ({ andIndex, field, operator: incomingOperator, orIndex, value })=>{
-        const existingCondition = conditions[orIndex].and[andIndex];
-        if (typeof existingCondition === 'object' && field.value) {
-            const { validOperator } = getValidFieldOperators({
-                field: field.field,
-                operator: incomingOperator
-            });
-            const newRowCondition = {
-                [String(field.value)]: {
-                    [validOperator]: value
-                }
-            };
-            const newConditions = [
-                ...conditions
-            ];
-            newConditions[orIndex].and[andIndex] = newRowCondition;
-            await handleWhereChange({
-                or: newConditions
-            });
-        }
-    }, [
-        conditions,
-        handleWhereChange
-    ]);
-    const removeCondition = React.useCallback(async ({ andIndex, orIndex })=>{
-        const newConditions = [
-            ...conditions
-        ];
-        newConditions[orIndex].and.splice(andIndex, 1);
-        if (newConditions[orIndex].and.length === 0) {
-            newConditions.splice(orIndex, 1);
-        }
-        await handleWhereChange({
-            or: newConditions
-        });
-    }, [
-        conditions,
-        handleWhereChange
-    ]);
-    return <div className={baseClass}>
-      {conditions.length > 0 && <React.Fragment>
-          <p className={`${baseClass}__label`}>
-            {t('general:filterWhere', {
-        label: getTranslation(collectionPluralLabel, i18n)
-    })}
-          </p>
-          <ul className={`${baseClass}__or-filters`}>
-            {conditions.map((or, orIndex)=>{
-        const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`;
-        return <li key={compoundOrKey}>
-                  {orIndex !== 0 && <div className={`${baseClass}__label`}>{t('general:or')}</div>}
-                  <ul className={`${baseClass}__and-filters`}>
-                    {Array.isArray(or?.and) && or.and.map((_, andIndex)=>{
-            const condition = conditions[orIndex].and[andIndex];
-            const fieldPath = Object.keys(condition)[0];
-            const operator = Object.keys(condition?.[fieldPath] || {})?.[0] || undefined;
-            const value = condition?.[fieldPath]?.[operator] || undefined;
-            return <li key={andIndex}>
-                            {andIndex !== 0 && <div className={`${baseClass}__label`}>{t('general:and')}</div>}
-                            <Condition addCondition={addCondition} andIndex={andIndex} fieldPath={fieldPath} filterOptions={resolvedFilterOptions?.get(fieldPath)} operator={operator} orIndex={orIndex} reducedFields={reducedFields} removeCondition={removeCondition} RenderedFilter={renderedFilters?.get(fieldPath)} updateCondition={updateCondition} value={value}/>
-                          </li>;
-        })}
-                  </ul>
-                </li>;
-    })}
-          </ul>
-          <Button buttonStyle="icon-label" className={`${baseClass}__add-or`} icon="plus" iconPosition="left" iconStyle="with-border" onClick={async ()=>{
-        await addCondition({
+      };
+      const newConditions_0 = [...conditions];
+      newConditions_0[orIndex_0].and[andIndex_0] = newRowCondition;
+      await handleWhereChange({
+        or: newConditions_0
+      });
+    }
+  }, [conditions, handleWhereChange]);
+  const removeCondition = React.useCallback(async ({
+    andIndex: andIndex_1,
+    orIndex: orIndex_1
+  }) => {
+    const newConditions_1 = [...conditions];
+    newConditions_1[orIndex_1].and.splice(andIndex_1, 1);
+    if (newConditions_1[orIndex_1].and.length === 0) {
+      newConditions_1.splice(orIndex_1, 1);
+    }
+    await handleWhereChange({
+      or: newConditions_1
+    });
+  }, [conditions, handleWhereChange]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [conditions.length > 0 && /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [/*#__PURE__*/_jsx("p", {
+        className: `${baseClass}__label`,
+        children: t('general:filterWhere', {
+          label: getTranslation(collectionPluralLabel, i18n)
+        })
+      }), /*#__PURE__*/_jsx("ul", {
+        className: `${baseClass}__or-filters`,
+        children: conditions.map((or, orIndex_2) => {
+          const compoundOrKey = `${orIndex_2}_${Array.isArray(or?.and) ? or.and.length : ''}`;
+          return /*#__PURE__*/_jsxs("li", {
+            children: [orIndex_2 !== 0 && /*#__PURE__*/_jsx("div", {
+              className: `${baseClass}__label`,
+              children: t('general:or')
+            }), /*#__PURE__*/_jsx("ul", {
+              className: `${baseClass}__and-filters`,
+              children: Array.isArray(or?.and) && or.and.map((_, andIndex_2) => {
+                const condition = conditions[orIndex_2].and[andIndex_2];
+                const fieldPath = Object.keys(condition)[0];
+                const operator = Object.keys(condition?.[fieldPath] || {})?.[0] || undefined;
+                const value_0 = condition?.[fieldPath]?.[operator] || undefined;
+                return /*#__PURE__*/_jsxs("li", {
+                  children: [andIndex_2 !== 0 && /*#__PURE__*/_jsx("div", {
+                    className: `${baseClass}__label`,
+                    children: t('general:and')
+                  }), /*#__PURE__*/_jsx(Condition, {
+                    addCondition: addCondition,
+                    andIndex: andIndex_2,
+                    fieldPath: fieldPath,
+                    filterOptions: resolvedFilterOptions?.get(fieldPath),
+                    operator: operator,
+                    orIndex: orIndex_2,
+                    reducedFields: reducedFields,
+                    removeCondition: removeCondition,
+                    RenderedFilter: renderedFilters?.get(fieldPath),
+                    updateCondition: updateCondition,
+                    value: value_0
+                  })]
+                }, andIndex_2);
+              })
+            })]
+          }, compoundOrKey);
+        })
+      }), /*#__PURE__*/_jsx(Button, {
+        buttonStyle: "icon-label",
+        className: `${baseClass}__add-or`,
+        icon: "plus",
+        iconPosition: "left",
+        iconStyle: "with-border",
+        onClick: async () => {
+          await addCondition({
             andIndex: 0,
-            field: reducedFields.find((field)=>!field.field.admin?.disableListFilter),
+            field: reducedFields.find(field_1 => !field_1.field.admin?.disableListFilter),
             orIndex: conditions.length,
             relation: 'or'
-        });
-    }}>
-            {t('general:or')}
-          </Button>
-        </React.Fragment>}
-      {conditions.length === 0 && <div className={`${baseClass}__no-filters`}>
-          <div className={`${baseClass}__label`}>{t('general:noFiltersSet')}</div>
-          <Button buttonStyle="icon-label" className={`${baseClass}__add-first-filter`} icon="plus" iconPosition="left" iconStyle="with-border" onClick={async ()=>{
-        if (reducedFields.length > 0) {
+          });
+        },
+        children: t('general:or')
+      })]
+    }), conditions.length === 0 && /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__no-filters`,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__label`,
+        children: t('general:noFiltersSet')
+      }), /*#__PURE__*/_jsx(Button, {
+        buttonStyle: "icon-label",
+        className: `${baseClass}__add-first-filter`,
+        icon: "plus",
+        iconPosition: "left",
+        iconStyle: "with-border",
+        onClick: async () => {
+          if (reducedFields.length > 0) {
             await addCondition({
-                andIndex: 0,
-                field: reducedFields.find((field)=>!field.field.admin?.disableListFilter),
-                orIndex: conditions.length,
-                relation: 'or'
+              andIndex: 0,
+              field: reducedFields.find(field_2 => !field_2.field.admin?.disableListFilter),
+              orIndex: conditions.length,
+              relation: 'or'
             });
-        }
-    }}>
-            {t('general:addFilter')}
-          </Button>
-        </div>}
-    </div>;
+          }
+        },
+        children: t('general:addFilter')
+      })]
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/WhereBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { Operator } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { transformWhereQuery, validateWhereQuery } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport type { AddCondition, RemoveCondition, UpdateCondition, WhereBuilderProps } from './types.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { Button } from '../Button/index.js'\nimport { Condition } from './Condition/index.js'\nimport { fieldTypeConditions, getValidFieldOperators } from './field-types.js'\nimport './index.scss'\n\nconst baseClass = 'where-builder'\n\nexport { WhereBuilderProps }\n\n/**\n * The WhereBuilder component is used to render the filter controls for a collection's list view.\n * It is part of the {@link ListControls} component which is used to render the controls (search, filter, where).\n */\nexport const WhereBuilder: React.FC<WhereBuilderProps> = (props) => {\n  const { collectionPluralLabel, collectionSlug, fields, renderedFilters, resolvedFilterOptions } =\n    props\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields,\n        i18n,\n      }),\n    [fieldPermissions, fields, i18n],\n  )\n\n  const { handleWhereChange, query } = useListQuery()\n\n  const conditions = useMemo(() => {\n    const whereFromSearch = query.where\n\n    if (whereFromSearch) {\n      if (validateWhereQuery(whereFromSearch)) {\n        return whereFromSearch.or\n      }\n\n      // Transform the where query to be in the right format. This will transform something simple like [text][equals]=example%20post to the right format\n      const transformedWhere = transformWhereQuery(whereFromSearch)\n\n      if (validateWhereQuery(transformedWhere)) {\n        return transformedWhere.or\n      }\n\n      console.warn(`Invalid where query in URL: ${JSON.stringify(whereFromSearch)}`) // eslint-disable-line no-console\n    }\n\n    return []\n  }, [query.where])\n\n  const addCondition: AddCondition = React.useCallback(\n    async ({ andIndex, field, orIndex, relation }) => {\n      const newConditions = [...conditions]\n\n      const defaultOperator = fieldTypeConditions[field.field.type].operators[0].value\n\n      if (relation === 'and') {\n        newConditions[orIndex].and.splice(andIndex, 0, {\n          [String(field.value)]: {\n            [defaultOperator]: undefined,\n          },\n        })\n      } else {\n        newConditions.push({\n          and: [\n            {\n              [String(field.value)]: {\n                [defaultOperator]: undefined,\n              },\n            },\n          ],\n        })\n      }\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const updateCondition: UpdateCondition = React.useCallback(\n    async ({ andIndex, field, operator: incomingOperator, orIndex, value }) => {\n      const existingCondition = conditions[orIndex].and[andIndex]\n\n      if (typeof existingCondition === 'object' && field.value) {\n        const { validOperator } = getValidFieldOperators({\n          field: field.field,\n          operator: incomingOperator,\n        })\n        const newRowCondition = {\n          [String(field.value)]: { [validOperator]: value },\n        }\n\n        const newConditions = [...conditions]\n        newConditions[orIndex].and[andIndex] = newRowCondition\n        await handleWhereChange({ or: newConditions })\n      }\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const removeCondition: RemoveCondition = React.useCallback(\n    async ({ andIndex, orIndex }) => {\n      const newConditions = [...conditions]\n      newConditions[orIndex].and.splice(andIndex, 1)\n\n      if (newConditions[orIndex].and.length === 0) {\n        newConditions.splice(orIndex, 1)\n      }\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  return (\n    <div className={baseClass}>\n      {conditions.length > 0 && (\n        <React.Fragment>\n          <p className={`${baseClass}__label`}>\n            {t('general:filterWhere', { label: getTranslation(collectionPluralLabel, i18n) })}\n          </p>\n          <ul className={`${baseClass}__or-filters`}>\n            {conditions.map((or, orIndex) => {\n              const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`\n\n              return (\n                <li key={compoundOrKey}>\n                  {orIndex !== 0 && <div className={`${baseClass}__label`}>{t('general:or')}</div>}\n                  <ul className={`${baseClass}__and-filters`}>\n                    {Array.isArray(or?.and) &&\n                      or.and.map((_, andIndex) => {\n                        const condition = conditions[orIndex].and[andIndex]\n                        const fieldPath = Object.keys(condition)[0]\n\n                        const operator =\n                          (Object.keys(condition?.[fieldPath] || {})?.[0] as Operator) || undefined\n\n                        const value = condition?.[fieldPath]?.[operator] || undefined\n\n                        return (\n                          <li key={andIndex}>\n                            {andIndex !== 0 && (\n                              <div className={`${baseClass}__label`}>{t('general:and')}</div>\n                            )}\n                            <Condition\n                              addCondition={addCondition}\n                              andIndex={andIndex}\n                              fieldPath={fieldPath}\n                              filterOptions={resolvedFilterOptions?.get(fieldPath)}\n                              operator={operator}\n                              orIndex={orIndex}\n                              reducedFields={reducedFields}\n                              removeCondition={removeCondition}\n                              RenderedFilter={renderedFilters?.get(fieldPath)}\n                              updateCondition={updateCondition}\n                              value={value}\n                            />\n                          </li>\n                        )\n                      })}\n                  </ul>\n                </li>\n              )\n            })}\n          </ul>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-or`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={async () => {\n              await addCondition({\n                andIndex: 0,\n                field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                orIndex: conditions.length,\n                relation: 'or',\n              })\n            }}\n          >\n            {t('general:or')}\n          </Button>\n        </React.Fragment>\n      )}\n      {conditions.length === 0 && (\n        <div className={`${baseClass}__no-filters`}>\n          <div className={`${baseClass}__label`}>{t('general:noFiltersSet')}</div>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-first-filter`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={async () => {\n              if (reducedFields.length > 0) {\n                await addCondition({\n                  andIndex: 0,\n                  field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                  orIndex: conditions.length,\n                  relation: 'or',\n                })\n              }\n            }}\n          >\n            {t('general:addFilter')}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["getTranslation","transformWhereQuery","validateWhereQuery","React","useMemo","useAuth","useListQuery","useTranslation","reduceFieldsToOptions","Button","Condition","fieldTypeConditions","getValidFieldOperators","baseClass","WhereBuilder","props","collectionPluralLabel","collectionSlug","fields","renderedFilters","resolvedFilterOptions","i18n","t","permissions","fieldPermissions","collections","reducedFields","handleWhereChange","query","conditions","whereFromSearch","where","or","transformedWhere","console","warn","JSON","stringify","addCondition","useCallback","andIndex","field","orIndex","relation","newConditions","defaultOperator","type","operators","value","and","splice","String","undefined","push","updateCondition","operator","incomingOperator","existingCondition","validOperator","newRowCondition","removeCondition","length","div","className","Fragment","p","label","ul","map","compoundOrKey","Array","isArray","li","key","_","condition","fieldPath","Object","keys","filterOptions","get","RenderedFilter","buttonStyle","icon","iconPosition","iconStyle","onClick","find","admin","disableListFilter"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["getTranslation","transformWhereQuery","validateWhereQuery","React","useMemo","useAuth","useListQuery","useTranslation","reduceFieldsToOptions","Button","Condition","fieldTypeConditions","getValidFieldOperators","baseClass","WhereBuilder","props","collectionPluralLabel","collectionSlug","fields","renderedFilters","resolvedFilterOptions","i18n","t","permissions","fieldPermissions","collections","reducedFields","handleWhereChange","query","conditions","whereFromSearch","where","or","transformedWhere","console","warn","JSON","stringify","addCondition","useCallback","andIndex","field","orIndex","relation","newConditions","defaultOperator","type","operators","value","and","splice","String","undefined","push","updateCondition","operator","incomingOperator","existingCondition","validOperator","newRowCondition","removeCondition","length","_jsxs","className","Fragment","_jsx","label","map","compoundOrKey","Array","isArray","_","condition","fieldPath","Object","keys","filterOptions","get","RenderedFilter","buttonStyle","icon","iconPosition","iconStyle","onClick","find","admin","disableListFilter"],"sources":["../../../src/elements/WhereBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { Operator } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { transformWhereQuery, validateWhereQuery } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport type { AddCondition, RemoveCondition, UpdateCondition, WhereBuilderProps } from './types.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { Button } from '../Button/index.js'\nimport { Condition } from './Condition/index.js'\nimport { fieldTypeConditions, getValidFieldOperators } from './field-types.js'\nimport './index.scss'\n\nconst baseClass = 'where-builder'\n\nexport { WhereBuilderProps }\n\n/**\n * The WhereBuilder component is used to render the filter controls for a collection's list view.\n * It is part of the {@link ListControls} component which is used to render the controls (search, filter, where).\n */\nexport const WhereBuilder: React.FC<WhereBuilderProps> = (props) => {\n  const { collectionPluralLabel, collectionSlug, fields, renderedFilters, resolvedFilterOptions } =\n    props\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields,\n        i18n,\n      }),\n    [fieldPermissions, fields, i18n],\n  )\n\n  const { handleWhereChange, query } = useListQuery()\n\n  const conditions = useMemo(() => {\n    const whereFromSearch = query.where\n\n    if (whereFromSearch) {\n      if (validateWhereQuery(whereFromSearch)) {\n        return whereFromSearch.or\n      }\n\n      // Transform the where query to be in the right format. This will transform something simple like [text][equals]=example%20post to the right format\n      const transformedWhere = transformWhereQuery(whereFromSearch)\n\n      if (validateWhereQuery(transformedWhere)) {\n        return transformedWhere.or\n      }\n\n      console.warn(`Invalid where query in URL: ${JSON.stringify(whereFromSearch)}`) // eslint-disable-line no-console\n    }\n\n    return []\n  }, [query.where])\n\n  const addCondition: AddCondition = React.useCallback(\n    async ({ andIndex, field, orIndex, relation }) => {\n      const newConditions = [...conditions]\n\n      const defaultOperator = fieldTypeConditions[field.field.type].operators[0].value\n\n      if (relation === 'and') {\n        newConditions[orIndex].and.splice(andIndex, 0, {\n          [String(field.value)]: {\n            [defaultOperator]: undefined,\n          },\n        })\n      } else {\n        newConditions.push({\n          and: [\n            {\n              [String(field.value)]: {\n                [defaultOperator]: undefined,\n              },\n            },\n          ],\n        })\n      }\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const updateCondition: UpdateCondition = React.useCallback(\n    async ({ andIndex, field, operator: incomingOperator, orIndex, value }) => {\n      const existingCondition = conditions[orIndex].and[andIndex]\n\n      if (typeof existingCondition === 'object' && field.value) {\n        const { validOperator } = getValidFieldOperators({\n          field: field.field,\n          operator: incomingOperator,\n        })\n        const newRowCondition = {\n          [String(field.value)]: { [validOperator]: value },\n        }\n\n        const newConditions = [...conditions]\n        newConditions[orIndex].and[andIndex] = newRowCondition\n        await handleWhereChange({ or: newConditions })\n      }\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const removeCondition: RemoveCondition = React.useCallback(\n    async ({ andIndex, orIndex }) => {\n      const newConditions = [...conditions]\n      newConditions[orIndex].and.splice(andIndex, 1)\n\n      if (newConditions[orIndex].and.length === 0) {\n        newConditions.splice(orIndex, 1)\n      }\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  return (\n    <div className={baseClass}>\n      {conditions.length > 0 && (\n        <React.Fragment>\n          <p className={`${baseClass}__label`}>\n            {t('general:filterWhere', { label: getTranslation(collectionPluralLabel, i18n) })}\n          </p>\n          <ul className={`${baseClass}__or-filters`}>\n            {conditions.map((or, orIndex) => {\n              const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`\n\n              return (\n                <li key={compoundOrKey}>\n                  {orIndex !== 0 && <div className={`${baseClass}__label`}>{t('general:or')}</div>}\n                  <ul className={`${baseClass}__and-filters`}>\n                    {Array.isArray(or?.and) &&\n                      or.and.map((_, andIndex) => {\n                        const condition = conditions[orIndex].and[andIndex]\n                        const fieldPath = Object.keys(condition)[0]\n\n                        const operator =\n                          (Object.keys(condition?.[fieldPath] || {})?.[0] as Operator) || undefined\n\n                        const value = condition?.[fieldPath]?.[operator] || undefined\n\n                        return (\n                          <li key={andIndex}>\n                            {andIndex !== 0 && (\n                              <div className={`${baseClass}__label`}>{t('general:and')}</div>\n                            )}\n                            <Condition\n                              addCondition={addCondition}\n                              andIndex={andIndex}\n                              fieldPath={fieldPath}\n                              filterOptions={resolvedFilterOptions?.get(fieldPath)}\n                              operator={operator}\n                              orIndex={orIndex}\n                              reducedFields={reducedFields}\n                              removeCondition={removeCondition}\n                              RenderedFilter={renderedFilters?.get(fieldPath)}\n                              updateCondition={updateCondition}\n                              value={value}\n                            />\n                          </li>\n                        )\n                      })}\n                  </ul>\n                </li>\n              )\n            })}\n          </ul>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-or`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={async () => {\n              await addCondition({\n                andIndex: 0,\n                field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                orIndex: conditions.length,\n                relation: 'or',\n              })\n            }}\n          >\n            {t('general:or')}\n          </Button>\n        </React.Fragment>\n      )}\n      {conditions.length === 0 && (\n        <div className={`${baseClass}__no-filters`}>\n          <div className={`${baseClass}__label`}>{t('general:noFiltersSet')}</div>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-first-filter`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={async () => {\n              if (reducedFields.length > 0) {\n                await addCondition({\n                  andIndex: 0,\n                  field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                  orIndex: conditions.length,\n                  relation: 'or',\n                })\n              }\n            }}\n          >\n            {t('general:addFilter')}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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 {\n  ClientField,\n  Operator,\n  ResolvedFilterOptions,\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  readonly renderedFilters?: Map<string, React.ReactNode>\n  readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>\n}\n\nexport type Value = Date | number | number[] | string | string[]\n\nexport type ReducedField = {\n  field: ClientField\n  label: React.ReactNode\n  operators: {\n    label: string\n    value: Operator\n  }[]\n  plainTextLabel?: string\n  value: Value\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\nexport type AddCondition = ({\n  andIndex,\n  field,\n  orIndex,\n  relation,\n}: {\n  andIndex: number\n  field: ReducedField\n  orIndex: number\n  relation: 'and' | 'or'\n}) => Promise<void> | void\n\nexport type UpdateCondition = ({\n  type,\n  andIndex,\n  field,\n  operator,\n  orIndex,\n  value,\n}: {\n  andIndex: number\n  field: ReducedField\n  operator: string\n  orIndex: number\n  type: 'field' | 'operator' | 'value'\n  value: Value\n}) => Promise<void> | void\n\nexport type RemoveCondition = ({\n  andIndex,\n  orIndex,\n}: {\n  andIndex: number\n  orIndex: number\n}) => Promise<void> | void\n"],"names":[],"mappings":"AAwFA,WAM0B"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/WhereBuilder/types.ts"],"sourcesContent":["import type {\n  ClientField,\n  Operator,\n  ResolvedFilterOptions,\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  readonly renderedFilters?: Map<string, React.ReactNode>\n  readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>\n}\n\nexport type Value = Date | number | number[] | string | string[]\n\nexport type ReducedField = {\n  field: ClientField\n  label: React.ReactNode\n  operators: {\n    label: string\n    value: Operator\n  }[]\n  plainTextLabel?: string\n  value: Value\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\nexport type AddCondition = ({\n  andIndex,\n  field,\n  orIndex,\n  relation,\n}: {\n  andIndex: number\n  field: ReducedField\n  orIndex: number\n  relation: 'and' | 'or'\n}) => Promise<void> | void\n\nexport type UpdateCondition = ({\n  type,\n  andIndex,\n  field,\n  operator,\n  orIndex,\n  value,\n}: {\n  andIndex: number\n  field: ReducedField\n  operator: string\n  orIndex: number\n  type: 'field' | 'operator' | 'value'\n  value: Value\n}) => Promise<void> | void\n\nexport type RemoveCondition = ({\n  andIndex,\n  orIndex,\n}: {\n  andIndex: number\n  orIndex: number\n}) => Promise<void> | void\n"],"mappings":"AAwFA","ignoreList":[]}

package/dist/elements/WindowInfo/index.js

@@ -1,5 +1,5 @@
 '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":["'use client'\nimport { useWindowInfo, WindowInfoProvider } from '@faceless-ui/window-info'\nexport { useWindowInfo, WindowInfoProvider }\n"],"names":["useWindowInfo","WindowInfoProvider"],"mappings":"AAAA;AACA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,2BAA0B;AAC5E,SAASD,aAAa,EAAEC,kBAAkB,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,16 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { isReactServerComponentOrFunction } from 'payload/shared';
-export const WithServerSideProps = ({ Component, serverOnlyProps, ...rest })=>{
-    if (Component) {
-        const WithServerSideProps = (passedProps)=>{
-            const propsWithServerOnlyProps = {
-                ...passedProps,
-                ...isReactServerComponentOrFunction(Component) ? serverOnlyProps ?? {} : {}
-            };
-            return <Component {...propsWithServerOnlyProps}/>;
-        };
-        return WithServerSideProps(rest);
-    }
-    return null;
+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 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","WithServerSideProps","Component","serverOnlyProps","rest","passedProps","propsWithServerOnlyProps"],"mappings":"AAEA,SAASA,gCAAgC,QAAQ,iBAAgB;AAGjE,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,GAAIL,iCAAiCE,aAAcC,mBAAmB,CAAC,IAAK,CAAC,CAAC;YAChF;YAEA,QAAQD,WAAW,GAAGI,wBAAwB;QAChD;QAEA,OAAOL,oBAAoBG;IAC7B;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,OAAOL,mBAAA,CAAoBG,IAAA;EAC7B;EAEA,OAAO;AACT","ignoreList":[]}

package/dist/elements/withMergedProps/index.js

@@ -1,4 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { isReactServerComponentOrFunction, serverProps } from 'payload/shared';
+import React from 'react';
 /**
  * Creates a higher-order component (HOC) that merges predefined properties (`toMergeIntoProps`)
  * with any properties passed to the resulting component.
@@ -20,27 +22,33 @@ import { isReactServerComponentOrFunction, serverProps } from 'payload/shared';
  * @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 = simpleMergeProps(passedProps, toMergeIntoProps);
-        if (sanitizeServerOnlyProps) {
-            serverProps.forEach((prop)=>{
-                delete mergedProps[prop];
-            });
-        }
-        return <Component {...mergedProps}/>;
-    };
-    return MergedPropsComponent;
+    return /*#__PURE__*/_jsx(Component, {
+      ...mergedProps
+    });
+  };
+  return MergedPropsComponent;
 }
 function simpleMergeProps(props, toMerge) {
-    return {
-        ...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 { 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"],"names":["isReactServerComponentOrFunction","serverProps","withMergedProps","Component","sanitizeServerOnlyProps","toMergeIntoProps","undefined","MergedPropsComponent","passedProps","mergedProps","simpleMergeProps","forEach","prop","props","toMerge"],"mappings":"AAAA,SAASA,gCAAgC,EAAEC,WAAW,QAAQ,iBAAgB;AAG9E;;;;;;;;;;;;;;;;;;;;;CAqBC,GACD,OAAO,SAASC,gBAAuD,EACrEC,SAAS,EACTC,uBAAuB,EACvBC,gBAAgB,EAKjB;IACC,IAAID,4BAA4BE,WAAW;QACzCF,0BAA0B,CAACJ,iCAAiCG;IAC9D;IACA,sHAAsH;IACtH,MAAMI,uBAAsD,CAACC;QAC3D,MAAMC,cAAcC,iBAAiBF,aAAaH;QAElD,IAAID,yBAAyB;YAC3BH,YAAYU,OAAO,CAAC,CAACC;gBACnB,OAAOH,WAAW,CAACG,KAAK;YAC1B;QACF;QAEA,QAAQT,WAAW,GAAGM,WAAW;IACnC;IAEA,OAAOF;AACT;AAEA,SAASG,iBAAiBG,KAAK,EAAEC,OAAO;IACtC,OAAO;QAAE,GAAGD,KAAK;QAAE,GAAGC,OAAO;IAAC;AAChC"}
+{"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-QOURTFMT.js

@@ -0,0 +1,14 @@
+"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{l as a}from"./chunk-53XJ3K67.js";import"./chunk-5LKBKI4T.js";export{a as default};
+//# sourceMappingURL=CodeEditor-QOURTFMT.js.map

package/dist/exports/client/CodeEditor-QOURTFMT.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}