@payloadcms/ui 3.0.0-canary.cee5702 → 3.0.0-canary.cf66341

package/dist/elements/WhereBuilder/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useEffect, useState } from 'react';
@@ -6,239 +8,293 @@ import { useListQuery } from '../../providers/ListQuery/index.js';
 import { useSearchParams } from '../../providers/SearchParams/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
-import { useTableColumns } from '../TableColumns/index.js';
 import { Condition } from './Condition/index.js';
-import { reduceFieldMap } from './reduceFieldMap.js';
+import './index.scss';
+import { reduceClientFields } from './reduceClientFields.js';
 import { transformWhereQuery } from './transformWhereQuery.js';
 import validateWhereQuery from './validateWhereQuery.js';
 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 } = props;
-    const { i18n, t } = useTranslation();
-    const { columns } = useTableColumns();
-    const [reducedFields, setReducedColumns] = useState(()=>reduceFieldMap(columns, i18n));
-    useEffect(()=>{
-        setReducedColumns(reduceFieldMap(columns, i18n));
-    }, [
-        columns,
+ */
+export const WhereBuilder = props => {
+  const $ = _c(29);
+  const {
+    collectionPluralLabel,
+    fields
+  } = props;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  let t0;
+  if ($[0] !== fields || $[1] !== i18n) {
+    t0 = () => reduceClientFields({
+      fields,
+      i18n
+    });
+    $[0] = fields;
+    $[1] = i18n;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const [reducedFields, setReducedColumns] = useState(t0);
+  let t1;
+  let t2;
+  if ($[3] !== fields || $[4] !== i18n) {
+    t1 = () => {
+      setReducedColumns(reduceClientFields({
+        fields,
         i18n
-    ]);
-    const { searchParams } = useSearchParams();
-    const { handleWhereChange } = useListQuery();
-    const [shouldUpdateQuery, setShouldUpdateQuery] = React.useState(false);
-    // This handles initializing the where conditions from the search query (URL). That way, if you pass in
-    // query params to the URL, the where conditions will be initialized from those and displayed in the UI.
-    // Example: /admin/collections/posts?where[or][0][and][0][text][equals]=example%20post
-    /*
-    stored conditions look like this:
-    [
-      _or_ & _and_ queries have the same shape:
-      {
-        and: [{
-          category: {
-            equals: 'category-a'
-          }
-        }]
-      },
-
-      {
-        and:[{
-          category: {
-            equals: 'category-b'
-          },
-          text: {
-            not_equals: 'oranges'
-          },
-        }]
-      }
-    ]
-  */ const [conditions, setConditions] = React.useState(()=>{
-        const whereFromSearch = searchParams.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)}`);
+      }));
+    };
+    t2 = [fields, i18n];
+    $[3] = fields;
+    $[4] = i18n;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t1 = $[5];
+    t2 = $[6];
+  }
+  useEffect(t1, t2);
+  const {
+    searchParams
+  } = useSearchParams();
+  const {
+    handleWhereChange
+  } = useListQuery();
+  const [shouldUpdateQuery, setShouldUpdateQuery] = React.useState(false);
+  let t3;
+  if ($[7] !== searchParams.where) {
+    t3 = () => {
+      const whereFromSearch = searchParams.where;
+      if (whereFromSearch) {
+        if (validateWhereQuery(whereFromSearch)) {
+          return whereFromSearch.or;
         }
-        return [];
-    });
-    const addCondition = React.useCallback(({ andIndex, fieldName, orIndex, relation })=>{
-        const newConditions = [
-            ...conditions
-        ];
-        if (relation === 'and') {
-            newConditions[orIndex].and.splice(andIndex, 0, {
-                [fieldName]: {}
-            });
-        } else {
-            newConditions.push({
-                and: [
-                    {
-                        [fieldName]: {}
-                    }
-                ]
-            });
+        const transformedWhere = transformWhereQuery(whereFromSearch);
+        if (validateWhereQuery(transformedWhere)) {
+          return transformedWhere.or;
         }
-        setConditions(newConditions);
-    }, [
-        conditions
-    ]);
-    const updateCondition = React.useCallback(({ andIndex, fieldName, operator, orIndex, value: valueArg })=>{
-        const existingRowCondition = conditions[orIndex].and[andIndex];
-        if (typeof existingRowCondition === 'object' && fieldName && operator) {
-            const value = valueArg ?? (operator ? existingRowCondition[operator] : '');
-            const newRowCondition = {
-                [fieldName]: operator ? {
-                    [operator]: value
-                } : {}
-            };
-            if (JSON.stringify(existingRowCondition) !== JSON.stringify(newRowCondition)) {
-                conditions[orIndex].and[andIndex] = newRowCondition;
-                setConditions(conditions);
-                if (![
-                    null,
-                    undefined
-                ].includes(value)) {
-                    // only update query when field/operator/value are filled out
-                    setShouldUpdateQuery(true);
-                }
-            }
-        }
-    }, [
-        conditions
-    ]);
-    const removeCondition = React.useCallback(({ andIndex, orIndex })=>{
-        const newConditions = [
-            ...conditions
-        ];
-        newConditions[orIndex].and.splice(andIndex, 1);
-        if (newConditions[orIndex].and.length === 0) {
-            newConditions.splice(orIndex, 1);
+        console.warn(`Invalid where query in URL: ${JSON.stringify(whereFromSearch)}`);
+      }
+      return [];
+    };
+    $[7] = searchParams.where;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const [conditions, setConditions] = React.useState(t3);
+  let t4;
+  if ($[9] !== conditions) {
+    t4 = t5 => {
+      const {
+        andIndex,
+        fieldName,
+        orIndex,
+        relation
+      } = t5;
+      const newConditions = [...conditions];
+      if (relation === "and") {
+        newConditions[orIndex].and.splice(andIndex, 0, {
+          [fieldName]: {}
+        });
+      } else {
+        newConditions.push({
+          and: [{
+            [fieldName]: {}
+          }]
+        });
+      }
+      setConditions(newConditions);
+    };
+    $[9] = conditions;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const addCondition = t4;
+  let t5;
+  if ($[11] !== conditions) {
+    t5 = t6 => {
+      const {
+        andIndex: andIndex_0,
+        fieldName: fieldName_0,
+        operator,
+        orIndex: orIndex_0,
+        value: valueArg
+      } = t6;
+      const existingRowCondition = conditions[orIndex_0].and[andIndex_0];
+      if (typeof existingRowCondition === "object" && fieldName_0 && operator) {
+        const value = valueArg ?? (operator ? existingRowCondition[operator] : "");
+        const newRowCondition = {
+          [fieldName_0]: operator ? {
+            [operator]: value
+          } : {}
+        };
+        if (JSON.stringify(existingRowCondition) !== JSON.stringify(newRowCondition)) {
+          const newConditions_0 = [...conditions];
+          newConditions_0[orIndex_0].and[andIndex_0] = newRowCondition;
+          setConditions(newConditions_0);
+          if (![null, undefined].includes(value)) {
+            setShouldUpdateQuery(true);
+          }
         }
-        setConditions(newConditions);
-        setShouldUpdateQuery(true);
-    }, [
-        conditions
-    ]);
-    React.useEffect(()=>{
-        if (shouldUpdateQuery) {
-            handleWhereChange({
-                or: conditions
+      }
+    };
+    $[11] = conditions;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  const updateCondition = t5;
+  let t6;
+  if ($[13] !== conditions) {
+    t6 = t7 => {
+      const {
+        andIndex: andIndex_1,
+        orIndex: orIndex_1
+      } = t7;
+      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);
+      }
+      setConditions(newConditions_1);
+      setShouldUpdateQuery(true);
+    };
+    $[13] = conditions;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  const removeCondition = t6;
+  let t7;
+  let t8;
+  if ($[15] !== shouldUpdateQuery || $[16] !== handleWhereChange || $[17] !== conditions) {
+    t7 = () => {
+      if (shouldUpdateQuery) {
+        const handleChange = async function handleChange() {
+          await handleWhereChange({
+            or: conditions
+          });
+          setShouldUpdateQuery(false);
+        };
+        handleChange();
+      }
+    };
+    t8 = [conditions, handleWhereChange, shouldUpdateQuery];
+    $[15] = shouldUpdateQuery;
+    $[16] = handleWhereChange;
+    $[17] = conditions;
+    $[18] = t7;
+    $[19] = t8;
+  } else {
+    t7 = $[18];
+    t8 = $[19];
+  }
+  React.useEffect(t7, t8);
+  let t9;
+  if ($[20] !== conditions || $[21] !== collectionPluralLabel || $[22] !== i18n || $[23] !== t || $[24] !== addCondition || $[25] !== reducedFields || $[26] !== removeCondition || $[27] !== updateCondition) {
+    t9 = _jsxs("div", {
+      className: baseClass,
+      children: [conditions.length > 0 && _jsxs(React.Fragment, {
+        children: [_jsx("div", {
+          className: `${baseClass}__label`,
+          children: t("general:filterWhere", {
+            label: getTranslation(collectionPluralLabel, i18n)
+          })
+        }), _jsx("ul", {
+          className: `${baseClass}__or-filters`,
+          children: conditions.map((or, orIndex_2) => {
+            const compoundOrKey = `${orIndex_2}_${Array.isArray(or?.and) ? or.and.length : ""}`;
+            return _jsxs("li", {
+              children: [orIndex_2 !== 0 && _jsx("div", {
+                className: `${baseClass}__label`,
+                children: t("general:or")
+              }), _jsx("ul", {
+                className: `${baseClass}__and-filters`,
+                children: Array.isArray(or?.and) && or.and.map((_, andIndex_2) => {
+                  const initialFieldName = Object.keys(conditions[orIndex_2].and[andIndex_2])[0];
+                  const initialOperator = Object.keys(conditions[orIndex_2].and[andIndex_2]?.[initialFieldName] || {})?.[0] || undefined;
+                  const initialValue = conditions[orIndex_2].and[andIndex_2]?.[initialFieldName]?.[initialOperator] || "";
+                  return _jsxs("li", {
+                    children: [andIndex_2 !== 0 && _jsx("div", {
+                      className: `${baseClass}__label`,
+                      children: t("general:and")
+                    }), _jsx(Condition, {
+                      addCondition,
+                      andIndex: andIndex_2,
+                      fieldName: initialFieldName,
+                      fields: reducedFields,
+                      initialValue,
+                      operator: initialOperator,
+                      orIndex: orIndex_2,
+                      removeCondition,
+                      updateCondition
+                    })]
+                  }, andIndex_2);
+                })
+              })]
+            }, compoundOrKey);
+          })
+        }), _jsx(Button, {
+          buttonStyle: "icon-label",
+          className: `${baseClass}__add-or`,
+          icon: "plus",
+          iconPosition: "left",
+          iconStyle: "with-border",
+          onClick: () => {
+            addCondition({
+              andIndex: 0,
+              fieldName: reducedFields[0].value,
+              orIndex: conditions.length,
+              relation: "or"
             });
-            setShouldUpdateQuery(false);
-        }
-    }, [
-        conditions,
-        handleWhereChange,
-        shouldUpdateQuery
-    ]);
-    return /*#__PURE__*/ _jsxs("div", {
-        className: baseClass,
-        children: [
-            conditions.length > 0 && /*#__PURE__*/ _jsxs(React.Fragment, {
-                children: [
-                    /*#__PURE__*/ _jsx("div", {
-                        className: `${baseClass}__label`,
-                        children: t('general:filterWhere', {
-                            label: getTranslation(collectionPluralLabel, i18n)
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx("ul", {
-                        className: `${baseClass}__or-filters`,
-                        children: conditions.map((or, orIndex)=>{
-                            const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`;
-                            return /*#__PURE__*/ _jsxs("li", {
-                                children: [
-                                    orIndex !== 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)=>{
-                                            const initialFieldName = Object.keys(conditions[orIndex].and[andIndex])[0];
-                                            const initialOperator = Object.keys(conditions[orIndex].and[andIndex]?.[initialFieldName] || {})?.[0] || undefined;
-                                            const initialValue = conditions[orIndex].and[andIndex]?.[initialFieldName]?.[initialOperator] || '';
-                                            return /*#__PURE__*/ _jsxs("li", {
-                                                children: [
-                                                    andIndex !== 0 && /*#__PURE__*/ _jsx("div", {
-                                                        className: `${baseClass}__label`,
-                                                        children: t('general:and')
-                                                    }),
-                                                    /*#__PURE__*/ _jsx(Condition, {
-                                                        addCondition: addCondition,
-                                                        andIndex: andIndex,
-                                                        fieldName: initialFieldName,
-                                                        fields: reducedFields,
-                                                        initialValue: initialValue,
-                                                        operator: initialOperator,
-                                                        orIndex: orIndex,
-                                                        removeCondition: removeCondition,
-                                                        updateCondition: updateCondition
-                                                    })
-                                                ]
-                                            }, andIndex);
-                                        })
-                                    })
-                                ]
-                            }, compoundOrKey);
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(Button, {
-                        buttonStyle: "icon-label",
-                        className: `${baseClass}__add-or`,
-                        icon: "plus",
-                        iconPosition: "left",
-                        iconStyle: "with-border",
-                        onClick: ()=>{
-                            addCondition({
-                                andIndex: 0,
-                                fieldName: reducedFields[0].value,
-                                orIndex: conditions.length,
-                                relation: 'or'
-                            });
-                        },
-                        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: ()=>{
-                            if (reducedFields.length > 0) {
-                                addCondition({
-                                    andIndex: 0,
-                                    fieldName: reducedFields[0].value,
-                                    orIndex: conditions.length,
-                                    relation: 'or'
-                                });
-                            }
-                        },
-                        children: t('general:addFilter')
-                    })
-                ]
-            })
-        ]
+          },
+          children: t("general:or")
+        })]
+      }), conditions.length === 0 && _jsxs("div", {
+        className: `${baseClass}__no-filters`,
+        children: [_jsx("div", {
+          className: `${baseClass}__label`,
+          children: t("general:noFiltersSet")
+        }), _jsx(Button, {
+          buttonStyle: "icon-label",
+          className: `${baseClass}__add-first-filter`,
+          icon: "plus",
+          iconPosition: "left",
+          iconStyle: "with-border",
+          onClick: () => {
+            if (reducedFields.length > 0) {
+              addCondition({
+                andIndex: 0,
+                fieldName: reducedFields[0].value,
+                orIndex: conditions.length,
+                relation: "or"
+              });
+            }
+          },
+          children: t("general:addFilter")
+        })]
+      })]
     });
