@ruya.sa/ui 3.71.3

package/dist/elements/WhereBuilder/Condition/Select/index.js

@@ -0,0 +1,166 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import React from 'react';
+import { useTranslation } from '../../../../providers/Translation/index.js';
+import { ReactSelect } from '../../../ReactSelect/index.js';
+import { formatOptions } from './formatOptions.js';
+export const Select = t0 => {
+  const $ = _c(21);
+  const {
+    disabled,
+    field: t1,
+    isClearable,
+    onChange,
+    operator,
+    options: optionsFromProps,
+    value
+  } = t0;
+  const {
+    admin: t2
+  } = t1;
+  const {
+    placeholder
+  } = t2;
+  const {
+    i18n
+  } = useTranslation();
+  let t3;
+  if ($[0] !== optionsFromProps) {
+    t3 = formatOptions(optionsFromProps);
+    $[0] = optionsFromProps;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const [options, setOptions] = React.useState(t3);
+  let t4;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = ["in", "not_in"];
+    $[2] = t4;
+  } else {
+    t4 = $[2];
+  }
+  const isMulti = t4.includes(operator);
+  let valueToRender;
+  if (isMulti && Array.isArray(value)) {
+    let t5;
+    if ($[3] !== i18n || $[4] !== options) {
+      t5 = val => {
+        const matchingOption = options.find(option => option.value === val);
+        return {
+          label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,
+          value: matchingOption?.value ?? val
+        };
+      };
+      $[3] = i18n;
+      $[4] = options;
+      $[5] = t5;
+    } else {
+      t5 = $[5];
+    }
+    valueToRender = value.map(t5);
+  } else {
+    if (value) {
+      let t5;
+      if ($[6] !== value) {
+        t5 = option_0 => option_0.value === value;
+        $[6] = value;
+        $[7] = t5;
+      } else {
+        t5 = $[7];
+      }
+      const matchingOption_0 = options.find(t5);
+      valueToRender = {
+        label: matchingOption_0 ? getTranslation(matchingOption_0.label, i18n) : value,
+        value: matchingOption_0?.value ?? value
+      };
+    }
+  }
+  let t5;
+  if ($[8] !== isMulti || $[9] !== onChange) {
+    t5 = selectedOption => {
+      let newValue;
+      if (!selectedOption) {
+        newValue = null;
+      } else {
+        if (isMulti) {
+          if (Array.isArray(selectedOption)) {
+            newValue = selectedOption.map(_temp);
+          } else {
+            newValue = [];
+          }
+        } else {
+          newValue = selectedOption.value;
+        }
+      }
+      onChange(newValue);
+    };
+    $[8] = isMulti;
+    $[9] = onChange;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  const onSelect = t5;
+  let t6;
+  let t7;
+  if ($[11] !== optionsFromProps) {
+    t6 = () => {
+      setOptions(formatOptions(optionsFromProps));
+    };
+    t7 = [optionsFromProps];
+    $[11] = optionsFromProps;
+    $[12] = t6;
+    $[13] = t7;
+  } else {
+    t6 = $[12];
+    t7 = $[13];
+  }
+  React.useEffect(t6, t7);
+  let t8;
+  let t9;
+  if ($[14] !== isMulti || $[15] !== onChange || $[16] !== value) {
+    t8 = () => {
+      if (!isMulti && Array.isArray(value)) {
+        onChange(value[0]);
+      }
+    };
+    t9 = [isMulti, onChange, value];
+    $[14] = isMulti;
+    $[15] = onChange;
+    $[16] = value;
+    $[17] = t8;
+    $[18] = t9;
+  } else {
+    t8 = $[17];
+    t9 = $[18];
+  }
+  React.useEffect(t8, t9);
+  let t10;
+  if ($[19] !== i18n) {
+    t10 = option_2 => ({
+      ...option_2,
+      label: getTranslation(option_2.label, i18n)
+    });
+    $[19] = i18n;
+    $[20] = t10;
+  } else {
+    t10 = $[20];
+  }
+  return _jsx(ReactSelect, {
+    disabled,
+    isClearable,
+    isMulti,
+    onChange: onSelect,
+    options: options.map(t10),
+    placeholder,
+    value: valueToRender
+  });
+};
+function _temp(option_1) {
+  return option_1.value;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","formatOptions","Select","t0","$","disabled","field","t1","isClearable","onChange","operator","options","optionsFromProps","value","admin","t2","placeholder","i18n","t3","setOptions","useState","t4","Symbol","for","isMulti","includes","valueToRender","Array","isArray","t5","val","matchingOption","find","option","label","map","option_0","matchingOption_0","selectedOption","newValue","_temp","onSelect","t6","t7","useEffect","t8","t9","t10","option_2","_jsx","option_1"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport React from 'react'\n\nimport type { SelectFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport { formatOptions } from './formatOptions.js'\n\nexport const Select: React.FC<Props> = ({\n  disabled,\n  field: {\n    admin: { placeholder },\n  },\n  isClearable,\n  onChange,\n  operator,\n  options: optionsFromProps,\n  value,\n}) => {\n  const { i18n } = useTranslation()\n  const [options, setOptions] = React.useState(formatOptions(optionsFromProps))\n\n  const isMulti = ['in', 'not_in'].includes(operator)\n  let valueToRender\n\n  if (isMulti && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  }\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n\n      if (!selectedOption) {\n        newValue = null\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value)\n        } else {\n          newValue = []\n        }\n      } else {\n        newValue = selectedOption.value\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    setOptions(formatOptions(optionsFromProps))\n  }, [optionsFromProps])\n\n  React.useEffect(() => {\n    if (!isMulti && Array.isArray(value)) {\n      onChange(value[0])\n    }\n  }, [isMulti, onChange, value])\n\n  return (\n    <ReactSelect\n      disabled={disabled}\n      isClearable={isClearable}\n      isMulti={isMulti}\n      onChange={onSelect}\n      options={options.map((option) => ({ ...option, label: getTranslation(option.label, i18n) }))}\n      placeholder={placeholder}\n      value={valueToRender}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+import type { LabelFunction, Option, SelectFieldClient } from '@ruya.sa/payload';
+import type { DefaultFilterProps } from '../types.js';
+export type SelectFilterProps = {
+    readonly field: SelectFieldClient;
+    readonly isClearable?: boolean;
+    readonly onChange: (val: string) => void;
+    readonly options: Option[];
+    readonly placeholder?: LabelFunction | string;
+    readonly value: string;
+} & DefaultFilterProps;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEhF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAA;IACjC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,aAAa,GAAG,MAAM,CAAA;IAC7C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,GAAG,kBAAkB,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/types.ts"],"sourcesContent":["import type { LabelFunction, Option, SelectFieldClient } from '@ruya.sa/payload'\n\nimport type { DefaultFilterProps } from '../types.js'\n\nexport type SelectFilterProps = {\n  readonly field: SelectFieldClient\n  readonly isClearable?: boolean\n  readonly onChange: (val: string) => void\n  readonly options: Option[]\n  readonly placeholder?: LabelFunction | string\n  readonly value: string\n} & DefaultFilterProps\n"],"mappings":"AAIA","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { TextFilterProps as Props } from './types.js';
+import './index.scss';
+export declare const Text: React.FC<Props>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,eAAe,IAAI,KAAK,EAAE,MAAM,YAAY,CAAA;AAI1D,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2EhC,CAAA"}

package/dist/elements/WhereBuilder/Condition/Text/index.js

@@ -0,0 +1,132 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useTranslation } from '../../../../providers/Translation/index.js';
+import { ReactSelect } from '../../../ReactSelect/index.js';
+import './index.scss';
+const baseClass = 'condition-value-text';
+export const Text = props => {
+  const $ = _c(18);
+  const {
+    disabled,
+    field: t0,
+    onChange,
+    operator,
+    value
+  } = props;
+  const {
+    hasMany
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== hasMany || $[1] !== operator) {
+    t1 = ["in", "not_in"].includes(operator) || hasMany;
+    $[0] = hasMany;
+    $[1] = operator;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const isMulti = t1;
+  let t2;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [];
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const [valueToRender, setValueToRender] = React.useState(t2);
+  let t3;
+  if ($[4] !== isMulti || $[5] !== onChange) {
+    t3 = selectedOption => {
+      let newValue;
+      if (!selectedOption) {
+        newValue = [];
+      } else {
+        if (isMulti) {
+          if (Array.isArray(selectedOption)) {
+            newValue = selectedOption.map(_temp);
+          } else {
+            newValue = [selectedOption.value?.value || selectedOption.value];
+          }
+        }
+      }
+      onChange(newValue);
+    };
+    $[4] = isMulti;
+    $[5] = onChange;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const onSelect = t3;
+  let t4;
+  let t5;
+  if ($[7] !== value) {
+    t4 = () => {
+      if (Array.isArray(value)) {
+        setValueToRender(value.map(_temp2));
+      } else {
+        setValueToRender([]);
+      }
+    };
+    t5 = [value];
+    $[7] = value;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t4 = $[8];
+    t5 = $[9];
+  }
+  React.useEffect(t4, t5);
+  let t6;
+  if ($[10] !== disabled || $[11] !== isMulti || $[12] !== onChange || $[13] !== onSelect || $[14] !== t || $[15] !== value || $[16] !== valueToRender) {
+    t6 = isMulti ? _jsx(ReactSelect, {
+      disabled,
+      isClearable: true,
+      isCreatable: true,
+      isMulti,
+      isSortable: true,
+      onChange: onSelect,
+      options: [],
+      placeholder: t("general:enterAValue"),
+      value: valueToRender || []
+    }) : _jsx("input", {
+      className: baseClass,
+      disabled,
+      onChange: e => onChange(e.target.value),
+      placeholder: t("general:enterAValue"),
+      type: "text",
+      value: value || ""
+    });
+    $[10] = disabled;
+    $[11] = isMulti;
+    $[12] = onChange;
+    $[13] = onSelect;
+    $[14] = t;
+    $[15] = value;
+    $[16] = valueToRender;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  return t6;
+};
+function _temp(option) {
+  return option.value?.value || option.value;
+}
+function _temp2(val, index) {
+  return {
+    id: `${val}${index}`,
+    label: `${val}`,
+    value: {
+      toString: () => `${val}${index}`,
+      value: val?.value || val
+    }
+  };
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","ReactSelect","baseClass","Text","props","$","disabled","field","t0","onChange","operator","value","hasMany","t","t1","includes","isMulti","t2","Symbol","for","valueToRender","setValueToRender","useState","t3","selectedOption","newValue","Array","isArray","map","_temp","onSelect","t4","t5","_temp2","useEffect","t6","_jsx","isClearable","isCreatable","isSortable","options","placeholder","className","e","target","type","option","val","index","id","label","toString"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { TextFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition-value-text'\n\nexport const Text: React.FC<Props> = (props) => {\n  const {\n    disabled,\n    field: { hasMany },\n    onChange,\n    operator,\n    value,\n  } = props\n  const { t } = useTranslation()\n\n  const isMulti = ['in', 'not_in'].includes(operator) || hasMany\n\n  const [valueToRender, setValueToRender] = React.useState<\n    { id: string; label: string; value: { value: string } }[]\n  >([])\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n      if (!selectedOption) {\n        newValue = []\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value?.value || option.value)\n        } else {\n          newValue = [selectedOption.value?.value || selectedOption.value]\n        }\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    if (Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as any)?.value || val,\n            },\n          }\n        }),\n      )\n    } else {\n      setValueToRender([])\n    }\n  }, [value])\n\n  return isMulti ? (\n    <ReactSelect\n      disabled={disabled}\n      isClearable\n      isCreatable\n      isMulti={isMulti}\n      isSortable\n      onChange={onSelect}\n      options={[]}\n      placeholder={t('general:enterAValue')}\n      value={valueToRender || []}\n    />\n  ) : (\n    <input\n      className={baseClass}\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={t('general:enterAValue')}\n      type=\"text\"\n      value={value || ''}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+@import '../../../../scss/styles.scss';
+
+@layer payload-default {
+  .condition-value-text {
+    @include formInput;
+  }
+}

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

@@ -0,0 +1,8 @@
+import type { TextFieldClient } from '@ruya.sa/payload';
+import type { DefaultFilterProps } from '../types.js';
+export type TextFilterProps = {
+    readonly field: TextFieldClient;
+    readonly onChange: (val: string) => void;
+    readonly value: string | string[];
+} & DefaultFilterProps;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAA;IAC/B,QAAQ,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAClC,GAAG,kBAAkB,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/types.ts"],"sourcesContent":["import type { TextFieldClient } from '@ruya.sa/payload'\n\nimport type { DefaultFilterProps } from '../types.js'\n\nexport type TextFilterProps = {\n  readonly field: TextFieldClient\n  readonly onChange: (val: string) => void\n  readonly value: string | string[]\n} & DefaultFilterProps\n"],"mappings":"AAIA","ignoreList":[]}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { AddCondition, ReducedField, RemoveCondition, UpdateCondition, Value } from '../types.js';
+export type Props = {
+    readonly addCondition: AddCondition;
+    readonly andIndex: number;
+    readonly fieldPath: string;
+    readonly filterOptions: ResolvedFilterOptions;
+    readonly operator: Operator;
+    readonly orIndex: number;
+    readonly reducedFields: ReducedField[];
+    readonly removeCondition: RemoveCondition;
+    readonly RenderedFilter: React.ReactNode;
+    readonly updateCondition: UpdateCondition;
+    readonly value: Value;
+};
+import type { Operator, ResolvedFilterOptions } from '@ruya.sa/payload';
+import './index.scss';
+export declare const Condition: React.FC<Props>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,eAAe,EACf,KAAK,EACN,MAAM,aAAa,CAAA;AAEpB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAA;IACnC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAA;IAC7C,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,CAAA;IACtC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,cAAc,EAAE,KAAK,CAAC,SAAS,CAAA;IACxC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;CACtB,CAAA;AAED,OAAO,KAAK,EAAE,QAAQ,EAA2B,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAWhG,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoLrC,CAAA"}

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

@@ -0,0 +1,161 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useState } from 'react';
+import { useDebounce } from '../../../hooks/useDebounce.js';
+import { useEffectEvent } from '../../../hooks/useEffectEvent.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+import { ReactSelect } from '../../ReactSelect/index.js';
+import { DefaultFilter } from './DefaultFilter/index.js';
+import { getOperatorValueTypes } from './validOperators.js';
+import './index.scss';
+const baseClass = 'condition';
+export const Condition = props => {
+  const {
+    addCondition,
+    andIndex,
+    fieldPath,
+    filterOptions,
+    operator,
+    orIndex,
+    reducedFields,
+    removeCondition,
+    RenderedFilter,
+    updateCondition,
+    value
+  } = props;
+  const {
+    t
+  } = useTranslation();
+  const reducedField = reducedFields.find(field => field.value === fieldPath);
+  const [internalValue, setInternalValue] = useState(value);
+  const debouncedValue = useDebounce(internalValue, 300);
+  const booleanSelect = ['exists'].includes(operator) || reducedField?.field?.type === 'checkbox';
+  let valueOptions = [];
+  if (booleanSelect) {
+    valueOptions = [{
+      label: t('general:true'),
+      value: 'true'
+    }, {
+      label: t('general:false'),
+      value: 'false'
+    }];
+  } else if (reducedField?.field && 'options' in reducedField.field) {
+    valueOptions = reducedField.field.options;
+  }
+  const updateValue = useEffectEvent(async debouncedValue_0 => {
+    if (operator) {
+      await updateCondition({
+        type: 'value',
+        andIndex,
+        field: reducedField,
+        operator,
+        orIndex,
+        value: debouncedValue_0 === null || debouncedValue_0 === '' ? undefined : debouncedValue_0
+      });
+    }
+  });
+  useEffect(() => {
+    void updateValue(debouncedValue);
+  }, [debouncedValue]);
+  const disabled = !reducedField?.value && typeof reducedField?.value !== 'number' || reducedField?.field?.admin?.disableListFilter;
+  const handleFieldChange = useCallback(async field_0 => {
+    setInternalValue(undefined);
+    await updateCondition({
+      type: 'field',
+      andIndex,
+      field: reducedFields.find(option => option.value === field_0.value),
+      operator,
+      orIndex,
+      value: undefined
+    });
+  }, [andIndex, operator, orIndex, reducedFields, updateCondition]);
+  const handleOperatorChange = useCallback(async operator_0 => {
+    const operatorValueTypes = getOperatorValueTypes(reducedField.field.type);
+    const validOperatorValue = operatorValueTypes[operator_0.value] || 'any';
+    const isValidValue = validOperatorValue === 'any' || typeof value === validOperatorValue || validOperatorValue === 'boolean' && (value === 'true' || value === 'false');
+    if (!isValidValue) {
+      // if the current value is not valid for the new operator
+      // reset the value before passing it to updateCondition
+      setInternalValue(undefined);
+    }
+    await updateCondition({
+      type: 'operator',
+      andIndex,
+      field: reducedField,
+      operator: operator_0.value,
+      orIndex,
+      value: isValidValue ? value : undefined
+    });
+  }, [andIndex, reducedField, orIndex, updateCondition, value]);
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__wrap`,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__inputs`,
+        children: [/*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__field`,
+          children: /*#__PURE__*/_jsx(ReactSelect, {
+            disabled: disabled,
+            filterOption: (option_0, inputValue) => (option_0?.data?.plainTextLabel || option_0.label).toLowerCase().includes(inputValue.toLowerCase()),
+            isClearable: false,
+            onChange: handleFieldChange,
+            options: reducedFields.filter(field_1 => !field_1.field.admin.disableListFilter),
+            value: reducedField || {
+              value: reducedField?.value
+            }
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__operator`,
+          children: /*#__PURE__*/_jsx(ReactSelect, {
+            disabled: disabled,
+            isClearable: false,
+            onChange: handleOperatorChange,
+            options: reducedField?.operators,
+            value: reducedField?.operators.find(o => operator === o.value) || null
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__value`,
+          children: RenderedFilter || /*#__PURE__*/_jsx(DefaultFilter, {
+            booleanSelect: booleanSelect,
+            disabled: !operator || !reducedField || reducedField?.field?.admin?.disableListFilter,
+            filterOptions: filterOptions,
+            internalField: reducedField,
+            onChange: setInternalValue,
+            operator: operator,
+            options: valueOptions,
+            value: internalValue ?? ''
+          })
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__actions`,
+        children: [/*#__PURE__*/_jsx(Button, {
+          buttonStyle: "icon-label",
+          className: `${baseClass}__actions-remove`,
+          icon: "x",
+          iconStyle: "with-border",
+          onClick: () => removeCondition({
+            andIndex,
+            orIndex
+          }),
+          round: true
+        }), /*#__PURE__*/_jsx(Button, {
+          buttonStyle: "icon-label",
+          className: `${baseClass}__actions-add`,
+          icon: "plus",
+          iconStyle: "with-border",
+          onClick: () => addCondition({
+            andIndex: andIndex + 1,
+            field: reducedFields.find(field_2 => !field_2.field.admin?.disableListFilter),
+            orIndex,
+            relation: 'and'
+          }),
+          round: true
+        })]
+      })]
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useState","useDebounce","useEffectEvent","useTranslation","Button","ReactSelect","DefaultFilter","getOperatorValueTypes","baseClass","Condition","props","addCondition","andIndex","fieldPath","filterOptions","operator","orIndex","reducedFields","removeCondition","RenderedFilter","updateCondition","value","t","reducedField","find","field","internalValue","setInternalValue","debouncedValue","booleanSelect","includes","type","valueOptions","label","options","updateValue","undefined","disabled","admin","disableListFilter","handleFieldChange","option","handleOperatorChange","operatorValueTypes","validOperatorValue","isValidValue","_jsx","className","_jsxs","filterOption","inputValue","data","plainTextLabel","toLowerCase","isClearable","onChange","filter","operators","o","internalField","buttonStyle","icon","iconStyle","onClick","round","relation"],"sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type {\n  AddCondition,\n  ReducedField,\n  RemoveCondition,\n  UpdateCondition,\n  Value,\n} from '../types.js'\n\nexport type Props = {\n  readonly addCondition: AddCondition\n  readonly andIndex: number\n  readonly fieldPath: string\n  readonly filterOptions: ResolvedFilterOptions\n  readonly operator: Operator\n  readonly orIndex: number\n  readonly reducedFields: ReducedField[]\n  readonly removeCondition: RemoveCondition\n  readonly RenderedFilter: React.ReactNode\n  readonly updateCondition: UpdateCondition\n  readonly value: Value\n}\n\nimport type { Operator, Option as PayloadOption, ResolvedFilterOptions } from '@ruya.sa/payload'\n\nimport type { Option } from '../../ReactSelect/index.js'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../../hooks/useEffectEvent.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { DefaultFilter } from './DefaultFilter/index.js'\nimport { getOperatorValueTypes } from './validOperators.js'\nimport './index.scss'\n\nconst baseClass = 'condition'\n\nexport const Condition: React.FC<Props> = (props) => {\n  const {\n    addCondition,\n    andIndex,\n    fieldPath,\n    filterOptions,\n    operator,\n    orIndex,\n    reducedFields,\n    removeCondition,\n    RenderedFilter,\n    updateCondition,\n    value,\n  } = props\n\n  const { t } = useTranslation()\n\n  const reducedField = reducedFields.find((field) => field.value === fieldPath)\n\n  const [internalValue, setInternalValue] = useState<Value>(value)\n\n  const debouncedValue = useDebounce(internalValue, 300)\n\n  const booleanSelect = ['exists'].includes(operator) || reducedField?.field?.type === 'checkbox'\n\n  let valueOptions: PayloadOption[] = []\n\n  if (booleanSelect) {\n    valueOptions = [\n      { label: t('general:true'), value: 'true' },\n      { label: t('general:false'), value: 'false' },\n    ]\n  } else if (reducedField?.field && 'options' in reducedField.field) {\n    valueOptions = reducedField.field.options\n  }\n\n  const updateValue = useEffectEvent(async (debouncedValue: Value) => {\n    if (operator) {\n      await updateCondition({\n        type: 'value',\n        andIndex,\n        field: reducedField,\n        operator,\n        orIndex,\n        value: debouncedValue === null || debouncedValue === '' ? undefined : debouncedValue,\n      })\n    }\n  })\n\n  useEffect(() => {\n    void updateValue(debouncedValue)\n  }, [debouncedValue])\n\n  const disabled =\n    (!reducedField?.value && typeof reducedField?.value !== 'number') ||\n    reducedField?.field?.admin?.disableListFilter\n\n  const handleFieldChange = useCallback(\n    async (field: Option<string>) => {\n      setInternalValue(undefined)\n      await updateCondition({\n        type: 'field',\n        andIndex,\n        field: reducedFields.find((option) => option.value === field.value),\n        operator,\n        orIndex,\n        value: undefined,\n      })\n    },\n    [andIndex, operator, orIndex, reducedFields, updateCondition],\n  )\n\n  const handleOperatorChange = useCallback(\n    async (operator: Option<Operator>) => {\n      const operatorValueTypes = getOperatorValueTypes(reducedField.field.type)\n      const validOperatorValue = operatorValueTypes[operator.value] || 'any'\n      const isValidValue =\n        validOperatorValue === 'any' ||\n        typeof value === validOperatorValue ||\n        (validOperatorValue === 'boolean' && (value === 'true' || value === 'false'))\n\n      if (!isValidValue) {\n        // if the current value is not valid for the new operator\n        // reset the value before passing it to updateCondition\n        setInternalValue(undefined)\n      }\n\n      await updateCondition({\n        type: 'operator',\n        andIndex,\n        field: reducedField,\n        operator: operator.value,\n        orIndex,\n        value: isValidValue ? value : undefined,\n      })\n    },\n    [andIndex, reducedField, orIndex, updateCondition, value],\n  )\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__inputs`}>\n          <div className={`${baseClass}__field`}>\n            <ReactSelect\n              disabled={disabled}\n              filterOption={(option, inputValue) =>\n                ((option?.data?.plainTextLabel as string) || option.label)\n                  .toLowerCase()\n                  .includes(inputValue.toLowerCase())\n              }\n              isClearable={false}\n              onChange={handleFieldChange}\n              options={reducedFields.filter((field) => !field.field.admin.disableListFilter)}\n              value={\n                reducedField || {\n                  value: reducedField?.value,\n                }\n              }\n            />\n          </div>\n          <div className={`${baseClass}__operator`}>\n            <ReactSelect\n              disabled={disabled}\n              isClearable={false}\n              onChange={handleOperatorChange}\n              options={reducedField?.operators}\n              value={reducedField?.operators.find((o) => operator === o.value) || null}\n            />\n          </div>\n          <div className={`${baseClass}__value`}>\n            {RenderedFilter || (\n              <DefaultFilter\n                booleanSelect={booleanSelect}\n                disabled={\n                  !operator || !reducedField || reducedField?.field?.admin?.disableListFilter\n                }\n                filterOptions={filterOptions}\n                internalField={reducedField}\n                onChange={setInternalValue}\n                operator={operator}\n                options={valueOptions}\n                value={internalValue ?? ''}\n              />\n            )}\n          </div>\n        </div>\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__actions-remove`}\n            icon=\"x\"\n            iconStyle=\"with-border\"\n            onClick={() =>\n              removeCondition({\n                andIndex,\n                orIndex,\n              })\n            }\n            round\n          />\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__actions-add`}\n            icon=\"plus\"\n            iconStyle=\"with-border\"\n            onClick={() =>\n              addCondition({\n                andIndex: andIndex + 1,\n                field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                orIndex,\n                relation: 'and',\n              })\n            }\n            round\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}