@ruya.sa/ui 3.71.3

package/dist/elements/WhereBuilder/Condition/index.scss

@@ -0,0 +1,59 @@
+@import '../../../scss/styles.scss';
+
+@layer payload-default {
+  .condition {
+    &__wrap {
+      display: flex;
+      align-items: center;
+      gap: var(--base);
+    }
+
+    &__inputs {
+      display: flex;
+      flex-grow: 1;
+      align-items: center;
+      gap: var(--base);
+
+      > div {
+        flex-basis: 100%;
+      }
+    }
+
+    &__field {
+      .field-label {
+        padding-bottom: 0;
+      }
+    }
+
+    &__actions {
+      flex-shrink: 0;
+      display: flex;
+      gap: calc(var(--base) / 2);
+      padding: calc(var(--base) / 2) 0;
+    }
+
+    .btn {
+      vertical-align: middle;
+      margin: 0;
+    }
+
+    @include mid-break {
+      &__wrap {
+        align-items: initial;
+        gap: calc(var(--base) / 2);
+      }
+
+      &__inputs {
+        flex-direction: column;
+        gap: calc(var(--base) / 2);
+        align-items: stretch;
+      }
+
+      &__actions {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,16 @@
+import type { Operator, Where } from '@ruya.sa/payload';
+import type { Action, ReducedField } from '../types.js';
+export type Props = {
+    andIndex: number;
+    dispatch: (action: Action) => void;
+    fields: ReducedField[];
+    orIndex: number;
+    value: Where;
+};
+export type DefaultFilterProps = {
+    readonly disabled: boolean;
+    readonly onChange: (val: any) => void;
+    readonly operator: Operator;
+    readonly value: unknown;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAEvD,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAEvD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;CACxB,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/WhereBuilder/Condition/types.ts"],"sourcesContent":["import type { Operator, Where } from '@ruya.sa/payload'\n\nimport type { Action, ReducedField } from '../types.js'\n\nexport type Props = {\n  andIndex: number\n  dispatch: (action: Action) => void\n  fields: ReducedField[]\n  orIndex: number\n  value: Where\n}\n\nexport type DefaultFilterProps = {\n  readonly disabled: boolean\n  readonly onChange: (val: any) => void\n  readonly operator: Operator\n  readonly value: unknown\n}\n"],"mappings":"AAYA","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/validOperators.d.ts

@@ -0,0 +1,19 @@
+export declare const getOperatorValueTypes: (fieldType: any) => {
+    all: string;
+    contains: string;
+    equals: string;
+    exists: string;
+    greater_than: string;
+    greater_than_equal: string;
+    in: string;
+    intersects: string;
+    less_than: string;
+    less_than_equal: string;
+    like: string;
+    near: string;
+    not_equals: string;
+    not_in: string;
+    not_like: string;
+    within: string;
+};
+//# sourceMappingURL=validOperators.d.ts.map

package/dist/elements/WhereBuilder/Condition/validOperators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validOperators.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/validOperators.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;CAiCjC,CAAA"}

package/dist/elements/WhereBuilder/Condition/validOperators.js

@@ -0,0 +1,35 @@
+export const getOperatorValueTypes = fieldType => {
+  return {
+    all: 'any',
+    contains: 'string',
+    equals: 'any',
+    /*
+    * exists:
+    * The expected value is boolean, but it's passed as a string ('true' or 'false').
+    * Need to additionally check if the value is strictly 'true' or 'false' as a string,
+    * rather than using a direct typeof comparison.
+    * This is handled as:
+    * validOperatorValue === 'boolean' && (value === 'true' || value === 'false')
+    */
+    exists: 'boolean',
+    /*
+    * greater_than, greater_than_equal, less_than, less_than_equal:
+    * Used for number and date fields:
+    * - For date fields, the value is an object (e.g., Mon Feb 17 2025 12:00:00 GMT+0000).
+    * - For number fields, the value is a string representing the number.
+    */
+    greater_than: fieldType === 'date' ? 'object' : 'string',
+    greater_than_equal: fieldType === 'date' ? 'object' : 'string',
+    in: 'any',
+    intersects: 'any',
+    less_than: fieldType === 'date' ? 'object' : 'string',
+    less_than_equal: fieldType === 'date' ? 'object' : 'string',
+    like: 'string',
+    near: 'any',
+    not_equals: 'any',
+    not_in: 'any',
+    not_like: 'string',
+    within: 'any'
+  };
+};
+//# sourceMappingURL=validOperators.js.map

package/dist/elements/WhereBuilder/Condition/validOperators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validOperators.js","names":["getOperatorValueTypes","fieldType","all","contains","equals","exists","greater_than","greater_than_equal","in","intersects","less_than","less_than_equal","like","near","not_equals","not_in","not_like","within"],"sources":["../../../../src/elements/WhereBuilder/Condition/validOperators.ts"],"sourcesContent":["export const getOperatorValueTypes = (fieldType) => {\n  return {\n    all: 'any',\n    contains: 'string',\n    equals: 'any',\n    /*\n     * exists:\n     * The expected value is boolean, but it's passed as a string ('true' or 'false').\n     * Need to additionally check if the value is strictly 'true' or 'false' as a string,\n     * rather than using a direct typeof comparison.\n     * This is handled as:\n     * validOperatorValue === 'boolean' && (value === 'true' || value === 'false')\n     */\n    exists: 'boolean',\n    /*\n     * greater_than, greater_than_equal, less_than, less_than_equal:\n     * Used for number and date fields:\n     * - For date fields, the value is an object (e.g., Mon Feb 17 2025 12:00:00 GMT+0000).\n     * - For number fields, the value is a string representing the number.\n     */\n    greater_than: fieldType === 'date' ? 'object' : 'string',\n    greater_than_equal: fieldType === 'date' ? 'object' : 'string',\n    in: 'any',\n    intersects: 'any',\n    less_than: fieldType === 'date' ? 'object' : 'string',\n    less_than_equal: fieldType === 'date' ? 'object' : 'string',\n    like: 'string',\n    near: 'any',\n    not_equals: 'any',\n    not_in: 'any',\n    not_like: 'string',\n    within: 'any',\n  }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,qBAAA,GAAyBC,SAAA;EACpC,OAAO;IACLC,GAAA,EAAK;IACLC,QAAA,EAAU;IACVC,MAAA,EAAQ;IACR;;;;;;;;IAQAC,MAAA,EAAQ;IACR;;;;;;IAMAC,YAAA,EAAcL,SAAA,KAAc,SAAS,WAAW;IAChDM,kBAAA,EAAoBN,SAAA,KAAc,SAAS,WAAW;IACtDO,EAAA,EAAI;IACJC,UAAA,EAAY;IACZC,SAAA,EAAWT,SAAA,KAAc,SAAS,WAAW;IAC7CU,eAAA,EAAiBV,SAAA,KAAc,SAAS,WAAW;IACnDW,IAAA,EAAM;IACNC,IAAA,EAAM;IACNC,UAAA,EAAY;IACZC,MAAA,EAAQ;IACRC,QAAA,EAAU;IACVC,MAAA,EAAQ;EACV;AACF","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+import type { ClientField } from '@ruya.sa/payload';
+export declare const arrayOperators: {
+    label: string;
+    value: string;
+}[];
+export declare const fieldTypeConditions: {
+    [key: string]: {
+        component: string;
+        operators: {
+            label: string;
+            value: string;
+        }[];
+    };
+};
+export declare const getValidFieldOperators: ({ field, operator, }: {
+    field: ClientField;
+    operator?: string;
+}) => {
+    validOperator: string;
+    validOperators: {
+        label: string;
+        value: string;
+    }[];
+};
+//# sourceMappingURL=field-types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/field-types.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAanD,eAAO,MAAM,cAAc;;;GAS1B,CAAA;AA8DD,eAAO,MAAM,mBAAmB,EAAE;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,SAAS,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAA;KAC9C,CAAA;CA0DF,CAAA;AAED,eAAO,MAAM,sBAAsB,yBAGhC;IACD,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,KAAG;IACF,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE;QACd,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;KACd,EAAE,CAAA;CAwBJ,CAAA"}

package/dist/elements/WhereBuilder/field-types.js

@@ -0,0 +1,138 @@
+'use client';
+
+const equalsOperators = [{
+  label: 'equals',
+  value: 'equals'
+}, {
+  label: 'isNotEqualTo',
+  value: 'not_equals'
+}];
+export const arrayOperators = [{
+  label: 'isIn',
+  value: 'in'
+}, {
+  label: 'isNotIn',
+  value: 'not_in'
+}];
+const exists = {
+  label: 'exists',
+  value: 'exists'
+};
+const base = [...equalsOperators, ...arrayOperators, exists];
+const numeric = [...base, {
+  label: 'isGreaterThan',
+  value: 'greater_than'
+}, {
+  label: 'isLessThan',
+  value: 'less_than'
+}, {
+  label: 'isLessThanOrEqualTo',
+  value: 'less_than_equal'
+}, {
+  label: 'isGreaterThanOrEqualTo',
+  value: 'greater_than_equal'
+}];
+const geo = [...equalsOperators, {
+  label: 'near',
+  value: 'near'
+}];
+const within = {
+  label: 'within',
+  value: 'within'
+};
+const intersects = {
+  label: 'intersects',
+  value: 'intersects'
+};
+const like = {
+  label: 'isLike',
+  value: 'like'
+};
+const notLike = {
+  label: 'isNotLike',
+  value: 'not_like'
+};
+const contains = {
+  label: 'contains',
+  value: 'contains'
+};
+export const fieldTypeConditions = {
+  checkbox: {
+    component: 'Text',
+    operators: [...equalsOperators, exists]
+  },
+  code: {
+    component: 'Text',
+    operators: [...base, like, notLike, contains]
+  },
+  date: {
+    component: 'Date',
+    operators: [...numeric, exists]
+  },
+  email: {
+    component: 'Text',
+    operators: [...base, contains]
+  },
+  json: {
+    component: 'Text',
+    operators: [...base, like, contains, notLike, within, intersects]
+  },
+  number: {
+    component: 'Number',
+    operators: [...numeric, exists]
+  },
+  point: {
+    component: 'Point',
+    operators: [...geo, exists, within, intersects]
+  },
+  radio: {
+    component: 'Select',
+    operators: [...base]
+  },
+  relationship: {
+    component: 'Relationship',
+    operators: [...base]
+  },
+  richText: {
+    component: 'Text',
+    operators: [...base, like, notLike, contains]
+  },
+  select: {
+    component: 'Select',
+    operators: [...base]
+  },
+  text: {
+    component: 'Text',
+    operators: [...base, like, notLike, contains]
+  },
+  textarea: {
+    component: 'Text',
+    operators: [...base, like, notLike, contains]
+  },
+  upload: {
+    component: 'Relationship',
+    operators: [...base]
+  }
+};
+export const getValidFieldOperators = ({
+  field,
+  operator
+}) => {
+  let validOperators = [];
+  if (field.type === 'relationship' && Array.isArray(field.relationTo)) {
+    if ('hasMany' in field && field.hasMany) {
+      validOperators = [...equalsOperators, exists];
+    } else {
+      validOperators = [...base];
+    }
+  } else {
+    validOperators = [...fieldTypeConditions[field.type].operators];
+  }
+  return {
+    validOperator: operator && validOperators.find(({
+      value
+    }) => value === operator) ? operator : validOperators[0].value,
+    validOperators
+  };
+};
+//# sourceMappingURL=field-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-types.js","names":["equalsOperators","label","value","arrayOperators","exists","base","numeric","geo","within","intersects","like","notLike","contains","fieldTypeConditions","checkbox","component","operators","code","date","email","json","number","point","radio","relationship","richText","select","text","textarea","upload","getValidFieldOperators","field","operator","validOperators","type","Array","isArray","relationTo","hasMany","validOperator","find"],"sources":["../../../src/elements/WhereBuilder/field-types.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientField } from '@ruya.sa/payload'\n\nconst equalsOperators = [\n  {\n    label: 'equals',\n    value: 'equals',\n  },\n  {\n    label: 'isNotEqualTo',\n    value: 'not_equals',\n  },\n]\n\nexport const arrayOperators = [\n  {\n    label: 'isIn',\n    value: 'in',\n  },\n  {\n    label: 'isNotIn',\n    value: 'not_in',\n  },\n]\n\nconst exists = {\n  label: 'exists',\n  value: 'exists',\n}\n\nconst base = [...equalsOperators, ...arrayOperators, exists]\n\nconst numeric = [\n  ...base,\n  {\n    label: 'isGreaterThan',\n    value: 'greater_than',\n  },\n  {\n    label: 'isLessThan',\n    value: 'less_than',\n  },\n  {\n    label: 'isLessThanOrEqualTo',\n    value: 'less_than_equal',\n  },\n  {\n    label: 'isGreaterThanOrEqualTo',\n    value: 'greater_than_equal',\n  },\n]\n\nconst geo = [\n  ...equalsOperators,\n  {\n    label: 'near',\n    value: 'near',\n  },\n]\n\nconst within = {\n  label: 'within',\n  value: 'within',\n}\n\nconst intersects = {\n  label: 'intersects',\n  value: 'intersects',\n}\n\nconst like = {\n  label: 'isLike',\n  value: 'like',\n}\n\nconst notLike = {\n  label: 'isNotLike',\n  value: 'not_like',\n}\n\nconst contains = {\n  label: 'contains',\n  value: 'contains',\n}\n\nexport const fieldTypeConditions: {\n  [key: string]: {\n    component: string\n    operators: { label: string; value: string }[]\n  }\n} = {\n  checkbox: {\n    component: 'Text',\n    operators: [...equalsOperators, exists],\n  },\n  code: {\n    component: 'Text',\n    operators: [...base, like, notLike, contains],\n  },\n  date: {\n    component: 'Date',\n    operators: [...numeric, exists],\n  },\n  email: {\n    component: 'Text',\n    operators: [...base, contains],\n  },\n  json: {\n    component: 'Text',\n    operators: [...base, like, contains, notLike, within, intersects],\n  },\n  number: {\n    component: 'Number',\n    operators: [...numeric, exists],\n  },\n  point: {\n    component: 'Point',\n    operators: [...geo, exists, within, intersects],\n  },\n  radio: {\n    component: 'Select',\n    operators: [...base],\n  },\n  relationship: {\n    component: 'Relationship',\n    operators: [...base],\n  },\n  richText: {\n    component: 'Text',\n    operators: [...base, like, notLike, contains],\n  },\n  select: {\n    component: 'Select',\n    operators: [...base],\n  },\n  text: {\n    component: 'Text',\n    operators: [...base, like, notLike, contains],\n  },\n  textarea: {\n    component: 'Text',\n    operators: [...base, like, notLike, contains],\n  },\n  upload: {\n    component: 'Relationship',\n    operators: [...base],\n  },\n}\n\nexport const getValidFieldOperators = ({\n  field,\n  operator,\n}: {\n  field: ClientField\n  operator?: string\n}): {\n  validOperator: string\n  validOperators: {\n    label: string\n    value: string\n  }[]\n} => {\n  let validOperators: {\n    label: string\n    value: string\n  }[] = []\n\n  if (field.type === 'relationship' && Array.isArray(field.relationTo)) {\n    if ('hasMany' in field && field.hasMany) {\n      validOperators = [...equalsOperators, exists]\n    } else {\n      validOperators = [...base]\n    }\n  } else {\n    validOperators = [...fieldTypeConditions[field.type].operators]\n  }\n\n  return {\n    validOperator:\n      operator && validOperators.find(({ value }) => value === operator)\n        ? operator\n        : validOperators[0].value,\n    validOperators,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { WhereBuilderProps } from './types.js';
+import './index.scss';
+export { WhereBuilderProps };
+/**
+ * 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 declare const WhereBuilder: React.FC<WhereBuilderProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAkD,iBAAiB,EAAE,MAAM,YAAY,CAAA;AASnG,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAE5B;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyMpD,CAAA"}

package/dist/elements/WhereBuilder/index.js

@@ -0,0 +1,214 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import { transformWhereQuery, validateWhereQuery } from '@ruya.sa/payload/shared';
+import React, { useMemo } from 'react';
+import { useAuth } from '../../providers/Auth/index.js';
+import { useListQuery } from '../../providers/ListQuery/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js';
+import { Button } from '../Button/index.js';
+import { Condition } from './Condition/index.js';
+import { fieldTypeConditions, getValidFieldOperators } from './field-types.js';
+import './index.scss';
+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)}`); // 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
+          }
+        }]
+      });
+    }
+    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
+        }
+      };
+      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_1 => !field_1.field.admin?.disableListFilter),
+            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: async () => {
+          if (reducedFields.length > 0) {
+            await addCondition({
+              andIndex: 0,
+              field: reducedFields.find(field_2 => !field_2.field.admin?.disableListFilter),
+              orIndex: conditions.length,
+              relation: 'or'
+            });
+          }
+        },
+        children: t('general:addFilter')
+      })]
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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 '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport { transformWhereQuery, validateWhereQuery } from '@ruya.sa/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/index.scss

@@ -0,0 +1,42 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .where-builder {
+    background: var(--theme-elevation-50);
+    padding: var(--base);
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--base) / 2);
+
+    .btn {
+      margin: 0;
+      align-self: flex-start;
+    }
+
+    &__no-filters {
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) / 2);
+    }
+
+    &__or-filters,
+    &__and-filters {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) / 2);
+
+      li {
+        display: flex;
+        flex-direction: column;
+        gap: calc(var(--base) / 2);
+      }
+    }
+
+    @include small-break {
+      padding: calc(var(--base) / 2);
+    }
+  }
+}