+    $[20] = conditions;
+    $[21] = collectionPluralLabel;
+    $[22] = i18n;
+    $[23] = t;
+    $[24] = addCondition;
+    $[25] = reducedFields;
+    $[26] = removeCondition;
+    $[27] = updateCondition;
+    $[28] = t9;
+  } else {
+    t9 = $[28];
+  }
+  return t9;
 };
-
 //# 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 { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport type { WhereBuilderProps } from './types.js'\n\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { useTableColumns } from '../TableColumns/index.js'\nimport { Condition } from './Condition/index.js'\nimport './index.scss'\nimport { reduceFieldMap } from './reduceFieldMap.js'\nimport { transformWhereQuery } from './transformWhereQuery.js'\nimport validateWhereQuery from './validateWhereQuery.js'\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 } = props\n  const { i18n, t } = useTranslation()\n  const { columns } = useTableColumns()\n\n  const [reducedFields, setReducedColumns] = useState(() => reduceFieldMap(columns, i18n))\n\n  useEffect(() => {\n    setReducedColumns(reduceFieldMap(columns, i18n))\n  }, [columns, i18n])\n\n  const { searchParams } = useSearchParams()\n  const { handleWhereChange } = useListQuery()\n  const [shouldUpdateQuery, setShouldUpdateQuery] = React.useState(false)\n\n  // This handles initializing the where conditions from the search query (URL). That way, if you pass in\n  // query params to the URL, the where conditions will be initialized from those and displayed in the UI.\n  // Example: /admin/collections/posts?where[or][0][and][0][text][equals]=example%20post\n  /*\n    stored conditions look like this:\n    [\n      _or_ & _and_ queries have the same shape:\n      {\n        and: [{\n          category: {\n            equals: 'category-a'\n          }\n        }]\n      },\n\n      {\n        and:[{\n          category: {\n            equals: 'category-b'\n          },\n          text: {\n            not_equals: 'oranges'\n          },\n        }]\n      }\n    ]\n  */\n\n  const [conditions, setConditions] = React.useState(() => {\n    const whereFromSearch = searchParams.where\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)}`)\n    }\n\n    return []\n  })\n\n  const addCondition = React.useCallback(\n    ({ andIndex, fieldName, orIndex, relation }) => {\n      const newConditions = [...conditions]\n      if (relation === 'and') {\n        newConditions[orIndex].and.splice(andIndex, 0, { [fieldName]: {} })\n      } else {\n        newConditions.push({\n          and: [\n            {\n              [fieldName]: {},\n            },\n          ],\n        })\n      }\n      setConditions(newConditions)\n    },\n    [conditions],\n  )\n\n  const updateCondition = React.useCallback(\n    ({ andIndex, fieldName, operator, orIndex, value: valueArg }) => {\n      const existingRowCondition = conditions[orIndex].and[andIndex]\n      if (typeof existingRowCondition === 'object' && fieldName && operator) {\n        const value = valueArg ?? (operator ? existingRowCondition[operator] : '')\n        const newRowCondition = {\n          [fieldName]: operator ? { [operator]: value } : {},\n        }\n\n        if (JSON.stringify(existingRowCondition) !== JSON.stringify(newRowCondition)) {\n          conditions[orIndex].and[andIndex] = newRowCondition\n          setConditions(conditions)\n          if (![null, undefined].includes(value)) {\n            // only update query when field/operator/value are filled out\n            setShouldUpdateQuery(true)\n          }\n        }\n      }\n    },\n    [conditions],\n  )\n\n  const removeCondition = React.useCallback(\n    ({ andIndex, orIndex }) => {\n      const newConditions = [...conditions]\n      newConditions[orIndex].and.splice(andIndex, 1)\n      if (newConditions[orIndex].and.length === 0) {\n        newConditions.splice(orIndex, 1)\n      }\n      setConditions(newConditions)\n      setShouldUpdateQuery(true)\n    },\n    [conditions],\n  )\n\n  React.useEffect(() => {\n    if (shouldUpdateQuery) {\n      handleWhereChange({ or: conditions })\n      setShouldUpdateQuery(false)\n    }\n  }, [conditions, handleWhereChange, shouldUpdateQuery])\n\n  return (\n    <div className={baseClass}>\n      {conditions.length > 0 && (\n        <React.Fragment>\n          <div className={`${baseClass}__label`}>\n            {t('general:filterWhere', { label: getTranslation(collectionPluralLabel, i18n) })}\n          </div>\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 initialFieldName = Object.keys(conditions[orIndex].and[andIndex])[0]\n                        const initialOperator =\n                          Object.keys(\n                            conditions[orIndex].and[andIndex]?.[initialFieldName] || {},\n                          )?.[0] || undefined\n                        const initialValue =\n                          conditions[orIndex].and[andIndex]?.[initialFieldName]?.[\n                            initialOperator\n                          ] || ''\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                              fieldName={initialFieldName}\n                              fields={reducedFields}\n                              initialValue={initialValue}\n                              operator={initialOperator}\n                              orIndex={orIndex}\n                              removeCondition={removeCondition}\n                              updateCondition={updateCondition}\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={() => {\n              addCondition({\n                andIndex: 0,\n                fieldName: reducedFields[0].value,\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={() => {\n              if (reducedFields.length > 0) {\n                addCondition({\n                  andIndex: 0,\n                  fieldName: reducedFields[0].value,\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","React","useEffect","useState","useListQuery","useSearchParams","useTranslation","Button","useTableColumns","Condition","reduceFieldMap","transformWhereQuery","validateWhereQuery","baseClass","WhereBuilder","props","collectionPluralLabel","i18n","t","columns","reducedFields","setReducedColumns","searchParams","handleWhereChange","shouldUpdateQuery","setShouldUpdateQuery","conditions","setConditions","whereFromSearch","where","or","transformedWhere","console","warn","JSON","stringify","addCondition","useCallback","andIndex","fieldName","orIndex","relation","newConditions","and","splice","push","updateCondition","operator","value","valueArg","existingRowCondition","newRowCondition","undefined","includes","removeCondition","length","div","className","Fragment","label","ul","map","compoundOrKey","Array","isArray","li","_","initialFieldName","Object","keys","initialOperator","initialValue","fields","buttonStyle","icon","iconPosition","iconStyle","onClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useEffect","useState","useListQuery","useSearchParams","useTranslation","Button","Condition","reduceClientFields","transformWhereQuery","validateWhereQuery","baseClass","WhereBuilder","props","$","collectionPluralLabel","fields","i18n","t","t0","reducedFields","setReducedColumns","t1","t2","searchParams","handleWhereChange","shouldUpdateQuery","setShouldUpdateQuery","t3","where","whereFromSearch","or","transformedWhere","console","warn","JSON","stringify","conditions","setConditions","t4","t5","andIndex","fieldName","orIndex","relation","newConditions","and","splice","push","addCondition","t6","andIndex_0","fieldName_0","operator","orIndex_0","value","valueArg","existingRowCondition","newRowCondition","newConditions_0","undefined","includes","updateCondition","t7","andIndex_1","orIndex_1","newConditions_1","length","removeCondition","t8","handleChange","t9","_jsxs","className","children","Fragment","_jsx","label","map","orIndex_2","compoundOrKey","Array","isArray","_","andIndex_2","initialFieldName","Object","keys","initialOperator","initialValue","buttonStyle","icon","iconPosition","iconStyle","onClick"],"sources":["../../../src/elements/WhereBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { Operator } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport type { WhereBuilderProps } from './types.js'\n\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Condition } from './Condition/index.js'\nimport './index.scss'\nimport { reduceClientFields } from './reduceClientFields.js'\nimport { transformWhereQuery } from './transformWhereQuery.js'\nimport validateWhereQuery from './validateWhereQuery.js'\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, fields } = props\n  const { i18n, t } = useTranslation()\n\n  const [reducedFields, setReducedColumns] = useState(() => reduceClientFields({ fields, i18n }))\n\n  useEffect(() => {\n    setReducedColumns(reduceClientFields({ fields, i18n }))\n  }, [fields, i18n])\n\n  const { searchParams } = useSearchParams()\n  const { handleWhereChange } = useListQuery()\n  const [shouldUpdateQuery, setShouldUpdateQuery] = React.useState(false)\n\n  // This handles initializing the where conditions from the search query (URL). That way, if you pass in\n  // query params to the URL, the where conditions will be initialized from those and displayed in the UI.\n  // Example: /admin/collections/posts?where[or][0][and][0][text][equals]=example%20post\n  /*\n    stored conditions look like this:\n    [\n      _or_ & _and_ queries have the same shape:\n      {\n        and: [{\n          category: {\n            equals: 'category-a'\n          }\n        }]\n      },\n\n      {\n        and:[{\n          category: {\n            equals: 'category-b'\n          },\n          text: {\n            not_equals: 'oranges'\n          },\n        }]\n      }\n    ]\n  */\n\n  const [conditions, setConditions] = React.useState(() => {\n    const whereFromSearch = searchParams.where\n    if (whereFromSearch) {\n      if (validateWhereQuery(whereFromSearch)) {\n        return whereFromSearch.or\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  })\n\n  const addCondition = React.useCallback(\n    ({ andIndex, fieldName, orIndex, relation }) => {\n      const newConditions = [...conditions]\n      if (relation === 'and') {\n        newConditions[orIndex].and.splice(andIndex, 0, { [fieldName]: {} })\n      } else {\n        newConditions.push({\n          and: [\n            {\n              [fieldName]: {},\n            },\n          ],\n        })\n      }\n      setConditions(newConditions)\n    },\n    [conditions],\n  )\n\n  const updateCondition = React.useCallback(\n    ({ andIndex, fieldName, operator, orIndex, value: valueArg }) => {\n      const existingRowCondition = conditions[orIndex].and[andIndex]\n      if (typeof existingRowCondition === 'object' && fieldName && operator) {\n        const value = valueArg ?? (operator ? existingRowCondition[operator] : '')\n        const newRowCondition = {\n          [fieldName]: operator ? { [operator]: value } : {},\n        }\n\n        if (JSON.stringify(existingRowCondition) !== JSON.stringify(newRowCondition)) {\n          const newConditions = [...conditions]\n          newConditions[orIndex].and[andIndex] = newRowCondition\n          setConditions(newConditions)\n          if (![null, undefined].includes(value)) {\n            // only update query when field/operator/value are filled out\n            setShouldUpdateQuery(true)\n          }\n        }\n      }\n    },\n    [conditions],\n  )\n\n  const removeCondition = React.useCallback(\n    ({ andIndex, orIndex }) => {\n      const newConditions = [...conditions]\n      newConditions[orIndex].and.splice(andIndex, 1)\n      if (newConditions[orIndex].and.length === 0) {\n        newConditions.splice(orIndex, 1)\n      }\n      setConditions(newConditions)\n      setShouldUpdateQuery(true)\n    },\n    [conditions],\n  )\n\n  React.useEffect(() => {\n    if (shouldUpdateQuery) {\n      async function handleChange() {\n        await handleWhereChange({ or: conditions })\n        setShouldUpdateQuery(false)\n      }\n      void handleChange()\n    }\n  }, [conditions, handleWhereChange, shouldUpdateQuery])\n\n  return (\n    <div className={baseClass}>\n      {conditions.length > 0 && (\n        <React.Fragment>\n          <div className={`${baseClass}__label`}>\n            {t('general:filterWhere', { label: getTranslation(collectionPluralLabel, i18n) })}\n          </div>\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 initialFieldName = Object.keys(conditions[orIndex].and[andIndex])[0]\n                        const initialOperator =\n                          (Object.keys(\n                            conditions[orIndex].and[andIndex]?.[initialFieldName] || {},\n                          )?.[0] as Operator) || undefined\n                        const initialValue =\n                          conditions[orIndex].and[andIndex]?.[initialFieldName]?.[\n                            initialOperator\n                          ] || ''\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                              fieldName={initialFieldName}\n                              fields={reducedFields}\n                              initialValue={initialValue}\n                              operator={initialOperator}\n                              orIndex={orIndex}\n                              removeCondition={removeCondition}\n                              updateCondition={updateCondition}\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={() => {\n              addCondition({\n                andIndex: 0,\n                fieldName: reducedFields[0].value,\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={() => {\n              if (reducedFields.length > 0) {\n                addCondition({\n                  andIndex: 0,\n                  fieldName: reducedFields[0].value,\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/reduceClientFields.d.ts

@@ -0,0 +1,15 @@
+import type { I18nClient } from '@payloadcms/translations';
+import type { ClientField } from 'payload';
+import type { FieldCondition } from './types.js';
+export type ReduceClientFieldsArgs = {
+    fields: ClientField[];
+    i18n: I18nClient;
+    labelPrefix?: string;
+    pathPrefix?: string;
+};
+/**
+ * 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 declare const reduceClientFields: ({ fields, i18n, labelPrefix, pathPrefix, }: ReduceClientFieldsArgs) => FieldCondition[];
+//# sourceMappingURL=reduceClientFields.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reduceClientFields.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/reduceClientFields.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAyB,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAMhD,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,+CAK5B,sBAAsB,KAAG,cAAc,EA6IzC,CAAA"}