@payloadcms/ui 3.0.0-canary.0ff7f07 → 3.0.0-canary.12a836c

package/dist/elements/WhereBuilder/index.js

@@ -1,245 +1,244 @@
 'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useEffect, useState } from 'react';
 import { useListQuery } from '../../providers/ListQuery/index.js';
+import { useLocale } from '../../providers/Locale/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 './index.scss';
-import { reduceFieldMap } from './reduceFieldMap.js';
+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,
-        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:
-      {
+ */
+export const WhereBuilder = props => {
+  const {
+    collectionPluralLabel,
+    fields
+  } = props;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    code: currentLocale
+  } = useLocale();
+  const [reducedFields, setReducedColumns] = useState(() => reduceClientFields({
+    fields,
+    i18n
+  }));
+  useEffect(() => {
+    setReducedColumns(reduceClientFields({
+      fields,
+      i18n
+    }));
+  }, [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)}`) // eslint-disable-line no-console
+      ;
+    }
+    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: [{
-          category: {
-            equals: 'category-a'
-          }
+          [fieldName]: {}
         }]
-      },
-
-      {
-        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)}`);
-        }
-        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]: {}
-                    }
-                ]
-            });
-        }
-        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);
-                }
-            }
+      });
+    }
+    setConditions(newConditions);
+  }, [conditions]);
+  const updateCondition = React.useCallback(({
+    andIndex: andIndex_0,
+    fieldName: fieldName_0,
+    operator,
+    orIndex: orIndex_0,
+    value: valueArg
+  }) => {
+    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)) {
+        conditions[orIndex_0].and[andIndex_0] = 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);
-        }
-        setConditions(newConditions);
-        setShouldUpdateQuery(true);
-    }, [
-        conditions
-    ]);
-    React.useEffect(()=>{
-        if (shouldUpdateQuery) {
-            handleWhereChange({
-                or: conditions
+      }
+    }
+  }, [conditions]);
+  const removeCondition = React.useCallback(({
+    andIndex: andIndex_1,
+    orIndex: orIndex_1
+  }) => {
+    const newConditions_0 = [...conditions];
+    newConditions_0[orIndex_1].and.splice(andIndex_1, 1);
+    if (newConditions_0[orIndex_1].and.length === 0) {
+      newConditions_0.splice(orIndex_1, 1);
+    }
+    setConditions(newConditions_0);
+    setShouldUpdateQuery(true);
+  }, [conditions]);
+  React.useEffect(() => {
+    if (shouldUpdateQuery) {
+      async function handleChange() {
+        await handleWhereChange({
+          or: conditions
+        });
+        setShouldUpdateQuery(false);
+      }
+      void handleChange();
+    }
+  }, [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_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 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 /*#__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,
+                    fieldName: initialFieldName,
+                    fields: reducedFields,
+                    initialValue: initialValue,
+                    operator: initialOperator,
+                    orIndex: orIndex_2,
+                    removeCondition: removeCondition,
+                    updateCondition: updateCondition
+                  })]
+                }, andIndex_2);
+              })
+            })]
+          }, 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'
             });
-            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: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 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] 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"],"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":["getTranslation","React","useEffect","useState","useListQuery","useLocale","useSearchParams","useTranslation","Button","Condition","reduceClientFields","transformWhereQuery","validateWhereQuery","baseClass","WhereBuilder","props","collectionPluralLabel","fields","i18n","t","code","currentLocale","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","handleChange","_jsxs","className","Fragment","_jsx","label","map","compoundOrKey","Array","isArray","_","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 { useLocale } from '../../providers/Locale/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  const { code: currentLocale } = useLocale()\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          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      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"}