@m4l/components 0.1.12 → 0.1.13

package/components/DynamicFilter/index.82ce857e.js

@@ -0,0 +1,1158 @@
+import { S as Be } from "../ScrollBar/index.39eeb2de.js";
+import { styled as h } from "@mui/material/styles";
+import qe, { useRef as me, useState as S, useMemo as E, useCallback as _, useEffect as L, createContext as Ne, useContext as He } from "react";
+import { useModuleDictionary as $, useHostTools as z, useEnvironment as j, voidFunction as V, useFlagsPresent as Ke } from "@m4l/core";
+import * as w from "yup";
+import { useFormContext as M, useWatch as ge } from "react-hook-form";
+import { F as ze } from "../hook-form/FormProvider/index.257acd9f.js";
+import { jsx as r, jsxs as C, Fragment as A } from "react/jsx-runtime";
+import { R } from "../hook-form/RHFAutocomplete/index.6ed76d4c.js";
+import { alpha as Ye, styled as be, Skeleton as Fe, MenuItem as Ge, useTheme as Ue, Popper as Je } from "@mui/material";
+import "../hook-form/RHFAutocompleteAsync/index.8f2c97ea.js";
+import "../hook-form/RHFCheckbox/index.f9ce6c39.js";
+import { R as ee } from "../hook-form/RHFDateTime/index.fc5cbafe.js";
+import "@mui/x-date-pickers";
+import { R as Y } from "../hook-form/RHFTextField/index.4c455f75.js";
+import "../hook-form/RHFPeriod/index.23c254e9.js";
+import "../ErrorLabel/index.c8615f16.js";
+import "../Period/index.5e68286a.js";
+import { I as he } from "../Icon/index.cbca79b0.js";
+import { L as Qe, b as Xe, g as Ze } from "../CommonActions/components/Actions/index.e8148d98.js";
+import "@mui/material/Button";
+import { F as te } from "../mui_extended/Button/index.84d8898c.js";
+import "react-router-dom";
+import "../../contexts/ModalContext/index.2188b69e.js";
+import "@mui/lab";
+import "../../lodash.e09401f0.js";
+import "react-dropzone";
+import "../../react-lazy-load-image-component.45b56650.js";
+import "../Image/index.e790b50b.js";
+import "../hook-form/RHFUpload/index.ed3d739f.js";
+import { I as G } from "../mui_extended/IconButton/index.88f3aadb.js";
+import "simplebar/dist/simplebar.min.css";
+import { M as et } from "../mui_extended/MenuPopover/index.488fc536.js";
+import { A as tt } from "../CommonActions/components/ActionCancel/index.cba1b460.js";
+import { A as rt } from "../CommonActions/components/ActionIntro/index.cc4b1e0e.js";
+import { useResponsiveDesktop as nt } from "@m4l/graphics";
+const re = h("div")(({
+  theme: e
+}) => ({
+  width: "100%",
+  margin: e.spacing(0, 1),
+  paddingLeft: e.spacing(1),
+  borderLeft: `1px solid ${e.palette.divider}`
+})), ot = h("div")(({
+  theme: e
+}) => ({
+  width: "100%",
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  height: "auto",
+  gap: e.spacing(1.5)
+})), ye = ["c", "nc"], ve = ["b", "e", "ne", "gt", "gte", "lt", "lte"], Oe = ["e", "ne"], _e = [
+  "b",
+  "e",
+  "ne",
+  "gt",
+  "gte",
+  "lt",
+  "lte"
+], xe = {
+  name: "all",
+  label: "dynamic_filter.all_fields",
+  urlIcon: "https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/components/icon/assets/icons/default.svg",
+  type: "string",
+  multiple: !0,
+  presence: "optional"
+}, it = h("div")(({
+  theme: e
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "center",
+  alignItems: "center",
+  width: "100%",
+  minWidth: e.spacing(3.75),
+  padding: e.spacing(3, 0),
+  gap: e.spacing(3)
+})), at = h("div")(() => ({
+  width: "100%"
+})), lt = (e, t, n) => {
+  const o = e.defaultOperand1, i = {
+    id: 0,
+    n: e.name,
+    fixed: t,
+    isSetted: !1,
+    o: "c",
+    labelOperator: "",
+    o1: "",
+    o2: "",
+    labelOperands: ""
+  };
+  return o !== void 0 && typeof o == "string" && (i.o1 = o), i.labelOperands = i.o1 + "", i.labelOperator = n(`dynamic_filter.operator_${i.o}`), i;
+};
+function st() {
+  const {
+    popupData: {
+      filter: e,
+      field: t
+    },
+    setPoupEditValidationSchema: n,
+    setFnTransformFormValuesIntoValues: o,
+    getLabelOperator: i
+  } = T(), {
+    getLabel: a
+  } = $(), d = me(null), {
+    setValue: p
+  } = M(), [u, s] = S(!1), g = E(() => ye.map((l) => ({
+    id: l,
+    label: i(l)
+  })), [i]), y = _((l) => !e || !t ? void 0 : {
+    id: e.id,
+    n: t.name,
+    fixed: e.fixed,
+    isSetted: !0,
+    o: l.valueOperator.id,
+    labelOperator: l.valueOperator.label,
+    o1: l.valueOperand1,
+    labelOperands: l.valueOperand1
+  }, []);
+  return L(() => {
+    u || n({
+      valueOperator: w.object().nullable().required(a("operator_required")),
+      valueOperand1: w.string().required(a("operand_required"))
+    }), o(y), e && t && p("valueOperand1", e.o1, {
+      shouldTouch: !1,
+      shouldValidate: !1
+    }), s(!0);
+  }, [a, e, t]), L(() => {
+    d.current?.focus();
+  }, [u]), /* @__PURE__ */ r(it, {
+    children: u && /* @__PURE__ */ C(A, {
+      children: [/* @__PURE__ */ r(at, {
+        children: /* @__PURE__ */ r(R, {
+          name: "valueOperator",
+          autoComplete: "off",
+          options: g,
+          getOptionLabel: (l) => l.label,
+          isOptionEqualToValue: (l, b) => l.id === b.id,
+          label: ""
+        })
+      }), /* @__PURE__ */ r(Y, {
+        name: "valueOperand1",
+        ref: d,
+        focused: !0
+      })]
+    })
+  });
+}
+const dt = h("div")(({
+  theme: e
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "center",
+  alignItems: "center",
+  width: "100%",
+  minWidth: e.spacing(3.75),
+  height: "100%",
+  padding: e.spacing(3, 0),
+  gap: e.spacing(3)
+})), ne = h("div")(() => ({
+  width: "100%"
+})), pt = (e, t, n) => {
+  const o = e.defaultOperand1, i = {
+    id: 0,
+    n: e.name,
+    fixed: t,
+    isSetted: !0,
+    o: "e",
+    labelOperator: "",
+    o1: !0,
+    o2: "",
+    labelOperands: ""
+  };
+  return i.labelOperator = n(`dynamic_filter.operator_${i.o}`), o !== void 0 && typeof o == "boolean" && (i.o1 = o), i.labelOperands = n(`dynamic_filter.operand_${i.o1}`), i;
+};
+function ut() {
+  const {
+    setPoupEditValidationSchema: e,
+    setFnTransformFormValuesIntoValues: t,
+    getLabelOperator: n
+  } = T(), {
+    getLabel: o
+  } = $(), {
+    popupData: {
+      filter: i,
+      field: a
+    }
+  } = T(), {
+    setValue: d
+  } = M(), [p, u] = S(!1), s = E(() => Oe.map((l) => ({
+    id: l,
+    label: n(l)
+  })), [n]), g = E(() => [{
+    value: !0,
+    label: o("dynamic_filter.operand_true")
+  }, {
+    value: !1,
+    label: o("dynamic_filter.operand_false")
+  }], [o]), y = _((l) => !i || !a ? void 0 : {
+    id: i.id,
+    n: a.name,
+    fixed: i.fixed,
+    isSetted: !0,
+    o: l.valueOperator.id,
+    labelOperator: l.valueOperator.label,
+    o1: l.valueOperand1.value,
+    labelOperands: l.valueOperand1.label
+  }, []);
+  return L(() => {
+    p || e({
+      valueOperator: w.object().nullable().required(o("error_operator_required")),
+      valueOperand1: w.object().nullable().required(o("error_operand_required"))
+    }), t(y), i && a && d("valueOperand1", {
+      value: i.o1,
+      label: o(`dynamic_filter.operand_${i.o1}`)
+    }, {
+      shouldTouch: !1,
+      shouldValidate: !1
+    }), u(!0);
+  }, [o]), /* @__PURE__ */ r(dt, {
+    id: "WrapperAllFieldsFilter",
+    children: p && /* @__PURE__ */ C(A, {
+      children: [/* @__PURE__ */ r(ne, {
+        children: /* @__PURE__ */ r(R, {
+          name: "valueOperator",
+          autoComplete: "off",
+          options: s,
+          getOptionLabel: (l) => l.label,
+          isOptionEqualToValue: (l, b) => l.id === b.id,
+          label: ""
+        })
+      }), /* @__PURE__ */ r(ne, {
+        children: /* @__PURE__ */ r(R, {
+          name: "valueOperand1",
+          autoComplete: "off",
+          options: g,
+          getOptionLabel: (l) => l.label,
+          isOptionEqualToValue: (l, b) => l.value === b.value,
+          label: ""
+        })
+      })]
+    })
+  });
+}
+const ct = h("div")(({
+  theme: e
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "center",
+  alignItems: "center",
+  width: "100%",
+  minWidth: e.spacing(3.75),
+  padding: e.spacing(3, 0),
+  gap: e.spacing(3)
+})), ft = h("div")(() => ({
+  width: "100%"
+}));
+function oe(e) {
+  return e && e instanceof Date;
+}
+const mt = (e) => !(typeof e.o != "string" || ye.findIndex((t) => t === e.o) === -1 || typeof e.o1 != "string"), gt = (e) => !(typeof e.o != "number" || ve.findIndex((t) => t === e.o) === -1 || typeof e.o1 != "number" || e.o === "b" && typeof e.o2 != "number"), bt = (e) => !(typeof e.o != "string" || Oe.findIndex((t) => t === e.o) === -1 || typeof e.o1 != "boolean"), Ft = (e) => !(typeof e.o != "string" || _e.findIndex((t) => t === e.o) === -1 || typeof e.o1 != "string" || e.o === "b" && typeof e.o2 != "string"), ht = (e, t, n, o) => {
+  const i = new Date(), a = new Date();
+  let d = e.defaultOperand1, p = e.defaultOperand2;
+  const u = {
+    id: 0,
+    n: e.name,
+    fixed: t,
+    isSetted: !0,
+    o: "b",
+    labelOperator: "",
+    o1: d,
+    o2: p,
+    labelOperands: ""
+  };
+  return d && (oe(d) ? i.setDate(d.getDate()) : d = void 0), d === void 0 && i.setHours(0, 0, 0, 0), p && (oe(p) ? a.setDate(p.getDate()) : p = void 0), p === void 0 && a.setHours(23, 59, 59, 999), u.o1 = i.toISOString(), u.o2 = a.toISOString(), u.labelOperands = `${o.formatDate(i, "yyyy-MM-dd HH:mm:ss")} - ${o.formatDate(a, "yyyy-MM-dd HH:mm:ss")}`, u.labelOperator = n(`dynamic_filter.operator_${u.o}`), u;
+};
+function yt() {
+  const {
+    setPoupEditValidationSchema: e,
+    setFnTransformFormValuesIntoValues: t,
+    getLabelOperator: n
+  } = T(), {
+    getLabel: o
+  } = $(), {
+    formatDate: i
+  } = z(), {
+    dfnsFormat: {
+      datetime_format: a
+    }
+  } = j(), {
+    popupData: {
+      filter: d,
+      field: p
+    }
+  } = T(), {
+    control: u,
+    setValue: s
+  } = M(), g = ge({
+    control: u,
+    name: "valueOperator"
+  }), [y, l] = S(!1), b = E(() => _e.map((c) => ({
+    id: c,
+    label: n(c)
+  })), [n]), f = _((c) => {
+    if (!d || !p)
+      return;
+    const x = {
+      id: d.id,
+      n: p.name,
+      fixed: d.fixed,
+      isSetted: !0,
+      o: c.valueOperator.id,
+      o1: c.valueOperand1.toISOString(),
+      labelOperator: c.valueOperator.label,
+      labelOperands: ""
+    };
+    return c.valueOperator.id === "b" ? (x.o2 = c.valueOperand2.toISOString(), x.labelOperands = `${i(c.valueOperand1, a)} - ${i(c.valueOperand2, a)}`) : (x.o2 = x.o2 ? x.o2 : x.o1, x.labelOperands = i(c.valueOperand1, a)), x;
+  }, []);
+  return L(() => {
+    y || e({
+      valueOperator: w.object().nullable().required(o("operator_required")),
+      valueOperand1: w.date().test("valueOperand1", o("dynamic_filter.error_invalid_date"), (c) => Boolean(c)),
+      valueOperand2: w.date().when(["valueOperator.id"], {
+        is: "b",
+        then: w.date().test("DOB", o("dynamic_filter.error_invalid_date"), (c) => Boolean(c))
+      })
+    }), d && p && (s("valueOperand1", new Date(d.o1), {
+      shouldTouch: !1,
+      shouldValidate: !1
+    }), s("valueOperand2", new Date(d.o2), {
+      shouldTouch: !1,
+      shouldValidate: !1
+    })), t(f), l(!0);
+  }, [o, d, p]), /* @__PURE__ */ r(ct, {
+    children: y && /* @__PURE__ */ C(A, {
+      children: [/* @__PURE__ */ r(ft, {
+        children: /* @__PURE__ */ r(R, {
+          name: "valueOperator",
+          autoComplete: "off",
+          options: b,
+          getOptionLabel: (c) => c.label,
+          isOptionEqualToValue: (c, x) => c.id === x.id,
+          label: ""
+        })
+      }), /* @__PURE__ */ r(ee, {
+        name: "valueOperand1",
+        autoComplete: "off",
+        label: "",
+        focused: !0
+      }), g && g.id === "b" && /* @__PURE__ */ r(ee, {
+        name: "valueOperand2",
+        autoComplete: "off",
+        label: ""
+      })]
+    })
+  });
+}
+const vt = h("div")(({
+  theme: e
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "center",
+  alignItems: "center",
+  width: "100%",
+  minWidth: e.spacing(3.75),
+  padding: e.spacing(3, 0),
+  gap: e.spacing(3)
+})), Ot = h("div")(() => ({
+  width: "100%"
+})), _t = (e, t, n) => {
+  const o = e.defaultOperand1, i = e.defaultOperand2, a = {
+    id: 0,
+    n: e.name,
+    fixed: t,
+    isSetted: !1,
+    o: "e",
+    labelOperator: "",
+    o1: "",
+    o2: "",
+    labelOperands: ""
+  };
+  return o !== void 0 && typeof o == "number" && (a.o1 = o, a.labelOperands = a.o1), i !== void 0 && typeof i == "number" && (a.o2 = i), a.labelOperator = n(`dynamic_filter.operator_${a.o}`), a;
+};
+function xt() {
+  const {
+    popupData: {
+      filter: e,
+      field: t
+    },
+    setPoupEditValidationSchema: n,
+    setFnTransformFormValuesIntoValues: o,
+    getLabelOperator: i
+  } = T(), {
+    getLabel: a
+  } = $(), d = me(null), {
+    control: p,
+    setValue: u
+  } = M(), [s, g] = S(!1), y = ge({
+    control: p,
+    name: "valueOperator"
+  }), l = E(() => ve.map((f) => ({
+    id: f,
+    label: i(f)
+  })), [i]), b = _((f) => {
+    if (!e || !t)
+      return;
+    const c = {
+      id: e.id,
+      n: t.name,
+      fixed: e.fixed,
+      isSetted: !0,
+      o: f.valueOperator.id,
+      o1: Number(f.valueOperand1),
+      o2: f.valueOperand2,
+      labelOperator: f.valueOperator.label,
+      labelOperands: f.valueOperand1
+    };
+    return f.valueOperator.id === "b" ? (c.labelOperands = `${f.valueOperand1} - ${f.valueOperand2}`, c.o2 = Number(f.valueOperand2)) : c.o2 = void 0, c;
+  }, []);
+  return L(() => {
+    s || n({
+      valueOperator: w.object().nullable().required(a("dynamic_filter.error_operator_required")),
+      valueOperand1: w.number().typeError(a("dynamic_filter.error_operand_mustbe_number")),
+      valueOperand2: w.string().when("valueOperator", {
+        is: (f) => f.id === "b",
+        then: w.string().test("DOB", a("dynamic_filter.error_operand_mustbe_number"), (f) => f === "" ? !1 : !isNaN(Number(f)))
+      })
+    }), o(b), e && t && (u("valueOperand1", e.o1, {
+      shouldTouch: !1,
+      shouldValidate: !1
+    }), u("valueOperand2", e.o2, {
+      shouldTouch: !1,
+      shouldValidate: !1
+    })), g(!0);
+  }, [a, e, t]), L(() => {
+    d.current?.focus();
+  }, [s]), /* @__PURE__ */ r(vt, {
+    children: s && /* @__PURE__ */ C(A, {
+      children: [/* @__PURE__ */ r(Ot, {
+        children: /* @__PURE__ */ r(R, {
+          name: "valueOperator",
+          autoComplete: "off",
+          options: l,
+          getOptionLabel: (f) => f.label,
+          isOptionEqualToValue: (f, c) => f.id === c.id,
+          label: ""
+        })
+      }), /* @__PURE__ */ r(Y, {
+        name: "valueOperand1",
+        ref: d,
+        focused: !0
+      }), y && y.id === "b" && /* @__PURE__ */ r(Y, {
+        name: "valueOperand2",
+        ref: d
+      })]
+    })
+  });
+}
+const ie = {
+  string: lt,
+  number: _t,
+  boolean: pt,
+  datetime: ht,
+  __default__: () => {
+    throw new Error("Type no defined");
+  }
+}, Ie = (e, t, n, o) => (ie[e.type] ?? ie.__default__)(e, t, n, o), ae = {
+  string: st,
+  number: xt,
+  boolean: ut,
+  datetime: yt,
+  __default__: qe.Fragment
+}, It = (e) => {
+  const {
+    getFieldByName: t
+  } = T(), n = t(e.filter.n);
+  if (!n)
+    return /* @__PURE__ */ r(A, {});
+  const o = ae[n.type] ?? ae.__default__;
+  return /* @__PURE__ */ r(o, {});
+}, wt = {
+  fields: [],
+  withAllField: !0,
+  isDirty: !1,
+  isValid: !0,
+  automatic: !1,
+  availableFields: [],
+  getFieldByName: () => {
+  },
+  getLabelOperator: () => "",
+  applyedFilters: [],
+  addFilter: V,
+  updateFilter: V,
+  removeFilter: V,
+  clearFilters: V,
+  fireOnChangeFilters: V,
+  openAnchorEl: null,
+  openMenuFields: V,
+  closeMenuFields: V,
+  popupData: {
+    popupAnchorEl: null,
+    filter: null,
+    field: null
+  },
+  popupValidationSchema: {},
+  setPoupEditValidationSchema: V,
+  showPopupForAddFilter: V,
+  showPopupForEditFilter: V,
+  hidePopupEdit: V,
+  setInEdition: V,
+  inEdition: !1,
+  setFnTransformFormValuesIntoValues: V,
+  fnTransformFormValuesIntoRawValues: () => {
+  }
+}, U = Ne(wt), Ct = (e) => e.reduce((t, n) => n.id > t ? n.id : t, 0), Vt = (e, t) => t.findIndex((n) => n.id === e), le = (e) => e.map((t) => ({
+  n: t.n,
+  o: t.o,
+  labelOperands: t.labelOperands,
+  o1: t.o1,
+  o2: t.o2
+})), se = (e) => e.map((t) => ({
+  n: t.n,
+  o: t.o,
+  o1: t.o1,
+  o2: t.o2
+})), St = (e, t, n, o, i) => {
+  const a = [], d = [];
+  for (let p = 0; p < t.length; p++) {
+    let u;
+    const s = {
+      ...t[p],
+      id: 0,
+      isSetted: !0,
+      fixed: !1,
+      labelOperator: ""
+    }, g = n(s.n);
+    if (!!g) {
+      switch (g.type) {
+        case "string":
+          u = mt(s);
+          break;
+        case "number":
+          u = gt(s);
+          break;
+        case "boolean":
+          u = bt(s);
+          break;
+        case "datetime":
+          u = Ft(s);
+          break;
+        default:
+          u = !1;
+      }
+      u && (g.presence === "fixed" && (d.findIndex((y) => y === g.name) === -1 ? (s.fixed = !0, d.push(g.name)) : s.fixed = !1), s.isSetted = !0, s.id = a.length + 1, s.labelOperator = o(`dynamic_filter.operator_${s.o}`), a.push(s));
+    }
+  }
+  for (let p = 0; p < e.length; p++) {
+    const u = e[p];
+    if ((u.presence === "initialized" || u.presence === "fixed") && !t.find((s) => s.n === u.name)) {
+      const s = Ie(u, u.presence === "fixed", o, i);
+      s.id = a.length + 1, a.push(s);
+    }
+  }
+  return a;
+};
+function Tt(e) {
+  const {
+    isSkeleton: t = !1,
+    fields: n,
+    initialFilters: o = [],
+    withAllField: i = !0,
+    onChangeFilter: a,
+    automatic: d = !0,
+    children: p
+  } = e, [u, s] = S(null), [g, y] = S({
+    popupAnchorEl: null,
+    filter: null,
+    field: null
+  }), {
+    getLabel: l
+  } = $(), [b, f] = S(w.object().shape({})), [c, x] = S(() => {
+  }), {
+    host_static_assets: v,
+    environment_assets: W
+  } = j(), J = z(), Q = E(() => ({
+    ...xe,
+    label: l("dynamic_filter.all_fields"),
+    urlIcon: `${v}/${W}/frontend/components/dynamic_filter/assets/icons/all_fields.svg`
+  }), [l, v, W]), [B, P] = S(!1), [we, q] = S(!d), [N, X] = S(!1), {
+    toast: Ce
+  } = z(), H = _((m) => n.concat(Q).find((F) => F.name === m), [n, Q]), K = _((m) => l(`dynamic_filter.operator_${m}`), [l]), [D, k] = S(St(n, o, H, l, J)), Ve = E(() => {
+    const m = [];
+    for (let F = 0; F < n.length; F++) {
+      let O;
+      const I = n[F];
+      O = !0, I.multiple !== void 0 && I.multiple === !1 && D.findIndex((Me) => Me.n === I.name) > -1 && (O = !1), O && m.push(I);
+    }
+    return m;
+  }, [n, D]), Se = _(() => {
+    N ? (d || q(!1), a(le(D), se(D))) : Ce(l("dynamic_filter.error_filters_no_setted"), {
+      type: "error",
+      autoClose: 1e4
+    });
+  }, [N, D, a]);
+  L(() => {
+    const m = D.findIndex((F) => !F.isSetted) > -1;
+    if (X(!m), !d) {
+      q(!0);
+      return;
+    }
+    m || (q(!1), a(le(D), se(D)));
+  }, [D]);
+  const Te = _((m) => {
+    k((F) => {
+      const O = [...F], I = {
+        ...m,
+        id: Ct(F) + 1,
+        labelOperator: K(m.o)
+      };
+      return O.push(I), O;
+    });
+  }, []), De = _((m) => {
+    k((F) => {
+      const O = [...F], I = Vt(m.id, O);
+      return I > -1 && O.splice(I, 1, {
+        ...m,
+        labelOperator: K(m.o)
+      }), O;
+    });
+  }, []), Ee = _(() => {
+    k((m) => {
+      const F = [];
+      for (let O = 0; O < m.length; O++) {
+        const I = m[O];
+        I.fixed && F.push(I);
+      }
+      return F;
+    });
+  }, []), Ae = _((m) => {
+    s(m), P(!0);
+  }, [D]), Le = _(() => {
+    s(null), P(!1);
+  }, []), Pe = _((m) => {
+    g.popupAnchorEl && y({
+      popupAnchorEl: null,
+      filter: null,
+      field: null
+    }), !m && B && P(!1);
+  }, [g, B]), $e = _((m, F) => {
+    y({
+      popupAnchorEl: m,
+      filter: Ie(F, !1, l, J),
+      field: F
+    }), P(!0);
+  }, []), Re = _((m, F) => {
+    y({
+      popupAnchorEl: m,
+      filter: F,
+      field: H(F.n)
+    }), P(!0);
+  }, []), We = _((m) => {
+    k((F) => {
+      const O = [...F], I = F.findIndex((Z) => m === Z.id);
+      return I > -1 && (O[I].fixed || O.splice(I, 1)), O;
+    });
+  }, []), ke = _((m) => {
+    f(w.object().shape({
+      ...m
+    }));
+  }, []), je = _((m) => {
+    x(() => m);
+  }, []);
+  return /* @__PURE__ */ r(U.Provider, {
+    value: {
+      isSkeleton: t,
+      inEdition: B,
+      automatic: d,
+      isDirty: we,
+      isValid: N,
+      withAllField: i,
+      fields: n,
+      availableFields: Ve,
+      getFieldByName: H,
+      getLabelOperator: K,
+      applyedFilters: D,
+      addFilter: Te,
+      updateFilter: De,
+      removeFilter: We,
+      clearFilters: Ee,
+      fireOnChangeFilters: Se,
+      openAnchorEl: u,
+      openMenuFields: Ae,
+      closeMenuFields: Le,
+      popupData: g,
+      popupValidationSchema: b,
+      showPopupForAddFilter: $e,
+      showPopupForEditFilter: Re,
+      hidePopupEdit: Pe,
+      setInEdition: P,
+      setPoupEditValidationSchema: ke,
+      fnTransformFormValuesIntoRawValues: c,
+      setFnTransformFormValuesIntoValues: je
+    },
+    children: p
+  });
+}
+const T = () => He(U), Dt = h("div")(({
+  theme: e
+}) => ({
+  width: "auto",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  height: "100%",
+  minHeight: e.spacing(3),
+  paddingLeft: e.spacing(1),
+  backgroundColor: e.palette.grid?.sectionHeader,
+  border: "1px solid",
+  borderColor: Ye(`${e.palette.divider}`, 0.1),
+  overflow: "visible",
+  borderRadius: e.spacing(1),
+  "&.waf_no_setted": {
+    border: `1px solid ${e.palette.error.main}`
+  }
+})), Et = h("div")(({
+  theme: e
+}) => ({
+  ...e.typography.body2,
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  width: "auto",
+  height: "100%",
+  marginRight: e.spacing(1),
+  marginLeft: e.spacing(1),
+  whiteSpace: "nowrap"
+})), At = h("span")(({
+  theme: e
+}) => ({
+  ...e.typography.subtitle2
+})), Lt = h("span")(({
+  theme: e
+}) => ({
+  ...e.typography.body2,
+  marginLeft: e.spacing(1.5),
+  fontStyle: "italic"
+})), Pt = h("span")(({
+  theme: e
+}) => ({
+  ...e.typography.body2,
+  marginLeft: e.spacing(1.5)
+}));
+function $t(e) {
+  const {
+    n: t,
+    id: n,
+    isSetted: o,
+    fixed: i,
+    labelOperator: a,
+    labelOperands: d
+  } = e, {
+    removeFilter: p,
+    showPopupForEditFilter: u,
+    hidePopupEdit: s,
+    getFieldByName: g
+  } = T(), {
+    host_static_assets: y,
+    environment_assets: l
+  } = j(), b = E(() => g(t), [g]), f = E(() => {
+    if (!!b)
+      return b && b.urlIcon !== "" ? b.urlIcon : "";
+  }, [b]), c = () => {
+    s(!1), p(n);
+  }, x = (v) => {
+    u(v.currentTarget, e);
+  };
+  return b ? /* @__PURE__ */ C(Dt, {
+    id: "WrapperApplyedFilter",
+    className: o ? "" : "waf_no_setted",
+    children: [f && /* @__PURE__ */ r(G, {
+      src: f,
+      onClick: x
+    }), /* @__PURE__ */ C(Et, {
+      onClick: x,
+      children: [/* @__PURE__ */ r(At, {
+        children: b.label
+      }), /* @__PURE__ */ r(Lt, {
+        children: a
+      }), /* @__PURE__ */ r(Pt, {
+        children: d
+      })]
+    }), !i && /* @__PURE__ */ r(G, {
+      size: "small",
+      src: `${y}/${l}/frontend/components/dynamic_filter/assets/icons/clear.svg`,
+      onClick: c,
+      dictionaryTooltip: "dynamic_filter.tooltip_clear_filter"
+    })]
+  }) : /* @__PURE__ */ r(A, {});
+}
+function de() {
+  const {
+    applyedFilters: e,
+    isSkeleton: t
+  } = T();
+  return t ? /* @__PURE__ */ r(re, {
+    id: "WrapperApplyedFilters"
+  }) : /* @__PURE__ */ r(re, {
+    className: "WrapperApplyedFilters",
+    children: /* @__PURE__ */ r(Be, {
+      children: /* @__PURE__ */ r(ot, {
+        id: "WrapperApplyedFilters",
+        children: [...e].sort((n, o) => n.isSetted === o.isSetted ? 0 : n.isSetted ? -1 : 1).reverse().map((n) => /* @__PURE__ */ r($t, {
+          ...n
+        }, n.id))
+      })
+    })
+  });
+}
+const Rt = be("div")(({
+  theme: e
+}) => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  minWidth: e.spacing(3.75),
+  height: e.spacing(3.75)
+})), Wt = be("div")(({
+  theme: e
+}) => ({
+  paddingLeft: e.spacing(0.5),
+  borderLeft: `1px solid ${e.palette.divider}`
+})), pe = () => {
+  const {
+    host_static_assets: e,
+    environment_assets: t
+  } = j(), {
+    clearFilters: n,
+    isSkeleton: o,
+    applyedFilters: i
+  } = T();
+  return o ? /* @__PURE__ */ r(Rt, {
+    children: /* @__PURE__ */ r(Fe, {
+      variant: "circular",
+      width: "20px",
+      height: "20px"
+    })
+  }) : i.findIndex((a) => a.fixed == !1) > -1 ? /* @__PURE__ */ r(Wt, {
+    children: /* @__PURE__ */ r(G, {
+      src: `${e}/${t}/frontend/components/dynamic_filter/assets/icons/clear.svg`,
+      onClick: n,
+      dictionaryTooltip: "dynamic_filter.tooltip_clear_filters"
+    })
+  }) : /* @__PURE__ */ r(A, {});
+}, ue = h("div")(({
+  theme: e
+}) => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  width: "100%",
+  height: e.spacing(3),
+  borderLeft: `1px solid ${e.palette.divider}`,
+  paddingLeft: e.spacing(1),
+  marginLeft: e.spacing(1),
+  [e.breakpoints.up("sm")]: {
+    width: e.spacing(25)
+  }
+})), kt = h("input")(({
+  theme: e
+}) => ({
+  background: "transparent",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  minWidth: e.spacing(3.75),
+  width: "100%",
+  "&": {
+    outline: "none",
+    border: "none"
+  },
+  [e.breakpoints.up("sm")]: {
+    width: "auto"
+  }
+}));
+function ce() {
+  const {
+    isSkeleton: e,
+    withAllField: t,
+    availableFields: n,
+    showPopupForAddFilter: o,
+    addFilter: i,
+    openAnchorEl: a,
+    openMenuFields: d,
+    closeMenuFields: p,
+    hidePopupEdit: u
+  } = T(), [s, g] = S(""), y = E(() => a ? n.filter((v) => v.label.includes(s)) : [], [s, a]);
+  if (e)
+    return /* @__PURE__ */ r(ue, {
+      id: "SKTWrapperInputFilter",
+      children: /* @__PURE__ */ r(Fe, {
+        variant: "text",
+        width: "100%",
+        height: 24
+      })
+    });
+  const l = () => {
+    p();
+  }, b = (v) => {
+    p(), o(a, v);
+  }, f = (v) => {
+    d(v.currentTarget);
+  }, c = (v) => {
+    g(v.target.value), a || d(v.currentTarget), u(!0);
+  }, x = (v) => {
+    if (v.key === "Enter") {
+      if (s.trim() === "") {
+        p();
+        return;
+      }
+      t && (i({
+        n: xe.name,
+        isSetted: !0,
+        fixed: !1,
+        o: "c",
+        o1: s,
+        labelOperands: s
+      }), g(""), p());
+    }
+  };
+  return !t && n.length == 0 ? /* @__PURE__ */ r(A, {}) : /* @__PURE__ */ C(ue, {
+    id: "WrapperInputFilter",
+    children: [/* @__PURE__ */ r(kt, {
+      type: "text",
+      value: s,
+      placeholder: "filter",
+      onClick: f,
+      onChange: c,
+      onKeyPress: x
+    }), n.length > 0 && /* @__PURE__ */ r(et, {
+      id: "MenuPopover",
+      open: Boolean(a),
+      anchorEl: a,
+      onClose: l,
+      disableAutoFocus: !0,
+      arrow: "right-top",
+      sx: {
+        "& .MuiMenuItem-root": {
+          px: 1,
+          typography: "body2",
+          borderRadius: 0.75
+        }
+      },
+      children: Boolean(a) && y.map((v, W) => /* @__PURE__ */ C(Ge, {
+        dense: !0,
+        onClick: () => b(v),
+        children: [/* @__PURE__ */ r(he, {
+          src: v.urlIcon
+        }), /* @__PURE__ */ r(Qe, {
+          children: v.label
+        })]
+      }, `menu_action_${W}`))
+    })]
+  });
+}
+const jt = h("div")(({
+  theme: e
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "center",
+  alignItems: "center",
+  padding: e.spacing(1.4, 3, 3, 3),
+  backgroundColor: e.palette.background.default,
+  borderRadius: e.spacing(1)
+}));
+h("div")(({
+  theme: e
+}) => ({
+  display: "flex",
+  justifyContent: "center",
+  gap: e.spacing(3),
+  paddingTop: e.spacing(3)
+}));
+const Mt = h("div")(({
+  theme: e
+}) => ({
+  ...e.typography.subtitle2,
+  width: "100%",
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  padding: e.spacing(2, 0),
+  marginLeft: e.spacing(1.5)
+})), Bt = h("div")(({
+  theme: e
+}) => ({
+  width: "100%",
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  borderBottom: `1px solid ${e.palette.divider}`
+})), fe = () => {
+  const {
+    popupValidationSchema: e,
+    popupData: {
+      popupAnchorEl: t,
+      filter: n,
+      field: o
+    },
+    hidePopupEdit: i,
+    addFilter: a,
+    updateFilter: d,
+    getLabelOperator: p,
+    fnTransformFormValuesIntoRawValues: u
+  } = T(), s = Ue(), {
+    getLabel: g
+  } = $(), y = E(() => !n || !o ? {} : {
+    ...n,
+    valueOperator: {
+      id: n.o,
+      label: p(n.o)
+    }
+  }, [n, o, p, g]), l = async (f) => {
+    if (!n || !o)
+      return;
+    const c = u(f);
+    !c || (n.id === 0 ? a(c) : d(c), i(!1));
+  }, b = () => {
+    i(!1);
+  };
+  return /* @__PURE__ */ r(Je, {
+    id: "MenuPopover",
+    open: Boolean(t),
+    anchorEl: t,
+    sx: {
+      boxShadow: s.customShadows.dropdown,
+      borderRadius: 1
+    },
+    children: /* @__PURE__ */ r(A, {
+      children: n && /* @__PURE__ */ r(ze, {
+        onSubmit: l,
+        values: y,
+        validationSchema: e,
+        children: /* @__PURE__ */ C(jt, {
+          children: [/* @__PURE__ */ C(Bt, {
+            children: [o?.urlIcon && /* @__PURE__ */ r(he, {
+              src: o.urlIcon
+            }), /* @__PURE__ */ r(Mt, {
+              children: o?.label
+            })]
+          }), /* @__PURE__ */ r(It, {
+            filter: n
+          }), /* @__PURE__ */ C(Xe, {
+            children: [/* @__PURE__ */ r(tt, {
+              onClick: b
+            }), /* @__PURE__ */ r(rt, {})]
+          })]
+        })
+      })
+    })
+  });
+}, qt = h("div", {
+  shouldForwardProp: (e) => e !== "inEdition"
+})(({
+  theme: e,
+  inEdition: t
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "flex-start",
+  height: "auto",
+  width: "100%",
+  padding: e.spacing(0.5),
+  borderRadius: e.spacing(1),
+  border: t ? `1px solid ${e.palette.primary.main}` : `1px solid ${e.palette.divider}`
+})), Nt = h("div", {
+  shouldForwardProp: (e) => e !== "inEdition"
+})(({
+  theme: e,
+  inEdition: t
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "space-between",
+  minWidth: e.spacing(25),
+  height: "auto",
+  width: "100%",
+  padding: e.spacing(0.5),
+  borderRadius: e.spacing(1),
+  border: t ? `1px solid ${e.palette.primary.main}` : `1px solid ${e.palette.divider}`,
+  gap: e.spacing(0.75),
+  "& .WrapperApplyedFilters": {
+    margin: "0px",
+    padding: "0px",
+    border: "0px"
+  }
+})), Ht = h("div")(() => ({
+  width: "100%",
+  display: "flex",
+  justifyContent: "space-between"
+})), Cr = (e) => {
+  const t = nt();
+  return Ke(["dictionary_loaded"]) ? /* @__PURE__ */ r(Tt, {
+    ...e,
+    children: /* @__PURE__ */ r(U.Consumer, {
+      children: ({
+        inEdition: o
+      }) => t ? /* @__PURE__ */ C(qt, {
+        id: "WrapperFilter",
+        inEdition: o,
+        children: [/* @__PURE__ */ r(te, {}), /* @__PURE__ */ r(ce, {}), /* @__PURE__ */ r(de, {}), /* @__PURE__ */ r(fe, {}), /* @__PURE__ */ r(pe, {})]
+      }) : /* @__PURE__ */ C(Nt, {
+        id: "WrapperFilterMobile",
+        inEdition: o,
+        children: [/* @__PURE__ */ C(Ht, {
+          id: "ContainerFistRow",
+          children: [/* @__PURE__ */ r(te, {}), /* @__PURE__ */ r(ce, {}), /* @__PURE__ */ r(pe, {})]
+        }), /* @__PURE__ */ r(de, {}), /* @__PURE__ */ r(fe, {})]
+      })
+    })
+  }) : /* @__PURE__ */ r(A, {});
+};
+function Vr() {
+  return ["dynamic_filter"].concat(Ze());
+}
+const Sr = {
+  dynamic_filter: {
+    filter_tooltip: "Search",
+    operator_b: "between",
+    operator_e: "=",
+    operator_ne: "!=",
+    operator_gt: ">",
+    operator_gte: ">=",
+    operator_lt: "<",
+    operator_lte: "<=",
+    operator_c: "contains",
+    operator_nc: "not contains",
+    all_fields: "all_fields",
+    operand_true: "true",
+    operand_false: "false",
+    error_operator_required: "Operator required",
+    error_operand_required: "Operand required",
+    error_invalid_date: "Invalid date",
+    error_operand_mustbe_number: "Invalid number",
+    error_filters_no_setted: "Filters not yet set"
+  }
+};
+export {
+  Cr as D,
+  Sr as d,
+  Vr as g,
+  T as u
+};