@archbase/advanced 3.0.0

package/dist/index.js

@@ -0,0 +1,4051 @@
+import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import y, { Component as v, useState as $, Fragment as Ie, useRef as Be, useEffect as ge } from "react";
+import { ArchbaseError as te, getI18nextInstance as m, ltrim as ie, detectDataSourceVersion as Q, useArchbaseTheme as $e, processErrorMessage as he, processDetailErrorMessage as ce, useArchbaseTranslation as it, builder as C, emit as rt } from "@archbase/core";
+import { Modal as st, Group as q, Button as w, Checkbox as W, Switch as qe, MultiSelect as nt, Space as R, Text as x, Grid as O, Card as re, Tooltip as f, ActionIcon as g, ScrollArea as Fe, Accordion as X, Menu as B, Radio as pe, Badge as at, Paper as ke, Box as Me, useMantineColorScheme as We, TextInput as ze, Popover as E, Input as lt, Flex as ot } from "@mantine/core";
+import { DatePickerInput as M, TimeInput as Ge } from "@mantine/dates";
+import { IconSearch as le, IconFilterSearch as Qe, IconChevronUp as dt, IconChevronDown as ht, IconArrowDown as ve, IconArrowUp as Se, IconPlus as ct, IconTrash as Ue, IconDeviceFloppy as ue, IconRefresh as ye, IconDoorExit as pt, IconCalendarEvent as ut, IconCalendarMonth as mt, IconCalendarWeek as ft, IconCalendar as je, IconFilterOff as gt, IconSubtask as Ft, IconFilter as bt, IconDownload as Ct, IconPrinter as vt, IconSortAscendingLetters as St, IconSortDescendingLetters as yt, IconFilterX as wt } from "@tabler/icons-react";
+import { uniqueId as U, cloneDeep as me } from "lodash";
+import xt from "lodash/debounce";
+import oe from "react-addons-shallow-compare";
+import { ArchbaseEdit as It, ArchbaseDialog as N, ArchbaseDateTimePickerRange as Ye, ArchbaseDateTimePickerEdit as He, ArchbaseSelect as be, ArchbaseSelectItem as Ce, ArchbaseList as de, ArchbaseSwitch as kt } from "@archbase/components";
+import { useDebouncedValue as Je } from "@mantine/hooks";
+import { endOfMonth as Tt, formatISO as Te } from "date-fns";
+import Ot from "react-date-object";
+import { v4 as Rt } from "uuid";
+import { ArchbaseForm as Ke } from "@archbase/layout";
+import { AccordionItem as Oe, AccordionItemHeading as Re, AccordionItemButton as Ee, AccordionItemPanel as _e, AccordionItemState as Et, Accordion as _t } from "react-accessible-accordion";
+import { ArchbaseDataSource as j } from "@archbase/data";
+import { Calendar as Dt } from "react-multi-date-picker";
+const S = -2, Z = -1, ee = "normal", T = "quick", se = "advanced", Fi = "null", bi = "notNull", Ci = "contains", vi = "startsWith", Si = "endsWith", yi = "=", wi = "!=", xi = ">", Ii = "<", ki = ">=", Ti = "<=", Oi = "between", Ri = "inList", Ei = "notInList";
+class ne {
+  _id;
+  _companyId;
+  _filter;
+  _name;
+  _viewName;
+  _componentName;
+  _userName;
+  _shared;
+  _code;
+  _isNewFilter;
+  constructor() {
+  }
+  // Getters
+  get id() {
+    return this._id;
+  }
+  get companyId() {
+    return this._companyId;
+  }
+  get filter() {
+    return this._filter;
+  }
+  get name() {
+    return this._name;
+  }
+  get viewName() {
+    return this._viewName;
+  }
+  get componentName() {
+    return this._componentName;
+  }
+  get userName() {
+    return this._userName;
+  }
+  get isShared() {
+    return this._shared;
+  }
+  get code() {
+    return this._code;
+  }
+  get isNewFilter() {
+    return this._isNewFilter;
+  }
+  setId(e) {
+    this._id = e;
+  }
+  setCompanyId(e) {
+    this._companyId = e;
+  }
+  setFilter(e) {
+    this._filter = e;
+  }
+  setName(e) {
+    this._name = e;
+  }
+  setViewName(e) {
+    this._viewName = e;
+  }
+  setComponentName(e) {
+    this._componentName = e;
+  }
+  setUserName(e) {
+    this._userName = e;
+  }
+  setShared(e) {
+    this._shared = e;
+  }
+  setCode(e) {
+    this._code = e;
+  }
+  setIsNewFilter(e) {
+    this._isNewFilter = e;
+  }
+  static createInstance() {
+    return new ne();
+  }
+  static createInstanceWithValues(e) {
+    const t = new ne();
+    return e.id !== void 0 && t.setId(e.id), e.companyId !== void 0 && t.setCompanyId(e.companyId), e.filter && t.setFilter(e.filter), typeof e.name == "string" && t.setName(e.name), typeof e.viewName == "string" && t.setViewName(e.viewName), typeof e.componentName == "string" && t.setComponentName(e.componentName), typeof e.userName == "string" && t.setUserName(e.userName), typeof e.shared == "boolean" && t.setShared(e.shared), typeof e.code == "string" && t.setCode(e.code), typeof e.isNewFilter == "boolean" && t.setIsNewFilter(e.isNewFilter), t;
+  }
+}
+function Nt({
+  sortable: d = !0,
+  quickFilter: e = !0,
+  quickFilterSort: t = !1,
+  ...i
+}) {
+  return null;
+}
+class At extends v {
+  static get componentName() {
+    return "FilterFieldValue";
+  }
+  render() {
+    return null;
+  }
+}
+function Pt({ children: d }) {
+  return /* @__PURE__ */ n("div", { children: d });
+}
+const Xe = (d) => {
+  let e = "", t = !1;
+  return d.sort.sortFields.forEach(
+    (i) => {
+      i.selected && (t && (e += ", "), e += i.label + "(" + (i.asc_desc === "asc" ? "A" : "D") + ")", t = !0);
+    }
+  ), e;
+}, Ze = (d) => {
+  let e = [];
+  return y.Children.toArray(d).forEach(function(i) {
+    i && i.type && i.type.componentName === "QueryFields" && i.props.children && y.Children.toArray(i.props.children).forEach(function(s, a) {
+      let l = [];
+      y.Children.toArray(s.props.children).forEach(function(o) {
+        l.push(/* @__PURE__ */ n(At, { ...o.props }, "fld" + a));
+      }), e.push(
+        /* @__PURE__ */ n(Nt, { ...s.props, children: l }, "fld" + a)
+      );
+    });
+  }), /* @__PURE__ */ n(Pt, { children: e });
+}, I = (d) => {
+  let e = [], t = Ze(d.children);
+  return t && y.Children.toArray(t).forEach((r) => {
+    r.type && r.type.componentName === "FilterFields" && r.props.children && y.Children.toArray(r.props.children).forEach((a) => {
+      if (a.type && a.type.componentName !== "FilterField")
+        throw new te(
+          "Somente filhos do tipo FilterField podem ser usados com FilterFields."
+        );
+      let l = [];
+      y.Children.toArray(a.props.children).forEach((o) => {
+        if (o.type && o.type.componentName !== "FilterFieldValue")
+          throw new te(
+            "Somente filhos do tipo FilterFieldValue podem ser usados com FilterFields"
+          );
+        l.push({ label: o.props.label, value: o.props.value });
+      }), e.push({
+        name: a.props.name,
+        label: a.props.label,
+        dataType: a.props.dataType,
+        operator: a.props.operator,
+        quickFilter: a.props.quickFilter,
+        quickFilterSort: a.props.quickFilterSort,
+        sortable: a.props.sortable,
+        listValues: l,
+        searchComponent: a.props.searchComponent,
+        searchField: a.props.searchField
+      });
+    });
+  }), e;
+}, _i = (d, e) => {
+  for (var t = 0; t < e.length; t++)
+    if (e[t].name === d)
+      return e[t].nameSql;
+}, Di = (d, e) => {
+  for (var t = 0; t < e.length; t++)
+    if (e[t].name === d)
+      return e[t].listValues;
+}, ae = (d) => {
+  let e = [];
+  return d && d.forEach((t) => {
+    t.quickFilter === !0 && e.push({
+      name: t.name,
+      label: t.label,
+      dataType: "string",
+      operator: "",
+      quickFilter: !1,
+      quickFilterSort: !1,
+      sortable: !1,
+      listValues: [],
+      searchComponent: void 0,
+      searchField: void 0
+    });
+  }), e;
+}, Lt = (d) => {
+  let e = [];
+  return d && d.forEach((t, i) => {
+    t.quickFilterSort === !0 && e.push({
+      name: t.name,
+      label: t.label,
+      selected: !1,
+      order: i,
+      asc_desc: "asc"
+    });
+  }), e;
+}, Vt = (d) => {
+  let e = "", t = !1;
+  return d.forEach(function(i) {
+    i.quickFilterSort === !0 && (t && (e += ","), e += i.name, t = !0);
+  }), e;
+}, Ni = (d) => {
+  let e = "", t = !1;
+  return d.forEach((i) => {
+    i.selected && t && (e += ","), e += i.name, t = !0;
+  }), e;
+}, Bt = (d, e) => {
+  let t = [];
+  return e && (e.forEach(function(i, r) {
+    let s = !1, a = "asc", l = r;
+    d && d.forEach(function(h) {
+      h.name === i.name && (s = h.selected, a = h.asc_desc, l = h.order);
+    }), t.push({
+      name: i.name,
+      selected: s,
+      order: l,
+      asc_desc: a || "asc",
+      label: i.label
+    });
+  }), t = t.sort(function(i, r) {
+    return i.order - r.order;
+  })), t;
+}, A = (d, e) => {
+  let t = "", i = !1;
+  return d && d.filter && (!d.filter.selectedFields || d.filter.selectedFields.length === 0 ? e.forEach((r) => {
+    r.quickFilter === !0 && (i && (t = t + ","), t += r.name), i = !0;
+  }) : d.filter.selectedFields.forEach((r) => {
+    i && (t += ","), t += r.name, i = !0;
+  })), t;
+}, Y = () => ({
+  id: 0,
+  name: "",
+  viewName: "",
+  apiVersion: "",
+  filter: {
+    id: "root",
+    selectedFields: [],
+    quickFilterText: "",
+    rules: [],
+    condition: "",
+    filterType: "normal",
+    quickFilterFieldsText: ""
+  },
+  sort: {
+    quickFilterSort: "",
+    sortFields: [],
+    activeIndex: -1
+  }
+}), $t = [
+  {
+    name: "null",
+    label: "Em branco",
+    dataTypes: ["string", "number", "date", "date_time", "time", "boolean"]
+  },
+  {
+    name: "notNull",
+    label: "Preenchido",
+    dataTypes: ["string", "number", "date", "date_time", "time", "boolean"]
+  },
+  {
+    name: "contains",
+    label: "Contém",
+    dataTypes: ["string"]
+  },
+  {
+    name: "startsWith",
+    label: "Iniciado com",
+    dataTypes: ["string"]
+  },
+  {
+    name: "endsWith",
+    label: "Terminado com",
+    dataTypes: ["string"]
+  },
+  {
+    name: "=",
+    label: "Igual",
+    dataTypes: ["string", "number", "date", "date_time", "time", "boolean"]
+  },
+  {
+    name: "!=",
+    label: "Diferente",
+    dataTypes: ["string", "number", "date", "date_time", "time", "boolean"]
+  },
+  {
+    name: "<",
+    label: "Menor",
+    dataTypes: ["string", "number", "date", "date_time", "time"]
+  },
+  {
+    name: ">",
+    label: "Maior",
+    dataTypes: ["string", "number", "date", "date_time", "time"]
+  },
+  {
+    name: "<=",
+    label: "Menor igual",
+    dataTypes: ["string", "number", "date", "date_time", "time"]
+  },
+  {
+    name: ">=",
+    label: "Maior igual",
+    dataTypes: ["string", "number", "date", "date_time", "time"]
+  },
+  {
+    name: "between",
+    label: "Entre",
+    dataTypes: ["string", "number", "date", "date_time", "time"]
+  },
+  {
+    name: "inList",
+    label: "Na lista",
+    dataTypes: ["string", "number", "date", "time"]
+  },
+  {
+    name: "notInList",
+    label: "Fora da lista",
+    dataTypes: ["string", "number", "date", "time"]
+  }
+], Ai = [
+  {
+    name: "and",
+    label: "E"
+  },
+  {
+    name: "or",
+    label: "Ou"
+  }
+], D = (d, e) => {
+  let t = I(d), i = {
+    id: -1,
+    name: "",
+    viewName: "",
+    apiVersion: "",
+    filter: {
+      id: "root",
+      selectedFields: [],
+      quickFilterText: "",
+      quickFilterFieldsText: "",
+      rules: [],
+      condition: "",
+      filterType: e
+    },
+    sort: {
+      quickFilterSort: "",
+      sortFields: [],
+      activeIndex: -1
+    }
+  };
+  return i.filter.selectedFields = ae(t), i.filter.quickFilterFieldsText = A(null, t), i.sort.sortFields = Bt([], t), i.sort.quickFilterSort = Vt(t), i;
+};
+function Pi({ children: d }) {
+  return /* @__PURE__ */ n("div", { children: d });
+}
+function Li({
+  sortable: d = !0,
+  quickFilter: e = !0,
+  quickFilterSort: t = !1,
+  operator: i = "=",
+  mask: r = "",
+  ...s
+}) {
+  return null;
+}
+class Vi extends v {
+  static get componentName() {
+    return "QueryFieldValue";
+  }
+  render() {
+    return null;
+  }
+}
+const qt = ({
+  title: d,
+  id: e,
+  onClickCancel: t,
+  onClickOk: i,
+  modalOpen: r,
+  placeholder: s,
+  variant: a
+}) => {
+  const [l, h] = $(), [o, c] = $(!0), u = (b, k) => {
+    if (b === "btnOK") {
+      if (!l || l === "") {
+        N.showWarning("Informe o nome do filtro.");
+        return;
+      }
+      i && i(l, o);
+    } else
+      b === "btnCancel" && t && t(k);
+  };
+  return /* @__PURE__ */ p(st, { title: d, id: e, opened: r === e, onClose: () => {
+    t && t();
+  }, children: [
+    /* @__PURE__ */ p(q, { children: [
+      /* @__PURE__ */ n(w, { variant: a, onClick: (b) => u("btnOK", b), children: "OK" }),
+      " ",
+      /* @__PURE__ */ n(w, { variant: a, color: "red", onClick: (b) => u("btnCancel", b), children: "Fechar" })
+    ] }),
+    /* @__PURE__ */ p(Ke, { children: [
+      /* @__PURE__ */ n(
+        It,
+        {
+          placeholder: s,
+          style: { width: "100%" },
+          onChangeValue: (b) => h(b)
+        }
+      ),
+      /* @__PURE__ */ n(
+        W,
+        {
+          onChange: (b) => c(b.currentTarget.checked),
+          label: m().t("archbase:Filtro compartilhado ?")
+        }
+      )
+    ] })
+  ] });
+}, De = (() => {
+  const d = (i, r) => r++ && [...Array(r - i)].map((s, a) => String.fromCharCode(i + a)), e = {
+    num: d(48, 57),
+    alphaLower: d(97, 122),
+    alphaUpper: d(65, 90),
+    special: [...`~!@#$%^&*()_+-=[]{}|;:'",./<>?`]
+  };
+  function* t(i, r) {
+    r.length < 1 && (r = Object.values(e).flat());
+    for (let s = 0; s < i; s++)
+      yield r[Math.random() * r.length | 0];
+  }
+  return Object.assign((i, ...r) => [...t(i, r.flat())].join(""), e);
+})();
+class Mt extends v {
+  static defaultProps = {
+    operators: [
+      {
+        name: "null",
+        label: "Em branco",
+        dataTypes: ["string", "number", "date", "date_time", "time", "boolean"]
+      },
+      {
+        name: "notNull",
+        label: "Preenchido",
+        dataTypes: ["string", "number", "date", "date_time", "time", "boolean"]
+      },
+      {
+        name: "contains",
+        label: "Contém",
+        dataTypes: ["string"]
+      },
+      {
+        name: "startsWith",
+        label: "Iniciado com",
+        dataTypes: ["string"]
+      },
+      {
+        name: "endsWith",
+        label: "Terminado com",
+        dataTypes: ["string"]
+      },
+      {
+        name: "=",
+        label: "Igual",
+        dataTypes: ["string", "number", "date", "date_time", "time", "boolean"]
+      },
+      {
+        name: "!=",
+        label: "Diferente",
+        dataTypes: ["string", "number", "date", "date_time", "time", "boolean"]
+      },
+      {
+        name: "<",
+        label: "Menor",
+        dataTypes: ["string", "number", "date", "date_time", "time"]
+      },
+      {
+        name: ">",
+        label: "Maior",
+        dataTypes: ["string", "number", "date", "date_time", "time"]
+      },
+      {
+        name: "<=",
+        label: "Menor igual",
+        dataTypes: ["string", "number", "date", "date_time", "time"]
+      },
+      {
+        name: ">=",
+        label: "Maior igual",
+        dataTypes: ["string", "number", "date", "date_time", "time"]
+      },
+      {
+        name: "between",
+        label: "Entre",
+        dataTypes: ["string", "number", "date", "date_time", "time"]
+      },
+      {
+        name: "inList",
+        label: "Na lista",
+        dataTypes: ["string", "number", "date", "time"]
+      },
+      {
+        name: "notInList",
+        label: "Fora da lista",
+        dataTypes: ["string", "number", "date", "time"]
+      }
+    ],
+    conditions: [
+      {
+        name: "and",
+        label: "E"
+      },
+      {
+        name: "or",
+        label: "Ou"
+      }
+    ],
+    onFilterChanged: null,
+    onError: null
+  };
+  prefixId;
+  // declare context: React.ContextType<typeof ArchbaseAppContext>
+  constructor(e) {
+    super(e), this.prefixId = De(12, De.alphaLower);
+    const t = this.createSchema(), i = e.currentFilter ? e.currentFilter : Y(), r = e.currentFilter ? e.activeFilterIndex : 0, s = this.createFilterFields(e, t, i);
+    this.state = {
+      simpleFields: s,
+      currentFilter: i,
+      schema: t,
+      update: Math.random(),
+      activeFilterIndex: r
+    };
+  }
+  shouldComponentUpdate = (e, t) => oe(this, e, t);
+  UNSAFE_componentWillReceiveProps = (e) => {
+    const t = this.createSchema(), i = e.currentFilter ? e.currentFilter : Y(), r = e.currentFilter ? e.activeFilterIndex : 0, s = this.createFilterFields(e, t, i);
+    this.setState({
+      ...this.state,
+      simpleFields: s,
+      currentFilter: i,
+      activeFilterIndex: r,
+      schema: t,
+      update: Math.random()
+    });
+  };
+  createSchema = () => {
+    const { operators: e, conditions: t, fields: i } = this.props;
+    return {
+      fields: i,
+      operators: e,
+      conditions: t,
+      onPropChange: this.notifyQueryChange.bind(this, this.onPropChange),
+      getLevel: this.getLevel.bind(this),
+      isRuleGroup: this.isRuleGroup.bind(this),
+      getOperators: (r) => this.getOperators(r)
+    };
+  };
+  getDataType = (e, t) => {
+    for (let i = 0; i < t.length; i++)
+      if (t[i].name === e)
+        return t[i].dataType;
+  };
+  getSelectedSort = () => {
+    const e = [];
+    return this.state.currentFilter.sort.sortFields.forEach(function(t) {
+      t.selected && e.push({ name: t.name, asc_desc: t.asc_desc });
+    }), e;
+  };
+  getSortItem = (e) => {
+    let t;
+    return this.state.currentFilter.sort.sortFields.forEach(function(i) {
+      i.name === e && (t = i);
+    }), t;
+  };
+  getSortItemByOrder = (e) => {
+    let t;
+    return this.state.currentFilter.sort.sortFields.forEach(function(i) {
+      i.order === e && (t = i);
+    }), t;
+  };
+  onChangeSortItem = (e, t, i, r) => {
+    const s = this.getSortItem(e);
+    Object.assign(s, {
+      selected: t,
+      order: i,
+      asc_desc: r,
+      label: s.label
+    });
+    let a = this.state.currentFilter.sort.sortFields;
+    a = a.sort(function(h, o) {
+      return h.order - o.order;
+    });
+    const l = this.state.currentFilter;
+    l.sort.sortFields = a, this.setState(
+      {
+        ...this.state,
+        update: Math.random(),
+        currentFilter: l
+      },
+      () => {
+        this.propagateFilterChanged();
+      }
+    );
+  };
+  propagateFilterChanged = () => {
+    const { onFilterChanged: e } = this.props;
+    e && e(this.state.currentFilter, this.state.activeFilterIndex);
+  };
+  onSortDown = (e) => {
+    let t = this.state.currentFilter.sort.activeIndex;
+    if (t >= 0) {
+      const i = this.state.currentFilter.sort.sortFields[t];
+      if (i.order < this.state.currentFilter.sort.sortFields.length - 1) {
+        t = i.order + 1;
+        const a = this.getSortItemByOrder(i.order + 1);
+        Object.assign(i, {
+          order: i.order + 1
+        }), Object.assign(a, {
+          order: a.order - 1
+        });
+      }
+      let r = this.state.currentFilter.sort.sortFields;
+      r = r.sort((a, l) => a.order - l.order);
+      const s = this.state.currentFilter;
+      s.sort.sortFields = r, s.sort.activeIndex = t, this.setState(
+        {
+          ...this.state,
+          currentFilter: s
+        },
+        () => {
+          this.propagateFilterChanged();
+        }
+      );
+    }
+  };
+  onSortUp = (e) => {
+    const { currentFilter: t } = this.state;
+    let i = t.sort.activeIndex;
+    if (i >= 0) {
+      const r = t.sort.sortFields[i];
+      if (r.order > 0) {
+        i = r.order - 1;
+        const a = this.getSortItemByOrder(r.order - 1);
+        Object.assign(r, {
+          order: r.order - 1
+        }), Object.assign(a, {
+          order: a.order + 1
+        });
+      }
+      let s = t.sort.sortFields;
+      s = s.sort((a, l) => a.order - l.order), t.sort.sortFields = s, t.sort.activeIndex = i, this.setState(
+        {
+          ...this.state,
+          currentFilter: t
+        },
+        () => {
+          this.propagateFilterChanged();
+        }
+      );
+    }
+  };
+  isRuleGroup = (e) => !!(e.condition && e.rules);
+  getField = (e) => {
+    let t;
+    return this.props.fields.forEach((i) => {
+      i.name === e && (t = i);
+    }, this), t;
+  };
+  getOperators = (e) => {
+    const t = this.getField(e), i = [];
+    return this.props.operators.forEach((r) => {
+      r.dataTypes.indexOf(t.dataType) >= 0 && i.push(r);
+    }, this), i;
+  };
+  onPropChange = (e, t, i) => {
+    const r = this.state.currentFilter, s = this.findRule(i, r.filter);
+    e === "not" ? (e = "condition", s.condition.indexOf("and") >= 0 ? t = ie(t + " and") : t = ie(t + " or")) : e === "condition" && s.condition.indexOf("not") >= 0 && (t = "not " + t), Object.assign(s, { [e]: t }), this.setState({ ...this.state, currentFilter: r });
+  };
+  getLevel = (e) => this.getLevel2(e, 0, this.state.currentFilter.filter);
+  getLevel2 = (e, t, i) => {
+    const { isRuleGroup: r } = this.state.schema;
+    var s = -1;
+    return i.id === e ? s = t : r(i) && i.rules.forEach((a) => {
+      if (s === -1) {
+        let l = t;
+        r(a) && l++, s = this.getLevel2(e, l, a);
+      }
+    }), s;
+  };
+  findRule = (e, t) => {
+    if (t.id === e)
+      return t;
+    for (const i of t.rules)
+      if (i.id === e)
+        return i;
+  };
+  notifyQueryChange = (e, ...t) => {
+    e && e.call(this, ...t);
+    const { onFilterChanged: i } = this.props;
+    i && i(this.state.currentFilter, this.state.activeFilterIndex);
+  };
+  onSelectListItem = (e, t) => {
+    const i = this.state.currentFilter;
+    i.sort.activeIndex = e, this.setState({ ...this.state, currentFilter: i }), this.props.onFilterChanged && this.props.onFilterChanged(i, this.state.activeFilterIndex);
+  };
+  onOperatorChanged = (e, t) => {
+    this.onElementChanged("operator", t, e.id), this.onElementChanged("value", "", e.id), this.onElementChanged("value2", "", e.id);
+  };
+  onDisabledChanged = (e, t, i, r) => {
+    this.onElementChanged("disabled", !t, i.id), document.getElementById(r);
+  };
+  onValueChanged = (e, t) => {
+    const { field: i, operator: r } = e, {
+      schema: { fields: s }
+    } = this.state, a = this.getDataType(i, s);
+    if (r === "between" && (a === "date" || a === "date_time" || a === "time"))
+      t.length > 1 ? (this.onElementChanged("value", t[0].toString(), e.id), this.onElementChanged("value2", t[1].toString(), e.id)) : (this.onElementChanged("value", "", e.id), this.onElementChanged("value2", "", e.id));
+    else if ((r === "inList" || r === "notInList") && (a === "date" || a === "date_time" || a === "time"))
+      t || (t = ""), this.onElementChanged("value", t, e.id);
+    else if (r === "inList" || r === "notInList") {
+      t || (t = "");
+      const l = t.split(",");
+      if (l.length > 0) {
+        let h = !1, o = "";
+        l.forEach((c) => {
+          h && (o += ","), a === "number" || a === "integer" ? o += c : o += "'" + c + "'", h = !0;
+        }), this.onElementChanged("value", o, e.id);
+      }
+    } else
+      this.onElementChanged("value", t, e.id);
+  };
+  onValue2Changed = (e, t) => {
+    this.onElementChanged("value2", t, e.id);
+  };
+  onElementChanged = (e, t, i) => {
+    const {
+      schema: { onPropChange: r }
+    } = this.state;
+    r(e, t, i);
+  };
+  getFieldValues = (e, t) => {
+    for (var i = 0; i < t.length; i++)
+      if (t[i].name === e)
+        return t[i].listValues;
+    return [];
+  };
+  getColor = (e) => this.props.theme.colors[e][this.props.colorScheme === "dark" ? 5 : 7];
+  createFilterFields = (e, t, i) => {
+    const { operators: r } = t, s = [];
+    return e.fields.forEach((l, h) => {
+      const o = this.getFieldValues(l.name, e.fields);
+      let c = this.findRule(`r-${l.name}`, i.filter);
+      c || (c = {
+        id: `r-${l.name}`,
+        field: l.name,
+        fieldSql: l.nameSql,
+        dataType: l.dataType,
+        expanded: !1,
+        value: "",
+        value2: "",
+        disabled: l.disabled,
+        operator: l.operator ? l.operator : r[0].name
+      }, i.filter.rules.push(c));
+      let u = c.value && c.value !== "" ? c.value : null;
+      u = c.value2 && c.value2 !== "" ? `${u} a ${c.value2}` : u, s.push(
+        /* @__PURE__ */ p(
+          Oe,
+          {
+            uuid: this.prefixId + "_" + h,
+            id: this.prefixId + "_" + h,
+            dangerouslySetExpanded: !c.disabled,
+            children: [
+              /* @__PURE__ */ n(
+                Re,
+                {
+                  className: c.disabled === !0 ? "simple-filter-disabled" : "simple-filter-enabled",
+                  children: /* @__PURE__ */ n(
+                    Ee,
+                    {
+                      className: c.disabled === !0 ? "accordion__button simple-filter-disabled" : "accordion__button simple-filter-enabled",
+                      children: /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center" }, children: [
+                        /* @__PURE__ */ n(
+                          W,
+                          {
+                            checked: !c.disabled,
+                            width: "24px",
+                            style: { margin: 0, cursor: "pointer" },
+                            onChange: (F) => this.onDisabledChanged(
+                              F.currentTarget.checked,
+                              F.currentTarget.checked,
+                              c,
+                              this.prefixId + "_" + h
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ n(R, { w: "sm" }),
+                        /* @__PURE__ */ n(x, { c: this.props.colorScheme === "dark" ? "white" : "black", children: m().t(l.label) }),
+                        /* @__PURE__ */ n(
+                          Ae,
+                          {
+                            field: l.name,
+                            options: this.getOperators(l.name),
+                            value: c.operator,
+                            className: "custom-select-operator",
+                            style: {
+                              color: this.props.theme.colors.blue[5],
+                              backgroundColor: "transparent"
+                            },
+                            disabled: !0,
+                            handleOnChange: (F) => this.onOperatorChanged(c, F),
+                            level: 0
+                          }
+                        ),
+                        /* @__PURE__ */ n(x, { style: { fontSize: "12px" }, c: "blue", children: u })
+                      ] })
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ n(
+                _e,
+                {
+                  className: c.disabled === !0 ? "simple-filter-disabled" : "simple-filter-enabled",
+                  children: /* @__PURE__ */ p(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "space-between"
+                      },
+                      children: [
+                        /* @__PURE__ */ n(
+                          Ae,
+                          {
+                            field: l.name,
+                            options: this.getOperators(l.name),
+                            value: c.operator,
+                            className: "custom-select-operator",
+                            style: {
+                              color: this.props.colorScheme === "dark" ? "white" : "black"
+                            },
+                            disabled: l.disabled,
+                            handleOnChange: (F) => this.onOperatorChanged(c, F),
+                            level: 0
+                          }
+                        ),
+                        /* @__PURE__ */ n(
+                          Ne,
+                          {
+                            field: l.name,
+                            dataType: l.dataType,
+                            operator: c.operator,
+                            value: c.value,
+                            value2: c.value2,
+                            listValues: o,
+                            searchField: l.searchField,
+                            disabled: c.disabled,
+                            className: "rule-value",
+                            handleOnChange: (F) => this.onValueChanged(c, F),
+                            onSearchButtonClick: e.onSearchButtonClick,
+                            searchComponent: l.searchComponent,
+                            level: 0
+                          },
+                          "svf1_" + h
+                        ),
+                        " ",
+                        c.operator === "between" && c.dataType !== "date" && c.dataType !== "date_time" && c.dataType !== "time" ? /* @__PURE__ */ n(
+                          Ne,
+                          {
+                            field: l.name,
+                            dataType: c.dataType,
+                            operator: c.operator,
+                            value: c.value2,
+                            listValues: o,
+                            searchField: l.searchField,
+                            disabled: c.disabled,
+                            className: "rule-value",
+                            handleOnChange: (F) => this.onValue2Changed(c, F),
+                            onSearchButtonClick: e.onSearchButtonClick,
+                            searchComponent: l.searchComponent,
+                            level: 0
+                          },
+                          "svf2_" + h
+                        ) : ""
+                      ]
+                    }
+                  )
+                }
+              )
+            ]
+          },
+          "flk" + h
+        )
+      );
+    }), s.sort((l, h) => l.props.disabled && h.props.disabled ? 0 : l.props.disabled ? -1 : 1), this.props.allowSort === !0 && s.push(
+      /* @__PURE__ */ p(Oe, { uuid: this.prefixId + "_9999", children: [
+        /* @__PURE__ */ n(Re, { children: /* @__PURE__ */ n(Ee, { children: /* @__PURE__ */ p(
+          "div",
+          {
+            style: {
+              fontWeight: "bold",
+              color: "#3d3d69",
+              marginTop: "10px",
+              display: "flex",
+              padding: "4px"
+            },
+            children: [
+              /* @__PURE__ */ n(Qe, { size: 30, color: this.getColor("green") }),
+              /* @__PURE__ */ n(R, { w: "md" }),
+              "Ordenação",
+              /* @__PURE__ */ n(R, { w: "md" }),
+              /* @__PURE__ */ n(
+                x,
+                {
+                  truncate: !0,
+                  c: "blue",
+                  style: {
+                    wordBreak: "break-word",
+                    display: "block",
+                    wordWrap: "break-word",
+                    width: "100%",
+                    whiteSpace: "normal",
+                    fontSize: "12px"
+                  },
+                  children: Xe(i)
+                },
+                "txto_9999"
+              ),
+              /* @__PURE__ */ n(Et, { children: ({ expanded: l }) => l ? /* @__PURE__ */ n(dt, {}) : /* @__PURE__ */ n(ht, {}) })
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ n(_e, { children: /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(O.Col, { span: 12, style: { padding: 13 }, children: /* @__PURE__ */ n(
+          "div",
+          {
+            style: {
+              height: "auto"
+            },
+            children: /* @__PURE__ */ p(re, { withBorder: !0, shadow: "sm", radius: "md", children: [
+              /* @__PURE__ */ n(re.Section, { withBorder: !0, inheritPadding: !0, py: "xs", children: /* @__PURE__ */ p(q, { children: [
+                /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: "Para baixo", children: /* @__PURE__ */ n(g, { id: "btnFilterSortDown", onClick: this.onSortDown, children: /* @__PURE__ */ n(ve, {}) }) }),
+                /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: "Para cima", children: /* @__PURE__ */ n(g, { id: "btnFilterSortUp", onClick: this.onSortUp, children: /* @__PURE__ */ n(Se, {}) }) }),
+                /* @__PURE__ */ n(x, { children: "Ordenação" })
+              ] }) }),
+              /* @__PURE__ */ n(
+                de,
+                {
+                  height: "100%",
+                  width: "100%",
+                  withBorder: !1,
+                  dataSource: (
+                    // 🔄 MIGRAÇÃO V1/V2: DataSource com compatibilidade
+                    (() => {
+                      const l = new j("dsSortFields", {
+                        records: i.sort.sortFields,
+                        grandTotalRecords: i.sort.sortFields.length,
+                        currentPage: 0,
+                        totalPages: 0,
+                        pageSize: 999999
+                      });
+                      return Q(l), l;
+                    })()
+                  ),
+                  dataFieldId: "name",
+                  dataFieldText: "name",
+                  activeIndex: i.sort.activeIndex,
+                  component: {
+                    type: we,
+                    props: {
+                      sortFocused: this.props.sortFocused,
+                      onChangeSortItem: this.onChangeSortItem,
+                      onSelectListItem: this.onSelectListItem
+                    }
+                  }
+                }
+              )
+            ] })
+          }
+        ) }) }) })
+      ] }, "flk9999")
+    ), s;
+  };
+  render = () => {
+    const e = [], t = [];
+    return this.state.simpleFields.forEach((i) => {
+      i.props.dangerouslySetExpanded && i.props.uuid !== this.prefixId + "_9999" && (e.push(i), t.push(i.props.uuid));
+    }), this.state.simpleFields.forEach((i) => {
+      i.props.uuid === this.prefixId + "_9999" && (e.push(i), t.push(i.props.uuid));
+    }), this.state.simpleFields.forEach((i) => {
+      !i.props.dangerouslySetExpanded && i.props.uuid !== this.prefixId + "_9999" && e.push(i);
+    }), /* @__PURE__ */ n(Ie, { children: /* @__PURE__ */ n(
+      _t,
+      {
+        allowZeroExpanded: !0,
+        allowMultipleExpanded: !0,
+        preExpanded: t,
+        id: "acc1",
+        children: e.map((i, r) => /* @__PURE__ */ n(Ie, { children: i }, r))
+      }
+    ) });
+  };
+}
+class Ne extends y.Component {
+  constructor(e) {
+    super(e);
+  }
+  static get componentName() {
+    return "ValueEditor";
+  }
+  onButtonClick = (e) => {
+    this.props.onSearchButtonClick && this.props.onSearchButtonClick(
+      this.props.field,
+      e,
+      this.props.handleOnChange,
+      this.props.operator,
+      this.props.searchField
+    );
+  };
+  handleRangeChange = (e) => {
+    if (e && e.length === 2) {
+      const [t, i] = e;
+      t && i ? this.props.handleOnChange([t, i]) : this.props.handleOnChange([]);
+    }
+  };
+  convertValueCombobox = (e, t) => {
+    if (!e || e.length === 0)
+      return e;
+    if (t === "string") {
+      const i = e.split(","), r = [];
+      if (i.length > 0)
+        return i.forEach((s) => r.push(s.replaceAll("'", ""))), r;
+    } else
+      return e.split(",");
+    return e;
+  };
+  render = () => {
+    const {
+      disabled: e,
+      dataType: t,
+      operator: i,
+      value: r,
+      value2: s,
+      listValues: a,
+      searchComponent: l,
+      handleOnChange: h
+    } = this.props;
+    let o = r ?? "", c = s === null || r === void 0 ? "" : s;
+    if (i === "null" || i === "notNull")
+      return null;
+    if (t) {
+      if (t === "date")
+        return i === "between" ? (o === "" && c === "" ? o = "" : o = [o, c], /* @__PURE__ */ n(
+          M,
+          {
+            type: "range",
+            disabled: e,
+            value: o,
+            style: { width: "100%" },
+            onChange: (u) => h(u)
+          }
+        )) : i === "notInList" || i === "inList" ? /* @__PURE__ */ n(
+          M,
+          {
+            type: "multiple",
+            disabled: e,
+            value: o,
+            style: { width: "100%" },
+            onChange: (u) => h(u)
+          }
+        ) : /* @__PURE__ */ n(
+          M,
+          {
+            disabled: e,
+            value: o,
+            style: { width: "100%" },
+            onChange: (u) => h(u)
+          }
+        );
+      if (t === "date_time")
+        if (i === "between") {
+          const u = o === "" && c === "" ? [null, null] : [new Date(o), new Date(c)];
+          return /* @__PURE__ */ n(
+            Ye,
+            {
+              disabled: e,
+              value: u,
+              width: "100%",
+              onRangeChange: this.handleRangeChange,
+              withSeconds: !0,
+              valueFormat: "DD/MM/YYYY HH:mm:ss"
+            }
+          );
+        } else
+          return /* @__PURE__ */ n(
+            He,
+            {
+              disabled: e,
+              value: o ? new Date(o) : null,
+              width: "100%",
+              onChange: (u) => h(u),
+              withSeconds: !0,
+              valueFormat: "DD/MM/YYYY HH:mm:ss"
+            }
+          );
+      else {
+        if (t === "time")
+          return o === "" && c === "" ? o = "" : o = o + " - " + c, /* @__PURE__ */ n(
+            Ge,
+            {
+              disabled: e,
+              style: { width: "100%" },
+              value: o,
+              onChange: (u) => h(u)
+            }
+          );
+        if (t === "boolean")
+          return /* @__PURE__ */ n(
+            "div",
+            {
+              style: {
+                display: "flex",
+                width: "100%",
+                alignItems: "center",
+                justifyContent: "center"
+              },
+              children: /* @__PURE__ */ n(
+                qe,
+                {
+                  checked: o,
+                  onChange: (u) => h(u.currentTarget.checked)
+                }
+              )
+            }
+          );
+        if (a && a.length > 0 && (i === "notInList" || i === "inList")) {
+          const u = this.convertValueCombobox(o, t);
+          return /* @__PURE__ */ n(
+            nt,
+            {
+              disabled: e,
+              style: { width: "100%" },
+              onChange: (F) => h(F),
+              value: u,
+              data: a
+            }
+          );
+        } else
+          return a && a.length > 0 ? /* @__PURE__ */ n(
+            be,
+            {
+              disabled: e,
+              width: "100%",
+              value: o,
+              onSelectValue: (u) => h(u),
+              getOptionLabel: (u) => u,
+              getOptionValue: (u) => u,
+              children: a.map((u) => /* @__PURE__ */ n(
+                Ce,
+                {
+                  label: u.label,
+                  value: u.value,
+                  disabled: !1
+                },
+                u.value
+              ))
+            }
+          ) : /* @__PURE__ */ n(
+            H,
+            {
+              onChange: (u) => h(u),
+              disabled: e,
+              initialValue: o,
+              icon: l || /* @__PURE__ */ n(le, { size: "1rem" }),
+              onActionSearchExecute: () => this.onButtonClick(),
+              style: {
+                height: "36px",
+                width: "100%",
+                paddingLeft: "3px"
+              },
+              label: void 0,
+              error: void 0,
+              keyProp: void 0,
+              readOnly: !1,
+              placeholder: void 0,
+              innerRef: void 0,
+              onFocus: void 0,
+              onKeyDown: void 0
+            }
+          );
+      }
+    } else
+      return /* @__PURE__ */ n(
+        H,
+        {
+          onChange: (u) => h(u),
+          disabled: e,
+          initialValue: o,
+          style: {
+            height: "36px",
+            width: "100%",
+            paddingLeft: "3px"
+          },
+          label: void 0,
+          error: void 0,
+          keyProp: void 0,
+          readOnly: !1,
+          placeholder: void 0,
+          innerRef: void 0,
+          onFocus: void 0,
+          onKeyDown: void 0,
+          onActionSearchExecute: void 0,
+          icon: void 0
+        }
+      );
+  };
+}
+class Ae extends y.Component {
+  static get componentName() {
+    return "ValueSelector";
+  }
+  constructor(e) {
+    super(e);
+    const t = e.options && e.options.length > 0 && e.options[0] ? this.getTextWidth(e.options[0].name) : "100px";
+    this.state = { width: t, value: void 0 };
+  }
+  getLabelByName = (e) => this.props.options.map((t) => {
+    if (t.name === e)
+      return t.label;
+  });
+  getTextWidth = (e) => {
+    const t = document.createElement("span");
+    document.body.appendChild(t), t.className = this.props.className, t.innerHTML = this.getLabelByName(e);
+    const r = Math.ceil(t.offsetWidth) + 4 + "px";
+    return document.body.removeChild(t), r;
+  };
+  handleOnChange = (e) => {
+    this.props.handleOnChange && this.props.handleOnChange(e.target.value);
+    const t = this.getTextWidth(e.target.value);
+    this.setState({ ...this.state, value: e.target.value, width: t });
+  };
+  render = () => {
+    const { value: e, options: t, className: i, disabled: r, style: s } = this.props;
+    return /* @__PURE__ */ n(
+      "select",
+      {
+        className: i,
+        disabled: r,
+        value: e,
+        tabIndex: -1,
+        style: { ...s, width: this.state.width },
+        onChange: this.handleOnChange,
+        children: t.map((a) => /* @__PURE__ */ n("option", { value: a.name, children: a.label }, a.name))
+      }
+    );
+  };
+}
+class Wt extends v {
+  // declare context: React.ContextType<typeof ArchbaseAppContext>
+  constructor(e) {
+    super(e);
+    const t = new j("dsSortFields", {
+      records: this.props.persistenceDelegator.getFilters(),
+      grandTotalRecords: this.props.persistenceDelegator.getFilters().length,
+      currentPage: 0,
+      totalPages: 0,
+      pageSize: 999999
+    }), i = Q(t) === "V2";
+    this.state = {
+      modalOpen: "",
+      activeFilterIndex: e.activeFilterIndex,
+      fields: I(e),
+      showEditor: !1,
+      expandedFilter: !1,
+      dataSource: t,
+      isDataSourceV2: i,
+      forceUpdateCounter: 0
+    };
+  }
+  shouldComponentUpdate = (e, t) => oe(this, e, t);
+  UNSAFE_componentWillReceiveProps = (e) => {
+    const t = new j("dsSortFields", {
+      records: this.props.persistenceDelegator.getFilters(),
+      grandTotalRecords: this.props.persistenceDelegator.getFilters().length,
+      currentPage: 0,
+      totalPages: 0,
+      pageSize: 999999
+    }), i = Q(t) === "V2";
+    this.setState({
+      ...this.state,
+      fields: I(e),
+      activeFilterIndex: e.activeFilterIndex,
+      dataSource: t,
+      isDataSourceV2: i,
+      // Para V1, incrementar contador para forçar re-render
+      forceUpdateCounter: i ? this.state.forceUpdateCounter : this.state.forceUpdateCounter + 1
+    });
+  };
+  onSelectMenuItem = (e) => {
+    this.props.onSaveFilter && this.props.onSaveFilter(e);
+  };
+  onChangeFilterType = (e) => {
+    this.props.onChangeFilterType && this.props.onChangeFilterType(e);
+  };
+  onSelectItem = (e, t) => {
+    if (this.props.onChangeSelectedFilter && t && t.filter) {
+      const i = JSON.parse(t.filter);
+      this.props.onChangeSelectedFilter(i, e), this.state.isDataSourceV2 || this.setState({
+        ...this.state,
+        forceUpdateCounter: this.state.forceUpdateCounter + 1
+      });
+    }
+  };
+  getColor = (e) => "black";
+  render = () => {
+    let e = "normal";
+    return this.props.currentFilter && (e = this.props.currentFilter.filter.filterType), /* @__PURE__ */ n(Fe, { h: this.props.height, w: this.props.width, children: /* @__PURE__ */ p("div", { style: { width: "98%" }, children: [
+      /* @__PURE__ */ n(X, { variant: "contained", multiple: !1, defaultValue: "filters", children: /* @__PURE__ */ p(X.Item, { value: "filters", children: [
+        /* @__PURE__ */ n(
+          X.Control,
+          {
+            icon: /* @__PURE__ */ n(Qe, { size: 24, color: this.getColor("red") }),
+            children: /* @__PURE__ */ n(x, { style: { fontWeight: "bold" }, children: `${m().t("archbase:Filtros salvos")}` })
+          }
+        ),
+        /* @__PURE__ */ n(X.Panel, { children: /* @__PURE__ */ n(
+          de,
+          {
+            height: "105px",
+            activeIndex: this.state.activeFilterIndex,
+            dataSource: this.state.dataSource,
+            onSelectListItem: this.onSelectItem,
+            style: { borderRadius: "6px", marginBottom: "4px", padding: "10px" },
+            component: { type: Gt, props: {} }
+          }
+        ) })
+      ] }) }),
+      /* @__PURE__ */ p("div", { className: "filter-apply", children: [
+        /* @__PURE__ */ p(q, { gap: "xs", children: [
+          /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: `${m().t("archbase:Novo filtro")}`, children: /* @__PURE__ */ n(
+            w,
+            {
+              id: "btnNew",
+              variant: this.props.variant,
+              leftSection: /* @__PURE__ */ n(ct, {}),
+              onClick: (t) => this.props.onActionClick && this.props.onActionClick("new"),
+              children: m().t("archbase:New")
+            }
+          ) }),
+          /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: `${m().t("archbase:Remover filtro")}`, children: /* @__PURE__ */ n(
+            w,
+            {
+              id: "btnRemove",
+              color: "red",
+              variant: this.props.variant,
+              disabled: this.props.currentFilter && (!this.props.currentFilter.id || this.props.currentFilter.id <= 0),
+              leftSection: /* @__PURE__ */ n(Ue, {}),
+              onClick: (t) => this.props.onActionClick && this.props.onActionClick("remove"),
+              children: m().t("archbase:Remover")
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ p(q, { gap: "xs", children: [
+          /* @__PURE__ */ p(
+            B,
+            {
+              shadow: "md",
+              width: 200,
+              withinPortal: !0,
+              disabled: this.props.activeFilterIndex === S,
+              children: [
+                /* @__PURE__ */ n(B.Target, { children: /* @__PURE__ */ n(w, { variant: this.props.variant, leftSection: /* @__PURE__ */ n(ue, {}), children: `${m().t("archbase:Save")}` }) }),
+                /* @__PURE__ */ p(B.Dropdown, { children: [
+                  /* @__PURE__ */ n(B.Label, { children: `${m().t("archbase:Filter")}` }),
+                  /* @__PURE__ */ n(
+                    B.Item,
+                    {
+                      onClick: () => this.onSelectMenuItem("mnuItemSalvar"),
+                      disabled: this.props.activeFilterIndex === S,
+                      leftSection: /* @__PURE__ */ n(ue, { size: 14 }),
+                      children: `${m().t("archbase:Save")}`
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    B.Item,
+                    {
+                      onClick: () => this.onSelectMenuItem("mnuItemSalvarComo"),
+                      disabled: this.props.activeFilterIndex === S,
+                      leftSection: /* @__PURE__ */ n(ue, { size: 14 }),
+                      children: `${m().t("archbase:Salvar como...")}`
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: `${m().t("archbase:Aplicar filtro")}`, children: /* @__PURE__ */ n(
+            w,
+            {
+              id: "btnApply",
+              variant: this.props.variant,
+              leftSection: /* @__PURE__ */ n(ye, {}),
+              disabled: this.props.activeFilterIndex === S,
+              onClick: (t) => {
+                console.log(this.props.activeFilterIndex), this.props.onActionClick && this.props.onActionClick("apply");
+              },
+              children: `${m().t("archbase:Aplicar")}`
+            }
+          ) }),
+          /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: `${m().t("archbase:Fechar filtro")}`, children: /* @__PURE__ */ n(
+            w,
+            {
+              id: "btnClose",
+              variant: this.props.variant,
+              color: "green",
+              leftSection: /* @__PURE__ */ n(pt, {}),
+              onClick: (t) => this.props.onActionClick && this.props.onActionClick("close"),
+              children: `${m().t("archbase:Close")}`
+            }
+          ) })
+        ] })
+      ] }),
+      this.props.activeFilterIndex === Z ? /* @__PURE__ */ n(
+        pe.Group,
+        {
+          value: this.props.currentFilter.filter.filterType,
+          name: "filterType",
+          label: `${m().t("archbase:Selecione o tipo do filtro")}`,
+          withAsterisk: !0,
+          onChange: (t) => this.onChangeFilterType(t === "normal" ? 0 : 1),
+          children: /* @__PURE__ */ p(q, { mt: "xs", children: [
+            /* @__PURE__ */ n(pe, { value: "normal", label: `${m().t("archbase:Simples")}` }),
+            /* @__PURE__ */ n(pe, { value: "advanced", label: `${m().t("archbase:Avançado")}` })
+          ] })
+        }
+      ) : null,
+      e === ee ? /* @__PURE__ */ n(
+        Mt,
+        {
+          allowSort: !0,
+          update: this.props.update,
+          operators: $t,
+          currentFilter: this.props.currentFilter,
+          activeFilterIndex: this.props.activeFilterIndex,
+          onFilterChanged: this.props.onFilterChanged,
+          onSearchButtonClick: this.props.onSearchButtonClick,
+          fields: this.state.fields
+        }
+      ) : null,
+      e === se ? /* @__PURE__ */ n(
+        zt,
+        {
+          isOpen: this.state.expandedFilter,
+          update: this.props.update,
+          width: "auto",
+          height: "100%",
+          selectedOptions: ae(this.state.fields),
+          onFilterChanged: this.props.onFilterChanged,
+          onSearchButtonClick: this.props.onSearchButtonClick,
+          currentFilter: this.props.currentFilter,
+          activeFilterIndex: this.props.activeFilterIndex,
+          children: Ze(this.props.children)
+        }
+      ) : null
+    ] }) });
+  };
+}
+class zt extends v {
+  static defaultProps = {
+    isOpen: !1
+  };
+  constructor(e) {
+    super(e), this.state = { modalOpen: "", update: Math.random() };
+  }
+  onSelectMenuItem = (e) => {
+    this.props.onSaveFilter && this.props.onSaveFilter(e);
+  };
+  onSelectItem = (e, t) => {
+    if (this.props.onChangeSelectedFilter && t && t.filter) {
+      let i = JSON.parse(t.filter);
+      i.id = t.id, i.name = t.name, i.formName = t.formName, this.props.onChangeSelectedFilter(i, e);
+    }
+    this.setState({ ...this.state, update: Math.random() });
+  };
+  render() {
+    return /* @__PURE__ */ p("div", { style: { padding: "10px", width: this.props.width }, children: [
+      /* @__PURE__ */ n(
+        Ht,
+        {
+          onFilterChanged: this.props.onFilterChanged,
+          width: "100%",
+          horizontal: !1,
+          currentFilter: this.props.currentFilter,
+          activeFilterIndex: this.props.activeFilterIndex,
+          id: `advanced${U()}`,
+          border: "none",
+          variant: this.props.variant,
+          children: this.props.children
+        }
+      ),
+      /* @__PURE__ */ n(
+        qt,
+        {
+          id: "modalSaveFilter",
+          title: `${m().t("archbase:Salvar filtro")}`,
+          modalOpen: this.state.modalOpen,
+          variant: this.props.variant
+        }
+      )
+    ] });
+  }
+}
+class Gt extends v {
+  static defaultProps = {
+    disabled: !1,
+    active: !0
+  };
+  constructor(e) {
+    super(e), this.state = { update: Math.random() };
+  }
+  onClick = (e) => {
+    e.preventDefault(), this.props.disabled || (this.props.handleSelectItem && (e.preventDefault(), this.props.handleSelectItem(this.props.index, this.props.recordData), e.preventDefault()), this.props.onSelectListItem && this.props.onSelectListItem(this.props.index, this.props.recordData));
+  };
+  render = () => {
+    let e = "#28C76F", t = `${m().t("archbase:Simples")}`;
+    this.props.recordData.filter && JSON.parse(this.props.recordData.filter).filter.filterType === "advanced" && (e = "#437de0", t = `${m().t("archbase:Avançado")}`);
+    let i = "list-group-item list-group-item-action", r = {
+      maxHeight: "24px",
+      padding: "2px 2px 2px 8px",
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      cursor: "pointer"
+    };
+    return this.props.active && (i += " active", r = { ...r, border: "1px dashed blue", fontWeight: "bold" }), this.props.recordData.disabled && (i += " disabled"), /* @__PURE__ */ p("div", { className: i, style: r, onClick: this.onClick, children: [
+      /* @__PURE__ */ n(x, { style: { cursor: "pointer" }, children: m().t(this.props.recordData.name) }),
+      /* @__PURE__ */ n(at, { style: { cursor: "pointer", maxWidth: "100px", fontWeight: "bold" }, color: e, children: t })
+    ] });
+  };
+}
+class Qt extends v {
+  constructor(e) {
+    super(e), me(ae(e.fields)), me(Lt(e.fields)), this.state = {
+      selectedFields: [...e.selectedOptions],
+      sortFields: [...e.sort],
+      allChecked: !1,
+      activeIndex: e.currentFilter.sort.activeIndex,
+      update: Math.random(),
+      // 🔄 MIGRAÇÃO V1/V2: Inicializar contador de forceUpdate
+      forceUpdateCounter: 0
+    };
+  }
+  // 🔄 MIGRAÇÃO V1/V2: Helper para criar DataSource com compatibilidade
+  createCompatibleDataSource = (e) => {
+    const t = new j("dsSortFields", {
+      records: e,
+      grandTotalRecords: e.length,
+      currentPage: 0,
+      totalPages: 0,
+      pageSize: 999999
+    });
+    return Q(t) !== "V2" && this.setState({
+      ...this.state,
+      forceUpdateCounter: this.state.forceUpdateCounter + 1
+    }), t;
+  };
+  onCheckboxChange = (e, t, i) => {
+    let r = [...this.state.selectedFields];
+    t ? r.push(i) : r = this.state.selectedFields.filter((s) => s.name !== i.name), this.setState({ ...this.state, selectedFields: r });
+  };
+  renderCheckboxFields = () => {
+    if (this.props.fields)
+      return this.props.fields.map((e) => {
+        let t = !1;
+        return this.state.selectedFields.forEach((i) => {
+          e.name === i.name && (t = !0);
+        }), /* @__PURE__ */ n(
+          W,
+          {
+            label: e.label,
+            checked: t,
+            style: { paddingBottom: "8px", cursor: "pointer" },
+            onChange: (i) => this.onCheckboxChange(i.currentTarget.checked, i.currentTarget.checked, e)
+          },
+          e.label
+        );
+      });
+  };
+  getSortItem = (e) => {
+    let t;
+    return this.state.sortFields.forEach(function(i) {
+      i.name === e && (t = i);
+    }), t;
+  };
+  onChangeSortItem = (e, t, i, r) => {
+    const s = this.getSortItem(e);
+    if (s) {
+      Object.assign(s, {
+        selected: t,
+        order: i,
+        asc_desc: r,
+        label: s.label
+      });
+      let a = this.state.sortFields;
+      a = a.sort(function(l, h) {
+        return l.order - h.order;
+      }), this.setState({
+        ...this.state,
+        update: Math.random(),
+        sortFields: a
+      });
+    }
+  };
+  getSortItemByOrder = (e) => {
+    let t;
+    return this.state.sortFields.forEach(function(i) {
+      i.order === e && (t = i);
+    }), t;
+  };
+  onSortDown = (e) => {
+    let t = this.state.activeIndex;
+    if (t >= 0) {
+      const i = this.state.sortFields[t];
+      if (i.order < this.state.sortFields.length - 1) {
+        t = i.order + 1;
+        const s = this.getSortItemByOrder(i.order + 1);
+        s && (Object.assign(i, {
+          order: i.order + 1
+        }), Object.assign(s, {
+          order: s.order - 1
+        }));
+      }
+      let r = this.state.sortFields;
+      r = r.sort(function(s, a) {
+        return s.order - a.order;
+      }), this.setState({
+        ...this.state,
+        sortFields: r,
+        activeIndex: t
+      });
+    }
+  };
+  onSortUp = (e) => {
+    let t = this.state.activeIndex;
+    if (t >= 0) {
+      const i = this.state.sortFields[t];
+      if (i.order > 0) {
+        t = i.order - 1;
+        const s = this.getSortItemByOrder(i.order - 1);
+        s && (Object.assign(i, {
+          order: i.order - 1
+        }), Object.assign(s, {
+          order: s.order + 1
+        }));
+      }
+      let r = this.state.sortFields;
+      r = r.sort(function(s, a) {
+        return s.order - a.order;
+      }), this.setState({
+        ...this.state,
+        sortFields: r,
+        activeIndex: t
+      });
+    }
+  };
+  onSelectListItem = (e, t) => {
+    this.setState({ ...this.state, activeIndex: e });
+  };
+  selectAllFields = (e) => {
+    const t = me(ae(this.props.fields)), i = e ? t : [];
+    this.setState({ ...this.state, selectedFields: i, allChecked: e });
+  };
+  render = () => /* @__PURE__ */ p(
+    "div",
+    {
+      id: this.props.id,
+      style: { width: this.props.width, display: "grid", justifyContent: "center", height: "460px" },
+      children: [
+        /* @__PURE__ */ p(Ke, { children: [
+          /* @__PURE__ */ p(
+            O,
+            {
+              style: {
+                paddingBottom: "10px",
+                overflowY: "auto",
+                display: "block",
+                overflowX: "hidden"
+              },
+              children: [
+                /* @__PURE__ */ p(
+                  ke,
+                  {
+                    style: {
+                      padding: "10px",
+                      width: "100%"
+                    },
+                    children: [
+                      /* @__PURE__ */ n(x, { style: { fontWeight: "700" }, children: m().t("archbase:Selecione os campos p/ o filtro rápido:") }),
+                      /* @__PURE__ */ n(
+                        W,
+                        {
+                          checked: this.state.allChecked,
+                          style: { cursor: "pointer" },
+                          onChange: (e) => this.selectAllFields(e.currentTarget.checked),
+                          label: m().t("archbase:Selecionar todos ?")
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ n(O.Col, { children: /* @__PURE__ */ n(Fe, { h: "128px", children: /* @__PURE__ */ n(Me, { children: this.renderCheckboxFields() }) }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(O.Col, { style: { padding: 13 }, children: /* @__PURE__ */ p(
+            "div",
+            {
+              className: "sort-group-container",
+              style: {
+                height: "200px"
+              },
+              children: [
+                /* @__PURE__ */ p("div", { className: "sort-header", children: [
+                  /* @__PURE__ */ p("div", { style: { display: "flex" }, children: [
+                    /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: "Para baixo", children: /* @__PURE__ */ n(g, { id: "btnFilterSortDown", onClick: this.onSortDown, children: /* @__PURE__ */ n(ve, {}) }) }),
+                    /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: "Para cima", children: /* @__PURE__ */ n(g, { id: "btnFilterSortUp", onClick: this.onSortUp, children: /* @__PURE__ */ n(Se, {}) }) })
+                  ] }),
+                  /* @__PURE__ */ n(x, { children: m().t("archbase:Ordenação") })
+                ] }),
+                /* @__PURE__ */ n(Fe, { className: "sort-body", children: /* @__PURE__ */ n(
+                  de,
+                  {
+                    height: "100%",
+                    width: "100%",
+                    dataSource: (
+                      // 🔄 MIGRAÇÃO V1/V2: Usar método de compatibilidade
+                      this.createCompatibleDataSource(this.state.sortFields)
+                    ),
+                    withBorder: !1,
+                    dataFieldId: "name",
+                    dataFieldText: "name",
+                    activeIndex: this.state.activeIndex,
+                    component: {
+                      type: we,
+                      props: {
+                        sortFocused: this.props.sortFocused,
+                        onChangeSortItem: this.onChangeSortItem,
+                        onSelectListItem: this.onSelectListItem
+                      }
+                    }
+                  }
+                ) })
+              ]
+            }
+          ) }) })
+        ] }),
+        /* @__PURE__ */ p(
+          ke,
+          {
+            style: {
+              display: "flex",
+              justifyContent: "end",
+              width: "100%",
+              height: "40px",
+              marginTop: "10px"
+            },
+            children: [
+              /* @__PURE__ */ n(
+                w,
+                {
+                  variant: this.props.variant,
+                  onClick: () => this.props.onConfirmSelectFields && this.props.onConfirmSelectFields(this.state.selectedFields, this.state.sortFields, this.state.activeIndex),
+                  children: "Aplicar"
+                }
+              ),
+              /* @__PURE__ */ n(R, { w: "sm" }),
+              /* @__PURE__ */ n(w, { variant: this.props.variant, color: "red", onClick: this.props.onCancelSelectFields, children: "Cancela" })
+            ]
+          }
+        )
+      ]
+    },
+    this.props.key
+  );
+}
+const Ut = ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"], jt = ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"];
+class Yt extends v {
+  dateRef;
+  constructor(e) {
+    super(e), this.state = { value: void 0, selectRangeType: "range" }, this.dateRef = y.createRef();
+  }
+  UNSAFE_componentWillReceiveProps = (e) => {
+    this.setState({ value: void 0 });
+  };
+  handleDateChange = (e) => {
+    this.setState({ value: e });
+  };
+  render = () => /* @__PURE__ */ p(
+    "div",
+    {
+      id: this.props.id,
+      style: { width: this.props.width, display: "grid", justifyContent: "center", height: "344px" },
+      children: [
+        /* @__PURE__ */ n("div", { style: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ n(
+          Dt,
+          {
+            ref: this.dateRef,
+            value: this.state.value,
+            shadow: !1,
+            weekDays: Ut,
+            months: jt,
+            weekPicker: this.state.selectRangeType === "week",
+            onlyMonthPicker: this.state.selectRangeType === "month",
+            range: this.state.selectRangeType === "week" || this.state.selectRangeType === "month" || this.state.selectRangeType === "range",
+            multiple: this.state.selectRangeType === "day",
+            format: "DD/MM/YYYY",
+            numberOfMonths: 2,
+            onChange: this.handleDateChange
+          }
+        ) }),
+        /* @__PURE__ */ p(
+          Me,
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              width: this.props.width,
+              height: "40px",
+              marginTop: "10px"
+            },
+            children: [
+              /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center" }, children: [
+                /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: `${m().t("archbase:Intervalo")}`, children: /* @__PURE__ */ n(
+                  g,
+                  {
+                    variant: this.props.variant,
+                    size: "lg",
+                    color: "var(--mantine-primary-color-filled)",
+                    onClick: () => this.setState({ ...this.state, selectRangeType: "range" }),
+                    style: { width: "36px", height: "36px", marginRight: 2 },
+                    children: /* @__PURE__ */ n(ut, { size: "1.4rem" })
+                  }
+                ) }),
+                /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: `${m().t("archbase:Mês")}`, children: /* @__PURE__ */ n(
+                  g,
+                  {
+                    variant: this.props.variant,
+                    size: "lg",
+                    color: "var(--mantine-primary-color-filled)",
+                    onClick: () => this.setState({ ...this.state, selectRangeType: "month" }),
+                    style: { width: "36px", height: "36px", marginRight: 2 },
+                    children: /* @__PURE__ */ n(mt, { size: "1.4rem" })
+                  }
+                ) }),
+                /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: `${m().t("archbase:Semana")}`, children: /* @__PURE__ */ n(
+                  g,
+                  {
+                    variant: this.props.variant,
+                    size: "lg",
+                    color: "var(--mantine-primary-color-filled)",
+                    onClick: () => this.setState({ ...this.state, selectRangeType: "week" }),
+                    style: { width: "36px", height: "36px", marginRight: 2 },
+                    children: /* @__PURE__ */ n(ft, { size: "1.4rem" })
+                  }
+                ) }),
+                /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: `${m().t("archbase:Dia")}`, children: /* @__PURE__ */ n(
+                  g,
+                  {
+                    variant: this.props.variant,
+                    size: "lg",
+                    color: "var(--mantine-primary-color-filled)",
+                    onClick: () => this.setState({ ...this.state, selectRangeType: "day" }),
+                    style: { width: "36px", height: "36px", marginRight: 2 },
+                    children: /* @__PURE__ */ n(je, { size: "1.4rem" })
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ p("div", { style: { display: "flex" }, children: [
+                /* @__PURE__ */ n(
+                  w,
+                  {
+                    variant: this.props.variant,
+                    onClick: () => this.props.onConfirmSelectRange(this.state.value, this.state.selectRangeType),
+                    children: "Aplicar"
+                  }
+                ),
+                /* @__PURE__ */ n(R, { w: "sm" }),
+                /* @__PURE__ */ n(w, { variant: this.props.variant, color: "red", onClick: this.props.onCancelSelectRange, children: "Cancela" })
+              ] })
+            ]
+          }
+        )
+      ]
+    },
+    this.props.key
+  );
+}
+const H = ({
+  onActionSearchExecute: d,
+  icon: e,
+  disabled: t,
+  label: i,
+  error: r,
+  initialValue: s,
+  onChange: a,
+  style: l,
+  placeholder: h,
+  keyProp: o,
+  readOnly: c,
+  innerRef: u,
+  onFocus: F,
+  onKeyDown: b,
+  tooltipIconSearch: k = "Clique aqui para Localizar",
+  variant: P = "filled"
+}) => {
+  const [L, J] = $(s), [z] = Je(L, 500), G = Be(!1), V = $e(), { colorScheme: K } = We();
+  return ge(() => {
+    J(s);
+  }, [s]), ge(() => {
+    z !== s && G.current && a(z), G.current = !1;
+  }, [z, s, a]), /* @__PURE__ */ n(
+    ze,
+    {
+      label: i,
+      error: r,
+      value: L,
+      ref: u,
+      w: "100%",
+      readOnly: c,
+      onFocus: F,
+      onKeyDown: b,
+      placeholder: h,
+      style: l,
+      disabled: t,
+      rightSection: d ? /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: k, children: /* @__PURE__ */ n(
+        g,
+        {
+          style: {
+            backgroundColor: P === "filled" ? K === "dark" ? V.colors[V.primaryColor][5] : V.colors[V.primaryColor][6] : void 0
+          },
+          tabIndex: -1,
+          variant: P,
+          onClick: d,
+          children: e
+        }
+      ) }) : null,
+      onChange: (_) => {
+        J(_.target.value), G.current = !0;
+      }
+    },
+    o
+  );
+};
+class Bi extends v {
+  static defaultProps = {
+    showClearButton: !0,
+    showToggleButton: !0,
+    showPrintButton: !1,
+    showExportButton: !1,
+    expandedFilter: !1,
+    width: "50px",
+    height: "500px",
+    detailsHeight: 580,
+    detailsWidth: 768,
+    detailsAlign: "right"
+  };
+  timeout;
+  divMain;
+  refEdit;
+  toggleFilterButtonRef;
+  inputValue;
+  // declare context: React.ContextType<typeof ArchbaseAppContext>;
+  constructor(e) {
+    super(e), this.refEdit = y.createRef(), this.toggleFilterButtonRef = y.createRef(), this.state = {
+      currentFilter: this.props.currentFilter ? this.props.currentFilter : D(e, T),
+      modalOpen: "",
+      modalSearchField: "",
+      isOpenSelectRange: !1,
+      isOpenSelectFields: !1,
+      expandedFilter: this.props.expandedFilter,
+      update: Math.random(),
+      activeFilterIndex: this.props.currentFilter ? this.props.activeFilterIndex : S
+    };
+  }
+  shouldComponentUpdate = (e, t) => oe(this, e, t);
+  UNSAFE_componentWillReceiveProps = (e) => {
+    let t = e.currentFilter, i = e.activeFilterIndex;
+    t || (e.persistenceDelegator && e.persistenceDelegator.getFilters().length > 0 ? (t = JSON.parse(e.persistenceDelegator.getFirstFilter().filter), i = 0) : (t = D(e, T), i = S)), this.setState({
+      ...this.state,
+      currentFilter: t,
+      modalOpen: "",
+      expandedFilter: e.expandedFilter ? e.expandedFilter : !1,
+      activeFilterIndex: i
+    });
+  };
+  componentDidMount = () => {
+    window.addEventListener("resize", this.onResize);
+  };
+  componentWillUnmount = () => {
+    window.removeEventListener("resize", this.onResize);
+  };
+  toggleExpandedFilter = () => {
+    const e = !this.state.expandedFilter;
+    this.getPosition("filter"), this.setState(
+      {
+        ...this.state,
+        expandedFilter: e,
+        isOpenSelectRange: !1,
+        isOpenSelectFields: !1
+      },
+      () => {
+        if (!this.state.currentFilter || this.state.currentFilter.filter.filterType === T) {
+          const t = this.props.persistenceDelegator.getFirstFilter();
+          if (t) {
+            const i = t.filter ? JSON.parse(t.filter) : Y();
+            this.onChangeSelectedFilter(i, 0);
+          } else
+            this.addNewFilter();
+        }
+      }
+    ), this.props.onToggleExpandedFilter && this.props.onToggleExpandedFilter(e);
+  };
+  clearFilter = () => {
+    this.props.onToggleExpandedFilter && this.props.onToggleExpandedFilter(!1);
+    const e = D(this.props, T);
+    this.setState(
+      {
+        ...this.state,
+        currentFilter: e,
+        expandedFilter: !1,
+        activeFilterIndex: S
+      },
+      () => {
+        this.onFilterChanged(e, S, () => {
+          this.props.onClearFilter && this.props.onClearFilter(this), this.onSearchClick();
+        });
+      }
+    );
+  };
+  onSearchClick = () => {
+    this.props.onSearchByFilter && this.props.onSearchByFilter(), this.onCloseFilterClick();
+  };
+  onChangeQuickFilter = (e) => {
+    this.changeQuickFilter(e);
+  };
+  changeQuickFilter = (e) => {
+    let t = this.state.currentFilter;
+    t && t.filter && t.filter.filterType !== T && (t = D(this.props, T)), t.filter.quickFilterText = e, t.filter.quickFilterFieldsText = A(t, I(this.props)), this.setState({
+      ...this.state,
+      currentFilter: t,
+      expandedFilter: !1,
+      activeFilterIndex: S
+    }), clearTimeout(this.timeout), this.timeout = setTimeout(() => {
+      this.props.onToggleExpandedFilter && this.props.onToggleExpandedFilter(!1), this.props.onFilterChanged && this.props.onFilterChanged(t, S);
+    }, 200);
+  };
+  handleQuickFilter = (e) => {
+    e.keyCode === 13 && this.onSearchClick();
+  };
+  getQuickFilterText = () => this.state.currentFilter.filter.quickFilterText;
+  onFilterChanged = (e, t, i) => {
+    const r = [];
+    if (e.id) {
+      this.convertFilterToListValues("root", e.filter.rules, r);
+      const s = { filter: r, sort: e.sort.sortFields };
+      localStorage.setItem(`filter${e.id}`, JSON.stringify(s));
+    }
+    this.props.onFilterChanged ? this.props.onFilterChanged(e, t, () => {
+      this.setState({ ...this.state, update: Math.random() }, i);
+    }) : this.setState({ ...this.state, update: Math.random() }, i);
+  };
+  loadListValuesToFilter = (e, t, i) => {
+    for (let r = 0; r < t.length; r++) {
+      const s = t[r];
+      if (s.rules)
+        this.loadListValuesToFilter(s.id, s.rules, i);
+      else {
+        const a = this.getItemListById(i, e, s.id);
+        a && (s.value = a.value, s.value2 = a.value2);
+      }
+    }
+  };
+  getItemListById = (e, t, i) => {
+    for (let r = 0; r < e.length; r++)
+      if (e[r].parent === t && e[r].id === i)
+        return e[r];
+  };
+  convertFilterToListValues = (e, t, i) => {
+    for (let r = 0; r < t.length; r++) {
+      const s = t[r];
+      s.rules ? this.convertFilterToListValues(s.id, s.rules, i) : i.push({
+        parent: e,
+        id: s.id,
+        value: s.value,
+        value2: s.value2
+      });
+    }
+  };
+  onSaveFilter = (e) => {
+    e === "mnuItemSalvar" && this.state.currentFilter && this.state.currentFilter.id && this.state.currentFilter.id !== S && this.state.currentFilter.id !== Z ? N.showConfirmDialogYesNo(
+      `${m().t("archbase:Confirme")}`,
+      `${m().t("archbase:Deseja salvar o Filtro ?")}`,
+      () => {
+        const t = this.state.currentFilter;
+        t.filter.quickFilterFieldsText = A(t, I(this.props));
+        const i = this.props.persistenceDelegator.getFilterById(
+          t.id
+        );
+        i && (i.setFilter(t), this.props.persistenceDelegator.saveFilter(i, (r) => {
+          r && N.showErrorWithDetails(
+            `${m().t("archbase:Warning")}`,
+            he(r),
+            ce(r)
+          );
+        }));
+      },
+      () => {
+      }
+    ) : (e === "mnuItemSalvar" || e === "mnuItemSalvarComo") && this.state.currentFilter && (this.inputValue = "", N.showInputDialog(
+      `${m().t("archbase:Salvar como...")}`,
+      `${m().t("archbase:Informe um nome para o fitro...")}`,
+      `${m().t("archbase:Confirme")}`,
+      (t) => this.inputValue = t.target.value,
+      () => {
+        const t = this.state.currentFilter;
+        t.filter.quickFilterFieldsText = A(t, I(this.props));
+        const i = ne.createInstanceWithValues({
+          filter: t,
+          id: Rt(),
+          name: this.inputValue,
+          componentName: this.props.id,
+          userName: this.props.userName,
+          shared: !0,
+          viewName: this.props.viewName,
+          isNewFilter: !0
+        });
+        this.props.persistenceDelegator.addNewFilter(i, (r, s) => {
+          r ? N.showErrorWithDetails(
+            `${m().t("archbase:Warning")}`,
+            he(r),
+            ce(r)
+          ) : (t && t.id === -1 && (t.id = s, t.name = i.name), this.setState({
+            ...this.state,
+            currentFilter: t,
+            modalOpen: "modalSaveFilter"
+          }));
+        });
+      },
+      () => {
+      }
+    ));
+  };
+  onChangeFilterType = (e) => {
+    const t = this.state.currentFilter;
+    t.filter.filterType = e === 0 ? ee : se, t.filter.quickFilterFieldsText = A(t, I(this.props)), this.setState({ ...this.state, currentFilter: t, update: Math.random() }), this.props.onFilterChanged && this.props.onFilterChanged(t, this.state.activeFilterIndex);
+  };
+  onChangeSelectedFilter = (e, t) => {
+    this.props.onSelectedFilter && this.props.onSelectedFilter(e, t);
+    const i = localStorage.getItem(`filter${e.id}`);
+    if (i && i !== null) {
+      const r = JSON.parse(i);
+      this.loadListValuesToFilter("root", e.filter.rules, r.filter);
+    }
+    this.setState({
+      ...this.state,
+      currentFilter: e,
+      activeFilterIndex: t
+    });
+  };
+  addNewFilter = () => {
+    const e = D(this.props, ee);
+    this.setState({
+      ...this.state,
+      currentFilter: e,
+      activeFilterIndex: Z
+    }), this.props.onSelectedFilter && this.props.onSelectedFilter(e, Z);
+  };
+  onActionClick = (e) => {
+    e === "new" ? this.addNewFilter() : e === "remove" ? this.removeFilter() : e === "apply" ? this.onSearchClick() : e === "close" && this.onCloseFilterClick();
+  };
+  removeFilter = () => {
+    N.showConfirmDialogYesNo(
+      `${m().t("archbase:Confirme")}`,
+      `${m().t("archbase:Deseja remover o Filtro ?")}`,
+      () => {
+        const e = this.state.currentFilter, t = this.props.persistenceDelegator.getFilterById(e.id);
+        t && this.props.persistenceDelegator.removeFilterBy(t, (i) => {
+          if (i && i !== null)
+            N.showErrorWithDetails(
+              `${m().t("archbase:Warning")}`,
+              he(i),
+              ce(i)
+            );
+          else {
+            const r = this.props.persistenceDelegator.getFirstFilter();
+            if (r) {
+              const s = Y();
+              s.id = r.id, s.name = r.name, s.viewName = r.viewName, s.filter = JSON.parse(r.filter || ""), this.onChangeSelectedFilter(s, 0);
+            } else
+              this.addNewFilter();
+          }
+        });
+      },
+      () => {
+      }
+    );
+  };
+  onCloseFilterClick = () => {
+    this.setState({
+      ...this.state,
+      isOpenSelectRange: !1,
+      selectRangeType: void 0,
+      expandedFilter: !1,
+      isOpenSelectFields: !1
+    }), this.props.onToggleExpandedFilter && this.props.onToggleExpandedFilter(!1);
+  };
+  getPosition = (e, t) => {
+    if (this.divMain) {
+      let i = this.props.detailsWidth;
+      e === "range" ? t === "month" ? i = 260 : i = 510 : e === "fields" && (i = 480);
+      const r = this.divMain.getBoundingClientRect(), { innerHeight: s } = window;
+      let a = r.left;
+      return (this.state.detailsAlign === "right" && e === "filter" || r.left + i > window.innerWidth - 100) && (a = r.right - i), {
+        left: a,
+        top: r.bottom + 2,
+        height: this.props.detailsHeight ? this.props.detailsHeight : s - r.bottom - 30
+      };
+    }
+    return { left: 0, top: 0, height: 0 };
+  };
+  onResize = () => {
+    let e = "filter", t;
+    this.state.isOpenSelectFields ? e = "fields" : this.state.isOpenSelectRange && (e = "range", t = this.state.selectRangeType), this.getPosition(e, t), this.setState({
+      ...this.state
+    });
+  };
+  onSelectRange = (e) => {
+    this.state.isOpenSelectRange ? this.onCancelSelectRange() : (this.getPosition("range", e), this.setState({
+      ...this.state,
+      isOpenSelectRange: !0,
+      selectRangeType: e,
+      expandedFilter: !1,
+      isOpenSelectFields: !1
+    }));
+  };
+  onCancelSelectRange = () => {
+    this.setState({
+      ...this.state,
+      isOpenSelectRange: !1,
+      selectRangeType: void 0,
+      expandedFilter: !1,
+      modalOpen: "",
+      isOpenSelectFields: !1
+    });
+  };
+  onConfirmSelectRange = (e, t) => {
+    let i = "";
+    if (t === "month") {
+      const s = e[0].toString(), a = new Ot({
+        date: Tt(e[1].toDate()),
+        format: "DD/MM/YYYY"
+      }).toString();
+      i = `${s}:${a}`;
+    } else if (t === "range" || t === "week") {
+      const s = e[0].toString(), a = e[1].toString();
+      i = `${s}:${a}`;
+    } else if (t === "day") {
+      let s = !1;
+      i = "", e.forEach((a) => {
+        s && (i += ","), i += a.toString(), s = !0;
+      });
+    }
+    let r = this.state.currentFilter;
+    r && r.filter && r.filter.filterType !== T && (r = D(this.props, T)), r.filter.quickFilterText = i, r.filter.quickFilterFieldsText = A(r, I(this.props)), this.setState(
+      {
+        ...this.state,
+        currentFilter: r,
+        activeFilterIndex: S,
+        selectRangeType: void 0,
+        isOpenSelectRange: !1,
+        isOpenSelectFields: !1,
+        modalOpen: "",
+        expandedFilter: !1
+      },
+      () => {
+        this.props.onFilterChanged && this.props.onFilterChanged(r, S);
+      }
+    );
+  };
+  selectFields = () => {
+    this.state.isOpenSelectFields ? this.onCancelSelectFields() : (this.getPosition("fields"), this.setState({
+      ...this.state,
+      isOpenSelectFields: !0,
+      isOpenSelectRange: !1,
+      expandedFilter: !1
+    }));
+  };
+  onCancelSelectFields = () => {
+    this.setState({
+      ...this.state,
+      isOpenSelectFields: !1,
+      isOpenSelectRange: !1,
+      expandedFilter: !1
+    });
+  };
+  getSortString = (e) => {
+    let t = "", i = !1;
+    return e.sort.sortFields.forEach((r) => {
+      r.selected && (i && (t += ", "), t += `${r.name}:${r.asc_desc}`, i = !0);
+    }), t;
+  };
+  onConfirmSelectFields = (e, t, i) => {
+    let r = this.state.currentFilter;
+    r && r.filter && r.filter.filterType !== T && (r = D(this.props, T)), r.filter.selectedFields = e, r.filter.quickFilterFieldsText = A(r, I(this.props)), r.sort.sortFields = t, r.sort.activeIndex = i, r.sort.quickFilterSort = this.getSortString(r), this.setState(
+      {
+        ...this.state,
+        isOpenSelectFields: !1,
+        isOpenSelectRange: !1,
+        expandedFilter: !1,
+        currentFilter: r,
+        activeFilterIndex: S
+      },
+      () => {
+        this.props.onFilterChanged && this.props.onFilterChanged(r, S);
+      }
+    );
+  };
+  onFocusEdit = () => {
+    this.state.expandedFilter && this.setState(
+      {
+        ...this.state,
+        isOpenSelectFields: !1,
+        isOpenSelectRange: !1,
+        expandedFilter: !1
+      },
+      () => {
+        this.refEdit.current.focus();
+      }
+    );
+  };
+  onClickOk = (e, t) => {
+    if (t && t.length > 0) {
+      let i = "";
+      if (this.state.modalOperator === "notInList" || this.state.modalOperator === "inList") {
+        let r = !1;
+        t.forEach((s) => {
+          r && (i += ","), i += s[this.state.modalSearchField], r = !0;
+        });
+      } else
+        i = t[0][this.state.modalSearchField];
+      this.state.modalHandleOnChange && this.state.modalHandleOnChange(i);
+    }
+    this.setState({
+      ...this.state,
+      modalOpen: "",
+      modalHandleOnChange: void 0,
+      modalOperator: void 0,
+      modalSearchField: ""
+    });
+  };
+  onClickCancel = (e) => {
+    this.setState({
+      ...this.state,
+      modalOpen: "",
+      modalHandleOnChange: void 0,
+      modalOperator: void 0,
+      modalSearchField: ""
+    });
+  };
+  onSearchButtonClick = (e, t, i, r, s) => {
+    this.setState({
+      ...this.state,
+      modalOpen: `modal${e}`,
+      modalHandleOnChange: i,
+      modalOperator: r,
+      modalSearchField: s
+    });
+  };
+  buildSearchModals = () => {
+    const e = I(this.props), t = [];
+    return e.forEach((i) => {
+      if (i.searchComponent && i.searchField) {
+        const r = i.searchComponent;
+        t.push(
+          /* @__PURE__ */ n(
+            r,
+            {
+              isOpen: this.state.modalOpen && this.state.modalOpen === `modal${i.name}`,
+              user: this.props.userName,
+              onClickOk: this.onClickOk,
+              onClickCancel: this.onClickCancel,
+              selectedRecords: []
+            },
+            `modal${i.name}`
+          )
+        );
+      }
+    }), t;
+  };
+  render = () => {
+    let e = "filter", t;
+    this.state.isOpenSelectFields ? e = "fields" : this.state.isOpenSelectRange && (e = "range", t = this.state.selectRangeType), this.getPosition(e, t);
+    let i = "R", r = "#f0ad4e";
+    return this.state.currentFilter.filter.filterType === ee ? (i = "S", r = "#72ac18") : this.state.currentFilter.filter.filterType === se && (i = "A", r = "#007bff"), /* @__PURE__ */ p(
+      "div",
+      {
+        ref: (s) => {
+          this.divMain = s;
+        },
+        style: {
+          minWidth: this.props.width,
+          maxWidth: this.props.width,
+          height: "50px",
+          // backgroundColor:
+          // 	this.context.colorScheme === 'dark'
+          // 		? this.context.theme!.colors.dark[7]
+          // 		: this.context.theme!.colors.gray[0],
+          position: "relative",
+          // border: `1px solid ${
+          // 	this.context.colorScheme === 'dark'
+          // 		? this.context.theme!.colors.gray[7]
+          // 		: this.context.theme!.colors.gray[2]
+          // }`,
+          borderRadius: 4,
+          display: "flex",
+          flexFlow: "column nowrap",
+          paddingRight: "8px"
+        },
+        children: [
+          /* @__PURE__ */ p(
+            "div",
+            {
+              style: {
+                padding: 3,
+                width: "100%",
+                height: 50,
+                display: "flex",
+                flexFlow: "row nowrap",
+                alignItems: "center",
+                justifyContent: "center",
+                backgroundColor: "transparent",
+                position: "relative"
+              },
+              children: [
+                /* @__PURE__ */ p("div", { style: { display: "flex", width: "100%" }, children: [
+                  /* @__PURE__ */ n(
+                    H,
+                    {
+                      onChange: (s) => this.onChangeQuickFilter(s),
+                      innerRef: this.refEdit,
+                      onFocus: this.onFocusEdit,
+                      onKeyDown: this.handleQuickFilter,
+                      initialValue: this.state.currentFilter.filter.quickFilterText,
+                      placeholder: this.props.placeholder,
+                      style: {
+                        height: "36px",
+                        paddingLeft: "3px"
+                      },
+                      label: void 0,
+                      error: void 0,
+                      keyProp: void 0,
+                      readOnly: !1,
+                      onActionSearchExecute: void 0,
+                      icon: void 0,
+                      disabled: !1
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    "span",
+                    {
+                      style: {
+                        position: "relative",
+                        top: "8px",
+                        right: "28px",
+                        background: r,
+                        color: "white",
+                        border: "1px solid silver",
+                        width: "20px",
+                        height: "20px",
+                        textAlign: "center",
+                        display: "flex",
+                        justifyContent: "center",
+                        alignItems: "center",
+                        borderRadius: "50px"
+                      },
+                      children: i
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: "Filtrar", children: /* @__PURE__ */ n(
+                  g,
+                  {
+                    variant: this.props.variant,
+                    size: "lg",
+                    color: "var(--mantine-primary-color-filled)",
+                    style: { width: "36px", height: "36px", marginRight: 2 },
+                    onClick: () => {
+                      this.onSearchClick();
+                    },
+                    children: /* @__PURE__ */ n(ye, { size: "1.4rem" })
+                  }
+                ) }),
+                this.props.showClearButton ? /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: "Limpar filtro", children: /* @__PURE__ */ n(
+                  g,
+                  {
+                    variant: this.props.variant,
+                    size: "lg",
+                    color: "var(--mantine-primary-color-filled)",
+                    style: { width: "36px", height: "36px", marginRight: 2 },
+                    onClick: () => {
+                      this.clearFilter();
+                    },
+                    children: /* @__PURE__ */ n(gt, { size: "1.4rem" })
+                  }
+                ) }) : null,
+                /* @__PURE__ */ p(
+                  E,
+                  {
+                    width: this.props.width,
+                    position: "bottom-end",
+                    withArrow: !0,
+                    shadow: "md",
+                    onClose: () => this.setState({ ...this.state, modalOpen: "" }),
+                    opened: this.state.modalOpen === "selectDate",
+                    withinPortal: !0,
+                    children: [
+                      /* @__PURE__ */ n(E.Target, { children: /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: `${m().t("archbase:Selecionar período")}`, children: /* @__PURE__ */ n(
+                        g,
+                        {
+                          variant: this.props.variant,
+                          size: "lg",
+                          color: "var(--mantine-primary-color-filled)",
+                          onClick: () => this.setState({ ...this.state, modalOpen: "selectDate" }),
+                          style: { width: "36px", height: "36px", marginRight: 2 },
+                          children: /* @__PURE__ */ n(je, { size: "1.4rem" })
+                        }
+                      ) }) }),
+                      /* @__PURE__ */ n(E.Dropdown, { children: /* @__PURE__ */ n(
+                        Yt,
+                        {
+                          selectRangeType: this.state.selectRangeType,
+                          onConfirmSelectRange: this.onConfirmSelectRange,
+                          onCancelSelectRange: this.onCancelSelectRange,
+                          width: `calc(${this.props.width} - 2rem)`,
+                          variant: this.props.variant
+                        }
+                      ) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ p(
+                  E,
+                  {
+                    width: this.props.width,
+                    position: "bottom-end",
+                    withArrow: !0,
+                    shadow: "md",
+                    opened: this.state.isOpenSelectFields,
+                    onClose: () => this.setState({ ...this.state, isOpenSelectFields: !1 }),
+                    withinPortal: !0,
+                    children: [
+                      /* @__PURE__ */ n(E.Target, { children: /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: `${m().t("archbase:Selecionar campos filtro rápido")}`, children: /* @__PURE__ */ n(
+                        g,
+                        {
+                          variant: this.props.variant,
+                          size: "lg",
+                          color: "var(--mantine-primary-color-filled)",
+                          onClick: () => {
+                            this.selectFields();
+                          },
+                          style: { width: "36px", height: "36px", marginRight: 2 },
+                          children: /* @__PURE__ */ n(Ft, { size: "1.4rem" })
+                        }
+                      ) }) }),
+                      /* @__PURE__ */ n(E.Dropdown, { children: /* @__PURE__ */ n(
+                        Qt,
+                        {
+                          id: `filrsep${U()}`,
+                          currentFilter: this.state.currentFilter,
+                          selectedOptions: this.state.currentFilter.filter.selectedFields || [],
+                          sort: this.state.currentFilter.sort.sortFields || [],
+                          fields: I(this.props),
+                          onConfirmSelectFields: this.onConfirmSelectFields,
+                          onCancelSelectFields: this.onCancelSelectFields,
+                          width: `calc(${this.props.width} - 2rem)`,
+                          variant: this.props.variant
+                        },
+                        `kfilrsep${U()}`
+                      ) })
+                    ]
+                  }
+                ),
+                this.props.showToggleButton ? /* @__PURE__ */ p(
+                  E,
+                  {
+                    width: this.props.detailsWidth,
+                    position: "bottom-end",
+                    withArrow: !0,
+                    shadow: "md",
+                    opened: this.state.expandedFilter,
+                    zIndex: 199,
+                    withinPortal: !0,
+                    children: [
+                      /* @__PURE__ */ n(E.Target, { children: /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: `${m().t("archbase:Filtro avançado")}`, children: /* @__PURE__ */ n(
+                        g,
+                        {
+                          variant: this.props.variant,
+                          ref: this.toggleFilterButtonRef,
+                          size: "lg",
+                          color: "var(--mantine-primary-color-filled)",
+                          onClick: () => {
+                            this.toggleExpandedFilter();
+                          },
+                          style: { width: "36px", height: "36px", marginRight: 2 },
+                          children: /* @__PURE__ */ n(bt, { size: "1.4rem" })
+                        }
+                      ) }) }),
+                      /* @__PURE__ */ n(E.Dropdown, { children: /* @__PURE__ */ n(
+                        Wt,
+                        {
+                          update: this.state.update,
+                          currentFilter: this.state.currentFilter,
+                          activeFilterIndex: this.state.activeFilterIndex,
+                          persistenceDelegator: this.props.persistenceDelegator,
+                          onFilterChanged: (s, a) => this.onFilterChanged(s, a, () => {
+                          }),
+                          onSaveFilter: this.onSaveFilter,
+                          onActionClick: this.onActionClick,
+                          onChangeFilterType: this.onChangeFilterType,
+                          onChangeSelectedFilter: this.onChangeSelectedFilter,
+                          onSearchButtonClick: this.onSearchButtonClick,
+                          width: `calc(${this.props.detailsWidth}px - 2rem)`,
+                          height: `calc(${this.props.detailsHeight}px - 2rem)`,
+                          toggleFilterButtonRef: this.toggleFilterButtonRef,
+                          variant: this.props.variant,
+                          children: this.props.children
+                        }
+                      ) })
+                    ]
+                  }
+                ) : null,
+                this.props.showExportButton ? /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: "Exportar", children: /* @__PURE__ */ n(
+                  g,
+                  {
+                    variant: this.props.variant,
+                    size: "lg",
+                    color: "var(--mantine-primary-color-filled)",
+                    style: { width: "36px", height: "36px", marginRight: 2 },
+                    onClick: () => {
+                      this.props.onExport && this.props.onExport();
+                    },
+                    children: /* @__PURE__ */ n(Ct, { size: "1.4rem" })
+                  }
+                ) }) : null,
+                this.props.showPrintButton ? /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: "Imprimir", children: /* @__PURE__ */ n(
+                  g,
+                  {
+                    variant: this.props.variant,
+                    size: "lg",
+                    color: "var(--mantine-primary-color-filled)",
+                    style: { width: "36px", height: "36px", marginRight: 2 },
+                    onClick: () => {
+                      this.props.onPrint && this.props.onPrint();
+                    },
+                    children: /* @__PURE__ */ n(vt, { size: "1.4rem" })
+                  }
+                ) }) : null
+              ]
+            }
+          ),
+          this.buildSearchModals()
+        ]
+      }
+    );
+  };
+}
+class Ht extends v {
+  static defaultProps = {
+    operators: [
+      {
+        name: "null",
+        label: "Em branco",
+        dataTypes: ["string", "number", "date", "date_time", "time", "boolean"]
+      },
+      {
+        name: "notNull",
+        label: "Preenchido",
+        dataTypes: ["string", "number", "date", "date_time", "time", "boolean"]
+      },
+      {
+        name: "contains",
+        label: "Contém",
+        dataTypes: ["string"]
+      },
+      {
+        name: "startsWith",
+        label: "Iniciado com",
+        dataTypes: ["string"]
+      },
+      {
+        name: "endsWith",
+        label: "Terminado com",
+        dataTypes: ["string"]
+      },
+      {
+        name: "=",
+        label: "Igual",
+        dataTypes: ["string", "number", "date", "date_time", "time", "boolean"]
+      },
+      {
+        name: "!=",
+        label: "Diferente",
+        dataTypes: ["string", "number", "date", "date_time", "time", "boolean"]
+      },
+      {
+        name: "<",
+        label: "Menor",
+        dataTypes: ["string", "number", "date", "date_time", "time"]
+      },
+      {
+        name: ">",
+        label: "Maior",
+        dataTypes: ["string", "number", "date", "date_time", "time"]
+      },
+      {
+        name: "<=",
+        label: "Menor igual",
+        dataTypes: ["string", "number", "date", "date_time", "time"]
+      },
+      {
+        name: ">=",
+        label: "Maior igual",
+        dataTypes: ["string", "number", "date", "date_time", "time"]
+      },
+      {
+        name: "between",
+        label: "Entre",
+        dataTypes: ["string", "number", "date", "date_time", "time"]
+      },
+      {
+        name: "inList",
+        label: "Na lista",
+        dataTypes: ["string", "number", "date", "time"]
+      },
+      {
+        name: "notInList",
+        label: "Fora da lista",
+        dataTypes: ["string", "number", "date", "time"]
+      }
+    ],
+    conditions: [
+      {
+        name: "and",
+        label: "E"
+      },
+      {
+        name: "or",
+        label: "Ou"
+      }
+    ],
+    getOperators: null,
+    onFilterChanged: null,
+    allowSort: !0,
+    disabled: !1,
+    horizontal: !0,
+    sortFocused: "",
+    width: "100%",
+    border: "1px solid silver"
+  };
+  constructor(e) {
+    super(e), this.state = {
+      modalOpen: "",
+      currentFilter: e.currentFilter ? e.currentFilter : Y(),
+      activeFilterIndex: e.currentFilter ? e.activeFilterIndex : -1,
+      schema: this.createSchema(),
+      // 🔄 MIGRAÇÃO V1/V2: Inicializar contador de forceUpdate
+      forceUpdateCounter: 0
+    };
+  }
+  shouldComponentUpdate = (e, t) => oe(this, e, t);
+  // 🔄 MIGRAÇÃO V1/V2: Helper para criar DataSource com compatibilidade
+  createCompatibleDataSource = (e) => {
+    const t = new j("dsSortFields", {
+      records: e,
+      grandTotalRecords: e.length,
+      currentPage: 0,
+      totalPages: 0,
+      pageSize: 999999
+    });
+    return Q(t) !== "V2" && this.setState({
+      ...this.state,
+      forceUpdateCounter: this.state.forceUpdateCounter + 1
+    }), t;
+  };
+  getQuickFields = () => {
+    let e = [];
+    return this.getFields(this.props).forEach(function(t) {
+      t.quickFilter === !0 && e.push({ name: t.name, label: t.label });
+    }, this), e;
+  };
+  getQuickFilterSort = () => {
+    let e = "", t = !1;
+    return this.getFields(this.props).forEach(function(i) {
+      i.quickFilterSort === !0 && (t && (e += ","), e += i.name, t = !0);
+    }, this), e;
+  };
+  UNSAFE_componentWillReceiveProps = (e) => {
+    let t = e.currentFilter, i = e.activeFilterIndex;
+    (!t || !t.hasOwnProperty("filter")) && (t = D(e, se), i = -1), this.setState({
+      ...this.state,
+      currentFilter: t,
+      activeFilterIndex: i
+    });
+  };
+  createRuleGroup = () => ({
+    id: `g-${U()}`,
+    rules: [],
+    condition: this.props.conditions[0].name
+  });
+  createSchema = () => {
+    const { operators: e, conditions: t } = this.props;
+    return {
+      fields: this.getFields(this.props),
+      operators: e,
+      conditions: t,
+      createRule: this.createRule.bind(this),
+      createRuleGroup: this.createRuleGroup.bind(this),
+      onRuleAdd: this._notifyQueryChange.bind(this, this.onRuleAdd),
+      onGroupAdd: this._notifyQueryChange.bind(this, this.onGroupAdd),
+      onRuleRemove: this._notifyQueryChange.bind(this, this.onRuleRemove),
+      onGroupRemove: this._notifyQueryChange.bind(this, this.onGroupRemove),
+      onPropChange: this._notifyQueryChange.bind(this, this.onPropChange),
+      getLevel: this.getLevel.bind(this),
+      isRuleGroup: this.isRuleGroup.bind(this),
+      getOperators: (i) => this.getOperators(i)
+    };
+  };
+  getSelectedSort = () => {
+    let e = [];
+    return this.state.currentFilter && this.state.currentFilter.sort.sortFields.forEach(function(t) {
+      t.selected && e.push({ name: t.name, asc_desc: t.asc_desc });
+    }), e;
+  };
+  getSortItem = (e) => {
+    let t;
+    return this.state.currentFilter && this.state.currentFilter.sort.sortFields.forEach(function(i) {
+      i.name === e && (t = i);
+    }), t;
+  };
+  getSortItemByOrder = (e) => {
+    let t;
+    return this.state.currentFilter && this.state.currentFilter.sort.sortFields.forEach(function(i) {
+      i.order === e && (t = i);
+    }), t;
+  };
+  onChangeSortItem = (e, t, i, r) => {
+    if (this.state.currentFilter) {
+      let s = this.getSortItem(e);
+      if (s) {
+        Object.assign(s, {
+          selected: t,
+          order: i,
+          asc_desc: r,
+          label: s.label
+        });
+        let a = this.state.currentFilter.sort.sortFields;
+        a = a.sort(function(h, o) {
+          return h.order - o.order;
+        });
+        let l = this.state.currentFilter;
+        l.sort.sortFields = a, this.setState({
+          ...this.state,
+          currentFilter: l
+        }), this.propagateFilterChanged();
+      }
+    }
+  };
+  propagateFilterChanged = () => {
+    const { onFilterChanged: e } = this.props;
+    e && e(this.state.currentFilter, this.state.activeFilterIndex);
+  };
+  onSortDown = (e) => {
+    if (this.state.currentFilter) {
+      let t = this.state.currentFilter.sort.activeIndex;
+      if (t >= 0) {
+        let i = this.state.currentFilter.sort.sortFields[t];
+        if (i.order < this.state.currentFilter.sort.sortFields.length - 1) {
+          t = i.order + 1;
+          let a = this.getSortItemByOrder(i.order + 1);
+          a && (Object.assign(i, {
+            order: i.order + 1
+          }), Object.assign(a, {
+            order: a.order - 1
+          }));
+        }
+        let r = this.state.currentFilter.sort.sortFields;
+        r = r.sort((a, l) => a.order - l.order);
+        let s = this.state.currentFilter;
+        s.sort.sortFields = r, s.sort.activeIndex = t, this.setState(
+          {
+            ...this.state,
+            currentFilter: s
+          },
+          () => {
+            this.propagateFilterChanged();
+          }
+        );
+      }
+    }
+  };
+  onSortUp = (e) => {
+    if (this.state.currentFilter) {
+      const { currentFilter: t } = this.state;
+      let i = t.sort.activeIndex;
+      if (i >= 0) {
+        const r = t.sort.sortFields[i];
+        if (r.order > 0) {
+          i = r.order - 1;
+          let a = this.getSortItemByOrder(r.order - 1);
+          a && (Object.assign(r, {
+            order: r.order - 1
+          }), Object.assign(a, {
+            order: a.order + 1
+          }));
+        }
+        let s = t.sort.sortFields;
+        s = s.sort(function(a, l) {
+          return a.order - l.order;
+        }), t.sort.sortFields = s, t.sort.activeIndex = i, this.setState(
+          {
+            ...this.state,
+            currentFilter: t
+          },
+          () => {
+            this.propagateFilterChanged();
+          }
+        );
+      }
+    }
+  };
+  getFields = (e) => {
+    let t = [];
+    return e.children && y.Children.toArray(e.children).forEach((r) => {
+      r.type && r.type.componentName === "FilterFields" && r.props.children && y.Children.toArray(r.props.children).forEach((a) => {
+        if (a.type && a.type.componentName !== "FilterField")
+          throw new te(
+            "Somente filhos do tipo FilterField podem ser usados com FilterFields."
+          );
+        let l = [];
+        y.Children.toArray(a.props.children).forEach((o) => {
+          if (o.type && o.type.componentName !== "FilterFieldValue")
+            throw new te(
+              "Somente filhos do tipo FilterFieldValue podem ser usados com FilterFields"
+            );
+          l.push({ label: o.props.label, value: o.props.value });
+        }), t.push({
+          name: a.props.name,
+          label: a.props.label,
+          dataType: a.props.dataType,
+          quickFilter: a.props.quickFilter,
+          quickFilterSort: a.props.quickFilterSort,
+          sortable: a.props.sortable,
+          listValues: l,
+          operator: "",
+          searchComponent: void 0,
+          searchField: void 0
+        });
+      });
+    }), t;
+  };
+  isRuleGroup = (e) => !!(e.condition && e.rules);
+  createRule = () => {
+    const { operators: e } = this.state.schema, t = this.getFields(this.props);
+    return {
+      id: `r-${U()}`,
+      field: t[0].name,
+      fieldSql: t[0].nameSql,
+      dataType: t[0].dataType,
+      value: "",
+      value2: "",
+      disabled: !1,
+      operator: e[0].name
+    };
+  };
+  getField = (e) => {
+    let t;
+    return this.getFields(this.props).forEach(function(i) {
+      i.name === e && (t = i);
+    }, this), t;
+  };
+  getOperators = (e) => {
+    let t = this.getField(e), i = [];
+    return this.props.operators.forEach((r) => {
+      r.dataTypes.indexOf(t.dataType) >= 0 && i.push(r);
+    }, this), i;
+  };
+  onRuleAdd = (e, t) => {
+    let i = this.state.currentFilter;
+    if (i) {
+      const r = this._findRule(t, i.filter);
+      r && r.rules.push(e), this.setState({ ...this.state, currentFilter: i });
+    }
+  };
+  onGroupAdd = (e, t) => {
+    let i = this.state.currentFilter;
+    if (i) {
+      const r = this._findRule(t, i.filter);
+      r && r.rules.push(e), this.setState({ ...this.state, currentFilter: i });
+    }
+  };
+  onPropChange = (e, t, i) => {
+    let r = this.state.currentFilter;
+    if (r) {
+      const s = this._findRule(i, r.filter);
+      s && (e === "not" ? (e = "condition", s.condition.indexOf("and") >= 0 ? t = ie(t + " and") : t = ie(t + " or")) : e === "condition" && s.condition.indexOf("not") >= 0 && (t = "not " + t), Object.assign(s, { [e]: t }), this.setState({ ...this.state, currentFilter: r }));
+    }
+  };
+  onRuleRemove = (e, t) => {
+    let i = this.state.currentFilter;
+    if (i) {
+      const r = this._findRule(t, i.filter);
+      if (r) {
+        const s = r.rules.findIndex((a) => a.id === e);
+        r.rules.splice(s, 1), this.setState({ ...this.state, currentFilter: i });
+      }
+    }
+  };
+  onGroupRemove = (e, t) => {
+    let i = this.state.currentFilter;
+    if (i) {
+      const r = this._findRule(t, i.filter);
+      if (r) {
+        const s = r.rules.findIndex((a) => a.id === e);
+        r.rules.splice(s, 1);
+      }
+      this.setState({ ...this.state, currentFilter: i });
+    }
+  };
+  getLevel = (e) => this._getLevel(e, 0, this.state.currentFilter.filter);
+  _getLevel = (e, t, i) => {
+    const { isRuleGroup: r } = this.state.schema;
+    var s = -1;
+    return i.id === e ? s = t : r(i) && i.rules.forEach((a) => {
+      if (s === -1) {
+        var l = t;
+        r(a) && l++, s = this._getLevel(e, l, a);
+      }
+    }), s;
+  };
+  _findRule = (e, t) => {
+    const { isRuleGroup: i } = this.state.schema;
+    if (t.id === e)
+      return t;
+    for (const r of t.rules) {
+      if (r.id === e)
+        return r;
+      if (i(r)) {
+        const s = this._findRule(e, r);
+        if (s)
+          return s;
+      }
+    }
+  };
+  _notifyQueryChange = (e, ...t) => {
+    e && e.call(this, ...t);
+    const { onFilterChanged: i } = this.props;
+    i && i(this.state.currentFilter, this.state.activeFilterIndex);
+  };
+  onSelectListItem = (e, t) => {
+    let i = this.state.currentFilter;
+    i && (i.sort.activeIndex = e, this.setState({ ...this.state, currentFilter: i }), this.props.onFilterChanged && this.props.onFilterChanged(i, this.state.activeFilterIndex));
+  };
+  render() {
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        style: {
+          height: this.props.height,
+          overflowY: "hidden",
+          overflowX: "hidden"
+        },
+        children: [
+          /* @__PURE__ */ n("div", { style: { width: this.props.width, overflow: "hidden" }, children: /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(O.Col, { span: 12, children: /* @__PURE__ */ n(
+            xe,
+            {
+              rules: this.state.currentFilter.filter.rules,
+              condition: this.state.currentFilter.filter.condition,
+              schema: this.state.schema,
+              id: this.state.currentFilter.filter.id,
+              onSearchButtonClick: this.props.onSearchButtonClick,
+              parentId: null,
+              variant: this.props.variant
+            }
+          ) }) }) }),
+          this.props.allowSort === !0 ? /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(O.Col, { span: 12, style: { padding: 13 }, children: /* @__PURE__ */ n(
+            "div",
+            {
+              style: {
+                height: "auto"
+              },
+              children: /* @__PURE__ */ p(re, { withBorder: !0, shadow: "sm", radius: "md", children: [
+                /* @__PURE__ */ n(re.Section, { withBorder: !0, inheritPadding: !0, py: "xs", children: /* @__PURE__ */ p(q, { children: [
+                  /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: "Para baixo", children: /* @__PURE__ */ n(g, { id: "btnFilterSortDown", onClick: this.onSortDown, children: /* @__PURE__ */ n(ve, {}) }) }),
+                  /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: "Para cima", children: /* @__PURE__ */ n(g, { id: "btnFilterSortUp", onClick: this.onSortUp, children: /* @__PURE__ */ n(Se, {}) }) }),
+                  /* @__PURE__ */ n(x, { children: "Ordenação" }),
+                  /* @__PURE__ */ n(R, { w: "md" }),
+                  /* @__PURE__ */ n(
+                    x,
+                    {
+                      truncate: !0,
+                      color: "blue",
+                      style: {
+                        fontWeight: "bold",
+                        wordBreak: "break-word",
+                        display: "block",
+                        wordWrap: "break-word",
+                        whiteSpace: "normal",
+                        fontSize: "12px"
+                      },
+                      children: Xe(this.state.currentFilter)
+                    },
+                    "txto_9899"
+                  )
+                ] }) }),
+                /* @__PURE__ */ n(
+                  de,
+                  {
+                    height: "100%",
+                    width: "100%",
+                    withBorder: !1,
+                    dataSource: (
+                      // 🔄 MIGRAÇÃO V1/V2: Usar método de compatibilidade
+                      this.createCompatibleDataSource(this.state.currentFilter.sort.sortFields)
+                    ),
+                    dataFieldId: "name",
+                    dataFieldText: "name",
+                    activeIndex: this.state.currentFilter.sort.activeIndex,
+                    component: {
+                      type: we,
+                      props: {
+                        sortFocused: this.state.sortFocused,
+                        onChangeSortItem: this.onChangeSortItem,
+                        onSelectListItem: this.onSelectListItem
+                      }
+                    }
+                  }
+                )
+              ] })
+            }
+          ) }) }) : null
+        ]
+      }
+    );
+  }
+}
+class we extends v {
+  static defaultProps = {
+    disabled: !1,
+    active: !0,
+    selected: !1
+  };
+  // declare context: React.ContextType<typeof ArchbaseListContext>
+  constructor(e) {
+    super(e), this.state = { update: Math.random(), selected: e.recordData.selected };
+  }
+  static get componentName() {
+    return "CustomSortItem";
+  }
+  UNSAFE_componentWillReceiveProps = (e) => {
+    this.setState({
+      update: Math.random(),
+      selected: e.recordData.selected
+    });
+  };
+  onClick = (e) => {
+    e.preventDefault(), this.props.disabled || this.props.onSelectListItem && this.props.onSelectListItem(this.props.index, this);
+  };
+  onCheckboxChange = (e) => {
+    let t = this.props.recordData[this.props.dataFieldId];
+    const i = e.currentTarget.checked;
+    this.setState({ ...this.state, selected: i }, () => {
+      this.props.onChangeSortItem(
+        t,
+        i,
+        this.props.recordData.order,
+        this.isAsc() ? "asc" : "desc"
+      );
+    });
+  };
+  onDoubleClick = (e) => {
+    let t = this.props.recordData[this.props.dataFieldId];
+    this.props.onChangeSortItem(
+      t,
+      this.state.selected,
+      this.props.recordData.order,
+      this.isAsc() ? "desc" : "asc"
+    );
+  };
+  isAsc = () => {
+    let e = this.props.recordData[this.props.dataFieldId], t = !0;
+    return this.props.dataSource.browseRecords().forEach((i) => {
+      i.name === e && (t = !i.asc_desc || i.asc_desc === "asc");
+    }), t;
+  };
+  render = () => {
+    let e = this.props.id;
+    const t = "black", i = "black";
+    return /* @__PURE__ */ p(
+      "li",
+      {
+        style: {
+          height: "30px",
+          padding: "0px 15px",
+          display: "flex",
+          color: i,
+          backgroundColor: t,
+          alignItems: "center"
+        },
+        onClick: this.onClick,
+        children: [
+          /* @__PURE__ */ n(
+            W,
+            {
+              label: /* @__PURE__ */ n(x, { color: i, children: m().t(this.props.recordData.label) }),
+              checked: this.state.selected,
+              style: { cursor: "pointer" },
+              onChange: this.onCheckboxChange
+            }
+          ),
+          /* @__PURE__ */ p("div", { style: { height: "100%", display: "flex", alignItems: "center" }, children: [
+            /* @__PURE__ */ n(R, { w: "md" }),
+            this.isAsc() ? /* @__PURE__ */ n(
+              St,
+              {
+                style: { cursor: "pointer" },
+                onDoubleClick: this.onDoubleClick
+              }
+            ) : /* @__PURE__ */ n(
+              yt,
+              {
+                style: { cursor: "pointer" },
+                onDoubleClick: this.onDoubleClick
+              }
+            )
+          ] })
+        ]
+      },
+      e
+    );
+  };
+}
+class xe extends v {
+  static defaultProps = {
+    id: null,
+    parentId: null,
+    rules: [],
+    condition: "and",
+    schema: {}
+  };
+  // static contextType = ArchbaseAppContext
+  // declare context: React.ContextType<typeof ArchbaseAppContext>
+  constructor(e) {
+    super(e), this.hasParentGroup = this.hasParentGroup.bind(this), this.onConditionChange = this.onConditionChange.bind(this), this.onNotConditionChange = this.onNotConditionChange.bind(this), this.addRule = this.addRule.bind(this), this.addGroup = this.addGroup.bind(this), this.removeGroup = this.removeGroup.bind(this);
+  }
+  static get componentName() {
+    return "RuleGroupItem";
+  }
+  getColor = (e) => "black";
+  render = () => {
+    const {
+      height: e,
+      condition: t,
+      rules: i,
+      onSearchButtonClick: r,
+      schema: { isRuleGroup: s, getLevel: a }
+    } = this.props, l = a(this.props.id);
+    return /* @__PURE__ */ p(
+      "dl",
+      {
+        className: "rules-group-container",
+        style: {
+          height: e,
+          overflowX: e !== void 0 ? "auto" : "hidden"
+        },
+        children: [
+          /* @__PURE__ */ n("dt", { className: "rules-group-header", children: /* @__PURE__ */ p(
+            "div",
+            {
+              style: {
+                display: "flex"
+              },
+              children: [
+                /* @__PURE__ */ n(
+                  qe,
+                  {
+                    size: "md",
+                    color: "teal",
+                    onLabel: /* @__PURE__ */ n(x, { fz: "sm", children: "E" }),
+                    offLabel: /* @__PURE__ */ n(x, { fz: "sm", children: "OU" }),
+                    onChange: (h) => this.onConditionChange(h.currentTarget.checked ? 0 : 1),
+                    checked: t === "and"
+                  }
+                ),
+                /* @__PURE__ */ n(R, { w: "md" }),
+                /* @__PURE__ */ p(w.Group, { children: [
+                  /* @__PURE__ */ n(
+                    fe,
+                    {
+                      label: "Condição",
+                      style: {},
+                      handleOnClick: this.addRule,
+                      rules: i,
+                      level: l,
+                      variant: this.props.variant
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    fe,
+                    {
+                      label: "Grupo",
+                      handleOnClick: this.addGroup,
+                      rules: i,
+                      level: l,
+                      variant: this.props.variant
+                    }
+                  ),
+                  " ",
+                  this.hasParentGroup() ? /* @__PURE__ */ n(
+                    fe,
+                    {
+                      label: "Remover",
+                      color: "red",
+                      handleOnClick: this.removeGroup,
+                      rules: i,
+                      level: l,
+                      variant: this.props.variant
+                    }
+                  ) : null
+                ] })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ n("dd", { className: "rules-group-body", children: /* @__PURE__ */ n("ul", { className: "rules-list", children: i && i.map((h) => s(h) ? /* @__PURE__ */ n(
+            xe,
+            {
+              id: h.id,
+              schema: this.props.schema,
+              parentId: this.props.id,
+              condition: h.condition,
+              onSearchButtonClick: r,
+              rules: h.rules
+            },
+            h.id
+          ) : /* @__PURE__ */ n(
+            Jt,
+            {
+              id: h.id,
+              field: h.field,
+              value: h.value,
+              value2: h.value2,
+              operator: h.operator,
+              disabled: h.disabled,
+              schema: this.props.schema,
+              onSearchButtonClick: r,
+              parentId: this.props.id
+            },
+            h.id
+          )) }) })
+        ]
+      }
+    );
+  };
+  hasParentGroup() {
+    return this.props.parentId;
+  }
+  onConditionChange(e) {
+    const { onPropChange: t } = this.props.schema;
+    t("condition", e === 0 ? "and" : "or", this.props.id);
+  }
+  onNotConditionChange(e, t) {
+    const { onPropChange: i } = this.props.schema;
+    i("not", e === !0 ? "not" : "", this.props.id);
+  }
+  addRule(e) {
+    e.preventDefault(), e.stopPropagation();
+    const { createRule: t, onRuleAdd: i } = this.props.schema, r = t();
+    i(r, this.props.id);
+  }
+  addGroup(e) {
+    e.preventDefault(), e.stopPropagation();
+    const { createRuleGroup: t, onGroupAdd: i } = this.props.schema, r = t();
+    i(r, this.props.id);
+  }
+  removeGroup(e) {
+    e.preventDefault(), e.stopPropagation(), this.props.schema.onGroupRemove(this.props.id, this.props.parentId);
+  }
+}
+class Jt extends v {
+  static defaultProps = {
+    id: null,
+    parentId: null,
+    field: null,
+    operator: null,
+    value: null,
+    value2: null,
+    disabled: !1
+  };
+  // static contextType = ArchbaseAppContext
+  // declare context: React.ContextType<typeof ArchbaseAppContext>
+  constructor(e) {
+    super(e);
+  }
+  static get componentName() {
+    return "Rule";
+  }
+  getDataType = (e, t) => {
+    for (var i = 0; i < t.length; i++)
+      if (t[i].name === e)
+        return t[i].dataType;
+  };
+  getSearchField = (e, t) => {
+    for (var i = 0; i < t.length; i++)
+      if (t[i].name === e)
+        return t[i].dataType;
+  };
+  getFieldSql = (e, t) => {
+    for (var i = 0; i < t.length; i++)
+      if (t[i].name === e)
+        return t[i].nameSql;
+  };
+  getFieldValues = (e, t) => {
+    for (var i = 0; i < t.length; i++)
+      if (t[i].name === e)
+        return t[i].listValues;
+  };
+  render = () => {
+    const {
+      field: e,
+      disabled: t,
+      operator: i,
+      value: r,
+      value2: s,
+      onSearchButtonClick: a,
+      schema: { fields: l, getOperators: h, getLevel: o }
+    } = this.props;
+    let c = this.getDataType(e, l), u = this.getSearchField(e, l), F = i === "between" && c !== "date" && c !== "date_time" && c !== "time";
+    var b = o(this.props.id);
+    let k = this.getFieldValues(e, l);
+    const { colorScheme: P } = We();
+    return /* @__PURE__ */ p("li", { className: "rule-container", children: [
+      /* @__PURE__ */ n(
+        W,
+        {
+          label: "",
+          checked: !t,
+          style: { cursor: "pointer" },
+          onChange: (L) => this.onDisabledChanged(L.currentTarget.checked)
+        }
+      ),
+      /* @__PURE__ */ n(
+        Le,
+        {
+          options: l,
+          value: e,
+          className: "custom-select-field",
+          disabled: t,
+          handleOnChange: this.onFieldChanged,
+          level: b,
+          field: ""
+        }
+      ),
+      /* @__PURE__ */ n(
+        Le,
+        {
+          field: e,
+          options: h(e),
+          value: i,
+          className: "custom-select-operator",
+          disabled: t,
+          handleOnChange: this.onOperatorChanged,
+          level: b
+        }
+      ),
+      /* @__PURE__ */ n(
+        Pe,
+        {
+          field: e,
+          dataType: c,
+          operator: i,
+          value: r,
+          value2: s,
+          listValues: k,
+          disabled: t,
+          searchField: u,
+          className: "rule-value",
+          handleOnChange: this.onValueChanged,
+          onSearchButtonClick: a,
+          level: b,
+          twoFields: F
+        }
+      ),
+      " ",
+      i === "between" && c !== "date" && c !== "date_time" && c !== "time" ? /* @__PURE__ */ n(
+        Pe,
+        {
+          field: e,
+          dataType: c,
+          operator: i,
+          value: s,
+          listValues: k,
+          disabled: t,
+          searchField: u,
+          className: "rule-value",
+          handleOnChange: this.onValue2Changed,
+          onSearchButtonClick: a,
+          level: b,
+          twoFields: F
+        }
+      ) : "",
+      /* @__PURE__ */ n(g, { id: `btnRemoveRule_${e}`, onClick: this.removeRule, children: /* @__PURE__ */ n(Ue, { color: "blue" }) })
+    ] });
+  };
+  onDisabledChanged = (e) => {
+    this.onElementChanged("disabled", !e);
+  };
+  onFieldChanged = (e) => {
+    this.onElementChanged("field", e), this.onElementChanged("fieldSql", this.getFieldSql(e, this.props.schema.fields)), this.onElementChanged("dataType", this.getDataType(e, this.props.schema.fields)), this.onElementChanged("value", ""), this.onElementChanged("value2", "");
+  };
+  onOperatorChanged = (e) => {
+    this.onElementChanged("operator", e), this.onElementChanged("value", ""), this.onElementChanged("value2", "");
+  };
+  onValueChanged = (e) => {
+    const {
+      field: t,
+      operator: i,
+      schema: { fields: r }
+    } = this.props;
+    let s = this.getDataType(t, r);
+    if (i === "between" && (s === "date" || s === "date_time" || s === "time"))
+      e && e.length > 1 ? (this.onElementChanged("value", e[0].toString()), this.onElementChanged("value2", e[1].toString())) : (this.onElementChanged("value", ""), this.onElementChanged("value2", ""));
+    else if ((i === "inList" || i === "notInList") && (s === "date" || s === "date_time" || s === "time"))
+      e || (e = ""), this.onElementChanged("value", e);
+    else if (i === "inList" || i === "notInList") {
+      e || (e = "");
+      let a = e.split(",");
+      if (a.length > 0) {
+        let l = !1, h = "";
+        a.forEach(function(o) {
+          l && (h += ","), s === "number" || s === "integer" ? h += o : h += "'" + o + "'", l = !0;
+        }), this.onElementChanged("value", h);
+      }
+    } else
+      this.onElementChanged("value", e);
+  };
+  onValue2Changed = (e) => {
+    this.onElementChanged("value2", e);
+  };
+  onElementChanged = (e, t) => {
+    const { id: i, schema: r } = this.props;
+    r && r.onPropChange && r.onPropChange(e, t, i);
+  };
+  removeRule = (e) => {
+    e.preventDefault(), e.stopPropagation(), this.props.schema && this.props.schema.onRuleRemove(this.props.id, this.props.parentId);
+  };
+}
+class fe extends v {
+  static get componentName() {
+    return "ActionElement";
+  }
+  render = () => {
+    const { label: e, handleOnClick: t, style: i, color: r } = this.props;
+    return /* @__PURE__ */ n(
+      w,
+      {
+        variant: this.props.variant,
+        style: i,
+        size: "xs",
+        color: r,
+        onClick: (s) => t(s),
+        children: e
+      }
+    );
+  };
+}
+class Pe extends v {
+  onInput;
+  constructor(e) {
+    super(e), this.onInput = xt(e.handleOnChange, 300);
+  }
+  static get componentName() {
+    return "ValueEditor";
+  }
+  onActionSearchExecute = () => {
+    this.props.onSearchButtonClick && this.props.onSearchButtonClick(
+      this.props.field,
+      event,
+      this.props.handleOnChange,
+      this.props.operator,
+      this.props.searchField
+    );
+  };
+  convertValueCombobox = (e, t) => {
+    if (!e || e.length === 0)
+      return e;
+    if (t === "string") {
+      let i = e.split(","), r = [];
+      if (i.length > 0)
+        return i.forEach((s) => {
+          r.push(s.replaceAll("'", ""));
+        }), r;
+    } else
+      return e.split(",");
+    return e;
+  };
+  handleRangeChange = (e) => {
+    e && e.length === 2 ? this.onInput(e) : this.onInput([null, null]);
+  };
+  render = () => {
+    const { disabled: e, dataType: t, operator: i, value: r, value2: s, listValues: a } = this.props;
+    let l = r ?? "", h = s === null || r === void 0 ? "" : s;
+    if (i === "null" || i === "notNull")
+      return null;
+    if (t) {
+      if (t === "date")
+        return i === "between" ? (l === "" && h === "" ? l = "" : l = [l, h], /* @__PURE__ */ n(
+          M,
+          {
+            type: "range",
+            disabled: e,
+            value: l,
+            style: { width: this.props.twoFields ? "128px" : "260px" },
+            onChange: (o) => this.onInput(o)
+          }
+        )) : i === "notInList" || i === "inList" ? /* @__PURE__ */ n(
+          M,
+          {
+            type: "multiple",
+            disabled: e,
+            value: l,
+            style: { width: this.props.twoFields ? "128px" : "260px" },
+            onChange: (o) => this.onInput(o)
+          }
+        ) : /* @__PURE__ */ n(
+          M,
+          {
+            disabled: e,
+            value: l,
+            style: { width: this.props.twoFields ? "128px" : "260px" },
+            onChange: (o) => this.onInput(o)
+          }
+        );
+      if (t === "date_time")
+        if (i === "between") {
+          const o = l === "" && h === "" ? [null, null] : [new Date(l), new Date(h)];
+          return /* @__PURE__ */ n(
+            Ye,
+            {
+              disabled: e,
+              value: o,
+              width: this.props.twoFields ? "128px" : "260px",
+              onRangeChange: this.handleRangeChange,
+              withSeconds: !0,
+              valueFormat: "DD/MM/YYYY HH:mm:ss"
+            }
+          );
+        } else
+          return /* @__PURE__ */ n(
+            He,
+            {
+              disabled: e,
+              value: l ? new Date(l) : null,
+              width: this.props.twoFields ? "128px" : "260px",
+              onChange: (o) => this.onInput(o),
+              withSeconds: !0,
+              valueFormat: "DD/MM/YYYY HH:mm:ss"
+            }
+          );
+      else {
+        if (t === "time")
+          return l === "" && h === "" ? l = "" : l = l + " - " + h, /* @__PURE__ */ n(
+            Ge,
+            {
+              disabled: e,
+              width: this.props.twoFields ? "128px" : "260px",
+              value: l,
+              onChange: (o) => this.onInput(o)
+            }
+          );
+        if (t === "boolean")
+          return /* @__PURE__ */ n(
+            kt,
+            {
+              isChecked: l,
+              onChangeValue: (o, c) => this.onInput(o === !0)
+            }
+          );
+        if (a && a.length > 0 && (i === "notInList" || i === "inList")) {
+          let o = this.convertValueCombobox(l, t);
+          return /* @__PURE__ */ n(
+            be,
+            {
+              disabled: e,
+              width: this.props.twoFields ? "128px" : "260px",
+              onSelectValue: (c) => this.onInput(c),
+              value: o,
+              getOptionLabel: (c) => c.label,
+              getOptionValue: (c) => c.value,
+              children: a.map((c) => /* @__PURE__ */ n(
+                Ce,
+                {
+                  label: c.label,
+                  value: c.value,
+                  disabled: !1
+                },
+                c.value
+              ))
+            }
+          );
+        } else
+          return a && a.length > 0 ? /* @__PURE__ */ n(
+            be,
+            {
+              disabled: e,
+              value: l,
+              width: this.props.twoFields ? "128px" : "260px",
+              getOptionLabel: (o) => o.label,
+              getOptionValue: (o) => o.value,
+              onSelectValue: (o) => this.onInput(o),
+              children: a.map((o) => /* @__PURE__ */ n(
+                Ce,
+                {
+                  label: o.label,
+                  value: o.value,
+                  disabled: !1
+                },
+                o.value
+              ))
+            }
+          ) : /* @__PURE__ */ n(
+            H,
+            {
+              onChange: (o) => this.onInput(o),
+              disabled: e,
+              initialValue: l,
+              icon: /* @__PURE__ */ n(le, { size: "1rem" }),
+              onActionSearchExecute: this.onActionSearchExecute,
+              style: {
+                height: "36px",
+                width: this.props.twoFields ? "128px" : "260px",
+                paddingLeft: "3px"
+              },
+              label: void 0,
+              error: void 0,
+              keyProp: void 0,
+              readOnly: !1,
+              placeholder: void 0,
+              innerRef: void 0,
+              onFocus: void 0,
+              onKeyDown: void 0
+            }
+          );
+      }
+    } else
+      return /* @__PURE__ */ n(
+        H,
+        {
+          onChange: (o) => this.onInput(o),
+          disabled: e,
+          initialValue: l,
+          style: {
+            height: "36px",
+            width: this.props.twoFields ? "128px" : "260px",
+            paddingLeft: "3px"
+          },
+          label: void 0,
+          error: void 0,
+          keyProp: void 0,
+          readOnly: !1,
+          placeholder: void 0,
+          innerRef: void 0,
+          onFocus: void 0,
+          onKeyDown: void 0,
+          onActionSearchExecute: void 0,
+          icon: void 0
+        }
+      );
+  };
+}
+class Le extends v {
+  static get componentName() {
+    return "ValueSelector";
+  }
+  static defaultProps = {
+    disabled: !1
+  };
+  constructor(e) {
+    super(e);
+    let t = this.getTextWidth(e.options[0].name);
+    this.state = { width: t, value: void 0 };
+  }
+  getLabelByName = (e) => {
+    let t;
+    return this.props.options.map((i) => {
+      i.name === e && (t = i.label);
+    }), t;
+  };
+  getTextWidth = (e) => {
+    let t = document.createElement("span");
+    document.body.appendChild(t);
+    const i = this.getLabelByName(e);
+    t.className = this.props.className, t.innerHTML = i;
+    let s = Math.ceil(t.offsetWidth) + 4 + "px";
+    return document.body.removeChild(t), s;
+  };
+  handleOnChange = (e) => {
+    this.props.handleOnChange && this.props.handleOnChange(e.target.value);
+    let t = this.getTextWidth(e.target.value);
+    this.setState({ ...this.state, value: e.target.value, width: t });
+  };
+  render = () => {
+    const { value: e, options: t, className: i, disabled: r, style: s } = this.props;
+    return /* @__PURE__ */ n(
+      "select",
+      {
+        className: i,
+        style: s,
+        disabled: r,
+        value: e,
+        tabIndex: -1,
+        onChange: this.handleOnChange,
+        children: t.map((a) => /* @__PURE__ */ n("option", { value: a.name, children: a.label }, a.name))
+      }
+    );
+  };
+}
+class $i extends v {
+  render = () => {
+    const { style: e, when: t, inputValue: i, children: r, classNameFeedback: s } = this.props;
+    return t && i && t(i) === !0 ? /* @__PURE__ */ n("div", { style: e, className: s, children: r }) : null;
+  };
+}
+class qi extends v {
+  render = () => {
+    const { theme: e, colorScheme: t, onSearchClick: i, variant: r } = this.props;
+    return /* @__PURE__ */ n(
+      lt,
+      {
+        placeholder: this.props.placeholder,
+        style: { width: "100%" },
+        rightSection: /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: "Localizar", children: /* @__PURE__ */ n(
+          g,
+          {
+            style: {
+              backgroundColor: t === "dark" ? e.colors[e.primaryColor][5] : e.colors[e.primaryColor][6]
+            },
+            tabIndex: -1,
+            variant: r,
+            onClick: i,
+            children: /* @__PURE__ */ n(le, { size: "1rem" })
+          }
+        ) })
+      }
+    );
+  };
+}
+function Kt(d, e) {
+  const t = [];
+  return d.forEach((i) => {
+    t.push(C.eq(i, `^*${e}*`));
+  }), rt(C.or(...t));
+}
+function Mi({
+  searchableFields: d,
+  onFilter: e,
+  minFilterValueLength: t,
+  options: i
+}) {
+  const { t: r } = it(), [s, a] = $(""), [l, h] = Je(s, 500), [o, c] = $(""), [u, F] = $(""), b = $e(), k = Be(!1);
+  ge(() => {
+    if (l.length < t && !k.current && (e("", ""), c(""), F(""), k.current = !0), l.length >= t && l !== u) {
+      const _ = Kt(d, l);
+      c(_), k.current = !1, F(l), h(), e(_, l);
+    }
+  }, [l, t, e, d]);
+  function P(_, tt) {
+    e(_, tt);
+  }
+  const L = i && i.inputProps ? i.inputProps : { miw: 240 }, J = i && i.buttonRefreshProps ? i.buttonRefreshProps : { color: b.primaryColor, variant: "filled" }, z = i && i.buttonClearProps ? i.buttonClearProps : { color: b.primaryColor, variant: "filled" }, G = i && i.iconRefreshProps ? i.iconRefreshProps : { size: "1.5rem", color: "white" }, V = i && i.iconRefreshProps ? i.iconRefreshProps : { size: "1.5rem", color: "white" }, K = i && i.spacing ? i.spacing : 5;
+  return /* @__PURE__ */ p(ot, { justify: "space-between", align: "center", children: [
+    /* @__PURE__ */ n(
+      ze,
+      {
+        rightSection: /* @__PURE__ */ n(le, {}),
+        variant: "filled",
+        defaultValue: s,
+        onChange: (_) => a(_.currentTarget.value),
+        ...L
+      }
+    ),
+    /* @__PURE__ */ n(R, { w: K }),
+    /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: `${r("archbase:Refresh")}`, children: /* @__PURE__ */ n(
+      g,
+      {
+        color: "var(--mantine-primary-color-filled)",
+        onClick: () => P(o, u),
+        style: { height: "36px", width: "36px" },
+        ...J,
+        children: /* @__PURE__ */ n(ye, { ...G })
+      }
+    ) }),
+    /* @__PURE__ */ n(R, { w: K }),
+    /* @__PURE__ */ n(f, { withinPortal: !0, withArrow: !0, label: `${r("archbase:ClearFilter")}`, children: /* @__PURE__ */ n(
+      g,
+      {
+        color: "var(--mantine-primary-color-filled)",
+        onClick: () => P("", ""),
+        style: { height: "36px", width: "36px" },
+        ...z,
+        children: /* @__PURE__ */ n(wt, { ...V })
+      }
+    ) })
+  ] });
+}
+function Wi(d) {
+  const e = [];
+  if (d.filter.rules) {
+    const t = et(d.filter.condition, d.filter.rules);
+    return d.sort && d.sort.sortFields && d.sort.sortFields.forEach((i) => {
+      i.selected && e.push(i.name + ":" + i.asc_desc);
+    }), {
+      expressionNode: t,
+      sortStrings: e
+    };
+  }
+  return null;
+}
+function et(d, e) {
+  let t = C.and;
+  d === "or" && (t = C.or);
+  const i = [];
+  return e.forEach((r) => {
+    if (r.field && !r.disabled) {
+      let s = r.value, a = r.value2;
+      s && s !== "" && (typeof s == "number" || s instanceof Date) && (r.dataType === "date" || r.dataType === "date_time") && (s = Ve(r, s)), a && a !== "" && (typeof a == "number" || a instanceof Date) && (r.dataType === "date" || r.dataType === "date_time") && (a = Ve(r, a)), r.operator === "null" ? i.push(C.eq(r.field, "null")) : r.operator === "notNull" ? i.push(C.neq(r.field, "null")) : r.operator === "contains" && s && s !== "" ? i.push(C.eq(r.field, `^*${s}*`)) : r.operator === "startsWith" && s && s !== "" ? i.push(C.eq(r.field, `^${s}*`)) : r.operator === "endsWith" && s && s !== "" && (typeof s == "string" || typeof s == "number") ? i.push(C.eq(r.field, `^*${s}`)) : r.operator === "=" && s && s !== "" && (typeof s == "string" || typeof s == "number") ? i.push(C.eq(r.field, s)) : r.operator === "!=" && s && s !== "" && (typeof s == "string" || typeof s == "number") ? i.push(C.neq(r.field, s)) : r.operator === "<" && s && s !== "" && (typeof s == "string" || typeof s == "number") ? i.push(C.lt(r.field, s)) : r.operator === ">" && s && s !== "" && (typeof s == "string" || typeof s == "number") ? i.push(C.gt(r.field, s)) : r.operator === "<=" && s && s !== "" && (typeof s == "string" || typeof s == "number") ? i.push(C.le(r.field, s)) : r.operator === ">=" && s && s !== "" && (typeof s == "string" || typeof s == "number") ? i.push(C.ge(r.field, s)) : r.operator === "between" && s && s !== "" && a && a !== "" && (typeof s == "string" || typeof s == "number") && (typeof a == "string" || typeof a == "number") ? i.push(C.bt(r.field, s, a)) : r.operator === "notBetween" && s && s !== "" && a && a !== "" && (typeof s == "string" || typeof s == "number") && (typeof a == "string" || typeof a == "number") ? i.push(C.nb(r.field, s, a)) : r.operator === "inList" && s && s !== "" && Array.isArray(s) ? i.push(C.in(r.field, s)) : r.operator === "notInList" && s && s !== "" && Array.isArray(s) && i.push(C.out(r.field, s));
+    }
+    r.rules && !r.disabled && i.push(et(r.condition, r.rules));
+  }), t(...i);
+}
+function Ve(d, e) {
+  if (d.dataType === "date")
+    return Te(e, { representation: "date" });
+  if (d.dataType === "date_time")
+    return Te(e, { representation: "complete" });
+}
+class Xt {
+  query;
+  constructor() {
+    this.query = "";
+  }
+  buildFrom(e) {
+    return this.query = "", e.filter.rules && this.buildGraphQLQuery(e.filter.condition, e.filter.rules), this.query;
+  }
+  buildGraphQLQuery(e, t) {
+    e === "or" && (this.query += "("), t.forEach((i, r) => {
+      if (r > 0 && (e === "or" ? this.query += ", " : this.query += " E "), i.field && !i.disabled) {
+        const s = this.getFieldName(i.field), a = this.getOperator(i.operator), l = this.formatValue(i.value, i.dataType);
+        this.query += `${s}: { ${a}: ${l} }`;
+      }
+      i.rules && !i.disabled && this.buildGraphQLQuery(i.condition, i.rules);
+    }), e === "or" && (this.query += ")");
+  }
+  getFieldName(e) {
+    return e;
+  }
+  getOperator(e) {
+    return e;
+  }
+  formatValue(e, t) {
+    return t === "date" || t === "date_time" ? `"${e}"` : t === "number" ? e : `"${e}"`;
+  }
+}
+const zi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Xt
+}, Symbol.toStringTag, { value: "Module" })), Gi = "3.0.0", Qi = "3.0.0";
+export {
+  se as ADVANCED,
+  Ht as ArchbaseAdvancedFilter,
+  Qi as ArchbaseAdvancedVersion,
+  Wt as ArchbaseCompositeFilter,
+  zt as ArchbaseDetailedFilter,
+  $i as ArchbaseFeedback,
+  Qt as ArchbaseFilterSelectFields,
+  Yt as ArchbaseFilterSelectRange,
+  Mi as ArchbaseGlobalFilter,
+  qi as ArchbaseInputSearch,
+  Gi as ArchbaseKanbanVersion,
+  Bi as ArchbaseQueryBuilder,
+  qt as ArchbaseSaveFilter,
+  Mt as ArchbaseSimpleFilter,
+  we as CustomSortItem,
+  Nt as FilterField,
+  At as FilterFieldValue,
+  Pt as FilterFields,
+  zi as GraphQLQueryBuilder,
+  Z as NEW_FILTER_INDEX,
+  ee as NORMAL,
+  Oi as OP_BETWEEN,
+  Ci as OP_CONTAINS,
+  Si as OP_ENDSWITH,
+  yi as OP_EQUALS,
+  xi as OP_GREATER,
+  ki as OP_GREATER_OR_EQUAL,
+  Ri as OP_IN_LIST,
+  Ii as OP_LESS,
+  Ti as OP_LESS_OR_EQUAL,
+  wi as OP_NOT_EQUALS,
+  Ei as OP_NOT_IN_LIST,
+  bi as OP_NOT_NULL,
+  Fi as OP_NULL,
+  vi as OP_STARTSWITH,
+  T as QUICK,
+  S as QUICK_FILTER_INDEX,
+  Li as QueryField,
+  Vi as QueryFieldValue,
+  Pi as QueryFields,
+  ne as QueryFilterEntity,
+  Pe as ValueEditor,
+  Wi as buildFrom,
+  Ze as convertQueryFields,
+  Ai as defaultConditions,
+  $t as defaultOperators,
+  Y as getDefaultEmptyFilter,
+  D as getDefaultFilter,
+  _i as getFieldSql,
+  Di as getFieldValues,
+  I as getFields,
+  ae as getQuickFields,
+  Lt as getQuickFieldsSort,
+  A as getQuickFilterFields,
+  Vt as getQuickFilterSort,
+  Ni as getQuickFilterSortBySelectedFields,
+  Xe as getSortString,
+  Bt as mergeSortWithFields
+};