@devtable/settings-form 13.11.0 → 13.11.2

package/dist/settings-form.es.js

@@ -1,13 +1,13 @@
-import F, { useEffect as dt, Suspense as Jn, forwardRef as pt, useState as dn, Component as er } from "react";
-import { Button as V, Loader as tr, Box as Q, TextInput as J, Divider as gt, Group as z, NumberInput as nr, PasswordInput as ft, Modal as we, Stack as Xe, Alert as pn, SegmentedControl as rr, ActionIcon as Ft, Text as je, Tooltip as ot, LoadingOverlay as mt, Table as ht, Select as ar, Switch as sr, createStyles as gn, rem as Ke, useComponentDefaultProps as or, useMantineTheme as ir, ScrollArea as fn, Tabs as bt, HoverCard as Tt } from "@mantine/core";
+import F, { useEffect as dt, Suspense as er, forwardRef as pt, useState as pn, Component as tr } from "react";
+import { Button as V, Loader as nr, Box as Q, TextInput as J, Divider as gt, Group as z, NumberInput as rr, PasswordInput as ft, Modal as we, Stack as Xe, Alert as gn, SegmentedControl as ar, ActionIcon as Ft, Text as je, Tooltip as ot, LoadingOverlay as mt, Table as ht, Select as sr, Switch as or, createStyles as fn, rem as Ke, useComponentDefaultProps as ir, useMantineTheme as lr, ScrollArea as mn, Tabs as bt, HoverCard as Tt } from "@mantine/core";
 import { showNotification as le, updateNotification as P } from "@mantine/notifications";
-import { Recycle as lr, AlertCircle as cr, PlaylistAdd as vt, Trash as yt, Edit as ur } from "tabler-icons-react";
-import * as dr from "crypto-js";
-import pr from "lodash";
-import gr from "axios";
+import { Recycle as cr, AlertCircle as ur, PlaylistAdd as vt, Trash as yt, Edit as dr } from "tabler-icons-react";
+import * as pr from "crypto-js";
+import gr from "lodash";
+import en from "axios";
 import { useForm as be, Controller as R } from "react-hook-form";
-import mn, { loader as jt } from "@monaco-editor/react";
-import { IconDeviceFloppy as hn, IconMathFunction as fr, IconNetwork as mr, IconBrandMysql as hr, IconDatabase as br, IconLock as bn, IconEdit as Rt, IconEye as vr } from "@tabler/icons-react";
+import hn, { loader as jt } from "@monaco-editor/react";
+import { IconDeviceFloppy as bn, IconMathFunction as fr, IconNetwork as mr, IconBrandMysql as hr, IconDatabase as br, IconLock as vn, IconEdit as Rt, IconEye as vr } from "@tabler/icons-react";
 import { useTranslation as O, initReactI18next as yr, I18nextProvider as Sr, Trans as xr } from "react-i18next";
 import { createInstance as _r } from "i18next";
 import wr from "i18next-browser-languagedetector";
