@dinhn1202/ui-kit 0.1.1

package/dist/dto-ui-kit.js

@@ -0,0 +1,919 @@
+import we, { useState as R, useRef as Ne, useEffect as Re, useMemo as T } from "react";
+import { Button as Ee, Input as Te, Select as ke, Spin as Ae, Avatar as Ie, Modal as Pe, Popover as me, Checkbox as Oe, Table as De, InputNumber as $e, DatePicker as Fe, TimePicker as ze, Radio as ue, TreeSelect as Ue, Upload as je, ConfigProvider as He, App as Me } from "antd";
+import { SettingOutlined as Be, SearchOutlined as fe, HolderOutlined as Le, FilterOutlined as Ye } from "@ant-design/icons";
+var se = { exports: {} }, K = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var pe;
+function qe() {
+  if (pe) return K;
+  pe = 1;
+  var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function i(a, u, d) {
+    var _ = null;
+    if (d !== void 0 && (_ = "" + d), u.key !== void 0 && (_ = "" + u.key), "key" in u) {
+      d = {};
+      for (var S in u)
+        S !== "key" && (d[S] = u[S]);
+    } else d = u;
+    return u = d.ref, {
+      $$typeof: t,
+      type: a,
+      key: _,
+      ref: u !== void 0 ? u : null,
+      props: d
+    };
+  }
+  return K.Fragment = r, K.jsx = i, K.jsxs = i, K;
+}
+var ee = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var _e;
+function Ve() {
+  return _e || (_e = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === B ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case O:
+          return "Fragment";
+        case z:
+          return "Profiler";
+        case M:
+          return "StrictMode";
+        case b:
+          return "Suspense";
+        case j:
+          return "SuspenseList";
+        case D:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case H:
+            return "Portal";
+          case U:
+            return e.displayName || "Context";
+          case q:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case y:
+            var c = e.render;
+            return e = e.displayName, e || (e = c.displayName || c.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case X:
+            return c = e.displayName || null, c !== null ? c : t(e.type) || "Memo";
+          case w:
+            c = e._payload, e = e._init;
+            try {
+              return t(e(c));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(e) {
+      return "" + e;
+    }
+    function i(e) {
+      try {
+        r(e);
+        var c = !1;
+      } catch {
+        c = !0;
+      }
+      if (c) {
+        c = console;
+        var m = c.error, g = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return m.call(
+          c,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          g
+        ), r(e);
+      }
+    }
+    function a(e) {
+      if (e === O) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === w)
+        return "<...>";
+      try {
+        var c = t(e);
+        return c ? "<" + c + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function u() {
+      var e = p.A;
+      return e === null ? null : e.getOwner();
+    }
+    function d() {
+      return Error("react-stack-top-frame");
+    }
+    function _(e) {
+      if (v.call(e, "key")) {
+        var c = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (c && c.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function S(e, c) {
+      function m() {
+        Z || (Z = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          c
+        ));
+      }
+      m.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: m,
+        configurable: !0
+      });
+    }
+    function A() {
+      var e = t(this.type);
+      return te[e] || (te[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function J(e, c, m, g, o, l) {
+      var s = m.ref;
+      return e = {
+        $$typeof: F,
+        type: e,
+        key: c,
+        props: m,
+        _owner: g
+      }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: A
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: o
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: l
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function $(e, c, m, g, o, l) {
+      var s = c.children;
+      if (s !== void 0)
+        if (g)
+          if (V(s)) {
+            for (g = 0; g < s.length; g++)
+              I(s[g]);
+            Object.freeze && Object.freeze(s);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else I(s);
+      if (v.call(c, "key")) {
+        s = t(e);
+        var f = Object.keys(c).filter(function(L) {
+          return L !== "key";
+        });
+        g = 0 < f.length ? "{key: someKey, " + f.join(": ..., ") + ": ...}" : "{key: someKey}", oe[s + g] || (f = 0 < f.length ? "{" + f.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          g,
+          s,
+          f,
+          s
+        ), oe[s + g] = !0);
+      }
+      if (s = null, m !== void 0 && (i(m), s = "" + m), _(c) && (i(c.key), s = "" + c.key), "key" in c) {
+        m = {};
+        for (var N in c)
+          N !== "key" && (m[N] = c[N]);
+      } else m = c;
+      return s && S(
+        m,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), J(
+        e,
+        s,
+        m,
+        u(),
+        o,
+        l
+      );
+    }
+    function I(e) {
+      Y(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === w && (e._payload.status === "fulfilled" ? Y(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function Y(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === F;
+    }
+    var P = we, F = Symbol.for("react.transitional.element"), H = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), M = Symbol.for("react.strict_mode"), z = Symbol.for("react.profiler"), q = Symbol.for("react.consumer"), U = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), X = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), B = Symbol.for("react.client.reference"), p = P.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, v = Object.prototype.hasOwnProperty, V = Array.isArray, Q = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    P = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var Z, te = {}, re = P.react_stack_bottom_frame.bind(
+      P,
+      d
+    )(), ne = Q(a(d)), oe = {};
+    ee.Fragment = O, ee.jsx = function(e, c, m) {
+      var g = 1e4 > p.recentlyCreatedOwnerStacks++;
+      return $(
+        e,
+        c,
+        m,
+        !1,
+        g ? Error("react-stack-top-frame") : re,
+        g ? Q(a(e)) : ne
+      );
+    }, ee.jsxs = function(e, c, m) {
+      var g = 1e4 > p.recentlyCreatedOwnerStacks++;
+      return $(
+        e,
+        c,
+        m,
+        !0,
+        g ? Error("react-stack-top-frame") : re,
+        g ? Q(a(e)) : ne
+      );
+    };
+  })()), ee;
+}
+var ge;
+function We() {
+  return ge || (ge = 1, process.env.NODE_ENV === "production" ? se.exports = qe() : se.exports = Ve()), se.exports;
+}
+var n = We();
+function Ce(t) {
+  var r, i, a = "";
+  if (typeof t == "string" || typeof t == "number") a += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var u = t.length;
+    for (r = 0; r < u; r++) t[r] && (i = Ce(t[r])) && (a && (a += " "), a += i);
+  } else for (i in t) t[i] && (a && (a += " "), a += i);
+  return a;
+}
+function h() {
+  for (var t, r, i = 0, a = "", u = arguments.length; i < u; i++) (t = arguments[i]) && (r = Ce(t)) && (a && (a += " "), a += r);
+  return a;
+}
+const Ge = "_button_1wcp1_1", Je = "_secondary_1wcp1_31", Xe = "_danger_1wcp1_37", he = {
+  button: Ge,
+  secondary: Je,
+  danger: Xe
+}, ae = ({
+  customVariant: t = "primary",
+  className: r,
+  children: i,
+  ...a
+}) => /* @__PURE__ */ n.jsx(
+  Ee,
+  {
+    ...a,
+    className: h(he.button, he[t], r),
+    children: i
+  }
+), Qe = "_input_1tcmw_1", Ze = {
+  input: Qe
+}, ie = ({ className: t, ...r }) => /* @__PURE__ */ n.jsx(Te, { ...r, className: h(Ze.input, t) }), Ke = "_select_e8rgx_1", et = "_popup_e8rgx_10", be = {
+  select: Ke,
+  popup: et
+}, tt = ({
+  fullWidth: t,
+  className: r,
+  popupClassName: i,
+  style: a,
+  ...u
+}) => /* @__PURE__ */ n.jsx(
+  ke,
+  {
+    ...u,
+    className: h(be.select, r),
+    popupClassName: h(be.popup, i),
+    style: { ...t ? { width: "100%" } : {}, ...a }
+  }
+), rt = "_userSelect_zu1fg_1", nt = "_identity_zu1fg_5", ot = "_identityCompact_zu1fg_12", st = "_avatar_zu1fg_16", at = "_userDetails_zu1fg_24", lt = "_displayName_zu1fg_30", it = "_email_zu1fg_31", ct = "_message_zu1fg_47", ut = "_popup_zu1fg_58", k = {
+  userSelect: rt,
+  identity: nt,
+  identityCompact: ot,
+  avatar: st,
+  userDetails: at,
+  displayName: lt,
+  email: it,
+  message: ct,
+  popup: ut
+}, dt = (t) => t.split(" ").filter(Boolean).slice(0, 2).map((r) => r[0]).join("").toUpperCase(), ve = ({ compact: t = !1, user: r }) => /* @__PURE__ */ n.jsxs("span", { className: h(k.identity, { [k.identityCompact]: t }), children: [
+  /* @__PURE__ */ n.jsx(Ie, { alt: r.displayName, className: k.avatar, size: t ? 22 : 32, src: r.avatarUrl, children: dt(r.displayName) }),
+  /* @__PURE__ */ n.jsxs("span", { className: k.userDetails, children: [
+    /* @__PURE__ */ n.jsx("span", { className: k.displayName, children: r.displayName }),
+    !t && r.email ? /* @__PURE__ */ n.jsx("span", { className: k.email, children: r.email }) : null
+  ] })
+] }), cr = ({
+  className: t,
+  debounceMs: r = 300,
+  fullWidth: i,
+  minSearchLength: a = 2,
+  onChange: u,
+  popupClassName: d,
+  service: _,
+  ...S
+}) => {
+  const [A, J] = R(""), [$, I] = R([]), [Y, P] = R({}), [F, H] = R(!1), [O, M] = R(!1), z = Ne(0);
+  Re(() => {
+    const y = A.trim(), b = ++z.current;
+    if (y.length < a) {
+      I([]), M(!1), H(!1);
+      return;
+    }
+    const j = new AbortController(), X = window.setTimeout(() => {
+      (async () => {
+        H(!0), M(!0);
+        try {
+          const D = await _.searchUsers(y, j.signal);
+          if (j.signal.aborted || b !== z.current || (I(D), P((p) => ({
+            ...p,
+            ...Object.fromEntries(D.map((v) => [v.id, v]))
+          })), !_.getUserAvatar))
+            return;
+          const B = await Promise.all(
+            D.map(async (p) => {
+              var v;
+              if (p.avatarUrl)
+                return p;
+              try {
+                const V = await ((v = _.getUserAvatar) == null ? void 0 : v.call(_, p, j.signal));
+                return V ? { ...p, avatarUrl: V } : p;
+              } catch {
+                return p;
+              }
+            })
+          );
+          if (j.signal.aborted || b !== z.current)
+            return;
+          I(B), P((p) => ({
+            ...p,
+            ...Object.fromEntries(B.map((v) => [v.id, v]))
+          }));
+        } catch {
+          !j.signal.aborted && b === z.current && I([]);
+        } finally {
+          !j.signal.aborted && b === z.current && H(!1);
+        }
+      })();
+    }, r);
+    return () => {
+      window.clearTimeout(X), j.abort();
+    };
+  }, [r, a, A, _]);
+  const q = T(
+    () => $.map((y) => ({ label: y.displayName, user: y, value: y.id })),
+    [$]
+  ), U = F ? /* @__PURE__ */ n.jsxs("span", { className: k.message, children: [
+    /* @__PURE__ */ n.jsx(Ae, { size: "small" }),
+    " Searching users..."
+  ] }) : A.trim().length < a ? /* @__PURE__ */ n.jsxs("span", { className: k.message, children: [
+    "Type at least ",
+    a,
+    " characters to search."
+  ] }) : O ? /* @__PURE__ */ n.jsx("span", { className: k.message, children: "No users found." }) : null;
+  return /* @__PURE__ */ n.jsx(
+    tt,
+    {
+      ...S,
+      className: h(k.userSelect, t),
+      filterOption: !1,
+      fullWidth: i,
+      labelRender: ({ value: y }) => {
+        const b = Y[String(y)];
+        return b ? /* @__PURE__ */ n.jsx(ve, { compact: !0, user: b }) : String(y);
+      },
+      loading: F,
+      notFoundContent: U,
+      options: q,
+      optionRender: ({ data: y }) => /* @__PURE__ */ n.jsx(ve, { user: y.user }),
+      popupClassName: h(k.popup, d),
+      showSearch: !0,
+      onChange: (y, b) => {
+        const j = Array.isArray(b) ? b[0] : b;
+        u == null || u(y, j == null ? void 0 : j.user);
+      },
+      onSearch: J
+    }
+  );
+}, mt = {}, ur = ({ className: t, children: r, ...i }) => /* @__PURE__ */ n.jsx(Pe, { ...i, className: h(mt.modal, t), children: r }), ft = "_container_we3bi_1", pt = "_toolbar_we3bi_5", _t = "_toolbarActions_we3bi_13", gt = "_globalSearch_we3bi_19", ht = "_columnChooser_we3bi_23", bt = "_filterPanel_we3bi_24", vt = "_popoverHeader_we3bi_30", xt = "_popoverSearch_we3bi_52", yt = "_columnList_we3bi_56", jt = "_columnItem_we3bi_63", Ct = "_columnItemDragging_we3bi_79", St = "_columnItemDropTarget_we3bi_83", wt = "_columnItemContent_we3bi_88", Nt = "_dragHandle_we3bi_95", Rt = "_filterFields_we3bi_107", Et = "_filterField_we3bi_107", Tt = "_keywordHighlight_we3bi_122", kt = "_emptyState_we3bi_129", At = "_table_we3bi_136", x = {
+  container: ft,
+  toolbar: pt,
+  toolbarActions: _t,
+  globalSearch: gt,
+  columnChooser: ht,
+  filterPanel: bt,
+  popoverHeader: vt,
+  popoverSearch: xt,
+  columnList: yt,
+  columnItem: jt,
+  columnItemDragging: Ct,
+  columnItemDropTarget: St,
+  columnItemContent: wt,
+  dragHandle: Nt,
+  filterFields: Rt,
+  filterField: Et,
+  keywordHighlight: Tt,
+  emptyState: kt,
+  table: At
+}, It = (t) => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Pt = (t, r, i) => !r || typeof t != "string" && typeof t != "number" ? t : String(t).split(r).map(
+  (a, u) => r.test(a) ? /* @__PURE__ */ n.jsx("mark", { className: i, children: a }, `${a}-${u}`) : a
+), xe = (t) => "children" in t, Ot = (t, r) => t.key !== void 0 ? String(t.key) : t.dataIndex !== void 0 ? Array.isArray(t.dataIndex) ? t.dataIndex.join(".") : String(t.dataIndex) : `column-${r}`, ce = (t, r) => typeof t.title == "string" || typeof t.title == "number" ? String(t.title) : r, W = (t, r) => r === void 0 ? void 0 : (Array.isArray(r) ? r : [r]).reduce((a, u) => {
+  if (!(a === null || typeof a != "object") && !(typeof u != "string" && typeof u != "number" && typeof u != "symbol"))
+    return a[u];
+}, t), G = (t) => String(t ?? "").toLocaleLowerCase(), Dt = (t, r) => typeof t == "number" && typeof r == "number" ? t - r : String(t ?? "").localeCompare(String(r ?? ""), void 0, {
+  numeric: !0,
+  sensitivity: "base"
+}), dr = ({
+  fullWidth: t,
+  enableColumnFeatures: r = !0,
+  enableGlobalSearch: i = !0,
+  enableMultiColumnFiltering: a = !0,
+  className: u,
+  columns: d,
+  dataSource: _,
+  pagination: S,
+  style: A,
+  ...J
+}) => {
+  const [$, I] = R(
+    () => /* @__PURE__ */ new Set()
+  ), [Y, P] = R([]), [F, H] = R(""), [O, M] = R(null), [z, q] = R(
+    null
+  ), [U, y] = R(""), [b, j] = R(
+    {}
+  ), X = T(() => S === !1 ? !1 : {
+    pageSize: 10,
+    showSizeChanger: !0,
+    showQuickJumper: !0,
+    hideOnSinglePage: !1,
+    showTotal: (o, l) => `${l[0]}-${l[1]} of ${o} items`,
+    ...S
+  }, [S]), w = T(() => d ? d.flatMap(
+    (o, l) => xe(o) ? [] : [{ column: o, id: Ot(o, l) }]
+  ) : [], [d]), D = T(
+    () => new Map(w.map((o) => [o.id, o])),
+    [w]
+  ), B = T(
+    () => (d == null ? void 0 : d.some((o) => xe(o))) ?? !1,
+    [d]
+  ), p = T(
+    () => w.filter((o) => o.column.dataIndex !== void 0),
+    [w]
+  ), v = T(() => {
+    const o = w.map((s) => s.id), l = Y.filter((s) => o.includes(s));
+    return [...l, ...o.filter((s) => !l.includes(s))];
+  }, [w, Y]), V = T(() => {
+    const o = G(F).trim();
+    return v.flatMap((l) => {
+      const s = D.get(l);
+      if (!s)
+        return [];
+      const f = ce(s.column, l);
+      return o && !G(f).includes(o) ? [] : [s];
+    });
+  }, [D, F, v]), Q = T(() => {
+    if (!_ || p.length === 0)
+      return _;
+    const o = G(U).trim(), l = p.filter(
+      ({ id: s }) => {
+        var f;
+        return !!((f = b[s]) != null && f.trim());
+      }
+    );
+    return !o && l.length === 0 ? _ : _.filter((s) => {
+      const f = !o || p.some(
+        ({ column: L }) => G(W(s, L.dataIndex)).includes(
+          o
+        )
+      ), N = l.every(
+        ({ column: L, id: C }) => G(W(s, L.dataIndex)).includes(
+          G(b[C]).trim()
+        )
+      );
+      return f && N;
+    });
+  }, [_, p, U, b]), Z = T(() => {
+    const o = Array.from(
+      new Set(
+        [U, ...Object.values(b)].map((l) => l.trim()).filter(Boolean).sort((l, s) => s.length - l.length)
+      )
+    );
+    return o.length > 0 ? new RegExp(`(${o.map(It).join("|")})`, "i") : void 0;
+  }, [U, b]), te = T(() => !d || !r || B ? d : v.flatMap((o) => {
+    var L;
+    if ($.has(o))
+      return [];
+    const l = (L = D.get(o)) == null ? void 0 : L.column;
+    if (!l)
+      return [];
+    const s = l.dataIndex;
+    if (s === void 0)
+      return [l];
+    const N = Array.from(
+      new Set(
+        (_ ?? []).map((C) => W(C, s)).filter((C) => C != null)
+      )
+    ).map((C) => ({
+      text: String(C),
+      value: String(C)
+    }));
+    return [
+      {
+        ...l,
+        render: l.render ?? ((C) => Pt(
+          C,
+          Z,
+          x.keywordHighlight
+        )),
+        ...l.sorter === void 0 ? {
+          sorter: (C, le) => Dt(
+            W(C, s),
+            W(le, s)
+          )
+        } : {},
+        ...l.filters === void 0 && l.onFilter === void 0 && l.filterDropdown === void 0 && N.length > 0 ? {
+          filterSearch: !0,
+          filters: N,
+          onFilter: (C, le) => String(W(le, s)) === String(C)
+        } : {}
+      }
+    ];
+  }), [
+    D,
+    d,
+    _,
+    r,
+    B,
+    $,
+    Z,
+    v
+  ]), re = (o) => {
+    I((l) => {
+      const s = new Set(l);
+      return s.has(o) ? s.delete(o) : s.add(o), s;
+    });
+  }, ne = (o, l) => {
+    P(() => {
+      const s = v.indexOf(o), f = v.indexOf(l);
+      if (s < 0 || f < 0 || s === f)
+        return v;
+      const N = [...v];
+      return N.splice(s, 1), N.splice(
+        s < f ? f - 1 : f,
+        0,
+        o
+      ), N;
+    });
+  }, oe = () => {
+    I(/* @__PURE__ */ new Set()), P([]), H("");
+  }, e = (o, l) => {
+    j((s) => ({
+      ...s,
+      [o]: l
+    }));
+  }, c = r && w.length > 0 && !B ? /* @__PURE__ */ n.jsx(
+    me,
+    {
+      trigger: "click",
+      placement: "bottomRight",
+      content: /* @__PURE__ */ n.jsxs("div", { className: x.columnChooser, children: [
+        /* @__PURE__ */ n.jsxs("div", { className: x.popoverHeader, children: [
+          /* @__PURE__ */ n.jsxs("div", { children: [
+            /* @__PURE__ */ n.jsx("strong", { children: "Manage columns" }),
+            /* @__PURE__ */ n.jsx("span", { children: "Choose visibility and order" })
+          ] }),
+          /* @__PURE__ */ n.jsx(ae, { size: "small", type: "link", onClick: oe, children: "Reset" })
+        ] }),
+        /* @__PURE__ */ n.jsx(
+          ie,
+          {
+            className: x.popoverSearch,
+            value: F,
+            allowClear: !0,
+            placeholder: "Search columns",
+            prefix: /* @__PURE__ */ n.jsx(fe, {}),
+            onChange: (o) => H(o.target.value)
+          }
+        ),
+        /* @__PURE__ */ n.jsx("div", { className: x.columnList, role: "list", children: V.length > 0 ? V.map((o) => {
+          const l = ce(o.column, o.id);
+          return /* @__PURE__ */ n.jsx(
+            "div",
+            {
+              "aria-label": `Drag ${l} to change column order`,
+              className: h(x.columnItem, {
+                [x.columnItemDragging]: O === o.id,
+                [x.columnItemDropTarget]: z === o.id && O !== o.id
+              }),
+              draggable: !0,
+              role: "listitem",
+              onDragEnd: () => {
+                M(null), q(null);
+              },
+              onDragOver: (s) => {
+                s.preventDefault(), s.dataTransfer.dropEffect = "move", O !== o.id && q(o.id);
+              },
+              onDragStart: (s) => {
+                s.dataTransfer.effectAllowed = "move", s.dataTransfer.setData("text/plain", o.id), M(o.id);
+              },
+              onDrop: (s) => {
+                s.preventDefault();
+                const f = O ?? s.dataTransfer.getData("text/plain");
+                f && f !== o.id && ne(f, o.id), M(null), q(null);
+              },
+              children: /* @__PURE__ */ n.jsxs("div", { className: x.columnItemContent, children: [
+                /* @__PURE__ */ n.jsx("span", { className: x.dragHandle, "aria-hidden": "true", children: /* @__PURE__ */ n.jsx(Le, {}) }),
+                /* @__PURE__ */ n.jsx(
+                  Oe,
+                  {
+                    checked: !$.has(o.id),
+                    onChange: () => re(o.id),
+                    children: l
+                  }
+                )
+              ] })
+            },
+            o.id
+          );
+        }) : /* @__PURE__ */ n.jsx("p", { className: x.emptyState, children: "No matching columns" }) })
+      ] }),
+      children: /* @__PURE__ */ n.jsx(ae, { icon: /* @__PURE__ */ n.jsx(Be, {}), size: "small", type: "text", children: "Columns" })
+    }
+  ) : null, m = a && p.length > 0 ? /* @__PURE__ */ n.jsx(
+    me,
+    {
+      trigger: "click",
+      placement: "bottomRight",
+      content: /* @__PURE__ */ n.jsxs("div", { className: x.filterPanel, children: [
+        /* @__PURE__ */ n.jsxs("div", { className: x.popoverHeader, children: [
+          /* @__PURE__ */ n.jsxs("div", { children: [
+            /* @__PURE__ */ n.jsx("strong", { children: "Filter rows" }),
+            /* @__PURE__ */ n.jsx("span", { children: "Match all conditions" })
+          ] }),
+          /* @__PURE__ */ n.jsx(ae, { size: "small", type: "link", onClick: () => j({}), children: "Clear" })
+        ] }),
+        /* @__PURE__ */ n.jsx("div", { className: x.filterFields, children: p.map((o) => {
+          const l = ce(o.column, o.id);
+          return /* @__PURE__ */ n.jsxs("label", { className: x.filterField, children: [
+            /* @__PURE__ */ n.jsx("span", { children: l }),
+            /* @__PURE__ */ n.jsx(
+              ie,
+              {
+                value: b[o.id] ?? "",
+                allowClear: !0,
+                placeholder: `Filter ${l}`,
+                onChange: (s) => e(o.id, s.target.value)
+              }
+            )
+          ] }, o.id);
+        }) })
+      ] }),
+      children: /* @__PURE__ */ n.jsx(ae, { icon: /* @__PURE__ */ n.jsx(Ye, {}), size: "small", type: "text", children: "Filters" })
+    }
+  ) : null, g = i && p.length > 0 || m || c ? /* @__PURE__ */ n.jsxs("div", { className: x.toolbar, children: [
+    i && p.length > 0 ? /* @__PURE__ */ n.jsx(
+      ie,
+      {
+        className: x.globalSearch,
+        value: U,
+        allowClear: !0,
+        placeholder: "Search all columns",
+        prefix: /* @__PURE__ */ n.jsx(fe, {}),
+        onChange: (o) => y(o.target.value)
+      }
+    ) : /* @__PURE__ */ n.jsx("span", {}),
+    /* @__PURE__ */ n.jsxs("div", { className: x.toolbarActions, children: [
+      m,
+      c
+    ] })
+  ] }) : null;
+  return /* @__PURE__ */ n.jsxs("div", { className: x.container, children: [
+    g,
+    /* @__PURE__ */ n.jsx(
+      De,
+      {
+        ...J,
+        columns: te,
+        dataSource: Q,
+        pagination: X,
+        className: h(x.table, u),
+        style: { ...t ? { width: "100%" } : {}, ...A }
+      }
+    )
+  ] });
+}, $t = "_loading_10h4y_1", Ft = "_fullScreen_10h4y_9", zt = "_overlayContainer_10h4y_16", Ut = "_overlay_10h4y_16", Ht = "_content_10h4y_27", Mt = "_logo_10h4y_33", Bt = "_dots_10h4y_39", Lt = "_dot_10h4y_39", E = {
+  loading: $t,
+  fullScreen: Ft,
+  overlayContainer: zt,
+  overlay: Ut,
+  content: Ht,
+  logo: Mt,
+  dots: Bt,
+  dot: Lt
+}, mr = ({
+  fullScreen: t = !1,
+  overlay: r = !1,
+  children: i,
+  logoSrc: a,
+  logoAlt: u = "",
+  logoWidth: d = 160,
+  label: _ = "Loading",
+  className: S
+}) => {
+  const A = /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      "aria-label": _,
+      "aria-live": "polite",
+      className: h(
+        E.loading,
+        { [E.fullScreen]: t && !r, [E.overlay]: r },
+        S
+      ),
+      role: "status",
+      children: /* @__PURE__ */ n.jsxs("div", { className: E.content, style: { width: d }, children: [
+        a ? /* @__PURE__ */ n.jsx("img", { alt: u, className: E.logo, src: a }) : null,
+        /* @__PURE__ */ n.jsxs("div", { "aria-hidden": "true", className: E.dots, children: [
+          /* @__PURE__ */ n.jsx("span", { className: E.dot }),
+          /* @__PURE__ */ n.jsx("span", { className: E.dot }),
+          /* @__PURE__ */ n.jsx("span", { className: E.dot }),
+          /* @__PURE__ */ n.jsx("span", { className: E.dot })
+        ] })
+      ] })
+    }
+  );
+  return r ? /* @__PURE__ */ n.jsxs("div", { className: E.overlayContainer, children: [
+    i,
+    A
+  ] }) : A;
+}, Yt = "_inputNumber_121a8_1", qt = {
+  inputNumber: Yt
+}, fr = ({
+  fullWidth: t,
+  className: r,
+  style: i,
+  ...a
+}) => /* @__PURE__ */ n.jsx(
+  $e,
+  {
+    ...a,
+    className: h(qt.inputNumber, r),
+    style: { ...t ? { width: "100%" } : {}, ...i }
+  }
+), Vt = "_datePicker_zf87q_1", Wt = {
+  datePicker: Vt
+}, pr = ({
+  fullWidth: t,
+  className: r,
+  style: i,
+  ...a
+}) => /* @__PURE__ */ n.jsx(
+  Fe,
+  {
+    ...a,
+    className: h(Wt.datePicker, r),
+    style: { ...t ? { width: "100%" } : {}, ...i }
+  }
+), Gt = "_timePicker_1usbo_1", Jt = {
+  timePicker: Gt
+}, _r = ({
+  fullWidth: t,
+  className: r,
+  style: i,
+  ...a
+}) => /* @__PURE__ */ n.jsx(
+  ze,
+  {
+    ...a,
+    className: h(Jt.timePicker, r),
+    style: { ...t ? { width: "100%" } : {}, ...i }
+  }
+), Xt = "_radio_16nmm_1", Qt = "_radioButton_16nmm_2", Zt = "_group_16nmm_3", de = {
+  radio: Xt,
+  radioButton: Qt,
+  group: Zt
+}, gr = ({ className: t, ...r }) => /* @__PURE__ */ n.jsx(ue, { ...r, className: h(de.radio, t) }), hr = ({ className: t, ...r }) => /* @__PURE__ */ n.jsx(ue.Button, { ...r, className: h(de.radioButton, t) }), br = ({
+  fullWidth: t,
+  className: r,
+  style: i,
+  ...a
+}) => /* @__PURE__ */ n.jsx(
+  ue.Group,
+  {
+    ...a,
+    className: h(de.group, r),
+    style: { ...t ? { width: "100%" } : {}, ...i }
+  }
+), Kt = "_treeSelect_16xy2_1", er = "_popup_16xy2_10", ye = {
+  treeSelect: Kt,
+  popup: er
+}, vr = ({
+  fullWidth: t,
+  className: r,
+  popupClassName: i,
+  style: a,
+  ...u
+}) => /* @__PURE__ */ n.jsx(
+  Ue,
+  {
+    ...u,
+    className: h(ye.treeSelect, r),
+    popupClassName: h(ye.popup, i),
+    style: { ...t ? { width: "100%" } : {}, ...a }
+  }
+), tr = "_upload_wwgt2_1", rr = "_dragger_wwgt2_2", Se = {
+  upload: tr,
+  dragger: rr
+}, xr = ({ className: t, ...r }) => /* @__PURE__ */ n.jsx(je, { ...r, className: h(Se.upload, t) }), yr = ({ className: t, ...r }) => /* @__PURE__ */ n.jsx(je.Dragger, { ...r, className: h(Se.dragger, t) }), nr = {
+  Button: {
+    borderRadius: 8,
+    controlHeight: 40
+  },
+  Input: {
+    borderRadius: 8,
+    controlHeight: 40,
+    hoverBorderColor: "#000000",
+    activeBorderColor: "#000000",
+    activeShadow: "0 0 0 2px rgb(0 0 0 / 12%)"
+  },
+  Select: {
+    borderRadius: 8,
+    controlHeight: 40,
+    hoverBorderColor: "#000000",
+    activeBorderColor: "#000000",
+    activeOutlineColor: "rgb(0 0 0 / 12%)",
+    optionSelectedBg: "#404040",
+    optionSelectedColor: "#ffffff"
+  },
+  Modal: {},
+  Table: {}
+}, or = {
+  colorPrimary: "#1677ff",
+  borderRadius: 8,
+  controlHeight: 40
+}, sr = {
+  token: or,
+  components: nr
+}, jr = ({ children: t, theme: r }) => /* @__PURE__ */ n.jsx(He, { theme: r ?? sr, children: /* @__PURE__ */ n.jsx(Me, { children: t }) });
+export {
+  ae as CustomButton,
+  pr as CustomDatePicker,
+  ie as CustomInput,
+  fr as CustomInputNumber,
+  mr as CustomLoading,
+  ur as CustomModal,
+  gr as CustomRadio,
+  hr as CustomRadioButton,
+  br as CustomRadioGroup,
+  tt as CustomSelect,
+  dr as CustomTable,
+  jr as CustomThemeProvider,
+  _r as CustomTimePicker,
+  vr as CustomTreeSelect,
+  xr as CustomUpload,
+  yr as CustomUploadDragger,
+  cr as CustomUserSelect,
+  or as baseTokens,
+  nr as componentTokens,
+  sr as dtoTheme
+};