@m4l/components 0.1.26 → 0.1.28

package/components/DynamicFilter/index.f2377369.js

@@ -1,1157 +0,0 @@
-import { S as Me } from "../ScrollBar/index.39eeb2de.js";
-import { styled as h } from "@mui/material/styles";
-import { useRef as me, useState as S, useMemo as E, useCallback as _, useEffect as L, createContext as qe, useContext as Ne } from "react";
-import { useModuleDictionary as $, useHostTools as z, useEnvironment as j, voidFunction as V, useFlagsPresent as He } from "@m4l/core";
-import * as C from "yup";
-import { useFormContext as B, useWatch as ge } from "react-hook-form";
-import { R } from "../hook-form/RHFAutocomplete/index.5eee9d7c.js";
-import "lodash/debounce";
-import { jsx as r, jsxs as w, Fragment as A } from "react/jsx-runtime";
-import "../hook-form/RHFCheckbox/index.6dcec9e2.js";
-import { alpha as Ke, styled as be, Skeleton as Fe, MenuItem as ze, useTheme as Ye, Popper as Ge } from "@mui/material";
-import "@mui/x-date-pickers";
-import { R as ee } from "../hook-form/RHFDateTime/index.9231a7c7.js";
-import { R as Y } from "../hook-form/RHFTextField/index.ba2a8f67.js";
-import { I as he } from "../Icon/index.f569765b.js";
-import "../hook-form/RHFPeriod/index.979d0898.js";
-import "../ErrorLabel/index.c8615f16.js";
-import "../Period/index.a112ce37.js";
-import { L as Ue, b as Je, g as Qe } from "../CommonActions/components/Actions/index.cd7b2671.js";
-import "@mui/material/Button";
-import "react-router-dom";
-import "../../contexts/ModalContext/index.5388dfd5.js";
-import "@mui/lab";
-import "lodash/isString";
-import "react-dropzone";
-import "../Image/index.c9da2d5a.js";
-import "../hook-form/RHFUpload/index.6347159a.js";
-import { I as G } from "../mui_extended/IconButton/index.4b5ce8b5.js";
-import "simplebar/dist/simplebar.min.css";
-import { F as te } from "../mui_extended/Button/index.52d18aea.js";
-import { P as Xe } from "../mui_extended/Popover/index.4da8587a.js";
-import { R as Ze } from "../contexts/RHFormContext/index.33dba822.js";
-import { A as et } from "../CommonActions/components/ActionCancel/index.6736b782.js";
-import { A as tt } from "../CommonActions/components/ActionIntro/index.4665a611.js";
-import { useResponsiveDesktop as rt } 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}`
-})), nt = 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: "",
-  type: "string",
-  multiple: !0,
-  presence: "optional"
-}, ot = 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)
-})), it = h("div")(() => ({
-  width: "100%"
-})), at = (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 lt() {
-  const {
-    popupData: {
-      filter: e,
-      field: t
-    },
-    setPoupEditValidationSchema: n,
-    setFnTransformFormValuesIntoValues: o,
-    getLabelOperator: i
-  } = T(), {
-    getLabel: a
-  } = $(), d = me(null), {
-    setValue: p
-  } = B(), [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: C.object().nullable().required(a("operator_required")),
-      valueOperand1: C.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(ot, {
-    children: u && /* @__PURE__ */ w(A, {
-      children: [/* @__PURE__ */ r(it, {
-        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 st = 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%"
-})), dt = (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 pt() {
-  const {
-    setPoupEditValidationSchema: e,
-    setFnTransformFormValuesIntoValues: t,
-    getLabelOperator: n
-  } = T(), {
-    getLabel: o
-  } = $(), {
-    popupData: {
-      filter: i,
-      field: a
-    }
-  } = T(), {
-    setValue: d
-  } = B(), [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: C.object().nullable().required(o("error_operator_required")),
-      valueOperand1: C.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(st, {
-    id: "WrapperAllFieldsFilter",
-    children: p && /* @__PURE__ */ w(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 ut = 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)
-})), ct = h("div")(() => ({
-  width: "100%"
-}));
-function oe(e) {
-  return e && e instanceof Date;
-}
-const ft = (e) => !(typeof e.o != "string" || ye.findIndex((t) => t === e.o) === -1 || typeof e.o1 != "string"), mt = (e) => !(typeof e.o != "number" || ve.findIndex((t) => t === e.o) === -1 || typeof e.o1 != "number" || e.o === "b" && typeof e.o2 != "number"), gt = (e) => !(typeof e.o != "string" || Oe.findIndex((t) => t === e.o) === -1 || typeof e.o1 != "boolean"), bt = (e) => !(typeof e.o != "string" || _e.findIndex((t) => t === e.o) === -1 || typeof e.o1 != "string" || e.o === "b" && typeof e.o2 != "string"), Ft = (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 ht() {
-  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
-  } = B(), 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: C.object().nullable().required(o("operator_required")),
-      valueOperand1: C.date().test("valueOperand1", o("dynamic_filter.error_invalid_date"), (c) => Boolean(c)),
-      valueOperand2: C.date().when(["valueOperator.id"], {
-        is: "b",
-        then: C.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(ut, {
-    children: y && /* @__PURE__ */ w(A, {
-      children: [/* @__PURE__ */ r(ct, {
-        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 yt = 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)
-})), vt = h("div")(() => ({
-  width: "100%"
-})), Ot = (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 _t() {
-  const {
-    popupData: {
-      filter: e,
-      field: t
-    },
-    setPoupEditValidationSchema: n,
-    setFnTransformFormValuesIntoValues: o,
-    getLabelOperator: i
-  } = T(), {
-    getLabel: a
-  } = $(), d = me(null), {
-    control: p,
-    setValue: u
-  } = B(), [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: C.object().nullable().required(a("dynamic_filter.error_operator_required")),
-      valueOperand1: C.number().typeError(a("dynamic_filter.error_operand_mustbe_number")),
-      valueOperand2: C.string().when("valueOperator", {
-        is: (f) => f.id === "b",
-        then: C.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__ */ w(yt, {
-    children: [s && /* @__PURE__ */ w(A, {
-      children: [/* @__PURE__ */ r(vt, {
-        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
-      })]
-    }), "x"]
-  });
-}
-const ie = {
-  string: at,
-  number: Ot,
-  boolean: dt,
-  datetime: Ft,
-  __default__: () => {
-    throw new Error("Type no defined");
-  }
-}, Ie = (e, t, n, o) => (ie[e.type] ?? ie.__default__)(e, t, n, o), ae = {
-  string: lt,
-  number: _t,
-  boolean: pt,
-  datetime: ht,
-  __default__: /* @__PURE__ */ r(A, {})
-}, xt = (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, {});
-}, It = {
-  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 = qe(It), wt = (e) => e.reduce((t, n) => n.id > t ? n.id : t, 0), Ct = (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
-})), Vt = (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 = ft(s);
-          break;
-        case "number":
-          u = mt(s);
-          break;
-        case "boolean":
-          u = gt(s);
-          break;
-        case "datetime":
-          u = bt(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 St(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(C.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]), [M, 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(Vt(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((Be) => Be.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: wt(F) + 1,
-        labelOperator: K(m.o)
-      };
-      return O.push(I), O;
-    });
-  }, []), De = _((m) => {
-    k((F) => {
-      const O = [...F], I = Ct(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 && M && P(!1);
-  }, [g, M]), $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(C.object().shape({
-      ...m
-    }));
-  }, []), je = _((m) => {
-    x(() => m);
-  }, []);
-  return /* @__PURE__ */ r(U.Provider, {
-    value: {
-      isSkeleton: t,
-      inEdition: M,
-      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 = () => Ne(U), Tt = 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: Ke(`${e.palette.divider}`, 0.1),
-  overflow: "visible",
-  borderRadius: e.spacing(1),
-  "&.waf_no_setted": {
-    border: `1px solid ${e.palette.error.main}`
-  }
-})), Dt = 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"
-})), Et = h("span")(({
-  theme: e
-}) => ({
-  ...e.typography.subtitle2
-})), At = h("span")(({
-  theme: e
-}) => ({
-  ...e.typography.body2,
-  marginLeft: e.spacing(1.5),
-  fontStyle: "italic"
-})), Lt = h("span")(({
-  theme: e
-}) => ({
-  ...e.typography.body2,
-  marginLeft: e.spacing(1.5)
-}));
-function Pt(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__ */ w(Tt, {
-    id: "WrapperApplyedFilter",
-    className: o ? "" : "waf_no_setted",
-    children: [f && /* @__PURE__ */ r(G, {
-      src: f,
-      onClick: x
-    }), /* @__PURE__ */ w(Dt, {
-      onClick: x,
-      children: [/* @__PURE__ */ r(Et, {
-        children: b.label
-      }), /* @__PURE__ */ r(At, {
-        children: a
-      }), /* @__PURE__ */ r(Lt, {
-        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(Me, {
-      children: /* @__PURE__ */ r(nt, {
-        id: "WrapperApplyedFilters",
-        children: [...e].sort((n, o) => n.isSetted === o.isSetted ? 0 : n.isSetted ? -1 : 1).reverse().map((n) => /* @__PURE__ */ r(Pt, {
-          ...n
-        }, n.id))
-      })
-    })
-  });
-}
-const $t = be("div")(({
-  theme: e
-}) => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  minWidth: e.spacing(3.75),
-  height: e.spacing(3.75)
-})), Rt = 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($t, {
-    children: /* @__PURE__ */ r(Fe, {
-      variant: "circular",
-      width: "20px",
-      height: "20px"
-    })
-  }) : i.findIndex((a) => a.fixed == !1) > -1 ? /* @__PURE__ */ r(Rt, {
-    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)
-  }
-})), Wt = 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__ */ w(ue, {
-    id: "WrapperInputFilter",
-    children: [/* @__PURE__ */ r(Wt, {
-      type: "text",
-      value: s,
-      placeholder: "filter",
-      onClick: f,
-      onChange: c,
-      onKeyPress: x
-    }), n.length > 0 && /* @__PURE__ */ r(Xe, {
-      id: "Popover",
-      open: Boolean(a),
-      anchorEl: a,
-      onClose: l,
-      disableAutoFocus: !0,
-      arrowType: "right-top",
-      sx: {
-        "& .MuiMenuItem-root": {
-          px: 1,
-          typography: "body2",
-          borderRadius: 0.75
-        }
-      },
-      children: Boolean(a) && y.map((v, W) => /* @__PURE__ */ w(ze, {
-        dense: !0,
-        onClick: () => b(v),
-        children: [/* @__PURE__ */ r(he, {
-          src: v.urlIcon
-        }), /* @__PURE__ */ r(Ue, {
-          children: v.label
-        })]
-      }, `menu_action_${W}`))
-    })]
-  });
-}
-const kt = 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 jt = 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 = Ye(), {
-    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(Ge, {
-    id: "Popover",
-    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__ */ w(kt, {
-          children: [/* @__PURE__ */ w(Bt, {
-            children: [o?.urlIcon && /* @__PURE__ */ r(he, {
-              src: o.urlIcon
-            }), /* @__PURE__ */ r(jt, {
-              children: o?.label
-            })]
-          }), /* @__PURE__ */ r(xt, {
-            filter: n
-          }), /* @__PURE__ */ w(Je, {
-            children: [/* @__PURE__ */ r(et, {
-              onClick: b
-            }), /* @__PURE__ */ r(tt, {})]
-          })]
-        })
-      })
-    })
-  });
-}, Mt = 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}`
-})), qt = 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"
-  }
-})), Nt = h("div")(() => ({
-  width: "100%",
-  display: "flex",
-  justifyContent: "space-between"
-})), Ir = (e) => {
-  const t = rt();
-  return He(["dictionary_loaded"]) ? /* @__PURE__ */ r(St, {
-    ...e,
-    children: /* @__PURE__ */ r(U.Consumer, {
-      children: ({
-        inEdition: o
-      }) => t ? /* @__PURE__ */ w(Mt, {
-        id: "WrapperFilter",
-        inEdition: o,
-        children: [/* @__PURE__ */ r(te, {}), /* @__PURE__ */ r(ce, {}), /* @__PURE__ */ r(de, {}), /* @__PURE__ */ r(fe, {}), /* @__PURE__ */ r(pe, {})]
-      }) : /* @__PURE__ */ w(qt, {
-        id: "WrapperFilterMobile",
-        inEdition: o,
-        children: [/* @__PURE__ */ w(Nt, {
-          id: "ContainerFistRow",
-          children: [/* @__PURE__ */ r(te, {}), /* @__PURE__ */ r(ce, {}), /* @__PURE__ */ r(pe, {})]
-        }), /* @__PURE__ */ r(de, {}), /* @__PURE__ */ r(fe, {})]
-      })
-    })
-  }) : /* @__PURE__ */ r(A, {});
-};
-function wr() {
-  return ["dynamic_filter"].concat(Qe());
-}
-const Cr = {
-  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 {
-  Ir as D,
-  Cr as d,
-  wr as g,
-  T as u
-};