@@ -25,11 +25,11 @@ var Ot = { exports: {} }, qe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var en;
+var tn;
 function Tr() {
-  if (en)
+  if (tn)
     return qe;
-  en = 1;
+  tn = 1;
   var e = F, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
   function l(c, u, g) {
     var m, d = {}, p = null, f = null;
@@ -53,9 +53,9 @@ var He = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var tn;
+var nn;
 function jr() {
-  return tn || (tn = 1, process.env.NODE_ENV !== "production" && function() {
+  return nn || (nn = 1, process.env.NODE_ENV !== "production" && function() {
     var e = F, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), f = Symbol.for("react.offscreen"), v = Symbol.iterator, h = "@@iterator";
     function x(i) {
       if (i === null || typeof i != "object")
@@ -297,10 +297,10 @@ function jr() {
       var Le = i ? i.displayName || i.name : "", Jt = Le ? Re(Le) : "";
       return typeof i == "function" && ke.set(i, Jt), Jt;
     }
-    function On(i, y, w) {
+    function In(i, y, w) {
       return Mt(i, !1);
     }
-    function In(i) {
+    function Dn(i) {
       var y = i.prototype;
       return !!(y && y.isReactComponent);
     }
@@ -308,7 +308,7 @@ function jr() {
       if (i == null)
         return "";
       if (typeof i == "function")
-        return Mt(i, In(i));
+        return Mt(i, Dn(i));
       if (typeof i == "string")
         return Re(i);
       switch (i) {
@@ -320,7 +320,7 @@ function jr() {
       if (typeof i == "object")
         switch (i.$$typeof) {
           case u:
-            return On(i.render);
+            return In(i.render);
           case d:
             return tt(i.type, y, w);
           case p: {
@@ -341,7 +341,7 @@ function jr() {
       } else
         Ut.setExtraStackFrame(null);
     }
-    function Dn(i, y, w, A, C) {
+    function Ln(i, y, w, A, C) {
       {
         var D = Function.call.bind(nt);
         for (var j in i)
@@ -360,17 +360,17 @@ function jr() {
           }
       }
     }
-    var Ln = Array.isArray;
+    var Fn = Array.isArray;
     function _t(i) {
-      return Ln(i);
+      return Fn(i);
     }
-    function Fn(i) {
+    function $n(i) {
       {
         var y = typeof Symbol == "function" && Symbol.toStringTag, w = y && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return w;
       }
     }
-    function $n(i) {
+    function Nn(i) {
       try {
         return Gt(i), !1;
       } catch {
@@ -381,17 +381,17 @@ function jr() {
       return "" + i;
     }
     function qt(i) {
-      if ($n(i))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Fn(i)), Gt(i);
+      if (Nn(i))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", $n(i)), Gt(i);
     }
-    var Ge = _.ReactCurrentOwner, Nn = {
+    var Ge = _.ReactCurrentOwner, zn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, Ht, Yt, wt;
     wt = {};
-    function zn(i) {
+    function Pn(i) {
       if (nt.call(i, "ref")) {
         var y = Object.getOwnPropertyDescriptor(i, "ref").get;
         if (y && y.isReactWarning)
@@ -399,7 +399,7 @@ function jr() {
       }
       return i.ref !== void 0;
     }
-    function Pn(i) {
+    function Mn(i) {
       if (nt.call(i, "key")) {
         var y = Object.getOwnPropertyDescriptor(i, "key").get;
         if (y && y.isReactWarning)
@@ -407,13 +407,13 @@ function jr() {
       }
       return i.key !== void 0;
     }
-    function Mn(i, y) {
+    function Bn(i, y) {
       if (typeof i.ref == "string" && Ge.current && y && Ge.current.stateNode !== y) {
         var w = B(Ge.current.type);
         wt[w] || (S('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', B(Ge.current.type), i.ref), wt[w] = !0);
       }
     }
-    function Bn(i, y) {
+    function Un(i, y) {
       {
         var w = function() {
           Ht || (Ht = !0, S("%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://reactjs.org/link/special-props)", y));
@@ -424,7 +424,7 @@ function jr() {
         });
       }
     }
-    function Un(i, y) {
+    function Gn(i, y) {
       {
         var w = function() {
           Yt || (Yt = !0, S("%s: `ref` 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://reactjs.org/link/special-props)", y));
@@ -435,7 +435,7 @@ function jr() {
         });
       }
     }
-    var Gn = function(i, y, w, A, C, D, j) {
+    var qn = function(i, y, w, A, C, D, j) {
       var T = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -464,12 +464,12 @@ function jr() {
         value: C
       }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
     };
-    function qn(i, y, w, A, C) {
+    function Hn(i, y, w, A, C) {
       {
         var D, j = {}, T = null, ae = null;
-        w !== void 0 && (qt(w), T = "" + w), Pn(y) && (qt(y.key), T = "" + y.key), zn(y) && (ae = y.ref, Mn(y, C));
+        w !== void 0 && (qt(w), T = "" + w), Mn(y) && (qt(y.key), T = "" + y.key), Pn(y) && (ae = y.ref, Bn(y, C));
         for (D in y)
-          nt.call(y, D) && !Nn.hasOwnProperty(D) && (j[D] = y[D]);
+          nt.call(y, D) && !zn.hasOwnProperty(D) && (j[D] = y[D]);
         if (i && i.defaultProps) {
           var U = i.defaultProps;
           for (D in U)
@@ -477,9 +477,9 @@ function jr() {
         }
         if (T || ae) {
           var Y = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          T && Bn(j, Y), ae && Un(j, Y);
+          T && Un(j, Y), ae && Gn(j, Y);
         }
-        return Gn(i, T, ae, C, A, Ge.current, j);
+        return qn(i, T, ae, C, A, Ge.current, j);
       }
     }
     var Et = _.ReactCurrentOwner, Vt = _.ReactDebugCurrentFrame;
@@ -507,7 +507,7 @@ Check the render method of \`` + i + "`.";
         return "";
       }
     }
-    function Hn(i) {
+    function Yn(i) {
       {
         if (i !== void 0) {
           var y = i.fileName.replace(/^.*[\\\/]/, ""), w = i.lineNumber;
@@ -519,7 +519,7 @@ Check your code at ` + y + ":" + w + ".";
       }
     }
     var Kt = {};
-    function Yn(i) {
+    function Vn(i) {
       {
         var y = Wt();
         if (!y) {
@@ -536,7 +536,7 @@ Check the top-level render call using <` + w + ">.");
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var w = Yn(y);
+        var w = Vn(y);
         if (Kt[w])
           return;
         Kt[w] = !0;
@@ -563,7 +563,7 @@ Check the top-level render call using <` + w + ">.");
         }
       }
     }
-    function Vn(i) {
+    function Wn(i) {
       {
         var y = i.type;
         if (y == null || typeof y == "string")
@@ -579,7 +579,7 @@ Check the top-level render call using <` + w + ">.");
           return;
         if (w) {
           var A = B(y);
-          Dn(w, i.props, "prop", A, i);
+          Ln(w, i.props, "prop", A, i);
         } else if (y.PropTypes !== void 0 && !At) {
           At = !0;
           var C = B(y);
@@ -588,7 +588,7 @@ Check the top-level render call using <` + w + ">.");
         typeof y.getDefaultProps == "function" && !y.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Wn(i) {
+    function Kn(i) {
       {
         for (var y = Object.keys(i.props), w = 0; w < y.length; w++) {
           var A = y[w];
@@ -606,12 +606,12 @@ Check the top-level render call using <` + w + ">.");
         if (!j) {
           var T = "";
           (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (T += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var ae = Hn(C);
+          var ae = Yn(C);
           ae ? T += ae : T += Wt();
           var U;
           i === null ? U = "null" : _t(i) ? U = "array" : i !== void 0 && i.$$typeof === t ? (U = "<" + (B(i.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : U = typeof i, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", U, T);
         }
-        var Y = qn(i, y, w, C, D);
+        var Y = Hn(i, y, w, C, D);
         if (Y == null)
           return Y;
         if (j) {
@@ -627,17 +627,17 @@ Check the top-level render call using <` + w + ">.");
             else
               Xt(ie, i);
         }
-        return i === r ? Wn(Y) : Vn(Y), Y;
+        return i === r ? Kn(Y) : Wn(Y), Y;
       }
     }
-    function Kn(i, y, w) {
+    function Zn(i, y, w) {
       return Qt(i, y, w, !0);
     }
-    function Zn(i, y, w) {
+    function Xn(i, y, w) {
       return Qt(i, y, w, !1);
     }
-    var Xn = Zn, Qn = Kn;
-    He.Fragment = r, He.jsx = Xn, He.jsxs = Qn;
+    var Qn = Xn, Jn = Zn;
+    He.Fragment = r, He.jsx = Qn, He.jsxs = Jn;
   }()), He;
 }
 process.env.NODE_ENV === "production" ? Ot.exports = Tr() : Ot.exports = jr();
@@ -661,7 +661,7 @@ function Cr(e) {
 }
 function Rr(e, t) {
   let n = Cr(e);
-  return n += "&key=" + t, dr.MD5(n).toString().toUpperCase();
+  return n += "&key=" + t, pr.MD5(n).toString().toUpperCase();
 }
 class Or {
   constructor() {
@@ -684,8 +684,10 @@ class Or {
   getRequest(t, n) {
     return (r, s, o, l) => {
       const c = this.buildHeader(o), u = this.buildAxiosConfig(t, r, s, o, c, n);
-      return gr(u).then((g) => l ? g : g.data).catch((g) => {
-        const m = pr.get(g, "response.data.detail.message", g.message);
+      return en(u).then((g) => l ? g : g.data).catch((g) => {
+        if (en.isCancel(g))
+          return Promise.reject(g);
+        const m = gr.get(g, "response.data.detail.message", g.message);
         return Promise.reject(new Error(m));
       });
     };
@@ -850,7 +852,7 @@ const Fr = {
 }, zr = {
   list: async () => await G.get()("/role/list", {}, {})
 };
-var vn = 60, yn = vn * 60, Sn = yn * 24, Pr = Sn * 7, Me = 1e3, Ct = vn * Me, nn = yn * Me, Mr = Sn * Me, Br = Pr * Me, $t = "millisecond", $e = "second", Ne = "minute", ze = "hour", Se = "day", st = "week", ce = "month", xn = "quarter", xe = "year", Pe = "date", Ur = "YYYY-MM-DDTHH:mm:ssZ", rn = "Invalid Date", Gr = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, qr = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
+var yn = 60, Sn = yn * 60, xn = Sn * 24, Pr = xn * 7, Me = 1e3, Ct = yn * Me, rn = Sn * Me, Mr = xn * Me, Br = Pr * Me, $t = "millisecond", $e = "second", Ne = "minute", ze = "hour", Se = "day", st = "week", ce = "month", _n = "quarter", xe = "year", Pe = "date", Ur = "YYYY-MM-DDTHH:mm:ssZ", an = "Invalid Date", Gr = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, qr = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
 const Hr = {
   name: "en",
   weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),
@@ -884,7 +886,7 @@ var It = function(t, n, r) {
     m: Ne,
     s: $e,
     ms: $t,
-    Q: xn
+    Q: _n
   };
   return n[t] || String(t || "").toLowerCase().replace(/s$/, "");
 }, Zr = function(t) {
@@ -963,7 +965,7 @@ var Jr = function(t) {
   }, t.$utils = function() {
     return I;
   }, t.isValid = function() {
-    return this.$d.toString() !== rn;
+    return this.$d.toString() !== an;
   }, t.isSame = function(r, s) {
     var o = Z(r);
     return this.startOf(s) <= o && o <= this.endOf(s);
@@ -1039,14 +1041,14 @@ var Jr = function(t) {
       return u(1);
     if (c === st)
       return u(7);
-    var g = (l = {}, l[Ne] = Ct, l[ze] = nn, l[$e] = Me, l)[c] || 1, m = this.$d.getTime() + r * g;
+    var g = (l = {}, l[Ne] = Ct, l[ze] = rn, l[$e] = Me, l)[c] || 1, m = this.$d.getTime() + r * g;
     return I.w(m, this);
   }, t.subtract = function(r, s) {
     return this.add(r * -1, s);
   }, t.format = function(r) {
     var s = this, o = this.$locale();
     if (!this.isValid())
-      return o.invalidDate || rn;
+      return o.invalidDate || an;
     var l = r || Ur, c = I.z(this), u = this.$H, g = this.$m, m = this.$M, d = o.weekdays, p = o.months, f = o.meridiem, v = function(E, k, q, ee) {
       return E && (E[k] || E(s, l)) || q[k].slice(0, ee);
     }, h = function(E) {
@@ -1123,7 +1125,7 @@ var Jr = function(t) {
       case ce:
         p = d();
         break;
-      case xn:
+      case _n:
         p = d() / 3;
         break;
       case st:
@@ -1133,7 +1135,7 @@ var Jr = function(t) {
         p = (m - g) / Mr;
         break;
       case ze:
-        p = m / nn;
+        p = m / rn;
         break;
       case Ne:
         p = m / Ct;
@@ -1166,10 +1168,10 @@ var Jr = function(t) {
   }, t.toString = function() {
     return this.$d.toUTCString();
   }, e;
-}(), _n = St.prototype;
-Z.prototype = _n;
+}(), wn = St.prototype;
+Z.prototype = wn;
 [["$ms", $t], ["$s", $e], ["$m", Ne], ["$H", ze], ["$W", Se], ["$M", ce], ["$y", xe], ["$D", Pe]].forEach(function(e) {
-  _n[e[1]] = function(t) {
+  wn[e[1]] = function(t) {
     return this.$g(t, e[0], e[1]);
   };
 });
@@ -1219,7 +1221,7 @@ const ea = {
   button: {
     size: "xs"
   }
-}, wn = ({
+}, En = ({
   value: e,
   onChange: t,
   height: n = "200px",
@@ -1228,7 +1230,7 @@ const ea = {
   const s = (l) => {
     console.log("changing"), t == null || t(l ?? "");
   }, o = !t;
-  return /* @__PURE__ */ a.jsx(mn, { className: "minimal-monaco-editor", height: n, defaultLanguage: r, value: e, onChange: o ? void 0 : s, theme: "vs-dark", options: {
+  return /* @__PURE__ */ a.jsx(hn, { className: "minimal-monaco-editor", height: n, defaultLanguage: r, value: e, onChange: o ? void 0 : s, theme: "vs-dark", options: {
     lineNumbers: "off",
     folding: !1,
     lineDecorationsWidth: 20,
@@ -1247,7 +1249,7 @@ function ve({
   const {
     t: n
   } = O();
-  return /* @__PURE__ */ a.jsx(V, { type: "submit", color: "green", leftIcon: /* @__PURE__ */ a.jsx(hn, { size: 16 }), size: e, disabled: t, children: n("common.actions.submit") });
+  return /* @__PURE__ */ a.jsx(V, { type: "submit", color: "green", leftIcon: /* @__PURE__ */ a.jsx(bn, { size: 16 }), size: e, disabled: t, children: n("common.actions.submit") });
 }
 const ta = {
   translation: {
@@ -1554,7 +1556,7 @@ function Je(e, t) {
       config: o,
       ...l
     } = r;
-    return Lr(o), sa(o.monacoPath), /* @__PURE__ */ a.jsx(Jn, { fallback: /* @__PURE__ */ a.jsx(tr, { color: "gray" }), children: /* @__PURE__ */ a.jsx(ra, { lang: s, children: /* @__PURE__ */ a.jsx(t, { ...l }) }) });
+    return Lr(o), sa(o.monacoPath), /* @__PURE__ */ a.jsx(er, { fallback: /* @__PURE__ */ a.jsx(nr, { color: "gray" }), children: /* @__PURE__ */ a.jsx(ra, { lang: s, children: /* @__PURE__ */ a.jsx(t, { ...l }) }) });
   };
   return n.displayName = `withEntry(${e})`, n;
 }
@@ -1599,7 +1601,7 @@ function oa({
         field: c
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ a.jsx(nr, { mb: t.spacing, size: t.size, required: !0, label: r("datasource.db.port"), hideControls: !0, sx: {
+        /* @__PURE__ */ a.jsx(rr, { mb: t.spacing, size: t.size, required: !0, label: r("datasource.db.port"), hideControls: !0, sx: {
           width: "8em"
         }, ...c })
       ) })
@@ -1625,7 +1627,7 @@ const ia = ({
   };
   return /* @__PURE__ */ a.jsx(Q, { sx: {
     position: "relative"
-  }, children: /* @__PURE__ */ a.jsx(mn, { height: "500px", defaultLanguage: "javascript", value: e, onChange: n, theme: "vs-dark", options: {
+  }, children: /* @__PURE__ */ a.jsx(hn, { height: "500px", defaultLanguage: "javascript", value: e, onChange: n, theme: "vs-dark", options: {
     minimap: {
       enabled: !1
     }
@@ -1643,7 +1645,7 @@ const ia = ({
   } = O(), [u, {
     setTrue: g,
     setFalse: m
-  }] = Er(), [d, p] = dn(e), f = () => {
+  }] = Er(), [d, p] = pn(e), f = () => {
     m(), t(d);
   }, v = () => {
     m(), p(e);
@@ -1659,10 +1661,10 @@ const ia = ({
     /* @__PURE__ */ a.jsx(we, { size: 800, title: r, opened: u, onClose: m, closeOnClickOutside: !1, withCloseButton: !1, children: u && /* @__PURE__ */ a.jsxs(Xe, { children: [
       /* @__PURE__ */ a.jsx(ia, { value: d, onChange: p }),
       /* @__PURE__ */ a.jsxs(z, { position: "apart", children: [
-        /* @__PURE__ */ a.jsx(V, { size: o.button.size, onClick: h, color: "red", leftIcon: /* @__PURE__ */ a.jsx(lr, { size: 20 }), children: c("common.actions.reset_to_default") }),
+        /* @__PURE__ */ a.jsx(V, { size: o.button.size, onClick: h, color: "red", leftIcon: /* @__PURE__ */ a.jsx(cr, { size: 20 }), children: c("common.actions.reset_to_default") }),
         /* @__PURE__ */ a.jsxs(z, { position: "right", children: [
           /* @__PURE__ */ a.jsx(V, { size: o.button.size, onClick: v, variant: "subtle", children: c("common.actions.cancel") }),
-          /* @__PURE__ */ a.jsx(V, { size: o.button.size, color: "green", leftIcon: /* @__PURE__ */ a.jsx(hn, { size: 16 }), onClick: f, children: c("common.actions.save") })
+          /* @__PURE__ */ a.jsx(V, { size: o.button.size, color: "green", leftIcon: /* @__PURE__ */ a.jsx(bn, { size: 16 }), onClick: f, children: c("common.actions.save") })
         ] })
       ] })
     ] }) })
@@ -1720,7 +1722,7 @@ function la({
 function ca({
   styles: e = pe
 }) {
-  return /* @__PURE__ */ a.jsx(Q, { mx: "auto", children: /* @__PURE__ */ a.jsx(pn, { mt: e.spacing, icon: /* @__PURE__ */ a.jsx(cr, { size: 16 }), children: /* @__PURE__ */ a.jsxs(xr, { i18nKey: "datasource.db.permission_tip", children: [
+  return /* @__PURE__ */ a.jsx(Q, { mx: "auto", children: /* @__PURE__ */ a.jsx(gn, { mt: e.spacing, icon: /* @__PURE__ */ a.jsx(ur, { size: 16 }), children: /* @__PURE__ */ a.jsxs(xr, { i18nKey: "datasource.db.permission_tip", children: [
     "Only ",
     /* @__PURE__ */ a.jsx("b", { children: "SELECT" }),
     " privilege is needed."
@@ -1732,7 +1734,7 @@ function ua({
 }) {
   const {
     t: n
-  } = O(), [r, s] = dn("postgresql"), o = async ({
+  } = O(), [r, s] = pn("postgresql"), o = async ({
     type: u,
     key: g,
     config: m
@@ -1767,7 +1769,7 @@ function ua({
     }
   }, l = r === "postgresql" || r === "mysql", c = r === "http";
   return /* @__PURE__ */ a.jsxs(Q, { mx: "auto", children: [
-    /* @__PURE__ */ a.jsx(rr, { fullWidth: !0, mb: t.spacing, size: t.size, data: [{
+    /* @__PURE__ */ a.jsx(ar, { fullWidth: !0, mb: t.spacing, size: t.size, data: [{
       label: "PostgreSQL",
       value: "postgresql"
     }, {
@@ -1866,11 +1868,11 @@ function ma({
     hover: !0,
     touch: !1,
     focus: !1
-  }, label: o("datasource.delete.cant_delete_preset"), children: /* @__PURE__ */ a.jsx(V, { size: s.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a.jsx(bn, { size: 16 }), sx: {
+  }, label: o("datasource.delete.cant_delete_preset"), children: /* @__PURE__ */ a.jsx(V, { size: s.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a.jsx(vn, { size: 16 }), sx: {
     transform: "none !important"
   }, children: o("common.actions.delete") }) }) : /* @__PURE__ */ a.jsx(V, { size: s.button.size, color: "red", onClick: u, leftIcon: /* @__PURE__ */ a.jsx(yt, { size: 16 }), children: o("common.actions.delete") });
 }
-const an = {
+const sn = {
   pre: ["function pre_process({ method, url, params, headers, data }, utils) {", "    // your code goes here", "    return { method, url, params, headers, data }", "}"].join(`
 `),
   post: ["function post_process(resp, utils) {", "    return resp.data", "}"].join(`
@@ -1903,10 +1905,10 @@ function ha({
     /* @__PURE__ */ a.jsxs(z, { grow: !0, children: [
       /* @__PURE__ */ a.jsx(R, { name: "config.processing.pre", control: o, render: ({
         field: c
-      }) => /* @__PURE__ */ a.jsx(lt, { label: s("datasource.http.processing.pre.label"), modalTitle: s("datasource.http.processing.pre.description"), defaultValue: an.pre, ...c, styles: r }) }),
+      }) => /* @__PURE__ */ a.jsx(lt, { label: s("datasource.http.processing.pre.label"), modalTitle: s("datasource.http.processing.pre.description"), defaultValue: sn.pre, ...c, styles: r }) }),
       /* @__PURE__ */ a.jsx(R, { name: "config.processing.post", control: o, render: ({
         field: c
-      }) => /* @__PURE__ */ a.jsx(lt, { label: s("datasource.http.processing.post.label"), modalTitle: s("datasource.http.processing.post.description"), defaultValue: an.post, ...c, styles: r }) })
+      }) => /* @__PURE__ */ a.jsx(lt, { label: s("datasource.http.processing.post.label"), modalTitle: s("datasource.http.processing.post.description"), defaultValue: sn.post, ...c, styles: r }) })
     ] }),
     /* @__PURE__ */ a.jsx(z, { position: "right", mt: r.spacing, children: /* @__PURE__ */ a.jsx(ve, { size: r.button.size }) })
   ] }) });
@@ -1964,7 +1966,7 @@ function va({
     hover: !0,
     touch: !1,
     focus: !1
-  }, label: r("datasource.cant_edit.preset"), children: /* @__PURE__ */ a.jsx(V, { size: n.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a.jsx(bn, { size: 16 }), sx: {
+  }, label: r("datasource.cant_edit.preset"), children: /* @__PURE__ */ a.jsx(V, { size: n.button.size, color: "gray", variant: "light", leftIcon: /* @__PURE__ */ a.jsx(vn, { size: 16 }), sx: {
     transform: "none !important"
   }, children: r("common.actions.edit") }) }) : e.type !== "http" ? /* @__PURE__ */ a.jsx(ot, { withArrow: !0, events: {
     hover: !0,
@@ -2053,7 +2055,7 @@ const ws = Je("DataSourceList", ({
   })), {
     refreshDeps: []
   });
-  return /* @__PURE__ */ a.jsx(ar, { ref: r, mb: e.spacing, size: e.size, required: !0, label: s("role.label"), itemComponent: ya, data: o, disabled: l, styles: () => ({
+  return /* @__PURE__ */ a.jsx(sr, { ref: r, mb: e.spacing, size: e.size, required: !0, label: s("role.label"), itemComponent: ya, data: o, disabled: l, styles: () => ({
     item: {
       "&[data-selected]": {
         "&, &:hover": {
@@ -2279,7 +2281,7 @@ function wa({
     /* @__PURE__ */ a.jsx(gt, { my: 20, variant: "dashed", label: "", labelPosition: "center" }),
     /* @__PURE__ */ a.jsx(R, { name: "reset_password", control: c, render: ({
       field: f
-    }) => /* @__PURE__ */ a.jsx(sr, { mb: o.spacing, size: o.size, label: l("account.reset_password"), checked: f.value, onChange: (v) => f.onChange(v.currentTarget.checked), styles: {
+    }) => /* @__PURE__ */ a.jsx(or, { mb: o.spacing, size: o.size, label: l("account.reset_password"), checked: f.value, onChange: (v) => f.onChange(v.currentTarget.checked), styles: {
       label: {
         verticalAlign: "middle"
       }
@@ -2313,7 +2315,7 @@ function Ea({
     }), trapFocus: !0, onDragStart: (g) => {
       g.stopPropagation();
     }, children: /* @__PURE__ */ a.jsx(wa, { ...e, postSubmit: u, styles: n }) }),
-    /* @__PURE__ */ a.jsx(V, { size: n.button.size, onClick: l, leftIcon: /* @__PURE__ */ a.jsx(ur, { size: 20 }), children: r("common.actions.edit") })
+    /* @__PURE__ */ a.jsx(V, { size: n.button.size, onClick: l, leftIcon: /* @__PURE__ */ a.jsx(dr, { size: 20 }), children: r("common.actions.edit") })
   ] });
 }
 const Es = Je("AccountList", ({
@@ -2709,7 +2711,7 @@ function Ca({
       /* @__PURE__ */ a.jsx(je, { size: 14, fw: 500, color: "#212529", sx: {
         cursor: "default"
       }, children: n("global_sql_snippet.content") }),
-      /* @__PURE__ */ a.jsx(wn, { height: "600px", ...l })
+      /* @__PURE__ */ a.jsx(En, { height: "600px", ...l })
     ] }) }),
     /* @__PURE__ */ a.jsx(z, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a.jsx(ve, { size: t.button.size }) })
   ] }) });
@@ -2781,7 +2783,7 @@ function Oa({
       /* @__PURE__ */ a.jsx(je, { size: 14, fw: 500, color: "#212529", sx: {
         cursor: "default"
       }, children: s("global_sql_snippet.content") }),
-      /* @__PURE__ */ a.jsx(wn, { height: "600px", ...u })
+      /* @__PURE__ */ a.jsx(En, { height: "600px", ...u })
     ] }) }),
     /* @__PURE__ */ a.jsx(z, { position: "right", mt: t.spacing, children: /* @__PURE__ */ a.jsx(ve, { size: t.button.size }) })
   ] }) });
@@ -5867,7 +5869,7 @@ function _e() {
     return e;
   }, _e.apply(this, arguments);
 }
-var $a = /\r\n|\r|\n/, sn = function(e) {
+var $a = /\r\n|\r|\n/, on = function(e) {
   e.length === 0 ? e.push({
     types: ["plain"],
     content: `
@@ -5875,14 +5877,14 @@ var $a = /\r\n|\r|\n/, sn = function(e) {
     empty: !0
   }) : e.length === 1 && e[0].content === "" && (e[0].content = `
 `, e[0].empty = !0);
-}, on = function(e, t) {
+}, ln = function(e, t) {
   var n = e.length;
   return n > 0 && e[n - 1] === t ? e : e.concat(t);
 }, Na = function(e) {
   for (var t = [[]], n = [e], r = [0], s = [e.length], o = 0, l = 0, c = [], u = [c]; l > -1; ) {
     for (; (o = r[l]++) < s[l]; ) {
       var g = void 0, m = t[l], d = n[l], p = d[o];
-      if (typeof p == "string" ? (m = l > 0 ? m : ["plain"], g = p) : (m = on(m, p.type), p.alias && (m = on(m, p.alias)), g = p.content), typeof g != "string") {
+      if (typeof p == "string" ? (m = l > 0 ? m : ["plain"], g = p) : (m = ln(m, p.type), p.alias && (m = ln(m, p.alias)), g = p.content), typeof g != "string") {
         l++, t.push(m), n.push(g), r.push(0), s.push(g.length);
         continue;
       }
@@ -5892,14 +5894,14 @@ var $a = /\r\n|\r|\n/, sn = function(e) {
         content: f[0]
       });
       for (var h = 1; h < v; h++)
-        sn(c), u.push(c = []), c.push({
+        on(c), u.push(c = []), c.push({
           types: m,
           content: f[h]
         });
     }
     l--, t.pop(), n.pop(), r.pop(), s.pop();
   }
-  return sn(c), u;
+  return on(c), u;
 }, za = function(e, t) {
   var n = e.plain, r = /* @__PURE__ */ Object.create(null), s = e.styles.reduce(function(o, l) {
     var c = l.languages, u = l.style;
@@ -5912,7 +5914,7 @@ var $a = /\r\n|\r|\n/, sn = function(e) {
     backgroundColor: null
   }), s;
 };
-function ln(e, t) {
+function cn(e, t) {
   var n = {};
   for (var r in e)
     Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) === -1 && (n[r] = e[r]);
@@ -5929,7 +5931,7 @@ var Pa = /* @__PURE__ */ function(e) {
       var l = o.theme ? za(o.theme, o.language) : void 0;
       return n.themeDict = l;
     }), Ye(this, "getLineProps", function(o) {
-      var l = o.key, c = o.className, u = o.style, g = ln(o, ["key", "className", "style", "line"]), m = g, d = _e({}, m, {
+      var l = o.key, c = o.className, u = o.style, g = cn(o, ["key", "className", "style", "line"]), m = g, d = _e({}, m, {
         className: "token-line",
         style: void 0,
         key: void 0
@@ -5954,7 +5956,7 @@ var Pa = /* @__PURE__ */ function(e) {
         return Object.assign.apply(Object, [m].concat(d));
       }
     }), Ye(this, "getTokenProps", function(o) {
-      var l = o.key, c = o.className, u = o.style, g = o.token, m = ln(o, ["key", "className", "style", "token"]), d = m, p = _e({}, d, {
+      var l = o.key, c = o.className, u = o.style, g = o.token, m = cn(o, ["key", "className", "style", "token"]), d = m, p = _e({}, d, {
         className: "token " + g.types.join(" "),
         children: g.content,
         style: n.getStyleForToken(g),
@@ -5983,9 +5985,9 @@ var Pa = /* @__PURE__ */ function(e) {
       getTokenProps: this.getTokenProps
     });
   }, t;
-}(er);
+}(tr);
 const Ma = Pa;
-function En({ copied: e }) {
+function An({ copied: e }) {
   return /* @__PURE__ */ F.createElement("svg", {
     viewBox: "0 0 15 15",
     fill: "none",
@@ -6003,7 +6005,7 @@ function En({ copied: e }) {
     clipRule: "evenodd"
   }));
 }
-En.displayName = "@mantine/prism/CopyIcon";
+An.displayName = "@mantine/prism/CopyIcon";
 const Ba = (e) => ({
   plain: {
     color: e.colors.gray[4],
@@ -6181,7 +6183,7 @@ const Ba = (e) => ({
     }
   ]
 }), Ga = (e, t) => t === "dark" ? Ba(e) : Ua(e);
-var qa = gn((e, { colorScheme: t, native: n, maxLineSize: r, radius: s }) => ({
+var qa = fn((e, { colorScheme: t, native: n, maxLineSize: r, radius: s }) => ({
   scrollArea: {},
   root: {
     position: "relative"
@@ -6228,20 +6230,20 @@ var qa = gn((e, { colorScheme: t, native: n, maxLineSize: r, radius: s }) => ({
   }
 }));
 const Ha = qa;
-var Ya = Object.defineProperty, Va = Object.defineProperties, Wa = Object.getOwnPropertyDescriptors, ct = Object.getOwnPropertySymbols, An = Object.prototype.hasOwnProperty, kn = Object.prototype.propertyIsEnumerable, cn = (e, t, n) => t in e ? Ya(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Fe = (e, t) => {
+var Ya = Object.defineProperty, Va = Object.defineProperties, Wa = Object.getOwnPropertyDescriptors, ct = Object.getOwnPropertySymbols, kn = Object.prototype.hasOwnProperty, Tn = Object.prototype.propertyIsEnumerable, un = (e, t, n) => t in e ? Ya(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Fe = (e, t) => {
   for (var n in t || (t = {}))
-    An.call(t, n) && cn(e, n, t[n]);
+    kn.call(t, n) && un(e, n, t[n]);
   if (ct)
     for (var n of ct(t))
-      kn.call(t, n) && cn(e, n, t[n]);
+      Tn.call(t, n) && un(e, n, t[n]);
   return e;
 }, Ve = (e, t) => Va(e, Wa(t)), Ka = (e, t) => {
   var n = {};
   for (var r in e)
-    An.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+    kn.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
   if (e != null && ct)
     for (var r of ct(e))
-      t.indexOf(r) < 0 && kn.call(e, r) && (n[r] = e[r]);
+      t.indexOf(r) < 0 && Tn.call(e, r) && (n[r] = e[r]);
   return n;
 };
 const Za = {
@@ -6251,10 +6253,10 @@ const Za = {
   withLineNumbers: !1,
   trim: !0,
   highlightLines: {},
-  scrollAreaComponent: fn,
+  scrollAreaComponent: mn,
   getPrismTheme: Ga
 }, Pt = pt((e, t) => {
-  const n = or("Prism", Za, e), {
+  const n = ir("Prism", Za, e), {
     className: r,
     children: s,
     language: o,
@@ -6291,9 +6293,9 @@ const Za = {
     "getPrismTheme",
     "variant"
   ]), q = h && typeof s == "string" ? s.trim() : s, ee = q.split(`
-`).length.toString().length, $ = ir(), H = kr(), N = v || $.colorScheme, { classes: ne, cx: L } = Ha({
+`).length.toString().length, $ = lr(), H = kr(), N = v || $.colorScheme, { classes: ne, cx: L } = Ha({
     colorScheme: N,
-    native: f !== fn,
+    native: f !== mn,
     maxLineSize: ee,
     radius: _
   }, { name: "Prism", classNames: c, styles: u, unstyled: x, variant: E });
@@ -6315,7 +6317,7 @@ const Za = {
     "aria-label": H.copied ? m : g,
     onClick: () => H.copy(q),
     unstyled: x
-  }, /* @__PURE__ */ F.createElement(En, {
+  }, /* @__PURE__ */ F.createElement(An, {
     copied: H.copied
   }))), /* @__PURE__ */ F.createElement(Ma, Ve(Fe({}, Fa), {
     theme: S($, N),
@@ -6362,7 +6364,7 @@ const Za = {
   }).filter(Boolean)))));
 });
 Pt.displayName = "@mantine/prism/Prism";
-var Xa = gn((e, { radius: t }) => ({
+var Xa = fn((e, { radius: t }) => ({
   tab: {
     paddingLeft: e.spacing.sm,
     paddingRight: e.spacing.sm,
@@ -6407,26 +6409,26 @@ var Xa = gn((e, { radius: t }) => ({
     border: 0
   }
 }));
-const Tn = Xa;
-var Qa = Object.defineProperty, Ja = Object.defineProperties, es = Object.getOwnPropertyDescriptors, ut = Object.getOwnPropertySymbols, jn = Object.prototype.hasOwnProperty, Cn = Object.prototype.propertyIsEnumerable, un = (e, t, n) => t in e ? Qa(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Rn = (e, t) => {
+const jn = Xa;
+var Qa = Object.defineProperty, Ja = Object.defineProperties, es = Object.getOwnPropertyDescriptors, ut = Object.getOwnPropertySymbols, Cn = Object.prototype.hasOwnProperty, Rn = Object.prototype.propertyIsEnumerable, dn = (e, t, n) => t in e ? Qa(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, On = (e, t) => {
   for (var n in t || (t = {}))
-    jn.call(t, n) && un(e, n, t[n]);
+    Cn.call(t, n) && dn(e, n, t[n]);
   if (ut)
     for (var n of ut(t))
-      Cn.call(t, n) && un(e, n, t[n]);
+      Rn.call(t, n) && dn(e, n, t[n]);
   return e;
 }, ts = (e, t) => Ja(e, es(t)), ns = (e, t) => {
   var n = {};
   for (var r in e)
-    jn.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+    Cn.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
   if (e != null && ut)
     for (var r of ut(e))
-      t.indexOf(r) < 0 && Cn.call(e, r) && (n[r] = e[r]);
+      t.indexOf(r) < 0 && Rn.call(e, r) && (n[r] = e[r]);
   return n;
 };
 function rs(e) {
-  const { classes: t } = Tn({ radius: e.radius });
-  return /* @__PURE__ */ F.createElement(bt, ts(Rn({}, e), {
+  const { classes: t } = jn({ radius: e.radius });
+  return /* @__PURE__ */ F.createElement(bt, ts(On({}, e), {
     variant: "outline",
     classNames: { tab: t.tab },
     translate: "no"
@@ -6462,8 +6464,8 @@ function as(e) {
     "colorScheme",
     "variant"
   ]);
-  const { classes: x } = Tn({ radius: s });
-  return /* @__PURE__ */ F.createElement(bt.Panel, Rn({}, h), /* @__PURE__ */ F.createElement(Pt, {
+  const { classes: x } = jn({ radius: s });
+  return /* @__PURE__ */ F.createElement(bt.Panel, On({}, h), /* @__PURE__ */ F.createElement(Pt, {
     language: n,
     classNames: { root: x.prism, code: x.code },
     radius: s,
@@ -6570,7 +6572,7 @@ const Ts = Je("DataSourceList", ({
   });
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs(z, { pt: e.spacing, position: "apart", children: [
-      /* @__PURE__ */ a.jsx(pn, { children: t("global_sql_snippet.description") }),
+      /* @__PURE__ */ a.jsx(gn, { children: t("global_sql_snippet.description") }),
       /* @__PURE__ */ a.jsx(Ra, { onSuccess: s })
     ] }),
     /* @__PURE__ */ a.jsxs(Q, { mt: e.spacing, sx: {
@@ -6606,7 +6608,7 @@ const Ts = Je("DataSourceList", ({
       ] })
     ] })
   ] });
-}), js = () => import("./package-ccf0beeb.mjs").then(({
+}), js = () => import("./package-b352cf11.mjs").then(({
   version: e
 }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
 export {