@armtek/data 0.1.0

package/dist/dataTableStoreFactory-CTIqHKTT.js

@@ -0,0 +1,1505 @@
+import { createFactory as rt } from "@withease/factories";
+import { jsx as r, Fragment as S, jsxs as w } from "react/jsx-runtime";
+import { useState as T, useContext as lt, memo as ze, useMemo as at, useEffect as ge, createContext as st } from "react";
+import { Mi as ne } from "armtek-uikit-react/ui/Icon";
+import fe from "armtek-uikit-react/ui/Popover";
+import Pe from "armtek-uikit-react/ui/List";
+import ct from "armtek-uikit-react/ui/Paper";
+import { useUnit as m, useStoreMap as $e } from "effector-react";
+import { TableCell as Z, TableRow as pe } from "armtek-uikit-react/ui/Table";
+import Le from "armtek-uikit-react/ui/Form/Checkbox";
+import de from "armtek-uikit-react/ui/ButtonIcon";
+import Oe from "armtek-uikit-react/ui/Stack";
+import ue from "classnames";
+import le from "armtek-uikit-react/ui/Skeleton";
+import { TableBase as ot } from "armtek-uikit-react/ui/Table/TableBase";
+import it from "armtek-uikit-react/ui/Pagination";
+import He from "armtek-uikit-react/ui/Form/TextField";
+import dt from "armtek-uikit-react/ui/Form/Select";
+import { createStore as D, createEvent as Y, createEffect as Be, sample as f, combine as oe } from "effector";
+import ut from "armtek-uikit-react/ui/Form/DateField";
+import ht from "armtek-uikit-react/ui/Form/Period";
+import Ie from "armtek-uikit-react/ui/Loader";
+import Ae from "armtek-uikit-react/ui/Adornment";
+import gt from "armtek-uikit-react/lib/hooks/useClickOutside";
+import { IntervalSlide as mt } from "armtek-uikit-react/ui/Form/Interval";
+import ft from "armtek-uikit-react/ui/Button";
+import pt from "armtek-uikit-react/ui/Chip";
+function yt(e) {
+  let { actions: t, selected: a, onSelect: c } = e, [s, l] = T(null);
+  const d = () => l(null), n = (i) => {
+    d(), c(i);
+  };
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ w("div", { className: "bg-blue-50 flex justify-between", children: [
+    /* @__PURE__ */ w("div", { children: [
+      "Выбрано: ",
+      a.length
+    ] }),
+    /* @__PURE__ */ w("div", { className: "bg-blue-a100 border-radius p-1 flex items-center justify-center", onClick: (i) => l(i.currentTarget), children: [
+      /* @__PURE__ */ r("span", { children: "Действие" }),
+      /* @__PURE__ */ r(ne, { icon: "expand_more" })
+    ] }),
+    s && /* @__PURE__ */ r(
+      fe,
+      {
+        open: !!s,
+        anchorEl: s,
+        onClose: d,
+        placement: "bottom-end",
+        children: /* @__PURE__ */ r(ct, { style: { minWidth: "230px" }, children: t.map((i, o) => /* @__PURE__ */ r(Pe, { onClick: () => n(o), children: i.label }, o)) })
+      }
+    )
+  ] }) });
+}
+const X = () => lt(Ze);
+function St() {
+  const { $tableActions: e, $items: t } = X(), a = m(e), c = m(t);
+  if (a.length === 0) return null;
+  let s = c.filter((d) => d.dt_selected);
+  const l = (d) => {
+    let n = a.find((i, o) => o === d);
+    n && n.onClick(s);
+  };
+  return /* @__PURE__ */ r(S, { children: s.length > 0 && /* @__PURE__ */ r(yt, { actions: a, selected: s, onSelect: l }) });
+}
+const bt = "_rowCell__inner_e90xa_7", vt = "_rowHead_e90xa_21", _t = "_rowHead__inner_e90xa_29", Ct = "_TableSort__btn_e90xa_75", Dt = "_TableSort__btn_active_e90xa_83", wt = "_TableSort_e90xa_75", K = {
+  rowCell__inner: bt,
+  rowHead: vt,
+  rowHead__inner: _t,
+  TableSort__btn: Ct,
+  TableSort__btn_active: Dt,
+  TableSort: wt
+}, je = (e) => {
+  let t = e.checked;
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(Z, { innerClassName: K.rowCell__inner, className: "prevent-click", children: /* @__PURE__ */ r(
+    Le,
+    {
+      onChange: e.onChange,
+      disabled: e.disabled,
+      size: "medium",
+      checked: t,
+      intermediate: e.indeterminate
+    }
+  ) }) });
+}, kt = (e) => {
+  const { order: t, children: a, code: c, onSort: s, active: l, ...d } = e;
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ w(Oe, { center: !0, spacing: "small", ...d, onClick: () => s(c), className: K.TableSort, children: [
+    a,
+    /* @__PURE__ */ r(de, { size: "small", className: ue(K.TableSort__btn, {
+      [K.TableSort__btn_active]: !!l
+    }), children: /* @__PURE__ */ r(ne, { icon: t === "asc" ? "arrow_downward" : "arrow_upward", size: "extraLarge" }) })
+  ] }) });
+}, De = (e) => {
+  let { code: t, sort: a, activeSort: c, order: s, onSort: l, children: d, ...n } = e;
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(Z, { ...n, className: ue(n.className, K.rowHead), innerClassName: K.rowHead__inner, head: !0, children: a && l ? /* @__PURE__ */ r(kt, { order: s, active: c, code: t, onSort: l, children: e.children }) : e.children }) });
+};
+function $t(e) {
+  let { structure: t, sort: a, displayIndex: c, displayActionCol: s, onSelect: l, selected: d, indeterminate: n, ...i } = e;
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ w(pe, { children: [
+    !!l && /* @__PURE__ */ r(je, { checked: d, indeterminate: n, onChange: l, head: !0 }),
+    c && /* @__PURE__ */ r(De, { code: "index", width: 64, children: "#" }),
+    t.map((o) => /* @__PURE__ */ r(
+      De,
+      {
+        code: String(o.id),
+        activeSort: o.sort && o.id === a,
+        sort: o.sort,
+        ...i,
+        children: /* @__PURE__ */ r("div", { className: K.rowCellInner, children: o.getTitle ? o.getTitle() : o.label })
+      },
+      String(o.id)
+    )),
+    s && /* @__PURE__ */ r(De, { code: "actions", width: 56 })
+  ] }) }) });
+}
+function xt(e) {
+  const {
+    $sort: t,
+    $order: a,
+    $items: c,
+    $displayActionCol: s,
+    $displayIndex: l,
+    $tableActions: d,
+    rowsSelected: n,
+    sortSet: i,
+    $structure: o
+  } = X(), h = m(t), p = m(a), C = m(c), F = m(s), y = m(d).length > 0, b = m(l), v = m(n), x = m(i), M = m(o), N = (A) => {
+    const I = A.target.checked;
+    let H = C.filter((B) => e.getIsRowActive ? e.getIsRowActive(B) : !0).map((B) => B.dt_id);
+    v({ rows: H, flag: I });
+  }, L = (A) => {
+    x(A);
+  };
+  let O = C.filter((A) => A.dt_selected).length, E = O > 0 && O === C.filter((A) => e.getIsRowActive ? e.getIsRowActive(A) : !0).length;
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(
+    $t,
+    {
+      structure: M,
+      sort: h,
+      order: p,
+      onSort: L,
+      onSelect: y ? N : void 0,
+      selected: E,
+      indeterminate: O > 0 && !E,
+      displayIndex: b,
+      displayActionCol: F
+    }
+  ) });
+}
+const ye = (e) => {
+  let { items: t, onButtonClick: a, wrapperClassName: c } = e;
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r("div", { className: ue("py-1", c), children: t.map((s, l) => /* @__PURE__ */ r(Pe, { onClick: () => {
+    s.onClick ? s.onClick(s) : a && a(s);
+  }, children: s.label }, l)) }) });
+}, Mt = (e) => {
+  let { children: t, items: a, ...c } = e;
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(fe, { ...c, classes: {
+    paper: "p-0"
+  }, children: /* @__PURE__ */ w("div", { "data-testid": "context-menu-actions", children: [
+    !!a && /* @__PURE__ */ r(ye, { items: a }),
+    t
+  ] }) }) });
+}, At = (e) => {
+  const { Button: t, children: a, disabled: c } = e;
+  let [s, l] = T(null);
+  const d = e.items.map((n) => ({
+    ...n,
+    onClick: () => {
+      n.onClick?.(n), l(null);
+    }
+  }));
+  return c ? null : /* @__PURE__ */ w(S, { children: [
+    t ? /* @__PURE__ */ r(t, { onClick: (n) => l(n.target) }) : a ? /* @__PURE__ */ r("div", { onClick: (n) => l(n.target), children: a }) : /* @__PURE__ */ r(
+      de,
+      {
+        onClick: (n) => l(n.target),
+        variant: "transparent",
+        "data-testid": e["data-testid"] || "context-menu-btn",
+        color: "neutral",
+        size: "small",
+        children: /* @__PURE__ */ r(ne, { icon: "more_vert", className: "text-gray-800" })
+      }
+    ),
+    /* @__PURE__ */ r(
+      Mt,
+      {
+        anchorEl: s,
+        open: !!s,
+        onClose: () => l(null),
+        placement: "bottom-end",
+        items: d
+      }
+    )
+  ] });
+};
+function Tt(e) {
+  const t = (a) => {
+    a && a(e.row);
+  };
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(Z, { innerClassName: K.rowCell__inner, children: /* @__PURE__ */ r(
+    At,
+    {
+      "data-testid": "dt-action-cell",
+      items: e.actions.map((a) => ({
+        onClick: () => t(a.onClick),
+        label: a.label
+      }))
+    }
+  ) }) });
+}
+const Ft = "_dtactions_1taex_1", Nt = "_dtactions__actions_1taex_8", Te = {
+  dtactions: Ft,
+  dtactions__actions: Nt
+}, Vt = (e) => /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r("div", { className: ue("DataTableRowActions", Te.dtactions), children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(ye, { items: e.actions, wrapperClassName: Te.dtactions__actions }) }) }) });
+function Rt(e) {
+  let { col: t, row: a, hovered: c, actions: s } = e, l = !!t.displayActions && c;
+  const d = typeof t.className == "string" ? t.className : t.className?.(a);
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ w(Z, { className: ue("relative", d), "data-testid": "dt-cell", innerClassName: K.rowCell__inner, style: t.style, children: [
+    /* @__PURE__ */ r("div", { className: "TableCellContent", "data-testid": "dt-cell-" + String(t.id), style: {
+      display: l ? "none" : "block"
+    }, children: /* @__PURE__ */ r("div", { children: t.getValue ? t.getValue(e.row) : e.row[t.id] }) }),
+    l && s && /* @__PURE__ */ r(Yt, { row: a, actions: s })
+  ] }) });
+}
+const Yt = (e) => {
+  let t = e.actions.map((a) => ({
+    label: a.label,
+    icon: a.icon,
+    onClick: () => a.onClick ? a.onClick(e.row) : null
+  }));
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(Vt, { actions: t }) });
+}, Et = ze(Rt);
+function zt(e) {
+  let { contextActions: t, x: a, y: c, anchorEl: s, onContextClick: l, row: d } = e, n = t.filter((i) => i.active ? typeof i.active == "boolean" ? i.active : i.active(d) : !0).map((i) => ({
+    label: i.label,
+    onClick: () => {
+      i.onClick && i.onClick(d), l && l();
+    }
+  }));
+  return /* @__PURE__ */ r(S, { children: s && /* @__PURE__ */ r(fe, { classes: { paper: "p-0" }, placement: "bottom-start", open: !0, anchorEl: s, anchorPosition: { x: a, y: c }, onClose: l, children: /* @__PURE__ */ r(ye, { items: n }) }) });
+}
+const Pt = (e) => /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(pe, { "data-testid": "dt-empty", children: /* @__PURE__ */ r(Z, { colSpan: e.cols || 1, children: e.children }) }) });
+function Lt(e) {
+  let { getRowStyles: t, getIsRowActive: a, emptyResult: c, onRowClick: s, onContextMenu: l, rowClassName: d } = e;
+  const {
+    $items: n,
+    $structure: i,
+    $pageSize: o,
+    $page: h,
+    $local: p,
+    $displayActionCol: C,
+    $tableActions: F,
+    $displayIndex: y,
+    $requested: b
+  } = X();
+  let v = m(n);
+  const x = m(o), M = m(h), N = m(p), L = m(C), O = m(F).length > 0, E = m(y), A = m(b), I = m(i);
+  N && (v = v.filter((z) => !z.dt_hidden)), N && x && M && (v = v.slice(M * x - x, M * x));
+  let H = !!c && A && v.length === 0, B = (L ? 1 : 0) + (E ? 1 : 0) + (O ? 1 : 0) + I.length;
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ w("tbody", { children: [
+    H && /* @__PURE__ */ r(
+      Pt,
+      {
+        cols: B,
+        children: e.emptyResult
+      }
+    ),
+    v.map((z, G) => {
+      let j = G + 1 + (x * M - x);
+      return /* @__PURE__ */ r(
+        Ot,
+        {
+          row: z,
+          index: j,
+          getRowStyles: t,
+          rowClassName: d,
+          getIsRowActive: a,
+          onRowClick: s,
+          onContextMenu: l ? (ee) => l(ee, z) : void 0
+        },
+        G
+      );
+    })
+  ] }) });
+}
+function Ot(e) {
+  let { rowClassName: t, row: a, onRowClick: c } = e, [s, l] = T(!1);
+  const [d, n] = T(null), [i, o] = T(0), [h, p] = T(0), {
+    $tableActions: C,
+    $displayActionCol: F,
+    $displayIndex: y,
+    $rowActions: b,
+    $contextActions: v,
+    rowsSelected: x,
+    $structure: M
+  } = X(), N = m(C).length > 0, L = m(F), O = m(y), E = m(M), A = m(b), I = m(v), H = m(x), B = I.length > 0, z = A.length > 0, G = c ? (R) => {
+    !R.target.closest(".prevent-click") && c && c(R, a);
+  } : void 0, j = (R) => {
+    B && (R.preventDefault(), n(R.currentTarget), o(R.clientX), p(R.clientY));
+  }, ee = (R) => {
+    H({
+      rows: [e.row.dt_id],
+      flag: R.target.checked
+    });
+  };
+  let te = e.row.dt_selected, U = {
+    ...c && { cursor: "pointer" }
+  };
+  const re = at(() => e.getRowStyles ? e.getRowStyles(e.row) : {}, []);
+  return U = {
+    ...U,
+    ...re
+  }, /* @__PURE__ */ w(S, { children: [
+    /* @__PURE__ */ w(
+      pe,
+      {
+        className: t && (typeof t == "string" ? t : t(e.row)),
+        "data-testid": "dt-row",
+        onClick: G,
+        onMouseEnter: () => l(!0),
+        onMouseLeave: () => l(!1),
+        onContextMenu: j,
+        style: U,
+        children: [
+          N && /* @__PURE__ */ r(je, { disabled: e.getIsRowActive ? !e.getIsRowActive(e.row) : !1, onChange: ee, checked: te }),
+          O && /* @__PURE__ */ r(Z, { innerClassName: K.rowCell__inner, children: e.index }),
+          E.map((R, W) => /* @__PURE__ */ r(
+            Et,
+            {
+              hovered: s && !!z && !L,
+              col: R,
+              actions: A,
+              row: e.row
+            },
+            W
+          )),
+          L && A && /* @__PURE__ */ r(Tt, { row: e.row, actions: A })
+        ]
+      }
+    ),
+    I && /* @__PURE__ */ r(
+      zt,
+      {
+        row: a,
+        x: i,
+        y: h,
+        anchorEl: d,
+        contextActions: I,
+        onContextClick: () => n(null)
+      }
+    )
+  ] });
+}
+const Ht = () => /* @__PURE__ */ r("div", { className: "mb-2 flex items-center border-bottom border-gray-300", style: {
+  height: 72
+}, children: /* @__PURE__ */ r(le, { width: 40, height: 40 }) }), Bt = () => /* @__PURE__ */ w(S, { children: [
+  /* @__PURE__ */ r(Ht, {}),
+  [...Array(10)].map((e, t) => /* @__PURE__ */ w("div", { children: [
+    /* @__PURE__ */ r(le, { height: "45px", width: "100%" }),
+    /* @__PURE__ */ r("div", { style: { height: "2px", width: "100%" } })
+  ] }, t))
+] }), It = (e) => /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r("tbody", { children: [...Array(e.pageSize)].map((t, a) => /* @__PURE__ */ w(pe, { children: [
+  e.useSelection && /* @__PURE__ */ r(Z, { width: 64, children: /* @__PURE__ */ r(le, { width: "100%", height: 30 }) }),
+  e.useIndexes && /* @__PURE__ */ r(Z, { width: 64, children: /* @__PURE__ */ r(le, { width: "100%", height: 30 }) }),
+  e.structure.map((c, s) => /* @__PURE__ */ r(Z, { style: c.style, innerClassName: K.rowCell__inner, children: /* @__PURE__ */ r(le, { width: "100%", height: 30 }) }, s)),
+  e.useActionCol && /* @__PURE__ */ r(Z, { width: 56, children: /* @__PURE__ */ r(le, { width: "100%", height: 30 }) })
+] }, a)) }) }), dr = ze(Bt);
+function jt(e) {
+  let {
+    emptyResult: t,
+    getRowStyles: a,
+    getIsRowActive: c,
+    onRowClick: s,
+    onContextMenu: l,
+    rowClassName: d,
+    ...n
+  } = e;
+  const { $isFetching: i } = X(), o = m(i);
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ w(ot, { "data-testid": "data-table", ...n, children: [
+    /* @__PURE__ */ r(xt, { getIsRowActive: c }),
+    o ? /* @__PURE__ */ r(Ut, {}) : /* @__PURE__ */ r(
+      Lt,
+      {
+        getRowStyles: a,
+        getIsRowActive: c,
+        emptyResult: t,
+        onRowClick: s,
+        onContextMenu: l,
+        rowClassName: d
+      }
+    )
+  ] }) });
+}
+const Ut = () => {
+  const { $structure: e, $tableActions: t, $displayIndex: a, $displayActionCol: c, $pageSize: s } = X();
+  let l = m(t).length > 0, d = m(a), n = m(c), i = m(s), o = m(e);
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(
+    It,
+    {
+      useSelection: l,
+      useIndexes: d,
+      useActionCol: n,
+      structure: o,
+      pageSize: i
+    }
+  ) });
+}, qt = [12, 24, 36, 48, 60], Qt = "Количество строк", Kt = () => {
+  const { $page: e, $pageSize: t, $count: a, pageSizeSet: c, pageSet: s } = X(), l = m(a), d = m(t), n = m(e), i = m(s), o = m(c);
+  let h = Math.ceil(l / d);
+  return !d || !l ? null : /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r("div", { className: "mt-2 flex justify-end", children: /* @__PURE__ */ r(
+    it,
+    {
+      pageSizeLabel: Qt,
+      pageSizes: qt,
+      total: h,
+      pageSize: d,
+      page: n,
+      onPageSizeSelect: o,
+      onChange: i
+    }
+  ) }) });
+}, V = [];
+for (let e = 0; e < 256; e += 1)
+  V[e] = e.toString(16).padStart(2, "0");
+const Wt = (e) => `${V[e[0]]}${V[e[1]]}${V[e[2]]}${V[e[3]]}-${V[e[4]]}${V[e[5]]}-${V[e[6]]}${V[e[7]]}-${V[e[8]]}${V[e[9]]}-${V[e[10]]}${V[e[11]]}${V[e[12]]}${V[e[13]]}${V[e[14]]}${V[e[15]]}`, Zt = (e) => {
+  if (typeof crypto < "u" && crypto.getRandomValues) {
+    crypto.getRandomValues(e);
+    return;
+  }
+  for (let t = 0; t < e.length; t += 1)
+    e[t] = Math.floor(Math.random() * 256);
+}, Jt = () => {
+  if (typeof crypto < "u" && crypto.randomUUID)
+    return crypto.randomUUID();
+  const e = new Uint8Array(16);
+  return Zt(e), e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128, Wt(e);
+}, Xt = (e) => {
+  let { item: t, fieldProps: a, onChange: c, value: s = "" } = e;
+  const l = (n) => t.getDisplayValue ? t.getDisplayValue(t, n) : `${t.label}: ${n}`, d = (n) => {
+    c(n.currentTarget.value, l(n.currentTarget.value));
+  };
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(He, { name: String(t.code), onChange: d, value: s, style: {
+    width: "468px"
+  }, placeholder: "Поиск", endAdornment: /* @__PURE__ */ r(ne, { icon: "search" }), ...a }) });
+}, ae = D({}), Se = Y(), Ue = Y(), qe = Be(async (e) => {
+  const { getData: t, ...a } = e;
+  return Je(a), await t();
+});
+f({
+  clock: Se,
+  fn: (e) => e.code,
+  target: Ue
+});
+f({
+  clock: Se,
+  target: qe
+});
+f({
+  source: ae,
+  clock: Ue,
+  fn: (e, t) => ({
+    ...e,
+    [t]: {
+      ...e[t],
+      isFetching: !0
+    }
+  }),
+  target: ae
+});
+f({
+  source: ae,
+  clock: qe.done,
+  fn: (e, t) => ({
+    ...e,
+    [t.params.code]: {
+      code: t.params.code,
+      getData: t.params.getData,
+      requested: !0,
+      isFetching: !1,
+      items: t.result
+    }
+  }),
+  target: ae
+});
+function Qe(e) {
+  return $e({
+    store: ae,
+    keys: [e],
+    fn: (t) => t[e]?.items || [],
+    defaultValue: []
+  });
+}
+const Gt = (e) => $e({
+  store: ae,
+  keys: [e],
+  fn: (t) => !!t[e]?.requested
+});
+function Ke(e) {
+  return $e({
+    store: ae,
+    keys: [e],
+    fn: (t) => !!t[e]?.isFetching
+  });
+}
+function en(e, t) {
+  const a = Ke(e), c = Qe(e), s = Gt(e), l = m(Se);
+  return ge(() => {
+    s || c.length > 0 || l({
+      getData: t,
+      code: e
+    });
+  }, [s]), {
+    isFetching: a,
+    items: c
+  };
+}
+function We(e) {
+  let { value_key: t = "id", label_key: a = "name", getData: c, Component: s, code: l, ...d } = e, { isFetching: n, items: i } = en(l, c);
+  return n ? /* @__PURE__ */ r("div", { className: d.className, children: /* @__PURE__ */ r(le, { width: "100%", height: 56 }) }) : /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(s, { ...d, options: i.map((o) => ({
+    text: o[a],
+    label: o[a],
+    value: o[t]
+  })) }) });
+}
+const tn = (e) => {
+  let { item: t } = e;
+  return t.async ? /* @__PURE__ */ r(
+    We,
+    {
+      Component: Fe,
+      api: t.async.api,
+      endpoint: t.async.endpoint,
+      value_key: t.async.valueKey,
+      label_key: t.async.labelKey,
+      cache: !1,
+      ...e
+    }
+  ) : /* @__PURE__ */ r(Fe, { ...e });
+}, Fe = (e) => {
+  let { item: t, onChange: a, value: c = "", error: s, options: l } = e;
+  try {
+    (!t.options || t.options.length === 0) && (t.options = l);
+  } catch {
+    console.error("Баг на запись в readonly объект");
+  }
+  const d = (i) => t.getDisplayValue ? t.getDisplayValue(t, i) : t.multiple ? `${t.label}: ${l?.filter((o) => i.includes(o.value))?.map((o) => o.text).join(", ")}` : `${t.label}: ${l.find((o) => o.value === i)?.text || i}`, n = (i) => {
+    const o = Array.isArray(i.target.value) ? i.target.value.filter(Boolean) : i.target.value;
+    a(o, d(o));
+  };
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(
+    dt,
+    {
+      "data-testid": "filter-select-" + String(t.code),
+      error: !!s,
+      helperText: s,
+      multiple: t.multiple,
+      clear: t.clear || !0,
+      search: t.search || !0,
+      listStyle: t.multiple ? "checkbox" : "default",
+      name: String(t.code),
+      label: t.label,
+      options: l,
+      onChange: n,
+      value: c
+    }
+  ) });
+}, nn = ["янв", "фев", "мар", "апр", "май", "июн", "июл", "авг", "сен", "окт", "ноя", "дек"], rn = ["январь", "февраль", "март", "апрель", "май", "июнь", "июль", "август", "сентябрь", "октябрь", "ноябрь", "декабрь"], ln = ["вс", "пн", "вт", "ср", "чт", "пт", "сб"], an = ["вск", "пнд", "втр", "срд", "чтв", "птн", "сбт"], sn = ["воскресенье", "понедельник", "вторник", "среда", "четверг", "пятница", "суббота"], cn = /\[[^\]]*]|YYYY|YY|Y|MMMM|MMM|MM|M|DDDD|DDD|DD|Do|D|dddd|ddd|dd|d|HH|H|hh|h|mm|m|ss|s|SSS|SS|S|A|a|ZZ|Z|X|x|Q/g, ie = (e) => !Number.isNaN(e.getTime()), q = (e, t = 2) => String(e).padStart(t, "0"), on = (e) => {
+  const t = e % 100;
+  if (t >= 11 && t <= 13)
+    return `${e}th`;
+  const a = e % 10;
+  return a === 1 ? `${e}st` : a === 2 ? `${e}nd` : a === 3 ? `${e}rd` : `${e}th`;
+}, Ne = (e) => {
+  const t = Date.UTC(e.getFullYear(), 0, 0), a = Date.UTC(e.getFullYear(), e.getMonth(), e.getDate());
+  return Math.floor((a - t) / 864e5);
+}, Ve = (e, t) => {
+  const a = e.getTimezoneOffset(), c = a <= 0 ? "+" : "-", s = Math.abs(a), l = q(Math.floor(s / 60), 2), d = q(s % 60, 2);
+  return t ? `${c}${l}:${d}` : `${c}${l}${d}`;
+}, dn = (e) => {
+  if (e instanceof Date)
+    return ie(e) ? new Date(e.getTime()) : null;
+  const t = e.trim();
+  if (!t)
+    return null;
+  const a = t.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  if (a) {
+    const s = Number(a[1]), l = Number(a[2]) - 1, d = Number(a[3]), n = new Date(s, l, d);
+    return ie(n) ? n : null;
+  }
+  if (/^\d{10}$/.test(t)) {
+    const s = new Date(Number(t) * 1e3);
+    return ie(s) ? s : null;
+  }
+  if (/^\d{13}$/.test(t)) {
+    const s = new Date(Number(t));
+    return ie(s) ? s : null;
+  }
+  const c = new Date(t);
+  return ie(c) ? c : null;
+}, un = (e, t) => {
+  const a = e.getFullYear(), c = e.getMonth(), s = e.getDate(), l = e.getDay(), d = e.getHours(), n = e.getMinutes(), i = e.getSeconds(), o = e.getMilliseconds(), h = d >= 12 ? "PM" : "AM";
+  switch (t) {
+    case "Y":
+      return String(a);
+    case "YY":
+      return String(a).slice(-2);
+    case "YYYY":
+      return String(a);
+    case "M":
+      return String(c + 1);
+    case "MM":
+      return q(c + 1, 2);
+    case "MMM":
+      return nn[c];
+    case "MMMM":
+      return rn[c];
+    case "D":
+      return String(s);
+    case "DD":
+      return q(s, 2);
+    case "Do":
+      return on(s);
+    case "DDD":
+      return String(Ne(e));
+    case "DDDD":
+      return q(Ne(e), 3);
+    case "d":
+      return String(l);
+    case "dd":
+      return ln[l];
+    case "ddd":
+      return an[l];
+    case "dddd":
+      return sn[l];
+    case "H":
+      return String(d);
+    case "HH":
+      return q(d, 2);
+    case "h":
+      return String(d % 12 || 12);
+    case "hh":
+      return q(d % 12 || 12, 2);
+    case "m":
+      return String(n);
+    case "mm":
+      return q(n, 2);
+    case "s":
+      return String(i);
+    case "ss":
+      return q(i, 2);
+    case "S":
+      return String(Math.floor(o / 100));
+    case "SS":
+      return q(Math.floor(o / 10), 2);
+    case "SSS":
+      return q(o, 3);
+    case "A":
+      return h;
+    case "a":
+      return h.toLowerCase();
+    case "Z":
+      return Ve(e, !0);
+    case "ZZ":
+      return Ve(e, !1);
+    case "X":
+      return String(Math.floor(e.getTime() / 1e3));
+    case "x":
+      return String(e.getTime());
+    case "Q":
+      return String(Math.floor(c / 3) + 1);
+    default:
+      return t;
+  }
+}, Q = (e, t = "DD.MM.YYYY") => {
+  const a = dn(e);
+  return a ? t.replace(cn, (c) => c.startsWith("[") && c.endsWith("]") ? c.slice(1, -1) : un(a, c)) : "Invalid date";
+}, hn = (e) => {
+  let { item: t, onChange: a, value: c = null } = e;
+  const s = (d) => {
+    if (t.getDisplayValue)
+      return t.getDisplayValue(t, d);
+    let n = "";
+    return t.matchMode === "gt" && (n = "больше"), t.matchMode === "gte" && (n = "больше или равно"), t.matchMode === "lt" && (n = "меньше"), t.matchMode === "lte" && (n = "меньше или равно"), `${t.label} ${n}: ${Q(d, "DD.MM.YYYY")}`;
+  }, l = (d) => {
+    const n = d.target.value;
+    n && a(n, s(n));
+  };
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(ut, { name: String(t.code), label: t.label, showMonthYearDropdown: !0, onChange: l, value: c || null }) });
+}, gn = (e) => {
+  let { item: t, onChange: a } = e;
+  const c = (l, d) => {
+    let n = Q(l), i = Q(d);
+    return t.getDisplayValue ? t.getDisplayValue(t, { start: l, end: d }) : `${t.label}: с ${n} по ${i}`;
+  };
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(ht, { placeholder: "дд.мм.гггг — дд.мм.гггг", onChange: (l) => {
+    const [d, n] = l.target.value;
+    d && n && a({ start: d, end: n }, c(d, n));
+  } }) });
+}, mn = (e) => {
+  let { item: t } = e;
+  return t.async ? /* @__PURE__ */ r(
+    We,
+    {
+      Component: Re,
+      api: t.async.api,
+      endpoint: t.async.endpoint,
+      value_key: t.async.valueKey,
+      label_key: t.async.labelKey,
+      cache: !1,
+      ...e
+    }
+  ) : /* @__PURE__ */ r(Re, { ...e });
+}, Re = (e) => {
+  let { item: t, onChange: a, options: c } = e, [s, l] = T([]);
+  try {
+    (!t.options || t.options.length === 0) && (t.options = c);
+  } catch {
+    console.error("Баг на запись в readonly объект");
+  }
+  const d = (i) => t.getDisplayValue ? t.getDisplayValue(t, i) : `${t.label}: ${c?.filter((o) => i.includes(o.value || o.text))?.map((o) => o.text).join(", ")}`, n = (i) => {
+    const o = i.target.checked;
+    let h = [...s];
+    o ? h.push(i.target.value) : h = h.filter((p) => p !== i.target.value), a(h, d(h)), l(h);
+  };
+  return /* @__PURE__ */ r(S, { children: c.map((i, o) => /* @__PURE__ */ r("div", { className: "mb-1", children: /* @__PURE__ */ r(Le, { value: i.value, name: String(t.code), label: i.text, disabled: i.disabled, onChange: n }) }, o)) });
+}, fn = "_SearchResult_1uw6b_1", pn = {
+  SearchResult: fn
+};
+function yn(e) {
+  let {
+    endpoint: t,
+    getValue: a = (k) => k.id,
+    getOption: c = (k) => k.name,
+    getTitle: s,
+    noResultNode: l = "",
+    defaultValue: d,
+    onSelect: n,
+    onChange: i,
+    onReset: o,
+    onClickAway: h,
+    recommendations: p,
+    label__recommendations: C,
+    inputProps: F,
+    getData: y,
+    code: b,
+    ...v
+  } = e;
+  const [x] = m([Se]), M = Ke(b), N = Qe(b);
+  let [L, O] = T(null), [E, A] = T(!1), [I, H] = T(d || "");
+  const [B, z] = T(!!v.focused), G = () => {
+    j(), H(""), o && o();
+  }, j = () => {
+    A(!1), z(!1), h && h();
+  }, ee = gt(j);
+  s || (s = c);
+  const te = (k) => {
+    let $ = k.target.value;
+    if (N.length && A && A(!1), $.length >= 3) {
+      L && clearTimeout(L);
+      let se = setTimeout(() => {
+        typeof t != "string" && (t = t($)), x({
+          getData: y,
+          code: b
+        });
+      }, 500);
+      O(se);
+    }
+    i ? i($) : H($);
+  }, U = (k) => {
+    H(s(k)), z(!1), i && i(s(k)), n && n(a(k), k);
+  }, re = (k) => {
+    z(!0), v.onFocus?.(k);
+  }, R = (k) => {
+    z(!1), v.onBlur?.(k);
+  };
+  let W = e.value || I, he = /* @__PURE__ */ w(S, { children: [
+    !!W.length && /* @__PURE__ */ r(Ae, { position: "start", children: /* @__PURE__ */ r(de, { "data-testid": "search-reset", variant: "transparent", color: "neutral", size: "small", onClick: G, children: /* @__PURE__ */ r(ne, { icon: "close", className: "text-gray-600" }) }) }),
+    /* @__PURE__ */ r(Ae, { position: "start", children: M ? /* @__PURE__ */ r(Ie, {}) : /* @__PURE__ */ r(ne, { icon: "search", className: "text-gray-600" }) })
+  ] });
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r("div", { className: "relative", "data-testid": "search", children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r("div", { ref: ee, children: /* @__PURE__ */ w("div", { children: [
+    /* @__PURE__ */ r(
+      He,
+      {
+        "data-testid": "search-input",
+        ...v,
+        value: W,
+        ...F,
+        onChange: te,
+        onFocus: re,
+        onBlur: R,
+        endAdornment: he
+      }
+    ),
+    /* @__PURE__ */ r("div", { children: (N.length > 0 || E || p) && /* @__PURE__ */ r("div", { "data-testid": "search-result", className: pn.SearchResult, children: /* @__PURE__ */ w("div", { children: [
+      p && N.length === 0 && B && !E && /* @__PURE__ */ r(
+        Sn,
+        {
+          title: C,
+          items: p,
+          renderItem: c,
+          onSelect: U
+        }
+      ),
+      N.map((k, $) => /* @__PURE__ */ r("div", { className: "SearchAnythingOption", "data-testid": "search-option", onClick: () => U(k), children: c(k) }, $)),
+      E && l
+    ] }) }) })
+  ] }) }) }) }) });
+}
+function Sn(e) {
+  let { title: t, items: a, renderItem: c, onSelect: s } = e;
+  return /* @__PURE__ */ w(S, { children: [
+    t && /* @__PURE__ */ r("div", { className: "py-2", children: /* @__PURE__ */ r("div", { className: "text-gray-500", "data-testid": "search-recommendations-title", children: t }) }),
+    /* @__PURE__ */ r("div", { "data-testid": "search-recommendations-result", children: a.map((l, d) => /* @__PURE__ */ r("div", { className: "py-1", "data-testid": "search-recommendations-item", onClick: () => s(l), children: c(l) }, d)) })
+  ] });
+}
+const we = (e, t) => typeof t == "string" ? e[t] : t(e), bn = (e) => {
+  let { item: t, onChange: a, value: c = "" } = e, [s, l] = T(c);
+  const d = (o) => t.getDisplayValue ? t.getDisplayValue(t, o) : `${t.label}: ${o}`, n = (o, h) => {
+    a(o, d(we(h, t.async.labelKey || "name")));
+  };
+  let i = typeof t.async.endpoint == "string" ? t.async.endpoint : t.async.endpoint(s);
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
+    yn,
+    {
+      onChange: l,
+      onSelect: n,
+      value: s,
+      endpoint: i,
+      getValue: (o) => o[t.async.valueKey || "id"],
+      getTitle: (o) => we(o, t.async.labelKey || "name"),
+      getOption: (o) => we(o, t.async.labelKey || "name")
+    }
+  ) }) });
+}, vn = (e) => {
+  let { item: t, onChange: a, min: c, max: s } = e;
+  const l = (n) => t.getDisplayValue ? t.getDisplayValue(t, n) : `${t.label}: ${n[0]} - ${n[1]}`;
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r("div", { className: "pb-5", style: { width: 360 }, children: /* @__PURE__ */ r(mt, { min: c, max: s, size: "small", defaultValue: [c, s], onChange: (n) => {
+    a(n, l(n));
+  } }) }) });
+}, _n = (e) => {
+  let { item: t, value: a, onChange: c, error: s } = e;
+  return /* @__PURE__ */ w(S, { children: [
+    t.type === "string" && /* @__PURE__ */ r(Xt, { item: t, value: a, onChange: c, fieldProps: t.fieldProps }),
+    (t.type === "select" || t.type === "filter") && /* @__PURE__ */ r(tn, { error: s, type: t.type, item: t, value: a, options: t.options, onChange: c }),
+    t.type === "date" && /* @__PURE__ */ r(hn, { item: t, value: a, onChange: c }),
+    t.type === "period" && /* @__PURE__ */ r(gn, { item: t, value: a, onChange: c }),
+    t.type === "checkbox" && /* @__PURE__ */ r(mn, { item: t, value: a, options: t.options, onChange: c }),
+    t.type === "search" && /* @__PURE__ */ r(bn, { item: t, value: a, onChange: c }),
+    t.type === "interval" && /* @__PURE__ */ r(vn, { item: t, value: a, min: t.min, max: t.max, onChange: c })
+  ] });
+}, Cn = "_filter_close_o8fvt_1", Dn = {
+  filter_close: Cn
+};
+function wn(e) {
+  let { filter: t, onClose: a, onSubmit: c } = e, [s, l] = T(""), [d, n] = T("");
+  const i = (h, p) => {
+    l(h), n(p);
+  }, o = () => {
+    c(s, d);
+  };
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ w("div", { style: { minWidth: t.type === "search" ? "560px" : "360px" }, "data-testid": "filter-form", children: [
+    /* @__PURE__ */ w("div", { className: "relative mb-2 py-2 px-2 bg-gray-200", children: [
+      /* @__PURE__ */ r("div", { children: t.label }),
+      /* @__PURE__ */ r("div", { className: Dn.filter_close, children: /* @__PURE__ */ r(de, { onClick: a, size: "small", children: /* @__PURE__ */ r(ne, { icon: "close" }) }) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "mb-2 px-2", children: /* @__PURE__ */ r(_n, { value: s, item: t, onChange: i }) }),
+    /* @__PURE__ */ r("div", { className: "px-2 py-1 border-top border-gray-200 flex justify-end", children: /* @__PURE__ */ r(ft, { onClick: o, size: "medium", color: "neutral", "data-testid": "filter-submit", disabled: !s, variant: "transparent", children: "Применить" }) })
+  ] }) });
+}
+const kn = (e) => {
+  let { onSubmit: t, items: a } = e, [c, s] = T(null), [l, d] = T(null), [n, i] = T(null);
+  const o = (y) => {
+    i(y.currentTarget);
+  }, h = () => {
+    d(null), i(null);
+  }, p = (y) => {
+    let b = a.find((v) => v.code === y.value);
+    b.type === "button" ? (t(b, b.value, b.label), h()) : d(b);
+  }, C = (y, b) => {
+    l && (t(l, y, b), h());
+  };
+  let F = a.map((y) => ({
+    value: y.code,
+    label: y.label
+  }));
+  return /* @__PURE__ */ w(S, { children: [
+    /* @__PURE__ */ r(de, { size: "small", onClick: o, "data-testid": "filter-btn", children: /* @__PURE__ */ r(ne, { icon: "filter_list", size: "extraLarge", className: "text-extraLarge" }) }),
+    n && /* @__PURE__ */ r(
+      fe,
+      {
+        classes: { paper: "p-0" },
+        open: !!n,
+        anchorEl: n,
+        onClose: h,
+        placement: "bottom-start",
+        children: !l || l.type === "button" ? /* @__PURE__ */ r("div", { "data-testid": "filter-filters", children: /* @__PURE__ */ r(ye, { items: F, onButtonClick: p }) }) : /* @__PURE__ */ r(wn, { filter: l, onClose: h, onSubmit: C })
+      }
+    )
+  ] });
+}, $n = "_filter_search_input_1rpsv_1", xn = "_filter_search_loader_1rpsv_16", Ye = {
+  filter_search_input: $n,
+  filter_search_loader: xn
+}, Mn = (e) => {
+  let [t, a] = T(e.value), [c, s] = T(null), [l, d] = T(!1);
+  const n = (i) => {
+    let o = i.currentTarget.value;
+    if (a(o), c && clearTimeout(c), e.onChange) {
+      d(!0);
+      let h = setTimeout(() => {
+        e.onChange(o), d(!1);
+      }, e.delay || 2e3);
+      s(h);
+    }
+  };
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ w("div", { className: "relative pr-3 flex items-center", children: [
+    /* @__PURE__ */ r("input", { className: Ye.filter_search_input, type: "text", placeholder: "Поиск", value: t, onChange: n }),
+    l && /* @__PURE__ */ r("div", { className: Ye.filter_search_loader, children: /* @__PURE__ */ r(Ie, { color: "neutral", size: "small" }) })
+  ] }) });
+}, An = (e, t, a) => {
+  let c = {}, s = {}, l;
+  const d = (n) => {
+    let i = n.matchMode || "exact", o = {};
+    if (n.value === void 0)
+      return o;
+    switch (n.type) {
+      case "string":
+      case "search":
+      case "select":
+        o = { value: n.getValue ? n.getValue(n.value) : n.value, matchMode: i, displayValue: n.displayValue };
+        break;
+      case "date":
+        let p = Q(n.value, "YYYY-MM-DD");
+        n.getValue && n.value && (p = n.getValue(n.value)), o = { value: p, matchMode: i, displayValue: n.displayValue };
+        break;
+      case "period":
+        let C = n.getEnd ? n.getEnd(n.value.end) : Q(n.value.end, n.endFormat || ""), y = [n.getStart ? n.getStart(n.value.start) : Q(n.value.start, n.startFormat || ""), C];
+        n.getValue && (y = n.getValue(n.value)), o = { value: y, matchMode: "range", displayValue: n.displayValue };
+        break;
+      case "checkbox":
+        o = { value: n.value, matchMode: "in", displayValue: n.displayValue };
+        break;
+      case "interval":
+        let b = n.value;
+        n.getValue && n.value && (b = n.getValue(n.value)), o = { value: b, matchMode: n.matchMode || "interval", displayValue: n.displayValue };
+        break;
+      default:
+        o = { value: n.value, matchMode: n.matchMode || "exact", displayValue: n.displayValue };
+        break;
+    }
+    return o;
+  };
+  return e.filter((n) => n.logic !== "sub").forEach((n) => {
+    c[String(n.code)] = d(n);
+  }), l = e.filter((n) => n.logic === "sub").map((n) => ({
+    sys_name: { value: String(n.code), matchMode: "exact" },
+    value: d(n),
+    sub_values_list: n.subLogic?.sub_values_list || "",
+    sub_app: n.subLogic?.sub_app || "",
+    sub_model: n.subLogic?.sub_model || ""
+  })), a && t && t.forEach((n) => {
+    s[n] = { value: a, matchMode: "contains" };
+  }), Object.values(c).length + Object.values(s).length + l.length > 0 ? {
+    and: c,
+    or: s,
+    sub: l
+  } : !1;
+};
+function Ee(e, t, a, c) {
+  const s = (l, d) => {
+    if (!l.value) return !1;
+    let n = !0, i = String(l.compareKey || l.code), o = String(l.getCompareValue ? l.getCompareValue(d) : d[i]);
+    if (l.getValid)
+      n = l.getValid(d, l);
+    else if (l.type === "string")
+      ((l.matchMode === "contains" || l.matchMode === "icontains" || !l.matchMode) && (!o || !o.toLowerCase().includes(l.value.toLowerCase())) || l.matchMode === "exact" && o?.toLowerCase() !== l.value.toLowerCase()) && (n = !1);
+    else if (l.type === "search")
+      l.matchMode === "contains" || l.matchMode === "icontains" ? o?.includes(l.value) || (n = !1) : o !== l.value && (n = !1);
+    else if (l.type === "select") {
+      let h = l.options.find((p) => p.value === l.value);
+      n = !1, (l.matchMode === "contains" && h && (o.includes(h.text) || o.includes(h.value)) || h && (o === h.text || o === h.value)) && (n = !0);
+    } else if (l.type === "date" && l.value) {
+      let h = new Date(Q(new Date(o), "YYYY-MM-DD")), p = new Date(Q(l.value, "YYYY-MM-DD"));
+      (l.matchMode === "exact" && h.getTime() !== p.getTime() || l.matchMode === "gt" && h.getTime() <= p.getTime() || l.matchMode === "gte" && h.getTime() < p.getTime() || l.matchMode === "lt" && h.getTime() >= p.getTime() || l.matchMode === "lte" && h.getTime() > p.getTime()) && (n = !1);
+    } else if (l.type === "period" && l.value.end && l.value.start) {
+      let h = new Date(Q(l.value.start, "YYYY-MM-DD")), p = new Date(Q(l.value.end, "YYYY-MM-DD")), C = new Date(Q(new Date(o), "YYYY-MM-DD"));
+      (C.getTime() > p.getTime() || C.getTime() < h.getTime()) && (n = !1);
+    } else l.type === "checkbox" && (l.value.includes(o) || (n = !1));
+    return n;
+  };
+  return e.map((l) => {
+    let d = t.every((n) => s(n, l));
+    return {
+      ...l,
+      dt_hidden: !d
+    };
+  });
+}
+function Tn(e) {
+  let { items: t, searchItems: a, selected: c, onSubmit: s, onDelete: l, onChange: d, searchDelay: n, searchQuery: i } = e, [o, h] = T(c || []);
+  const p = (y, b, v) => {
+    let x = o.filter((M) => M.code !== y.code).concat({ ...y, value: b, displayValue: v });
+    h(x), d && d(x), s && s(y, b, v);
+  }, C = (y) => {
+    let b = o.filter((v) => v.code !== y.code);
+    h(b), d && d(b), l && l(String(y.code));
+  };
+  let F = o.filter((y) => !y.hidden);
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r("div", { className: "flex items-center border-bottom border-gray-300", style: { minHeight: 76 }, children: /* @__PURE__ */ w("div", { className: "flex items-center w-full", children: [
+    /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(kn, { items: t, onSubmit: p }) }),
+    F.length > 0 && /* @__PURE__ */ r(Oe, { className: "ml-1", spacing: "small", children: F.map((y, b) => /* @__PURE__ */ r(
+      pt,
+      {
+        "data-testid": "filter-chip",
+        text: y.displayValue,
+        onClose: () => C(y)
+      },
+      b
+    )) }),
+    !!a && a.length > 0 && e.onSearch && /* @__PURE__ */ r("div", { className: "text-gray-500 ml-1 block", children: /* @__PURE__ */ r(Mn, { value: i || "", onChange: e.onSearch, delay: n }) })
+  ] }) }) });
+}
+function Fn() {
+  const {
+    $search: e,
+    $filters: t,
+    $currentFilter: a,
+    currentFilterSet: c,
+    currentFilterDeleted: s,
+    searchQuerySet: l,
+    $searchQuery: d
+  } = X(), n = m(e), i = m(t), o = m(a), h = m(l), p = m(s), C = m(c), F = m(d), y = i.filter((v) => !v.hidden), b = (v, x, M) => {
+    const N = {
+      ...v,
+      value: x,
+      displayValue: M
+    };
+    C(N);
+  };
+  return y.length <= 0 ? null : /* @__PURE__ */ r("div", { "data-testid": "dt-filter", children: /* @__PURE__ */ r(
+    Tn,
+    {
+      searchQuery: F,
+      selected: o,
+      items: y,
+      searchItems: n,
+      onSubmit: b,
+      onDelete: p,
+      onSearch: h,
+      searchDelay: 1e3
+    }
+  ) });
+}
+const me = (e) => e.map((t) => ({
+  ...t,
+  dt_id: Jt(),
+  dt_hidden: !1,
+  dt_selected: !1
+}));
+function Nn(e) {
+  let {
+    structure: t,
+    items: a,
+    getRowStyles: c,
+    onRowClick: s,
+    rowClassName: l,
+    onContextMenu: d,
+    emptyResult: n
+  } = e;
+  const {
+    dataTableInitialized: i,
+    itemsSet: o,
+    $isReady: h,
+    dataFetched: p,
+    // pageSet,
+    // pageSizeSet,
+    $local: C
+  } = X(), F = m(i), y = m(o), b = m(h), v = m(C), x = m(p);
+  return ge(() => {
+    F({
+      endpoint: e.endpoint || "",
+      page: e.page,
+      pageSize: e.pageSize,
+      items: e.items ? me(e.items) : [],
+      structure: t,
+      sort: e.sort,
+      order: e.order || "desc",
+      local: v,
+      contextActions: e.contextActions,
+      enableRowClick: !!e.onRowClick,
+      rowActions: e.rowActions,
+      tableActions: e.tableActions,
+      displayActionCol: e.displayActionCol,
+      displayIndex: !!e.displayIndex,
+      filters: e.filters
+    });
+  }, []), ge(() => {
+    b && v && a && y({
+      items: a,
+      applyFilters: !0
+    });
+  }, [b, a, v]), ge(() => {
+    b && x();
+  }, [b]), b ? /* @__PURE__ */ w(S, { children: [
+    /* @__PURE__ */ r(St, {}),
+    /* @__PURE__ */ r(Fn, {}),
+    /* @__PURE__ */ r("div", { style: { overflow: "auto" }, children: /* @__PURE__ */ r(
+      jt,
+      {
+        getRowStyles: c,
+        onRowClick: s,
+        onContextMenu: d,
+        rowClassName: l,
+        emptyResult: n
+      }
+    ) }),
+    /* @__PURE__ */ r(Kt, {})
+  ] }) : null;
+}
+const Ze = st(null);
+function ur(e) {
+  const { store: t, ...a } = e;
+  return /* @__PURE__ */ r(Ze.Provider, { value: t, children: /* @__PURE__ */ r(Nn, { ...a }) });
+}
+const Vn = (e, t) => t === "asc" ? (a, c) => {
+  let s = a[e], l = c[e];
+  return typeof s == "number" && typeof l == "number" ? l - s : (s = String(s), l = String(l), s?.localeCompare(l));
+} : (a, c) => {
+  let s = a[e], l = c[e];
+  return typeof s == "number" && typeof l == "number" ? s - l : (s = String(s), l = String(l), l?.localeCompare(s));
+}, ke = {
+  getArray(e) {
+    let t = [], a = localStorage.getItem(e);
+    if (a)
+      try {
+        t = JSON.parse(a);
+      } catch {
+      }
+    return t;
+  },
+  setItem(e, t) {
+    localStorage.setItem(e, t);
+  },
+  getItem(e) {
+    return localStorage.getItem(e);
+  },
+  pushValue(e, t, a = 5, c, s) {
+    let l = ke.getArray(e);
+    if (a ? l = [t].concat(l) : l.push(t), c) {
+      let d = l.reduce((n, i) => (n[i[c]] = i, n), {});
+      l = Object.values(d);
+    } else s && (l = Array.from(new Set(l)));
+    a && (l = l.slice(0, a)), localStorage.setItem(e, JSON.stringify(l));
+  }
+}, Rn = (e, t) => {
+  let a = t.split("?");
+  if (a[1]) {
+    let c = new URLSearchParams(a[1]);
+    return c.delete(e), Array.from(c).length > 0 ? `${a[0]}?${c.toString()}` : a[0];
+  }
+  return t;
+}, Yn = (e) => e.filter((t) => t.type === "period" && t.value?.start && t.value.end || t.type !== "period" && t.type !== "button" && t.value && !Array.isArray(t.value) || Array.isArray(t.value) && t.value.length > 0);
+function Je(e) {
+  let { filter: t, searchQuery: a, searchFields: c, page: s, sort: l, order: d, pageSize: n } = e, i = new URLSearchParams();
+  if (s && i.append("page", String(s || "1")), n && i.append("page_size", String(n)), t) {
+    let o = An(t, c, a);
+    o && (Object.values(o.and).length > 0 && i.append("filter64", JSON.stringify(o.and)), Object.values(o.or).length > 0 && i.append("filter64_or", JSON.stringify(o.or)), o.sub.length > 0 && o.sub.forEach((h) => {
+      i.append("filter64_sub", JSON.stringify(h));
+    }));
+  }
+  return l && d && i.append("sort_field", (d === "desc" ? "-" : "") + l), i;
+}
+const hr = rt((e) => {
+  const t = new URLSearchParams(window.location.search), a = D(!1), c = D(e.structure || []), s = D(e.endpoint || ""), l = D(!1), d = D(e.filters || []), n = D([]), i = D(e.items || []), o = D(e.search || []), h = D(""), p = D(0), C = D(t.get("page") ? Number(t.get("page")) : 1);
+  let F = ke.getItem("pageSize") ? parseInt(ke.getItem("pageSize")) : e.pageSize || 12;
+  t.get("page_size") && (F = Number(t.get("page_size")));
+  const y = D(F), b = D(!1), v = D(t.get("sort_field")?.replace(/^-/, "") || e.sort || "");
+  let x = e.order || "asc";
+  t.get("sort_field") && (x = t.get("sort_field")?.startsWith("-") ? "desc" : "asc");
+  const M = D(x), N = D(!!e.local), L = D([]), O = D(!!e.displayActionCol), E = D([]), A = D(!!e.displayIndex), I = D(!1), H = D([]), B = D(e.getResult || null), z = D(e.getCount || null), G = D(e.mapper || null), j = Y(), ee = {
+    endpoint: s,
+    currentFilter: n,
+    page: C,
+    pageSize: y,
+    sort: v,
+    order: M,
+    searchQuery: h,
+    searchFields: o,
+    local: N
+  };
+  f({
+    clock: j,
+    target: h
+  });
+  const te = Y(), U = Y();
+  f({
+    source: n,
+    clock: U,
+    fn: (u, g) => u.filter((P) => P.code !== g.code).concat(g),
+    target: n
+  }), f({
+    source: n,
+    clock: te,
+    fn: (u, g) => u.filter((_) => _.code !== g),
+    target: n
+  }), f({
+    clock: [j, U, te],
+    fn: () => 1,
+    target: C
+  });
+  const re = Y();
+  f({
+    source: oe(N, i, n),
+    clock: n,
+    filter: ([u, g]) => u && g.length > 0,
+    fn: ([u, g, _]) => Ee(g, _),
+    target: re
+  }), f({
+    clock: re,
+    target: i
+  }), f({
+    clock: re,
+    fn: (u) => u.filter((g) => !g.dt_hidden).length,
+    target: p
+  });
+  const R = Y();
+  f({
+    source: i,
+    clock: R,
+    fn: (u, g) => {
+      let { rows: _, flag: P } = g;
+      return u.map((J) => _.includes(J.dt_id) ? {
+        ...J,
+        dt_selected: P
+      } : J);
+    },
+    target: i
+  });
+  const W = Y();
+  f({
+    clock: W,
+    target: v
+  }), f({
+    source: oe(v, M),
+    clock: W,
+    fn: ([u, g], _) => u === _ && g === "asc" ? "desc" : "asc",
+    target: M
+  });
+  const he = Y(), k = Be(async (u) => {
+    let {
+      endpoint: g,
+      currentFilter: _,
+      page: P,
+      pageSize: J,
+      sort: ce,
+      order: Xe,
+      searchQuery: Ge,
+      searchFields: et
+    } = u;
+    const Me = Je({
+      page: P,
+      pageSize: J,
+      sort: ce,
+      order: Xe,
+      filter: _,
+      searchQuery: Ge,
+      searchFields: et
+    });
+    g = Rn("filter64_sub", g);
+    let tt = Me.toString().length > 0 || g.includes("?") ? (g.includes("?") ? "&" : "?") + Me.toString() : "/", nt = g + tt;
+    return e.getData(nt);
+  });
+  f({
+    clock: he,
+    source: ee,
+    filter: (u) => !u.local,
+    target: k
+  }), f({
+    clock: k.pending,
+    target: b
+  }), f({
+    source: oe(z, B),
+    clock: k.doneData,
+    fn: ([u, g], _) => u ? u(_) : Array.isArray(_) ? _.length : g ? g(_).length : 0,
+    target: p
+  }), f({
+    source: oe(B, G),
+    clock: k.doneData,
+    fn: ([u, g], _) => {
+      let P = u ? u(_) : _;
+      return g && (P = P.map(g)), me(P);
+    },
+    target: i
+  }), f({
+    clock: k.doneData,
+    fn: () => !0,
+    target: l
+  });
+  const $ = Y(), se = Y();
+  f({
+    clock: $,
+    filter: () => !e.endpoint,
+    fn: (u) => u.endpoint || "",
+    target: s
+  }), f({
+    clock: $,
+    filter: () => !e.structure,
+    fn: (u) => u.structure || [],
+    target: c
+  }), f({
+    clock: $,
+    filter: () => !e.filters,
+    fn: (u) => u.filters || [],
+    target: d
+  }), f({
+    clock: $,
+    filter: () => !e.search,
+    fn: (u) => u.search || [],
+    target: o
+  }), f({
+    clock: $,
+    fn: (u) => {
+      let g = e.filters || u.filters;
+      const _ = t.get("filter64");
+      if (_ && g) {
+        const P = JSON.parse(_);
+        g = g.map((J) => {
+          const ce = P[String(J.code)];
+          return ce ? {
+            ...J,
+            value: ce.value,
+            displayValue: ce.displayValue
+          } : J;
+        });
+      }
+      return g ? Yn(g) : [];
+    },
+    target: n
+  }), f({
+    clock: $,
+    fn: () => {
+      const u = t.get("filter64_or");
+      return u && Object.values(JSON.parse(u))[0].value || "";
+    },
+    target: h
+  }), f({
+    clock: $,
+    fn: (u) => {
+      const g = e.items || u.items;
+      return g ? me(g) : [];
+    },
+    target: i
+  }), f({
+    source: n,
+    clock: se,
+    fn: (u, g) => g.applyFilters ? Ee(g.items, u) : g.items,
+    target: i
+  }), f({
+    clock: se,
+    fn: (u) => u.items.length,
+    target: p
+  }), f({
+    clock: $,
+    fn: (u) => u.items?.length || 0,
+    target: p
+  }), f({
+    clock: $,
+    fn: (u) => !!u.enableRowClick,
+    target: I
+  }), f({
+    clock: $,
+    fn: (u) => !!u.displayIndex,
+    target: A
+  }), f({
+    clock: $,
+    fn: (u) => !!u.displayActionCol,
+    target: O
+  }), f({
+    clock: $,
+    fn: (u) => u.tableActions || [],
+    target: E
+  }), f({
+    clock: $,
+    fn: (u) => u.contextActions || [],
+    target: H
+  }), f({
+    clock: $,
+    fn: (u) => u.rowActions || [],
+    target: L
+  }), f({
+    clock: $,
+    filter: (u) => !!u.order && !e.order,
+    fn: (u) => u.order,
+    target: M
+  }), f({
+    clock: $,
+    filter: (u) => !!u.sort && !e.sort,
+    fn: (u) => u.sort,
+    target: v
+  }), f({
+    clock: $,
+    fn: () => !0,
+    target: a
+  }), f({
+    source: oe(N, i, M),
+    clock: W,
+    filter: ([u]) => u,
+    fn: ([u, g, _], P) => ({ items: [...g].sort(Vn(P, _)) }),
+    target: se
+  });
+  const be = Y(), ve = Y();
+  f({
+    clock: be,
+    target: y
+  }), f({
+    clock: ve,
+    target: C
+  }), [ve, be, U, te, W, j].forEach((u) => {
+    f({
+      clock: u,
+      filter: (g) => !g.local,
+      source: ee,
+      target: k
+    });
+  });
+  const _e = Y();
+  f({
+    source: i,
+    clock: _e,
+    fn: (u, g) => u.filter((_) => _.dt_id !== g && _.id !== g),
+    target: i
+  }), f({
+    source: p,
+    clock: _e,
+    fn: (u) => u - 1,
+    target: p
+  });
+  const xe = Y();
+  f({
+    source: i,
+    clock: xe,
+    fn: (u, g) => u.map((_) => _.dt_id === g.dt_id ? { ..._, ...g } : _),
+    target: i
+  });
+  const Ce = Y();
+  return f({
+    source: i,
+    clock: Ce,
+    fn: (u, g) => u.concat(me([g])),
+    target: i
+  }), f({
+    source: p,
+    clock: Ce,
+    fn: (u) => u + 1,
+    target: p
+  }), {
+    $endpoint: s,
+    $isReady: a,
+    dataTableInitialized: $,
+    itemsSet: se,
+    dataFetched: he,
+    $tableActions: E,
+    $items: i,
+    $structure: c,
+    $search: o,
+    $searchQuery: h,
+    $filters: d,
+    $currentFilter: n,
+    $isFetching: b,
+    $sort: v,
+    $order: M,
+    $displayActionCol: O,
+    $displayIndex: A,
+    $local: N,
+    $pageSize: y,
+    $page: C,
+    $count: p,
+    $requested: l,
+    $rowActions: L,
+    $contextActions: H,
+    searchQuerySet: j,
+    currentFilterDeleted: te,
+    currentFilterSet: U,
+    rowsSelected: R,
+    sortSet: W,
+    pageSizeSet: be,
+    pageSet: ve,
+    itemDeleted: _e,
+    itemAdded: Ce,
+    itemUpdated: xe,
+    fetchDataFx: k
+  };
+});
+export {
+  ur as D,
+  Tn as F,
+  yn as S,
+  Tt as T,
+  dr as a,
+  We as b,
+  _n as c,
+  hr as d,
+  Qe as e,
+  Je as m,
+  Vn as s,
+  en as u
+};