@devtable/settings-form 8.13.3 → 8.13.6

package/dist/settings-form.es.js

@@ -1,43 +1,37 @@
-import { Box as F, TextInput as D, Divider as Te, Group as O, NumberInput as $r, PasswordInput as de, Button as T, Modal as ne, Stack as ze, SegmentedControl as Yr, useMantineTheme as Kr, Tooltip as Br, Text as ue, LoadingOverlay as Oe, Table as Ae, Select as Gr, Switch as Hr } from "@mantine/core";
-import { showNotification as W, updateNotification as x } from "@mantine/notifications";
+import { Box as F, TextInput as D, Divider as Te, Group as O, NumberInput as Wr, PasswordInput as de, Button as T, Modal as ne, Stack as ze, SegmentedControl as Yr, useMantineTheme as Kr, Tooltip as Br, Text as ue, LoadingOverlay as Oe, Table as Ae, Select as Gr, Switch as Hr } from "@mantine/core";
+import { showNotification as V, updateNotification as k } from "@mantine/notifications";
 import * as ee from "react";
-import H, { useEffect as cr, forwardRef as ke, useState as lr, useMemo as ur } from "react";
-import { Recycle as Jr, PlaylistAdd as xe, Trash as De, Edit as Xr } from "tabler-icons-react";
+import H, { useEffect as xe, forwardRef as ke, useState as lr, useMemo as ur } from "react";
+import { Recycle as Jr, PlaylistAdd as De, Trash as je, Edit as Xr } from "tabler-icons-react";
 import Qr from "axios";
 import Zr from "crypto-js";
 import et from "lodash";
 import { useForm as J, Controller as R } from "react-hook-form";
 import { useBoolean as rt, useRequest as G } from "ahooks";
 import tt, { loader as Ee } from "@monaco-editor/react";
-import * as nt from "monaco-editor";
-import it from "monaco-editor/esm/vs/editor/editor.worker?worker";
-import at from "monaco-editor/esm/vs/language/css/css.worker?worker";
-import ot from "monaco-editor/esm/vs/language/html/html.worker?worker";
-import st from "monaco-editor/esm/vs/language/json/json.worker?worker";
-import ct from "monaco-editor/esm/vs/language/typescript/ts.worker?worker";
-import { useModals as fe, closeAllModals as lt } from "@mantine/modals";
-function ut(t) {
+import { useModals as fe, closeAllModals as nt } from "@mantine/modals";
+function at(t) {
   t = t || {};
-  const n = Object.keys(t).sort(), a = [];
+  const n = Object.keys(t).sort(), i = [];
   for (let o = 0; o < n.length; o++) {
     const l = n[o];
     if (l != "authentication" && t[l])
-      a.push(n[o] + "=" + (typeof t[l] == "object" ? JSON.stringify(t[l]) : t[l]));
+      i.push(n[o] + "=" + (typeof t[l] == "object" ? JSON.stringify(t[l]) : t[l]));
     else {
       const s = Object.keys(t[l]).sort();
       for (let c = 0; c < s.length; c++) {
         const d = s[c];
-        d != "sign" && t[l][d] && a.push(
+        d != "sign" && t[l][d] && i.push(
           s[c] + "=" + (typeof t[l][d] == "object" ? JSON.stringify(t[l][d]) : t[l][d])
         );
       }
     }
   }
-  return a.sort().join("&");
+  return i.sort().join("&");
 }
-function dt(t, n) {
-  let a = ut(t);
-  return a += "&key=" + n, Zr.MD5(a).toString().toUpperCase();
+function it(t, n) {
+  let i = at(t);
+  return i += "&key=" + n, Zr.MD5(i).toString().toUpperCase();
 }
 const C = {
   baseURL: "http://localhost:31200",
@@ -50,7 +44,7 @@ const C = {
     return {
       app_id: this.app_id,
       nonce_str: n,
-      sign: dt(
+      sign: it(
         {
           app_id: this.app_id,
           nonce_str: n,
@@ -61,7 +55,7 @@ const C = {
     };
   },
   getRequest(t) {
-    return (n, a, o = {}) => {
+    return (n, i, o = {}) => {
       const l = window.localStorage.getItem("token"), s = {
         "X-Requested-With": "XMLHttpRequest",
         "Content-Type": o.string ? "application/x-www-form-urlencoded" : "application/json",
@@ -71,23 +65,23 @@ const C = {
         baseURL: this.baseURL,
         method: t,
         url: n,
-        params: t === "GET" ? a : o.params,
+        params: t === "GET" ? i : o.params,
         headers: s
       };
-      return ["POST", "PUT"].includes(t) && (c.data = o.string ? JSON.stringify(a) : a, c.data.authentication = this.getAuthentication(c.data)), Qr(c).then((d) => d.data).catch((d) => et.has(d, "response.data.detail.message") ? Promise.reject(new Error(d.response.data.detail.message)) : Promise.reject(d));
+      return ["POST", "PUT"].includes(t) && (c.data = o.string ? JSON.stringify(i) : i, c.data.authentication = this.getAuthentication(c.data)), Qr(c).then((d) => d.data).catch((d) => et.has(d, "response.data.detail.message") ? Promise.reject(new Error(d.response.data.detail.message)) : Promise.reject(d));
     };
   }
 };
 function pe(t) {
   C.baseURL !== t.apiBaseURL && (C.baseURL = t.apiBaseURL), t.app_id && (C.app_id = t.app_id), t.app_secret && (C.app_secret = t.app_secret);
 }
-const ft = {
+const ot = {
   login: async (t, n) => {
-    const a = {
+    const i = {
       name: t,
       password: n
     };
-    return await C.getRequest("POST")("/account/login", a);
+    return await C.getRequest("POST")("/account/login", i);
   },
   list: async () => await C.getRequest("POST")("/account/list", {
     filter: {},
@@ -104,23 +98,23 @@ const ft = {
   }),
   get: async () => await C.getRequest("GET")("/account/get", {}),
   update: async (t, n) => {
-    const a = {
+    const i = {
       name: t,
       email: n
     };
-    return await C.getRequest("PUT")("/account/update", a);
+    return await C.getRequest("PUT")("/account/update", i);
   },
   changepassword: async (t, n) => {
-    const a = {
+    const i = {
       old_password: t,
       new_password: n
     };
-    return await C.getRequest("POST")("/account/changepassword", a);
+    return await C.getRequest("POST")("/account/changepassword", i);
   },
-  create: async (t, n, a, o) => await C.getRequest("POST")("/account/create", {
+  create: async (t, n, i, o) => await C.getRequest("POST")("/account/create", {
     name: t,
     email: n,
-    password: a,
+    password: i,
     role_id: o
   }),
   edit: async (t) => (t.reset_password || (t.new_password = void 0), await C.getRequest("PUT")("/account/edit", t)),
@@ -128,7 +122,7 @@ const ft = {
     if (!!t)
       return C.getRequest("POST")("/account/delete", { id: t });
   }
-}, pt = {
+}, st = {
   list: async () => await C.getRequest("POST")("/api/key/list", {
     filter: {
       search: ""
@@ -152,7 +146,7 @@ const ft = {
     if (!!t)
       return C.getRequest("POST")("/api/key/delete", { id: t });
   }
-}, gt = {
+}, ct = {
   list: async () => await C.getRequest("POST")("/datasource/list", {
     filter: {},
     sort: [
@@ -166,21 +160,21 @@ const ft = {
       pagesize: 100
     }
   }),
-  create: async (t, n, a) => await C.getRequest("POST")("/datasource/create", {
+  create: async (t, n, i) => await C.getRequest("POST")("/datasource/create", {
     type: t,
     key: n,
-    config: a
+    config: i
   }),
   delete: async (t) => {
     await C.getRequest("POST")("/datasource/delete", { id: t });
   }
-}, mt = {
+}, lt = {
   list: async () => await C.getRequest("GET")("/role/list", {})
 }, j = {
-  datasource: gt,
-  account: ft,
-  role: mt,
-  api_key: pt
+  datasource: ct,
+  account: ot,
+  role: lt,
+  api_key: st
 }, X = {
   size: "sm",
   spacing: "md",
@@ -198,23 +192,23 @@ var ge = { exports: {} }, re = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ar;
-function ht() {
-  if (ar)
+var or;
+function ut() {
+  if (or)
     return re;
-  ar = 1;
-  var t = H, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, l = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(d, p, b) {
-    var S, m = {}, f = null, z = null;
-    b !== void 0 && (f = "" + b), p.key !== void 0 && (f = "" + p.key), p.ref !== void 0 && (z = p.ref);
+  or = 1;
+  var t = H, n = Symbol.for("react.element"), i = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, l = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(d, p, v) {
+    var S, h = {}, f = null, z = null;
+    v !== void 0 && (f = "" + v), p.key !== void 0 && (f = "" + p.key), p.ref !== void 0 && (z = p.ref);
     for (S in p)
-      o.call(p, S) && !s.hasOwnProperty(S) && (m[S] = p[S]);
+      o.call(p, S) && !s.hasOwnProperty(S) && (h[S] = p[S]);
     if (d && d.defaultProps)
       for (S in p = d.defaultProps, p)
-        m[S] === void 0 && (m[S] = p[S]);
-    return { $$typeof: n, type: d, key: f, ref: z, props: m, _owner: l.current };
+        h[S] === void 0 && (h[S] = p[S]);
+    return { $$typeof: n, type: d, key: f, ref: z, props: h, _owner: l.current };
   }
-  return re.Fragment = a, re.jsx = c, re.jsxs = c, re;
+  return re.Fragment = i, re.jsx = c, re.jsxs = c, re;
 }
 var te = {};
 /**
@@ -226,47 +220,47 @@ var te = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var or;
-function vt() {
-  return or || (or = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = H, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), d = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), z = Symbol.for("react.offscreen"), q = Symbol.iterator, $ = "@@iterator";
-    function he(e) {
+var sr;
+function dt() {
+  return sr || (sr = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = H, n = Symbol.for("react.element"), i = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), d = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), z = Symbol.for("react.offscreen"), q = Symbol.iterator, W = "@@iterator";
+    function me(e) {
       if (e === null || typeof e != "object")
         return null;
-      var i = q && e[q] || e[$];
-      return typeof i == "function" ? i : null;
+      var a = q && e[q] || e[W];
+      return typeof a == "function" ? a : null;
     }
     var U = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function A(e) {
       {
-        for (var i = arguments.length, u = new Array(i > 1 ? i - 1 : 0), g = 1; g < i; g++)
+        for (var a = arguments.length, u = new Array(a > 1 ? a - 1 : 0), g = 1; g < a; g++)
           u[g - 1] = arguments[g];
         dr("error", e, u);
       }
     }
-    function dr(e, i, u) {
+    function dr(e, a, u) {
       {
         var g = U.ReactDebugCurrentFrame, _ = g.getStackAddendum();
-        _ !== "" && (i += "%s", u = u.concat([_]));
+        _ !== "" && (a += "%s", u = u.concat([_]));
         var y = u.map(function(w) {
           return String(w);
         });
-        y.unshift("Warning: " + i), Function.prototype.apply.call(console[e], console, y);
+        y.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, y);
       }
     }
-    var fr = !1, pr = !1, gr = !1, mr = !1, hr = !1, Ie;
-    Ie = Symbol.for("react.module.reference");
-    function vr(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === s || hr || e === l || e === b || e === S || mr || e === z || fr || pr || gr || typeof e == "object" && e !== null && (e.$$typeof === f || e.$$typeof === m || e.$$typeof === c || e.$$typeof === d || e.$$typeof === p || e.$$typeof === Ie || e.getModuleId !== void 0));
+    var fr = !1, pr = !1, gr = !1, hr = !1, mr = !1, Fe;
+    Fe = Symbol.for("react.module.reference");
+    function br(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === s || mr || e === l || e === v || e === S || hr || e === z || fr || pr || gr || typeof e == "object" && e !== null && (e.$$typeof === f || e.$$typeof === h || e.$$typeof === c || e.$$typeof === d || e.$$typeof === p || e.$$typeof === Fe || e.getModuleId !== void 0));
     }
-    function br(e, i, u) {
+    function vr(e, a, u) {
       var g = e.displayName;
       if (g)
         return g;
-      var _ = i.displayName || i.name || "";
+      var _ = a.displayName || a.name || "";
       return _ !== "" ? u + "(" + _ + ")" : u;
     }
-    function Fe(e) {
+    function qe(e) {
       return e.displayName || "Context";
     }
     function L(e) {
@@ -279,13 +273,13 @@ function vt() {
       switch (e) {
         case o:
           return "Fragment";
-        case a:
+        case i:
           return "Portal";
         case s:
           return "Profiler";
         case l:
           return "StrictMode";
-        case b:
+        case v:
           return "Suspense";
         case S:
           return "SuspenseList";
@@ -293,14 +287,14 @@ function vt() {
       if (typeof e == "object")
         switch (e.$$typeof) {
           case d:
-            var i = e;
-            return Fe(i) + ".Consumer";
+            var a = e;
+            return qe(a) + ".Consumer";
           case c:
             var u = e;
-            return Fe(u._context) + ".Provider";
+            return qe(u._context) + ".Provider";
           case p:
-            return br(e, e.render, "ForwardRef");
-          case m:
+            return vr(e, e.render, "ForwardRef");
+          case h:
             var g = e.displayName || null;
             return g !== null ? g : L(e.type) || "Memo";
           case f: {
@@ -314,18 +308,18 @@ function vt() {
         }
       return null;
     }
-    var Y = Object.assign, Q = 0, qe, Le, Me, Ne, Ue, We, Ve;
-    function $e() {
+    var Y = Object.assign, Q = 0, Le, Me, Ne, Ue, Ve, $e, We;
+    function Ye() {
     }
-    $e.__reactDisabledLog = !0;
+    Ye.__reactDisabledLog = !0;
     function wr() {
       {
         if (Q === 0) {
-          qe = console.log, Le = console.info, Me = console.warn, Ne = console.error, Ue = console.group, We = console.groupCollapsed, Ve = console.groupEnd;
+          Le = console.log, Me = console.info, Ne = console.warn, Ue = console.error, Ve = console.group, $e = console.groupCollapsed, We = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: $e,
+            value: Ye,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -351,55 +345,55 @@ function vt() {
           };
           Object.defineProperties(console, {
             log: Y({}, e, {
-              value: qe
+              value: Le
             }),
             info: Y({}, e, {
-              value: Le
+              value: Me
             }),
             warn: Y({}, e, {
-              value: Me
+              value: Ne
             }),
             error: Y({}, e, {
-              value: Ne
+              value: Ue
             }),
             group: Y({}, e, {
-              value: Ue
+              value: Ve
             }),
             groupCollapsed: Y({}, e, {
-              value: We
+              value: $e
             }),
             groupEnd: Y({}, e, {
-              value: Ve
+              value: We
             })
           });
         }
         Q < 0 && A("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ve = U.ReactCurrentDispatcher, be;
-    function ie(e, i, u) {
+    var be = U.ReactCurrentDispatcher, ve;
+    function ae(e, a, u) {
       {
-        if (be === void 0)
+        if (ve === void 0)
           try {
             throw Error();
           } catch (_) {
             var g = _.stack.trim().match(/\n( *(at )?)/);
-            be = g && g[1] || "";
+            ve = g && g[1] || "";
           }
         return `
-` + be + e;
+` + ve + e;
       }
     }
-    var we = !1, ae;
+    var we = !1, ie;
     {
       var _r = typeof WeakMap == "function" ? WeakMap : Map;
-      ae = new _r();
+      ie = new _r();
     }
-    function Ye(e, i) {
+    function Ke(e, a) {
       if (!e || we)
         return "";
       {
-        var u = ae.get(e);
+        var u = ie.get(e);
         if (u !== void 0)
           return u;
       }
@@ -408,9 +402,9 @@ function vt() {
       var _ = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var y;
-      y = ve.current, ve.current = null, wr();
+      y = be.current, be.current = null, wr();
       try {
-        if (i) {
+        if (a) {
           var w = function() {
             throw Error();
           };
@@ -443,89 +437,89 @@ function vt() {
         }
       } catch (M) {
         if (M && g && typeof M.stack == "string") {
-          for (var h = M.stack.split(`
-`), k = g.stack.split(`
-`), P = h.length - 1, E = k.length - 1; P >= 1 && E >= 0 && h[P] !== k[E]; )
+          for (var m = M.stack.split(`
+`), x = g.stack.split(`
+`), P = m.length - 1, E = x.length - 1; P >= 1 && E >= 0 && m[P] !== x[E]; )
             E--;
           for (; P >= 1 && E >= 0; P--, E--)
-            if (h[P] !== k[E]) {
+            if (m[P] !== x[E]) {
               if (P !== 1 || E !== 1)
                 do
-                  if (P--, E--, E < 0 || h[P] !== k[E]) {
+                  if (P--, E--, E < 0 || m[P] !== x[E]) {
                     var I = `
-` + h[P].replace(" at new ", " at ");
-                    return e.displayName && I.includes("<anonymous>") && (I = I.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, I), I;
+` + m[P].replace(" at new ", " at ");
+                    return e.displayName && I.includes("<anonymous>") && (I = I.replace("<anonymous>", e.displayName)), typeof e == "function" && ie.set(e, I), I;
                   }
                 while (P >= 1 && E >= 0);
               break;
             }
         }
       } finally {
-        we = !1, ve.current = y, Sr(), Error.prepareStackTrace = _;
+        we = !1, be.current = y, Sr(), Error.prepareStackTrace = _;
       }
-      var B = e ? e.displayName || e.name : "", ir = B ? ie(B) : "";
-      return typeof e == "function" && ae.set(e, ir), ir;
+      var B = e ? e.displayName || e.name : "", ir = B ? ae(B) : "";
+      return typeof e == "function" && ie.set(e, ir), ir;
     }
-    function yr(e, i, u) {
-      return Ye(e, !1);
+    function yr(e, a, u) {
+      return Ke(e, !1);
     }
     function Rr(e) {
-      var i = e.prototype;
-      return !!(i && i.isReactComponent);
+      var a = e.prototype;
+      return !!(a && a.isReactComponent);
     }
-    function oe(e, i, u) {
+    function oe(e, a, u) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Ye(e, Rr(e));
+        return Ke(e, Rr(e));
       if (typeof e == "string")
-        return ie(e);
+        return ae(e);
       switch (e) {
-        case b:
-          return ie("Suspense");
+        case v:
+          return ae("Suspense");
         case S:
-          return ie("SuspenseList");
+          return ae("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case p:
             return yr(e.render);
-          case m:
-            return oe(e.type, i, u);
+          case h:
+            return oe(e.type, a, u);
           case f: {
             var g = e, _ = g._payload, y = g._init;
             try {
-              return oe(y(_), i, u);
+              return oe(y(_), a, u);
             } catch {
             }
           }
         }
       return "";
     }
-    var se = Object.prototype.hasOwnProperty, Ke = {}, Be = U.ReactDebugCurrentFrame;
+    var se = Object.prototype.hasOwnProperty, Be = {}, Ge = U.ReactDebugCurrentFrame;
     function ce(e) {
       if (e) {
-        var i = e._owner, u = oe(e.type, e._source, i ? i.type : null);
-        Be.setExtraStackFrame(u);
+        var a = e._owner, u = oe(e.type, e._source, a ? a.type : null);
+        Ge.setExtraStackFrame(u);
       } else
-        Be.setExtraStackFrame(null);
+        Ge.setExtraStackFrame(null);
     }
-    function Pr(e, i, u, g, _) {
+    function Pr(e, a, u, g, _) {
       {
         var y = Function.call.bind(se);
         for (var w in e)
           if (y(e, w)) {
-            var h = void 0;
+            var m = void 0;
             try {
               if (typeof e[w] != "function") {
-                var k = Error((g || "React class") + ": " + u + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw k.name = "Invariant Violation", k;
+                var x = Error((g || "React class") + ": " + u + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw x.name = "Invariant Violation", x;
               }
-              h = e[w](i, w, g, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              m = e[w](a, w, g, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (P) {
-              h = P;
+              m = P;
             }
-            h && !(h instanceof Error) && (ce(_), A("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", g || "React class", u, w, typeof h), ce(null)), h instanceof Error && !(h.message in Ke) && (Ke[h.message] = !0, ce(_), A("Failed %s type: %s", u, h.message), ce(null));
+            m && !(m instanceof Error) && (ce(_), A("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", g || "React class", u, w, typeof m), ce(null)), m instanceof Error && !(m.message in Be) && (Be[m.message] = !0, ce(_), A("Failed %s type: %s", u, m.message), ce(null));
           }
       }
     }
@@ -535,57 +529,57 @@ function vt() {
     }
     function Cr(e) {
       {
-        var i = typeof Symbol == "function" && Symbol.toStringTag, u = i && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var a = typeof Symbol == "function" && Symbol.toStringTag, u = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return u;
       }
     }
     function Tr(e) {
       try {
-        return Ge(e), !1;
+        return He(e), !1;
       } catch {
         return !0;
       }
     }
-    function Ge(e) {
+    function He(e) {
       return "" + e;
     }
-    function He(e) {
+    function Je(e) {
       if (Tr(e))
-        return A("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Cr(e)), Ge(e);
+        return A("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Cr(e)), He(e);
     }
     var Z = U.ReactCurrentOwner, zr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Je, Xe, _e;
+    }, Xe, Qe, _e;
     _e = {};
     function Or(e) {
       if (se.call(e, "ref")) {
-        var i = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (i && i.isReactWarning)
+        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (a && a.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
     function Ar(e) {
       if (se.call(e, "key")) {
-        var i = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (i && i.isReactWarning)
+        var a = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (a && a.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function kr(e, i) {
-      if (typeof e.ref == "string" && Z.current && i && Z.current.stateNode !== i) {
+    function xr(e, a) {
+      if (typeof e.ref == "string" && Z.current && a && Z.current.stateNode !== a) {
         var u = L(Z.current.type);
         _e[u] || (A('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', L(Z.current.type), e.ref), _e[u] = !0);
       }
     }
-    function xr(e, i) {
+    function kr(e, a) {
       {
         var u = function() {
-          Je || (Je = !0, A("%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)", i));
+          Xe || (Xe = !0, A("%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)", a));
         };
         u.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: u,
@@ -593,10 +587,10 @@ function vt() {
         });
       }
     }
-    function Dr(e, i) {
+    function Dr(e, a) {
       {
         var u = function() {
-          Xe || (Xe = !0, A("%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)", i));
+          Qe || (Qe = !0, A("%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)", a));
         };
         u.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: u,
@@ -604,64 +598,64 @@ function vt() {
         });
       }
     }
-    var jr = function(e, i, u, g, _, y, w) {
-      var h = {
+    var jr = function(e, a, u, g, _, y, w) {
+      var m = {
         $$typeof: n,
         type: e,
-        key: i,
+        key: a,
         ref: u,
         props: w,
         _owner: y
       };
-      return h._store = {}, Object.defineProperty(h._store, "validated", {
+      return m._store = {}, Object.defineProperty(m._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(h, "_self", {
+      }), Object.defineProperty(m, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: g
-      }), Object.defineProperty(h, "_source", {
+      }), Object.defineProperty(m, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: _
-      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
+      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
     };
-    function Ir(e, i, u, g, _) {
+    function Ir(e, a, u, g, _) {
       {
-        var y, w = {}, h = null, k = null;
-        u !== void 0 && (He(u), h = "" + u), Ar(i) && (He(i.key), h = "" + i.key), Or(i) && (k = i.ref, kr(i, _));
-        for (y in i)
-          se.call(i, y) && !zr.hasOwnProperty(y) && (w[y] = i[y]);
+        var y, w = {}, m = null, x = null;
+        u !== void 0 && (Je(u), m = "" + u), Ar(a) && (Je(a.key), m = "" + a.key), Or(a) && (x = a.ref, xr(a, _));
+        for (y in a)
+          se.call(a, y) && !zr.hasOwnProperty(y) && (w[y] = a[y]);
         if (e && e.defaultProps) {
           var P = e.defaultProps;
           for (y in P)
             w[y] === void 0 && (w[y] = P[y]);
         }
-        if (h || k) {
+        if (m || x) {
           var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          h && xr(w, E), k && Dr(w, E);
+          m && kr(w, E), x && Dr(w, E);
         }
-        return jr(e, h, k, _, g, Z.current, w);
+        return jr(e, m, x, _, g, Z.current, w);
       }
     }
-    var ye = U.ReactCurrentOwner, Qe = U.ReactDebugCurrentFrame;
+    var ye = U.ReactCurrentOwner, Ze = U.ReactDebugCurrentFrame;
     function K(e) {
       if (e) {
-        var i = e._owner, u = oe(e.type, e._source, i ? i.type : null);
-        Qe.setExtraStackFrame(u);
+        var a = e._owner, u = oe(e.type, e._source, a ? a.type : null);
+        Ze.setExtraStackFrame(u);
       } else
-        Qe.setExtraStackFrame(null);
+        Ze.setExtraStackFrame(null);
     }
     var Re;
     Re = !1;
     function Pe(e) {
       return typeof e == "object" && e !== null && e.$$typeof === n;
     }
-    function Ze() {
+    function er() {
       {
         if (ye.current) {
           var e = L(ye.current.type);
@@ -676,86 +670,86 @@ Check the render method of \`` + e + "`.";
     function Fr(e) {
       {
         if (e !== void 0) {
-          var i = e.fileName.replace(/^.*[\\\/]/, ""), u = e.lineNumber;
+          var a = e.fileName.replace(/^.*[\\\/]/, ""), u = e.lineNumber;
           return `
 
-Check your code at ` + i + ":" + u + ".";
+Check your code at ` + a + ":" + u + ".";
         }
         return "";
       }
     }
-    var er = {};
+    var rr = {};
     function qr(e) {
       {
-        var i = Ze();
-        if (!i) {
+        var a = er();
+        if (!a) {
           var u = typeof e == "string" ? e : e.displayName || e.name;
-          u && (i = `
+          u && (a = `
 
 Check the top-level render call using <` + u + ">.");
         }
-        return i;
+        return a;
       }
     }
-    function rr(e, i) {
+    function tr(e, a) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var u = qr(i);
-        if (er[u])
+        var u = qr(a);
+        if (rr[u])
           return;
-        er[u] = !0;
+        rr[u] = !0;
         var g = "";
         e && e._owner && e._owner !== ye.current && (g = " It was passed a child from " + L(e._owner.type) + "."), K(e), A('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, g), K(null);
       }
     }
-    function tr(e, i) {
+    function nr(e, a) {
       {
         if (typeof e != "object")
           return;
         if (Se(e))
           for (var u = 0; u < e.length; u++) {
             var g = e[u];
-            Pe(g) && rr(g, i);
+            Pe(g) && tr(g, a);
           }
         else if (Pe(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var _ = he(e);
+          var _ = me(e);
           if (typeof _ == "function" && _ !== e.entries)
             for (var y = _.call(e), w; !(w = y.next()).done; )
-              Pe(w.value) && rr(w.value, i);
+              Pe(w.value) && tr(w.value, a);
         }
       }
     }
     function Lr(e) {
       {
-        var i = e.type;
-        if (i == null || typeof i == "string")
+        var a = e.type;
+        if (a == null || typeof a == "string")
           return;
         var u;
-        if (typeof i == "function")
-          u = i.propTypes;
-        else if (typeof i == "object" && (i.$$typeof === p || i.$$typeof === m))
-          u = i.propTypes;
+        if (typeof a == "function")
+          u = a.propTypes;
+        else if (typeof a == "object" && (a.$$typeof === p || a.$$typeof === h))
+          u = a.propTypes;
         else
           return;
         if (u) {
-          var g = L(i);
+          var g = L(a);
           Pr(u, e.props, "prop", g, e);
-        } else if (i.PropTypes !== void 0 && !Re) {
+        } else if (a.PropTypes !== void 0 && !Re) {
           Re = !0;
-          var _ = L(i);
+          var _ = L(a);
           A("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _ || "Unknown");
         }
-        typeof i.getDefaultProps == "function" && !i.getDefaultProps.isReactClassApproved && A("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && A("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Mr(e) {
       {
-        for (var i = Object.keys(e.props), u = 0; u < i.length; u++) {
-          var g = i[u];
+        for (var a = Object.keys(e.props), u = 0; u < a.length; u++) {
+          var g = a[u];
           if (g !== "children" && g !== "key") {
             K(e), A("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), K(null);
             break;
@@ -764,54 +758,54 @@ Check the top-level render call using <` + u + ">.");
         e.ref !== null && (K(e), A("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
       }
     }
-    function nr(e, i, u, g, _, y) {
+    function ar(e, a, u, g, _, y) {
       {
-        var w = vr(e);
+        var w = br(e);
         if (!w) {
-          var h = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (h += " 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 k = Fr(_);
-          k ? h += k : h += Ze();
+          var m = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (m += " 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 x = Fr(_);
+          x ? m += x : m += er();
           var P;
-          e === null ? P = "null" : Se(e) ? P = "array" : e !== void 0 && e.$$typeof === n ? (P = "<" + (L(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : P = typeof e, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, h);
+          e === null ? P = "null" : Se(e) ? P = "array" : e !== void 0 && e.$$typeof === n ? (P = "<" + (L(e.type) || "Unknown") + " />", m = " Did you accidentally export a JSX literal instead of a component?") : P = typeof e, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, m);
         }
-        var E = Ir(e, i, u, _, y);
+        var E = Ir(e, a, u, _, y);
         if (E == null)
           return E;
         if (w) {
-          var I = i.children;
+          var I = a.children;
           if (I !== void 0)
             if (g)
               if (Se(I)) {
                 for (var B = 0; B < I.length; B++)
-                  tr(I[B], e);
+                  nr(I[B], e);
                 Object.freeze && Object.freeze(I);
               } else
                 A("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
-              tr(I, e);
+              nr(I, e);
         }
         return e === o ? Mr(E) : Lr(E), E;
       }
     }
-    function Nr(e, i, u) {
-      return nr(e, i, u, !0);
+    function Nr(e, a, u) {
+      return ar(e, a, u, !0);
     }
-    function Ur(e, i, u) {
-      return nr(e, i, u, !1);
+    function Ur(e, a, u) {
+      return ar(e, a, u, !1);
     }
-    var Wr = Ur, Vr = Nr;
-    te.Fragment = o, te.jsx = Wr, te.jsxs = Vr;
+    var Vr = Ur, $r = Nr;
+    te.Fragment = o, te.jsx = Vr, te.jsxs = $r;
   }()), te;
 }
 (function(t) {
-  process.env.NODE_ENV === "production" ? t.exports = ht() : t.exports = vt();
+  process.env.NODE_ENV === "production" ? t.exports = ut() : t.exports = dt();
 })(ge);
-const N = ge.exports.Fragment, r = ge.exports.jsx, v = ge.exports.jsxs;
-function bt({
+const N = ge.exports.Fragment, r = ge.exports.jsx, b = ge.exports.jsxs;
+function ft({
   submit: t,
   styles: n = X,
-  type: a
+  type: i
 }) {
   const {
     control: o,
@@ -819,7 +813,7 @@ function bt({
     handleSubmit: s
   } = J({
     defaultValues: {
-      type: a,
+      type: i,
       key: "",
       config: {
         host: "",
@@ -830,11 +824,11 @@ function bt({
       }
     }
   });
-  return cr(() => {
-    l("type", a);
-  }, [l, a]), /* @__PURE__ */ r(F, {
+  return xe(() => {
+    l("type", i);
+  }, [l, i]), /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ v("form", {
+    children: /* @__PURE__ */ b("form", {
       onSubmit: s(t),
       children: [/* @__PURE__ */ r(R, {
         name: "key",
@@ -852,7 +846,7 @@ function bt({
       }), /* @__PURE__ */ r(Te, {
         label: "Connection Info",
         labelPosition: "center"
-      }), /* @__PURE__ */ v(O, {
+      }), /* @__PURE__ */ b(O, {
         grow: !0,
         children: [/* @__PURE__ */ r(R, {
           name: "config.host",
@@ -874,7 +868,7 @@ function bt({
           control: o,
           render: ({
             field: c
-          }) => /* @__PURE__ */ r($r, {
+          }) => /* @__PURE__ */ r(Wr, {
             mb: n.spacing,
             size: n.size,
             required: !0,
@@ -934,16 +928,7 @@ function bt({
     })
   });
 }
-self.MonacoEnvironment = {
-  getWorker(t, n) {
-    return n === "json" ? new st() : n === "css" || n === "scss" || n === "less" ? new at() : n === "html" || n === "handlebars" || n === "razor" ? new ot() : n === "typescript" || n === "javascript" ? new ct() : new it();
-  }
-};
-function wt() {
-  Ee.__getMonacoInstance() || (console.log("loading monaco"), Ee.config({ monaco: nt }), Ee.init().then((n) => console.log("here is the monaco instance:", n)));
-}
-wt();
-const St = ({
+const pt = ({
   value: t,
   onChange: n
 }) => /* @__PURE__ */ r(F, {
@@ -964,27 +949,27 @@ const St = ({
       }
     }
   })
-}), sr = ke(({
+}), cr = ke(({
   value: t,
   onChange: n,
-  label: a,
+  label: i,
   modalTitle: o,
   defaultValue: l,
   styles: s
 }, c) => {
   const [d, {
     setTrue: p,
-    setFalse: b
-  }] = rt(), [S, m] = lr(t), f = () => {
-    b(), n(S);
+    setFalse: v
+  }] = rt(), [S, h] = lr(t), f = () => {
+    v(), n(S);
   }, z = () => {
-    b(), m(t);
+    v(), h(t);
   }, q = () => {
-    m(l);
+    h(l);
   };
-  return cr(() => {
-    m(t);
-  }, [t]), /* @__PURE__ */ v(N, {
+  return xe(() => {
+    h(t);
+  }, [t]), /* @__PURE__ */ b(N, {
     children: [/* @__PURE__ */ r(T, {
       variant: "filled",
       size: s.button.size,
@@ -992,19 +977,19 @@ const St = ({
       sx: {
         flexGrow: 1
       },
-      children: a
+      children: i
     }), /* @__PURE__ */ r(ne, {
       size: 800,
       title: o,
       opened: d,
-      onClose: b,
+      onClose: v,
       closeOnClickOutside: !1,
       withCloseButton: !1,
-      children: d && /* @__PURE__ */ v(ze, {
-        children: [/* @__PURE__ */ r(St, {
+      children: d && /* @__PURE__ */ b(ze, {
+        children: [/* @__PURE__ */ r(pt, {
           value: S,
-          onChange: m
-        }), /* @__PURE__ */ v(O, {
+          onChange: h
+        }), /* @__PURE__ */ b(O, {
           position: "apart",
           children: [/* @__PURE__ */ r(T, {
             onClick: q,
@@ -1013,7 +998,7 @@ const St = ({
               size: 20
             }),
             children: "Rest"
-          }), /* @__PURE__ */ v(O, {
+          }), /* @__PURE__ */ b(O, {
             position: "right",
             children: [/* @__PURE__ */ r(T, {
               onClick: z,
@@ -1034,12 +1019,12 @@ const St = ({
   post: ["function post_process(res, utils) {", "    // your code goes here", "    return data", "}"].join(`
 `)
 };
-function _t({
+function gt({
   submit: t,
   styles: n = X
 }) {
   const {
-    control: a,
+    control: i,
     setValue: o,
     handleSubmit: l
   } = J({
@@ -1057,11 +1042,11 @@ function _t({
   });
   return /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ v("form", {
+    children: /* @__PURE__ */ b("form", {
       onSubmit: l(t),
       children: [/* @__PURE__ */ r(R, {
         name: "key",
-        control: a,
+        control: i,
         render: ({
           field: s
         }) => /* @__PURE__ */ r(D, {
@@ -1077,7 +1062,7 @@ function _t({
         labelPosition: "center"
       }), /* @__PURE__ */ r(R, {
         name: "config.host",
-        control: a,
+        control: i,
         render: ({
           field: s
         }) => /* @__PURE__ */ r(D, {
@@ -1090,14 +1075,14 @@ function _t({
           },
           ...s
         })
-      }), /* @__PURE__ */ v(O, {
+      }), /* @__PURE__ */ b(O, {
         grow: !0,
         children: [/* @__PURE__ */ r(R, {
           name: "config.processing.pre",
-          control: a,
+          control: i,
           render: ({
             field: s
-          }) => /* @__PURE__ */ r(sr, {
+          }) => /* @__PURE__ */ r(cr, {
             label: "Pre Processing",
             modalTitle: "This function will run before sending the request (for scenarios like encryption)",
             defaultValue: le.pre,
@@ -1106,10 +1091,10 @@ function _t({
           })
         }), /* @__PURE__ */ r(R, {
           name: "config.processing.post",
-          control: a,
+          control: i,
           render: ({
             field: s
-          }) => /* @__PURE__ */ r(sr, {
+          }) => /* @__PURE__ */ r(cr, {
             label: "Post Processing",
             modalTitle: "This function will run after sending the request (for scenarios like decryption)",
             defaultValue: le.post,
@@ -1129,16 +1114,16 @@ function _t({
     })
   });
 }
-function yt({
+function ht({
   postSubmit: t,
   styles: n = X
 }) {
-  const [a, o] = lr("postgresql"), l = async ({
+  const [i, o] = lr("postgresql"), l = async ({
     type: d,
     key: p,
-    config: b
+    config: v
   }) => {
-    W({
+    V({
       id: "for-creating",
       title: "Pending",
       message: "Adding data source...",
@@ -1148,23 +1133,23 @@ function yt({
       console.log({
         type: d,
         key: p,
-        config: b
-      }), await j.datasource.create(d, p, b), x({
+        config: v
+      }), await j.datasource.create(d, p, v), k({
         id: "for-creating",
         title: "Successful",
         message: "Data source is added",
         color: "green"
       }), t();
     } catch (S) {
-      x({
+      k({
         id: "for-creating",
         title: "Failed",
         message: S.message,
         color: "red"
       });
     }
-  }, s = a === "postgresql" || a === "mysql", c = a === "http";
-  return /* @__PURE__ */ v(F, {
+  }, s = i === "postgresql" || i === "mysql", c = i === "http";
+  return /* @__PURE__ */ b(F, {
     mx: "auto",
     children: [/* @__PURE__ */ r(Yr, {
       fullWidth: !0,
@@ -1180,34 +1165,34 @@ function yt({
         label: "HTTP",
         value: "http"
       }],
-      value: a,
+      value: i,
       onChange: (d) => o(d)
-    }), s && /* @__PURE__ */ r(bt, {
+    }), s && /* @__PURE__ */ r(ft, {
       submit: l,
       styles: n,
-      type: a
-    }), c && /* @__PURE__ */ r(_t, {
+      type: i
+    }), c && /* @__PURE__ */ r(gt, {
       submit: l,
       styles: n
     })]
   });
 }
-function Rt({
+function mt({
   onSuccess: t,
   styles: n = X
 }) {
-  const [a, o] = H.useState(!1), l = () => o(!0), s = () => o(!1);
-  return /* @__PURE__ */ v(N, {
+  const [i, o] = H.useState(!1), l = () => o(!0), s = () => o(!1);
+  return /* @__PURE__ */ b(N, {
     children: [/* @__PURE__ */ r(ne, {
       overflow: "inside",
-      opened: a,
+      opened: i,
       onClose: () => o(!1),
       title: "Add a data source",
       trapFocus: !0,
       onDragStart: (d) => {
         d.stopPropagation();
       },
-      children: /* @__PURE__ */ r(yt, {
+      children: /* @__PURE__ */ r(ht, {
         postSubmit: () => {
           t(), s();
         },
@@ -1216,60 +1201,70 @@ function Rt({
     }), /* @__PURE__ */ r(T, {
       size: n.button.size,
       onClick: l,
-      leftIcon: /* @__PURE__ */ r(xe, {
+      leftIcon: /* @__PURE__ */ r(De, {
         size: 20
       }),
       children: "Add a Data Source"
     })]
   });
 }
+const bt = (t) => t.replace(/([^:])(\/\/+)/g, "$1/");
+function vt(t) {
+  xe(() => {
+    if (Ee.__getMonacoInstance())
+      return;
+    console.log("loading monaco for @devtable/settings-form");
+    const i = bt(t + "/assets/monaco-editor/min/vs");
+    Ee.config({ paths: { vs: i } }), Ee.init().then((o) => console.log("monaco instance:", o));
+  }, []);
+}
 function Ce() {
   return Ce = Object.assign ? Object.assign.bind() : function(t) {
     for (var n = 1; n < arguments.length; n++) {
-      var a = arguments[n];
-      for (var o in a)
-        Object.prototype.hasOwnProperty.call(a, o) && (t[o] = a[o]);
+      var i = arguments[n];
+      for (var o in i)
+        Object.prototype.hasOwnProperty.call(i, o) && (t[o] = i[o]);
     }
     return t;
   }, Ce.apply(this, arguments);
 }
-function Pt(t, n) {
+function wt(t, n) {
   if (t == null)
     return {};
-  var a, o, l = function(c, d) {
+  var i, o, l = function(c, d) {
     if (c == null)
       return {};
-    var p, b, S = {}, m = Object.keys(c);
-    for (b = 0; b < m.length; b++)
-      p = m[b], d.indexOf(p) >= 0 || (S[p] = c[p]);
+    var p, v, S = {}, h = Object.keys(c);
+    for (v = 0; v < h.length; v++)
+      p = h[v], d.indexOf(p) >= 0 || (S[p] = c[p]);
     return S;
   }(t, n);
   if (Object.getOwnPropertySymbols) {
     var s = Object.getOwnPropertySymbols(t);
     for (o = 0; o < s.length; o++)
-      a = s[o], n.indexOf(a) >= 0 || Object.prototype.propertyIsEnumerable.call(t, a) && (l[a] = t[a]);
+      i = s[o], n.indexOf(i) >= 0 || Object.prototype.propertyIsEnumerable.call(t, i) && (l[i] = t[i]);
   }
   return l;
 }
-var Et = ["size", "color", "stroke"];
-function Ct(t) {
-  var n = t.size, a = n === void 0 ? 24 : n, o = t.color, l = o === void 0 ? "currentColor" : o, s = t.stroke, c = s === void 0 ? 2 : s, d = Pt(t, Et);
-  return ee.createElement("svg", Ce({ xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-lock", width: a, height: a, viewBox: "0 0 24 24", strokeWidth: c, stroke: l, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, d), ee.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), ee.createElement("rect", { x: 5, y: 11, width: 14, height: 10, rx: 2 }), ee.createElement("circle", { cx: 12, cy: 16, r: 1 }), ee.createElement("path", { d: "M8 11v-4a4 4 0 0 1 8 0v4" }));
+var St = ["size", "color", "stroke"];
+function _t(t) {
+  var n = t.size, i = n === void 0 ? 24 : n, o = t.color, l = o === void 0 ? "currentColor" : o, s = t.stroke, c = s === void 0 ? 2 : s, d = wt(t, St);
+  return ee.createElement("svg", Ce({ xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-lock", width: i, height: i, viewBox: "0 0 24 24", strokeWidth: c, stroke: l, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, d), ee.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), ee.createElement("rect", { x: 5, y: 11, width: 14, height: 10, rx: 2 }), ee.createElement("circle", { cx: 12, cy: 16, r: 1 }), ee.createElement("path", { d: "M8 11v-4a4 4 0 0 1 8 0v4" }));
 }
-function Tt({
+function yt({
   id: t,
   name: n,
-  isProtected: a,
+  isProtected: i,
   onSuccess: o,
   styles: l = X
 }) {
   const s = fe(), c = async () => {
-    !t || (W({
+    !t || (V({
       id: "for-deleting",
       title: "Pending",
       message: "Deleting data source...",
       loading: !0
-    }), await j.datasource.delete(t), x({
+    }), await j.datasource.delete(t), k({
       id: "for-deleting",
       title: "Successful",
       message: `Data source [${n}] is deleted`,
@@ -1288,7 +1283,7 @@ function Tt({
     onCancel: () => console.log("Cancel"),
     onConfirm: c
   }), p = Kr();
-  return a ? /* @__PURE__ */ r(Br, {
+  return i ? /* @__PURE__ */ r(Br, {
     withArrow: !0,
     events: {
       hover: !0,
@@ -1297,7 +1292,7 @@ function Tt({
     },
     label: "This is a preset datasource, it can not be deleted",
     children: /* @__PURE__ */ r("span", {
-      children: /* @__PURE__ */ r(Ct, {
+      children: /* @__PURE__ */ r(_t, {
         size: 16,
         color: p.colors.gray[7]
       })
@@ -1306,19 +1301,19 @@ function Tt({
     size: l.button.size,
     color: "red",
     onClick: d,
-    leftIcon: /* @__PURE__ */ r(De, {
+    leftIcon: /* @__PURE__ */ r(je, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function en({
+function Wt({
   styles: t = X,
   config: n
 }) {
-  pe(n);
+  vt(n.basename), pe(n);
   const {
-    data: a = [],
+    data: i = [],
     loading: o,
     refresh: l
   } = G(async () => {
@@ -1329,27 +1324,27 @@ function en({
   }, {
     refreshDeps: []
   });
-  return /* @__PURE__ */ v(N, {
+  return /* @__PURE__ */ b(N, {
     children: [/* @__PURE__ */ r(O, {
       pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(Rt, {
+      children: /* @__PURE__ */ r(mt, {
         onSuccess: l
       })
-    }), /* @__PURE__ */ v(F, {
+    }), /* @__PURE__ */ b(F, {
       mt: t.spacing,
       sx: {
         position: "relative"
       },
       children: [/* @__PURE__ */ r(Oe, {
         visible: o
-      }), /* @__PURE__ */ v(Ae, {
+      }), /* @__PURE__ */ b(Ae, {
         horizontalSpacing: t.spacing,
         verticalSpacing: t.spacing,
         fontSize: t.size,
         highlightOnHover: !0,
         children: [/* @__PURE__ */ r("thead", {
-          children: /* @__PURE__ */ v("tr", {
+          children: /* @__PURE__ */ b("tr", {
             children: [/* @__PURE__ */ r("th", {
               children: "Type"
             }), /* @__PURE__ */ r("th", {
@@ -1359,12 +1354,12 @@ function en({
             })]
           })
         }), /* @__PURE__ */ r("tbody", {
-          children: a.map(({
+          children: i.map(({
             id: s,
             key: c,
             type: d,
             is_preset: p
-          }) => /* @__PURE__ */ v("tr", {
+          }) => /* @__PURE__ */ b("tr", {
             children: [/* @__PURE__ */ r("td", {
               width: 200,
               children: d
@@ -1374,7 +1369,7 @@ function en({
               width: 200,
               children: /* @__PURE__ */ r(O, {
                 position: "left",
-                children: /* @__PURE__ */ r(Tt, {
+                children: /* @__PURE__ */ r(yt, {
                   isProtected: p,
                   id: s,
                   name: c,
@@ -1388,12 +1383,12 @@ function en({
     })]
   });
 }
-const zt = ke(({
+const Rt = ke(({
   label: t,
   value: n,
-  description: a,
+  description: i,
   ...o
-}, l) => /* @__PURE__ */ v(ze, {
+}, l) => /* @__PURE__ */ b(ze, {
   spacing: 2,
   ref: l,
   ...o,
@@ -1404,12 +1399,12 @@ const zt = ke(({
     size: "xs",
     color: "dimmed",
     className: "role-description",
-    children: a
+    children: i
   })]
-})), je = ke(({
+})), Ie = ke(({
   styles: t,
   value: n,
-  onChange: a
+  onChange: i
 }, o) => {
   const {
     data: l = [],
@@ -1428,7 +1423,7 @@ const zt = ke(({
     size: t.size,
     required: !0,
     label: "Role",
-    itemComponent: zt,
+    itemComponent: Rt,
     data: l,
     disabled: s,
     styles: () => ({
@@ -1443,19 +1438,19 @@ const zt = ke(({
       }
     }),
     value: n,
-    onChange: a
+    onChange: i
   });
-}), V = {
+}), $ = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function Ot({
+function Pt({
   postSubmit: t,
-  styles: n = V,
-  initialRoleID: a
+  styles: n = $,
+  initialRoleID: i
 }) {
   const {
     control: o,
@@ -1464,33 +1459,33 @@ function Ot({
     defaultValues: {
       name: "",
       email: "",
-      role_id: a,
+      role_id: i,
       password: ""
     }
   });
   return /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ v("form", {
+    children: /* @__PURE__ */ b("form", {
       onSubmit: l(async ({
         name: c,
         email: d,
         password: p,
-        role_id: b
+        role_id: v
       }) => {
         try {
-          W({
+          V({
             id: "for-creating",
             title: "Pending",
             message: "Adding account...",
             loading: !0
-          }), await j.account.create(c, d, p, b), x({
+          }), await j.account.create(c, d, p, v), k({
             id: "for-creating",
             title: "Successful",
             message: "Account is added",
             color: "green"
           }), t();
         } catch (S) {
-          x({
+          k({
             id: "for-creating",
             title: "Failed",
             message: S.message,
@@ -1540,7 +1535,7 @@ function Ot({
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ r(je, {
+        }) => /* @__PURE__ */ r(Ie, {
           styles: n,
           ...c
         })
@@ -1556,13 +1551,13 @@ function Ot({
     })
   });
 }
-function At({
+function Et({
   onSuccess: t,
-  styles: n = V,
-  initialRoleID: a
+  styles: n = $,
+  initialRoleID: i
 }) {
   const [o, l] = H.useState(!1), s = () => l(!0), c = () => l(!1);
-  return /* @__PURE__ */ v(N, {
+  return /* @__PURE__ */ b(N, {
     children: [/* @__PURE__ */ r(ne, {
       overflow: "inside",
       opened: o,
@@ -1572,46 +1567,46 @@ function At({
       onDragStart: (p) => {
         p.stopPropagation();
       },
-      children: /* @__PURE__ */ r(Ot, {
+      children: /* @__PURE__ */ r(Pt, {
         postSubmit: () => {
           t(), c();
         },
         styles: n,
-        initialRoleID: a
+        initialRoleID: i
       })
     }), /* @__PURE__ */ r(T, {
       size: n.button.size,
       onClick: s,
-      leftIcon: /* @__PURE__ */ r(xe, {
+      leftIcon: /* @__PURE__ */ r(De, {
         size: 20
       }),
       children: "Add an Account"
     })]
   });
 }
-function kt({
+function Ct({
   id: t,
   name: n,
-  onSuccess: a,
-  styles: o = V
+  onSuccess: i,
+  styles: o = $
 }) {
   const l = fe(), s = async () => {
     if (!!t) {
-      W({
+      V({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting account...",
         loading: !0
       });
       try {
-        await j.account.delete(t), x({
+        await j.account.delete(t), k({
           id: "for-deleting",
           title: "Successful",
           message: `Account [${n}] is deleted`,
           color: "green"
-        }), a();
+        }), i();
       } catch (d) {
-        x({
+        k({
           id: "for-deleting",
           title: "Failed",
           message: d.message,
@@ -1632,19 +1627,19 @@ function kt({
     size: o.button.size,
     color: "red",
     onClick: c,
-    leftIcon: /* @__PURE__ */ r(De, {
+    leftIcon: /* @__PURE__ */ r(je, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function xt({
+function Tt({
   id: t,
   name: n,
-  email: a,
+  email: i,
   role_id: o,
   postSubmit: l,
-  styles: s = V
+  styles: s = $
 }) {
   const {
     control: c,
@@ -1653,20 +1648,20 @@ function xt({
   } = J({
     defaultValues: {
       name: n,
-      email: a,
+      email: i,
       role_id: o,
       reset_password: !1,
       new_password: ""
     }
-  }), b = async ({
+  }), v = async ({
     name: f,
     email: z,
     role_id: q,
-    reset_password: $,
-    new_password: he
+    reset_password: W,
+    new_password: me
   }) => {
     try {
-      W({
+      V({
         id: "for-updating",
         title: "Pending",
         message: "Updating account...",
@@ -1676,27 +1671,27 @@ function xt({
         name: f,
         email: z,
         role_id: q,
-        reset_password: $,
-        new_password: he
-      }), x({
+        reset_password: W,
+        new_password: me
+      }), k({
         id: "for-updating",
         title: "Successful",
         message: "Account is updated",
         color: "green"
       }), l();
     } catch (U) {
-      x({
+      k({
         id: "for-updating",
         title: "Failed",
         message: U.message,
         color: "red"
       });
     }
-  }, [S, m] = p(["reset_password", "new_password"]);
+  }, [S, h] = p(["reset_password", "new_password"]);
   return /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ v("form", {
-      onSubmit: d(b),
+    children: /* @__PURE__ */ b("form", {
+      onSubmit: d(v),
       children: [/* @__PURE__ */ r(R, {
         name: "name",
         control: c,
@@ -1726,7 +1721,7 @@ function xt({
         control: c,
         render: ({
           field: f
-        }) => /* @__PURE__ */ r(je, {
+        }) => /* @__PURE__ */ r(Ie, {
           styles: s,
           ...f
         })
@@ -1778,15 +1773,15 @@ function xt({
     })
   });
 }
-function Dt({
+function zt({
   account: t,
   onSuccess: n,
-  styles: a = V
+  styles: i = $
 }) {
   const [o, l] = H.useState(!1), s = () => l(!0), c = () => l(!1), d = () => {
     n(), c();
   };
-  return /* @__PURE__ */ v(N, {
+  return /* @__PURE__ */ b(N, {
     children: [/* @__PURE__ */ r(ne, {
       overflow: "inside",
       opened: o,
@@ -1796,13 +1791,13 @@ function Dt({
       onDragStart: (p) => {
         p.stopPropagation();
       },
-      children: /* @__PURE__ */ r(xt, {
+      children: /* @__PURE__ */ r(Tt, {
         ...t,
         postSubmit: d,
-        styles: a
+        styles: i
       })
     }), /* @__PURE__ */ r(T, {
-      size: a.button.size,
+      size: i.button.size,
       onClick: s,
       leftIcon: /* @__PURE__ */ r(Xr, {
         size: 20
@@ -1811,21 +1806,21 @@ function Dt({
     })]
   });
 }
-function rn({
-  styles: t = V,
+function Yt({
+  styles: t = $,
   config: n
 }) {
-  var b, S;
+  var v, S;
   pe(n);
   const {
-    data: a = [],
+    data: i = [],
     loading: o,
     refresh: l
   } = G(async () => {
     const {
-      data: m
+      data: h
     } = await j.account.list();
-    return m;
+    return h;
   }, {
     refreshDeps: []
   }), {
@@ -1838,32 +1833,32 @@ function rn({
     disabled: f.id === 50
   })), {
     refreshDeps: []
-  }), d = ur(() => s.reduce((m, f) => (m.set(f.value, f.label), m), /* @__PURE__ */ new Map()), [s]), p = (m) => {
+  }), d = ur(() => s.reduce((h, f) => (h.set(f.value, f.label), h), /* @__PURE__ */ new Map()), [s]), p = (h) => {
     var f;
-    return (f = d.get(m)) != null ? f : m;
+    return (f = d.get(h)) != null ? f : h;
   };
-  return /* @__PURE__ */ v(N, {
+  return /* @__PURE__ */ b(N, {
     children: [/* @__PURE__ */ r(O, {
       pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(At, {
+      children: /* @__PURE__ */ r(Et, {
         onSuccess: l,
-        initialRoleID: (S = (b = s == null ? void 0 : s[0]) == null ? void 0 : b.value) != null ? S : 0
+        initialRoleID: (S = (v = s == null ? void 0 : s[0]) == null ? void 0 : v.value) != null ? S : 0
       })
-    }), /* @__PURE__ */ v(F, {
+    }), /* @__PURE__ */ b(F, {
       mt: t.spacing,
       sx: {
         position: "relative"
       },
       children: [/* @__PURE__ */ r(Oe, {
         visible: o || c
-      }), /* @__PURE__ */ v(Ae, {
+      }), /* @__PURE__ */ b(Ae, {
         horizontalSpacing: t.spacing,
         verticalSpacing: t.spacing,
         fontSize: t.size,
         highlightOnHover: !0,
         children: [/* @__PURE__ */ r("thead", {
-          children: /* @__PURE__ */ v("tr", {
+          children: /* @__PURE__ */ b("tr", {
             children: [/* @__PURE__ */ r("th", {
               children: "Username"
             }), /* @__PURE__ */ r("th", {
@@ -1875,14 +1870,14 @@ function rn({
             })]
           })
         }), /* @__PURE__ */ r("tbody", {
-          children: a.map((m) => {
+          children: i.map((h) => {
             const {
               id: f,
               name: z,
               email: q,
-              role_id: $
-            } = m;
-            return /* @__PURE__ */ v("tr", {
+              role_id: W
+            } = h;
+            return /* @__PURE__ */ b("tr", {
               children: [/* @__PURE__ */ r("td", {
                 width: 200,
                 children: z
@@ -1891,15 +1886,15 @@ function rn({
                 children: q
               }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: p($)
+                children: p(W)
               }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: /* @__PURE__ */ v(O, {
+                children: /* @__PURE__ */ b(O, {
                   position: "left",
-                  children: [/* @__PURE__ */ r(Dt, {
-                    account: m,
+                  children: [/* @__PURE__ */ r(zt, {
+                    account: h,
                     onSuccess: l
-                  }), /* @__PURE__ */ r(kt, {
+                  }), /* @__PURE__ */ r(Ct, {
                     id: f,
                     name: z,
                     onSuccess: l
@@ -1913,12 +1908,12 @@ function rn({
     })]
   });
 }
-function jt({
+function Ot({
   postSubmit: t,
-  styles: n = V
+  styles: n = $
 }) {
   const {
-    control: a,
+    control: i,
     handleSubmit: o
   } = J({
     defaultValues: {
@@ -1928,27 +1923,27 @@ function jt({
   });
   return /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ v("form", {
+    children: /* @__PURE__ */ b("form", {
       onSubmit: o(async ({
         name: s,
         password: c
       }) => {
         try {
-          W({
+          V({
             id: "for-login",
             title: "Pending",
             message: "Loggin in...",
             loading: !0
           });
           const d = await j.account.login(s, c);
-          window.localStorage.setItem("token", d.token), x({
+          window.localStorage.setItem("token", d.token), k({
             id: "for-login",
             title: "Successful",
             message: "Logged in",
             color: "green"
           }), t(d);
         } catch (d) {
-          x({
+          k({
             id: "for-login",
             title: "Login Failed",
             message: d.message,
@@ -1958,7 +1953,7 @@ function jt({
       }),
       children: [/* @__PURE__ */ r(R, {
         name: "name",
-        control: a,
+        control: i,
         render: ({
           field: s
         }) => /* @__PURE__ */ r(D, {
@@ -1970,7 +1965,7 @@ function jt({
         })
       }), /* @__PURE__ */ r(R, {
         name: "password",
-        control: a,
+        control: i,
         render: ({
           field: s
         }) => /* @__PURE__ */ r(de, {
@@ -1992,10 +1987,10 @@ function jt({
     })
   });
 }
-function tn({
-  styles: t = V,
+function Kt({
+  styles: t = $,
   config: n,
-  onSuccess: a
+  onSuccess: i
 }) {
   return pe(n), /* @__PURE__ */ r(N, {
     children: /* @__PURE__ */ r(F, {
@@ -2003,24 +1998,24 @@ function tn({
       sx: {
         position: "relative"
       },
-      children: /* @__PURE__ */ r(jt, {
+      children: /* @__PURE__ */ r(Ot, {
         styles: t,
-        postSubmit: a
+        postSubmit: i
       })
     })
   });
 }
-const me = {
+const he = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function It({
+function At({
   postSubmit: t,
-  styles: n = me,
-  initialRoleID: a
+  styles: n = he,
+  initialRoleID: i
 }) {
   const {
     control: o,
@@ -2028,18 +2023,18 @@ function It({
   } = J({
     defaultValues: {
       name: "",
-      role_id: a
+      role_id: i
     }
   });
   return /* @__PURE__ */ r(F, {
     mx: "auto",
-    children: /* @__PURE__ */ v("form", {
+    children: /* @__PURE__ */ b("form", {
       onSubmit: l(async ({
         name: c,
         role_id: d
       }) => {
         try {
-          W({
+          V({
             id: "for-creating",
             title: "Pending",
             message: "Adding API Key...",
@@ -2047,16 +2042,16 @@ function It({
           });
           const {
             app_id: p,
-            app_secret: b
+            app_secret: v
           } = await j.api_key.create(c, d);
-          x({
+          k({
             id: "for-creating",
             title: "Successful",
             message: "API Key is added",
             color: "green"
-          }), t(p, b);
+          }), t(p, v);
         } catch (p) {
-          x({
+          k({
             id: "for-creating",
             title: "Failed",
             message: p.message,
@@ -2081,7 +2076,7 @@ function It({
         control: o,
         render: ({
           field: c
-        }) => /* @__PURE__ */ r(je, {
+        }) => /* @__PURE__ */ r(Ie, {
           styles: n,
           ...c
         })
@@ -2097,32 +2092,32 @@ function It({
     })
   });
 }
-function Ft({
+function xt({
   onSuccess: t,
-  styles: n = me,
-  initialRoleID: a
+  styles: n = he,
+  initialRoleID: i
 }) {
   const o = fe(), [l, s] = H.useState(!1), c = () => s(!0), d = () => s(!1);
-  return /* @__PURE__ */ v(N, {
+  return /* @__PURE__ */ b(N, {
     children: [/* @__PURE__ */ r(ne, {
       overflow: "inside",
       opened: l,
       onClose: () => s(!1),
       title: "Add an API Key",
       trapFocus: !0,
-      onDragStart: (b) => {
-        b.stopPropagation();
+      onDragStart: (v) => {
+        v.stopPropagation();
       },
-      children: /* @__PURE__ */ r(It, {
-        postSubmit: (b, S) => {
+      children: /* @__PURE__ */ r(At, {
+        postSubmit: (v, S) => {
           d(), o.openModal({
             title: "API Key is generated",
-            children: /* @__PURE__ */ v(ze, {
+            children: /* @__PURE__ */ b(ze, {
               children: [/* @__PURE__ */ r(ue, {
                 color: "dimmed",
                 children: "Make sure you save it - you won't be able to access it again."
               }), /* @__PURE__ */ r(D, {
-                defaultValue: b,
+                defaultValue: v,
                 disabled: !0,
                 label: "APP ID",
                 styles: {
@@ -2142,7 +2137,7 @@ function Ft({
               }), /* @__PURE__ */ r(T, {
                 size: "sm",
                 onClick: () => {
-                  lt();
+                  nt();
                 },
                 children: "I've saved this API Key"
               })]
@@ -2153,41 +2148,41 @@ function Ft({
           });
         },
         styles: n,
-        initialRoleID: a
+        initialRoleID: i
       })
     }), /* @__PURE__ */ r(T, {
       size: n.button.size,
       onClick: c,
-      leftIcon: /* @__PURE__ */ r(xe, {
+      leftIcon: /* @__PURE__ */ r(De, {
         size: 20
       }),
       children: "Add an API Key"
     })]
   });
 }
-function qt({
+function kt({
   id: t,
   name: n,
-  onSuccess: a,
-  styles: o = me
+  onSuccess: i,
+  styles: o = he
 }) {
   const l = fe(), s = async () => {
     if (!!t) {
-      W({
+      V({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting API Key...",
         loading: !0
       });
       try {
-        await j.api_key.delete(t), x({
+        await j.api_key.delete(t), k({
           id: "for-deleting",
           title: "Successful",
           message: `API Key [${n}] is deleted`,
           color: "green"
-        }), a();
+        }), i();
       } catch (d) {
-        x({
+        k({
           id: "for-deleting",
           title: "Failed",
           message: d.message,
@@ -2208,27 +2203,27 @@ function qt({
     size: o.button.size,
     color: "red",
     onClick: c,
-    leftIcon: /* @__PURE__ */ r(De, {
+    leftIcon: /* @__PURE__ */ r(je, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function nn({
-  styles: t = me,
+function Bt({
+  styles: t = he,
   config: n
 }) {
-  var b, S;
+  var v, S;
   pe(n);
   const {
-    data: a = [],
+    data: i = [],
     loading: o,
     refresh: l
   } = G(async () => {
     const {
-      data: m
+      data: h
     } = await j.api_key.list();
-    return m;
+    return h;
   }, {
     refreshDeps: []
   }), {
@@ -2241,32 +2236,32 @@ function nn({
     disabled: f.id === 50
   })), {
     refreshDeps: []
-  }), d = ur(() => s.reduce((m, f) => (m.set(f.value, f.label), m), /* @__PURE__ */ new Map()), [s]), p = (m) => {
+  }), d = ur(() => s.reduce((h, f) => (h.set(f.value, f.label), h), /* @__PURE__ */ new Map()), [s]), p = (h) => {
     var f;
-    return (f = d.get(m)) != null ? f : m;
+    return (f = d.get(h)) != null ? f : h;
   };
-  return /* @__PURE__ */ v(N, {
+  return /* @__PURE__ */ b(N, {
     children: [/* @__PURE__ */ r(O, {
       pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(Ft, {
+      children: /* @__PURE__ */ r(xt, {
         onSuccess: l,
-        initialRoleID: (S = (b = s == null ? void 0 : s[0]) == null ? void 0 : b.value) != null ? S : 0
+        initialRoleID: (S = (v = s == null ? void 0 : s[0]) == null ? void 0 : v.value) != null ? S : 0
       })
-    }), /* @__PURE__ */ v(F, {
+    }), /* @__PURE__ */ b(F, {
       mt: t.spacing,
       sx: {
         position: "relative"
       },
       children: [/* @__PURE__ */ r(Oe, {
         visible: o || c
-      }), /* @__PURE__ */ v(Ae, {
+      }), /* @__PURE__ */ b(Ae, {
         horizontalSpacing: t.spacing,
         verticalSpacing: t.spacing,
         fontSize: t.size,
         highlightOnHover: !0,
         children: [/* @__PURE__ */ r("thead", {
-          children: /* @__PURE__ */ v("tr", {
+          children: /* @__PURE__ */ b("tr", {
             children: [/* @__PURE__ */ r("th", {
               children: "Name"
             }), /* @__PURE__ */ r("th", {
@@ -2278,14 +2273,14 @@ function nn({
             })]
           })
         }), /* @__PURE__ */ r("tbody", {
-          children: a.map((m) => {
+          children: i.map((h) => {
             const {
               id: f,
               name: z,
               app_id: q,
-              role_id: $
-            } = m;
-            return /* @__PURE__ */ v("tr", {
+              role_id: W
+            } = h;
+            return /* @__PURE__ */ b("tr", {
               children: [/* @__PURE__ */ r("td", {
                 width: 200,
                 children: z
@@ -2294,12 +2289,12 @@ function nn({
                 children: q
               }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: p($)
+                children: p(W)
               }), /* @__PURE__ */ r("td", {
                 width: 200,
                 children: /* @__PURE__ */ r(O, {
                   position: "left",
-                  children: /* @__PURE__ */ r(qt, {
+                  children: /* @__PURE__ */ r(kt, {
                     id: f,
                     name: z,
                     onSuccess: l
@@ -2313,17 +2308,17 @@ function nn({
     })]
   });
 }
-const an = () => import("./package.1eb31380.mjs").then(({ version: t }) => (console.log(`[@devtable/dashboard] version: ${t}`), t));
+const Gt = () => import("./package.0e12772e.mjs").then(({ version: t }) => (console.log(`[@devtable/dashboard] version: ${t}`), t));
 export {
-  nn as APIKeyList,
-  rn as AccountList,
-  Ft as AddAPIKey,
-  At as AddAccount,
-  Rt as AddDataSource,
-  en as DataSourceList,
-  qt as DeleteAPIKey,
-  kt as DeleteAccount,
-  Tt as DeleteDataSource,
-  tn as Login,
-  an as getVersion
+  Bt as APIKeyList,
+  Yt as AccountList,
+  xt as AddAPIKey,
+  Et as AddAccount,
+  mt as AddDataSource,
+  Wt as DataSourceList,
+  kt as DeleteAPIKey,
+  Ct as DeleteAccount,
+  yt as DeleteDataSource,
+  Kt as Login,
+  Gt as getVersion
 };