@devtable/dashboard 4.15.0 → 4.16.0

package/dist/dashboard.es.js

@@ -1,13 +1,13 @@
 var Ai = Object.defineProperty;
 var Mi = (t, e, n) => e in t ? Ai(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var O = (t, e, n) => (Mi(t, typeof e != "symbol" ? e + "" : e, n), n);
-import { Box as $, Text as v, Button as F, Checkbox as He, MultiSelect as hn, Select as q, TextInput as k, Group as g, Stack as w, ActionIcon as z, LoadingOverlay as Vt, Table as zt, Tabs as V, Textarea as pn, AppShell as mn, Modal as Ce, Divider as U, SimpleGrid as Li, NumberInput as Ae, Menu as ue, Tooltip as qi, Paper as $i, Code as hr, Switch as Oe, useMantineTheme as Ni, ColorInput as Bi, ColorSwatch as pr, Slider as Vr, createStyles as fn, Popover as Zt, Accordion as A, SegmentedControl as ji, JsonInput as Gi } from "@mantine/core";
+import { Box as $, Text as v, Button as F, Checkbox as He, MultiSelect as hn, Select as q, TextInput as k, Group as g, Stack as w, ActionIcon as z, LoadingOverlay as Vt, Table as zt, Tabs as V, Textarea as pn, AppShell as mn, Modal as we, Divider as U, SimpleGrid as Li, NumberInput as Ce, Menu as ue, Tooltip as qi, Paper as $i, Code as hr, Switch as Fe, useMantineTheme as Ni, ColorInput as Bi, ColorSwatch as pr, Slider as Vr, createStyles as fn, Popover as Zt, Accordion as A, SegmentedControl as ji, JsonInput as Gi } from "@mantine/core";
 import { useModals as Wi, ModalsProvider as zr } from "@mantine/modals";
-import { useRequest as Et, useBoolean as mt, useCreation as Fe, useAsyncEffect as ft, useLatest as mr } from "ahooks";
+import { useRequest as Et, useBoolean as mt, useCreation as Pe, useAsyncEffect as ft, useLatest as mr } from "ahooks";
 import { observer as D } from "mobx-react-lite";
 import x, { forwardRef as gn, useMemo as M, useState as de, createElement as Ot, useEffect as Z, useCallback as Rt, useRef as Qi, useContext as Me, createContext as Yi } from "react";
-import B, { omit as Ft, get as ae, values as Er, unset as Ui, isObject as Or, set as Fr, orderBy as Hi, last as Xi, noop as Ji, defaults as ne, isEqual as Ie, defaultsDeep as Ge, findLastIndex as Ki, isEmpty as Pr, isNumber as Zi, isString as Ar, range as eo, cloneDeep as Mr, maxBy as Lr, merge as qr, minBy as to, groupBy as no, template as $r, cloneDeepWith as ro, throttle as ao } from "lodash";
-import { useForm as Re, Controller as S, useFieldArray as we } from "react-hook-form";
+import B, { omit as Ft, get as ae, values as Er, unset as Ui, isObject as Or, set as Fr, orderBy as Hi, last as Xi, noop as Ji, defaults as ne, isEqual as De, defaultsDeep as Ge, findLastIndex as Ki, isEmpty as Pr, isNumber as Zi, isString as Ar, range as eo, cloneDeep as Mr, maxBy as Lr, merge as qr, minBy as to, groupBy as no, template as $r, cloneDeepWith as ro, throttle as ao } from "lodash";
+import { useForm as ke, Controller as S, useFieldArray as Se } from "react-hook-form";
 import { DateRangePicker as io } from "@mantine/dates";
 import { Calendar as oo, Refresh as Nr, DeviceFloppy as ee, Trash as K, PlaylistAdd as Je, Recycle as Br, Settings as jr, Filter as so, Database as lo, Share as co, Download as Gr, Code as uo, InfoCircle as ho, ArrowRight as en, ArrowsMaximize as po, Copy as mo, ArrowLeft as fo, ArrowsMove as go, ChevronDownRight as bo } from "tabler-icons-react";
 import vo from "axios";
@@ -31,7 +31,7 @@ import { CanvasRenderer as $e } from "echarts/renderers";
 import "echarts-gl";
 import { GridComponent as Ke, VisualMapComponent as Oo, LegendComponent as Ze, TooltipComponent as et, DataZoomComponent as At, MarkLineComponent as Fo } from "echarts/components";
 import { transform as Zr } from "echarts-stat";
-import * as Ve from "d3-regression";
+import * as ze from "d3-regression";
 import Po from "stickybits";
 import ea, { WidthProvider as ta } from "react-grid-layout";
 import Ao from "jszip";
@@ -171,13 +171,13 @@ function qo() {
         }
       return null;
     }
-    var ce = Object.assign, Te = 0, Gn, Wn, Qn, Yn, Un, Hn, Xn;
+    var ce = Object.assign, Ve = 0, Gn, Wn, Qn, Yn, Un, Hn, Xn;
     function Jn() {
     }
     Jn.__reactDisabledLog = !0;
     function di() {
       {
-        if (Te === 0) {
+        if (Ve === 0) {
           Gn = console.log, Wn = console.info, Qn = console.warn, Yn = console.error, Un = console.group, Hn = console.groupCollapsed, Xn = console.groupEnd;
           var d = {
             configurable: !0,
@@ -195,12 +195,12 @@ function qo() {
             groupEnd: d
           });
         }
-        Te++;
+        Ve++;
       }
     }
     function hi() {
       {
-        if (Te--, Te === 0) {
+        if (Ve--, Ve === 0) {
           var d = {
             configurable: !0,
             enumerable: !0,
@@ -230,7 +230,7 @@ function qo() {
             })
           });
         }
-        Te < 0 && W("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Ve < 0 && W("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var Wt = Q.ReactCurrentDispatcher, Qt;
@@ -278,29 +278,29 @@ function qo() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(L, []);
-            } catch (_e) {
-              T = _e;
+            } catch (Ie) {
+              T = Ie;
             }
             Reflect.construct(d, [], L);
           } else {
             try {
               L.call();
-            } catch (_e) {
-              T = _e;
+            } catch (Ie) {
+              T = Ie;
             }
             d.call(L.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (_e) {
-            T = _e;
+          } catch (Ie) {
+            T = Ie;
           }
           d();
         }
-      } catch (_e) {
-        if (_e && T && typeof _e.stack == "string") {
-          for (var P = _e.stack.split(`
+      } catch (Ie) {
+        if (Ie && T && typeof Ie.stack == "string") {
+          for (var P = Ie.stack.split(`
 `), ie = T.stack.split(`
 `), X = P.length - 1, J = ie.length - 1; X >= 1 && J >= 0 && P[X] !== ie[J]; )
             J--;
@@ -940,7 +940,7 @@ const sa = x.forwardRef(function({
   const n = te(), {
     control: a,
     handleSubmit: i
-  } = Re({
+  } = ke({
     defaultValues: n.filters.values
   }), o = n.filters.visibleInView(e.id);
   return o.length === 0 ? null : /* @__PURE__ */ r("form", {
@@ -984,7 +984,7 @@ const sa = x.forwardRef(function({
   freezeLayout: B.noop,
   inEditMode: !1,
   inUseMode: !0
-}, Se = x.createContext(Uo), ca = x.createContext({
+}, _e = x.createContext(Uo), ca = x.createContext({
   panel: null,
   data: [],
   loading: !1
@@ -1587,10 +1587,10 @@ const os = D(function({
 }) {
   const {
     freezeLayout: a
-  } = x.useContext(Se);
+  } = x.useContext(_e);
   return x.useEffect(() => {
     a(e);
-  }, [e]), /* @__PURE__ */ r(Ce, {
+  }, [e]), /* @__PURE__ */ r(we, {
     size: "96vw",
     overflow: "inside",
     opened: e,
@@ -2075,7 +2075,7 @@ const ds = D(function({
         sx: {
           maxWidth: "30em"
         },
-        children: [/* @__PURE__ */ r(Ae, {
+        children: [/* @__PURE__ */ r(Ce, {
           label: "Placement Order",
           required: !0,
           value: e.order,
@@ -2239,10 +2239,10 @@ const ys = D(function() {
 }) {
   const {
     freezeLayout: a
-  } = x.useContext(Se);
+  } = x.useContext(_e);
   return x.useEffect(() => {
     a(e);
-  }, [e]), /* @__PURE__ */ r(Ce, {
+  }, [e]), /* @__PURE__ */ r(we, {
     size: "96vw",
     overflow: "inside",
     opened: e,
@@ -2256,10 +2256,10 @@ const ys = D(function() {
     children: /* @__PURE__ */ r(ys, {})
   });
 });
-var Cs = /* @__PURE__ */ ((t) => (t.Use = "use", t.Edit = "edit", t))(Cs || {}), De = /* @__PURE__ */ ((t) => (t.Division = "div", t.Modal = "modal", t))(De || {}), ws = /* @__PURE__ */ ((t) => (t.Select = "select", t.MultiSelect = "multi-select", t.TextInput = "text-input", t.Checkbox = "checkbox", t.DateRange = "date-range", t))(ws || {});
+var Cs = /* @__PURE__ */ ((t) => (t.Use = "use", t.Edit = "edit", t))(Cs || {}), Re = /* @__PURE__ */ ((t) => (t.Division = "div", t.Modal = "modal", t))(Re || {}), ws = /* @__PURE__ */ ((t) => (t.Select = "select", t.MultiSelect = "multi-select", t.TextInput = "text-input", t.Checkbox = "checkbox", t.DateRange = "date-range", t))(ws || {});
 const Ss = D(() => {
   const e = te().views.VIE;
-  return !e || e.type !== De.Division ? null : /* @__PURE__ */ c(w, {
+  return !e || e.type !== Re.Division ? null : /* @__PURE__ */ c(w, {
     children: [/* @__PURE__ */ r(U, {
       mt: 8,
       mb: 0,
@@ -2274,7 +2274,7 @@ const Ss = D(() => {
   });
 }), _s = D(() => {
   const e = te().views.VIE;
-  return !e || e.type !== De.Modal ? null : /* @__PURE__ */ c(w, {
+  return !e || e.type !== Re.Modal ? null : /* @__PURE__ */ c(w, {
     children: [/* @__PURE__ */ r(U, {
       mt: 8,
       label: "Modal settings",
@@ -2298,10 +2298,10 @@ const Ss = D(() => {
   children: [/* @__PURE__ */ r(Ss, {}), /* @__PURE__ */ r(_s, {})]
 })), Ds = [{
   label: "Division",
-  value: De.Division
+  value: Re.Division
 }, {
   label: "Modal",
-  value: De.Modal
+  value: Re.Modal
 }], Rs = D(() => {
   const e = te().views.VIE;
   return e ? /* @__PURE__ */ c(w, {
@@ -2328,10 +2328,10 @@ const Ss = D(() => {
   var i;
   const n = te(), {
     freezeLayout: a
-  } = x.useContext(Se);
+  } = x.useContext(_e);
   return x.useEffect(() => {
     a(t);
-  }, [t]), /* @__PURE__ */ r(Ce, {
+  }, [t]), /* @__PURE__ */ r(we, {
     size: "500px",
     overflow: "inside",
     opened: t,
@@ -2482,12 +2482,12 @@ function Es({
 }) {
   const {
     freezeLayout: a
-  } = x.useContext(Se);
+  } = x.useContext(_e);
   x.useEffect(() => {
     a(t);
   }, [t]);
   const i = x.useMemo(() => JSON.stringify(n(), null, 2), [t]);
-  return /* @__PURE__ */ r(Ce, {
+  return /* @__PURE__ */ r(we, {
     size: "96vw",
     overflow: "inside",
     opened: t,
@@ -2525,7 +2525,7 @@ const va = D(function({
   }, o = n.views.changed || n.sqlSnippets.changed || n.queries.changed || n.filters.changed, {
     inEditMode: s,
     inUseMode: l
-  } = x.useContext(Se), [u, p] = x.useState(!1), h = () => p(!0), f = () => p(!1), [m, y] = x.useState(!1), I = () => y(!0), R = () => y(!1), [E, Q] = x.useState(!1), W = () => Q(!0), be = () => Q(!1);
+  } = x.useContext(_e), [u, p] = x.useState(!1), h = () => p(!0), f = () => p(!1), [m, y] = x.useState(!1), I = () => y(!0), R = () => y(!1), [E, Q] = x.useState(!1), W = () => Q(!0), be = () => Q(!1);
   return /* @__PURE__ */ c(g, {
     position: "apart",
     pt: 0,
@@ -2622,13 +2622,13 @@ const va = D(function({
 function ya() {
   const {
     freezeLayout: t
-  } = x.useContext(Se), [e, n] = x.useState(!1), {
+  } = x.useContext(_e), [e, n] = x.useState(!1), {
     panel: a
   } = he();
   return x.useEffect(() => {
     t(e);
   }, [e]), !a.description || a.description === "<p><br></p>" ? null : /* @__PURE__ */ c(Y, {
-    children: [/* @__PURE__ */ r(Ce, {
+    children: [/* @__PURE__ */ r(we, {
       opened: e,
       onClose: () => n(!1),
       title: a.title,
@@ -2768,14 +2768,14 @@ const Ls = D((t) => {
     operationId: o,
     instance: s,
     variables: l
-  } = t, u = Fe(() => new Os(i, s), [i, s]);
+  } = t, u = Pe(() => new Os(i, s), [i, s]);
   return ft(async () => {
     await u.configOperation(o, l);
   }, [o, u]), Fs(u) ? /* @__PURE__ */ c(Y, {
     children: [/* @__PURE__ */ r(Ps, {
       model: u,
       onClick: n
-    }), /* @__PURE__ */ r(Ce, {
+    }), /* @__PURE__ */ r(we, {
       opened: e,
       onClose: a,
       title: "Operation Settings",
@@ -2821,7 +2821,7 @@ function $s(t) {
   return !!t.triggerId && !!t.triggerSchema;
 }
 function Ns(t, e) {
-  return Fe(() => new qs(t, e), [t, e]);
+  return Pe(() => new qs(t, e), [t, e]);
 }
 const Bs = D(({
   model: t,
@@ -2868,7 +2868,7 @@ const Bs = D(({
     setFalse: a
   }] = mt(!1), i = t.model;
   return /* @__PURE__ */ c(Y, {
-    children: [/* @__PURE__ */ r(Ce, {
+    children: [/* @__PURE__ */ r(we, {
       opened: e,
       onClose: a,
       title: "Setup Trigger",
@@ -3285,11 +3285,11 @@ function sl({
     handleSubmit: o,
     watch: s,
     getValues: l
-  } = Re({
+  } = ke({
     defaultValues: a
   });
   s("content");
-  const u = l(), p = M(() => !Ie(u, e), [u, e]), h = _a(e == null ? void 0 : e.content);
+  const u = l(), p = M(() => !De(u, e), [u, e]), h = _a(e == null ? void 0 : e.content);
   return /* @__PURE__ */ r(w, {
     mt: "md",
     spacing: "xs",
@@ -3479,7 +3479,7 @@ function hl({
         sx: {
           flexGrow: 1
         }
-      }), /* @__PURE__ */ r(Oe, {
+      }), /* @__PURE__ */ r(Fe, {
         label: /* @__PURE__ */ c(w, {
           spacing: 0,
           children: [/* @__PURE__ */ r(v, {
@@ -3510,7 +3510,7 @@ function hl({
       })]
     }), /* @__PURE__ */ c(g, {
       grow: !0,
-      children: [/* @__PURE__ */ r(Ae, {
+      children: [/* @__PURE__ */ r(Ce, {
         label: "Mantissa",
         defaultValue: 0,
         min: 0,
@@ -3518,7 +3518,7 @@ function hl({
         max: 4,
         value: t.mantissa,
         onChange: i
-      }), /* @__PURE__ */ r(Oe, {
+      }), /* @__PURE__ */ r(Fe, {
         label: "Trim mantissa",
         checked: t.trimMantissa,
         onChange: o,
@@ -3640,7 +3640,7 @@ function ml({
       data: pl,
       value: e.type,
       onChange: i
-    }), e.type === "quantile" && /* @__PURE__ */ r(Ae, {
+    }), e.type === "quantile" && /* @__PURE__ */ r(Ce, {
       label: "p",
       value: e.config.p,
       onChange: o,
@@ -3749,7 +3749,7 @@ function yl({
 }, n) {
   const {
     colorManager: a
-  } = Me(ke), i = x.useMemo(() => a.getStaticColors().map((l) => ({
+  } = Me(Te), i = x.useMemo(() => a.getStaticColors().map((l) => ({
     label: l.name,
     group: l.category,
     value: l.value
@@ -3793,7 +3793,7 @@ function yl({
     })]
   });
 }
-const Pe = x.forwardRef(yl), It = [{
+const Ae = x.forwardRef(yl), It = [{
   label: "initial",
   value: 0
 }, {
@@ -3947,7 +3947,7 @@ const Sl = x.forwardRef(wl), _l = x.forwardRef(function({
         }],
         value: e.color.type,
         onChange: (s) => o("color.type", s)
-      }), i === "static" && /* @__PURE__ */ r(Pe, {
+      }), i === "static" && /* @__PURE__ */ r(Ae, {
         value: e.color.staticColor,
         onChange: (s) => o("color.staticColor", s)
       }), i === "continuous" && /* @__PURE__ */ c(Y, {
@@ -4083,7 +4083,7 @@ const Vn = (t, e) => (n) => Boolean(bt(n) && Rl.test(n) && n.startsWith(t) || e
   test: Vn("hsl", "hue"),
   parse: Ta("hue", "saturation", "lightness"),
   transform: ({ hue: t, saturation: e, lightness: n, alpha: a = 1 }) => "hsla(" + Math.round(t) + ", " + dt.transform(ut(e)) + ", " + dt.transform(ut(n)) + ", " + ut(ka.transform(a)) + ")"
-}, Tl = Ra(0, 255), tn = Object.assign(Object.assign({}, Nt), { transform: (t) => Math.round(Tl(t)) }), ze = {
+}, Tl = Ra(0, 255), tn = Object.assign(Object.assign({}, Nt), { transform: (t) => Math.round(Tl(t)) }), Ee = {
   test: Vn("rgb", "red"),
   parse: Ta("red", "green", "blue"),
   transform: ({ red: t, green: e, blue: n, alpha: a = 1 }) => "rgba(" + tn.transform(t) + ", " + tn.transform(e) + ", " + tn.transform(n) + ", " + ut(ka.transform(a)) + ")"
@@ -4100,11 +4100,11 @@ function Vl(t) {
 const ln = {
   test: Vn("#"),
   parse: Vl,
-  transform: ze.transform
+  transform: Ee.transform
 }, Bt = {
-  test: (t) => ze.test(t) || ln.test(t) || Ne.test(t),
-  parse: (t) => ze.test(t) ? ze.parse(t) : Ne.test(t) ? Ne.parse(t) : ln.parse(t),
-  transform: (t) => bt(t) ? t : t.hasOwnProperty("red") ? ze.transform(t) : Ne.transform(t)
+  test: (t) => Ee.test(t) || ln.test(t) || Ne.test(t),
+  parse: (t) => Ee.test(t) ? Ee.parse(t) : Ne.test(t) ? Ne.parse(t) : ln.parse(t),
+  transform: (t) => bt(t) ? t : t.hasOwnProperty("red") ? Ee.transform(t) : Ne.transform(t)
 }, Va = "${c}", za = "${n}";
 function zl(t) {
   var e, n, a, i;
@@ -4159,11 +4159,11 @@ function xr({ hue: t, saturation: e, lightness: n, alpha: a }) {
 const Fl = (t, e, n) => {
   const a = t * t, i = e * e;
   return Math.sqrt(Math.max(0, n * (i - a) + a));
-}, Pl = [ln, ze, Ne], Cr = (t) => Pl.find((e) => e.test(t)), wr = (t) => `'${t}' is not an animatable color. Use the equivalent color code instead.`, Aa = (t, e) => {
+}, Pl = [ln, Ee, Ne], Cr = (t) => Pl.find((e) => e.test(t)), wr = (t) => `'${t}' is not an animatable color. Use the equivalent color code instead.`, Aa = (t, e) => {
   let n = Cr(t), a = Cr(e);
   pt(!!n, wr(t)), pt(!!a, wr(e));
   let i = n.parse(t), o = a.parse(e);
-  n === Ne && (i = xr(i), n = ze), a === Ne && (o = xr(o), a = ze);
+  n === Ne && (i = xr(i), n = Ee), a === Ne && (o = xr(o), a = Ee);
   const s = Object.assign({}, i);
   return (l) => {
     for (const u in s)
@@ -4406,7 +4406,7 @@ function ec({
     fields: a,
     append: i,
     remove: o
-  } = we({
+  } = Se({
     control: t,
     name: "variables"
   }), s = e("variables"), l = a.map((p, h) => ({
@@ -4452,7 +4452,7 @@ function tc({
     watch: l,
     getValues: u,
     reset: p
-  } = Re({
+  } = ke({
     defaultValues: i
   });
   x.useEffect(() => {
@@ -4524,7 +4524,7 @@ const nc = {
   viewRender: Kl,
   configRender: tc
 };
-var Ee = /* @__PURE__ */ ((t) => (t.string = "string", t.number = "number", t.eloc = "eloc", t.percentage = "percentage", t))(Ee || {});
+var Oe = /* @__PURE__ */ ((t) => (t.string = "string", t.number = "number", t.eloc = "eloc", t.percentage = "percentage", t))(Oe || {});
 const Tt = {
   columns: [],
   fontSize: "1rem",
@@ -4537,7 +4537,7 @@ const Tt = {
 }, rc = ({
   vizManager: t,
   instance: e
-}) => Fe(
+}) => Pe(
   () => new Xa(e, t.resolveComponent(e.type), Nn),
   [e, t]
 ), ac = (t, e) => {
@@ -4793,19 +4793,19 @@ function Ic(t) {
 }
 function Dc(t) {
   switch (t.type) {
-    case Ee.string:
+    case Oe.string:
       return /* @__PURE__ */ r(wc, {
         ...t
       });
-    case Ee.eloc:
+    case Oe.eloc:
       return /* @__PURE__ */ r(Sc, {
         ...t
       });
-    case Ee.number:
+    case Oe.number:
       return /* @__PURE__ */ r(_c, {
         ...t
       });
-    case Ee.percentage:
+    case Oe.percentage:
       return /* @__PURE__ */ r(Ic, {
         ...t
       });
@@ -4814,7 +4814,7 @@ function Dc(t) {
 const Rc = (t) => {
   const e = rc(t), n = ac(e.triggerManager, zn.id), {
     colorManager: a
-  } = Me(ke);
+  } = Me(Te);
   return Rt((i) => new Tc(t.getColIndex, i, n, e, a), [n, e, t.getColIndex]);
 };
 function kc({
@@ -4837,16 +4837,16 @@ function kc({
   } = vc(), f = x.useMemo(() => s ? Object.keys(n[0]).map((se) => ({
     label: se,
     value_field: se,
-    value_type: Ee.string
+    value_type: Oe.string
   })) : l, [s, l, n]), m = Rc({
     getColIndex: Rt((se) => f.indexOf(se.column.columnDef.meta), [f]),
     vizManager: t.vizManager,
     instance: e
   }), y = M(() => {
     const se = _o(), ve = f.map((ce) => se.accessor(ce.value_field, {
-      cell: (Te) => /* @__PURE__ */ r(Dc, {
-        tableCellContext: m(Te.cell),
-        value: Te.getValue(),
+      cell: (Ve) => /* @__PURE__ */ r(Dc, {
+        tableCellContext: m(Ve.cell),
+        value: Ve.getValue(),
         type: ce.value_type
       }),
       header: ce.label,
@@ -5085,7 +5085,7 @@ function Ec(t) {
         })
       }), /* @__PURE__ */ r(Zt.Dropdown, {
         children: /* @__PURE__ */ c(w, {
-          children: [/* @__PURE__ */ r(Ae, {
+          children: [/* @__PURE__ */ r(Ce, {
             size: "xs",
             label: "Map a value to this color",
             value: s,
@@ -5134,7 +5134,7 @@ const Oc = D(({
     }, a))
   });
 }), Fc = D(function(e) {
-  const n = Fe(() => new zc(), []);
+  const n = Pe(() => new zc(), []);
   return Z(() => {
     n.fromProps(e);
   }), n.interpolation == null ? null : /* @__PURE__ */ r(Oc, {
@@ -5176,7 +5176,7 @@ const Oc = D(({
       variant: "outline",
       onClick: p,
       children: l == null ? void 0 : l.displayName
-    }), /* @__PURE__ */ r(Ce, {
+    }), /* @__PURE__ */ r(we, {
       size: 508,
       title: "Setup color interpolation",
       opened: u,
@@ -5229,7 +5229,7 @@ function qc(t, e) {
 const $c = (t) => {
   const {
     colorManager: e
-  } = Me(ke), [n, a] = de(Qa(t.value)), [i, o] = de(Lc(e, t.value)), s = mr(i), [l, u] = de(qc(e, t.value)), p = mr(l);
+  } = Me(Te), [n, a] = de(Qa(t.value)), [i, o] = de(Lc(e, t.value)), s = mr(i), [l, u] = de(qc(e, t.value)), p = mr(l);
   return /* @__PURE__ */ c(g, {
     align: "end",
     children: [/* @__PURE__ */ r(q, {
@@ -5240,7 +5240,7 @@ const $c = (t) => {
         a(y || "none"), y === "static" ? (I = t.onChange) == null || I.call(t, s.current) : y === "none" || !y ? (R = t.onChange) == null || R.call(t, "none") : (E = t.onChange) == null || E.call(t, p.current);
       },
       data: Ac
-    }), n === "static" && /* @__PURE__ */ r(Pe, {
+    }), n === "static" && /* @__PURE__ */ r(Ae, {
       value: i,
       onChange: (y) => {
         var I;
@@ -5255,7 +5255,7 @@ const $c = (t) => {
       }
     })]
   });
-}, Nc = Object.values(Ee).map((t) => ({
+}, Nc = Object.values(Oe).map((t) => ({
   label: t,
   value: t
 }));
@@ -5289,7 +5289,7 @@ function jc({
   const i = t.data || [], o = () => a.insertListItem("columns", {
     label: ge(),
     value_field: "value",
-    value_type: Ee.string
+    value_type: Oe.string
   });
   return /* @__PURE__ */ r(w, {
     mt: "md",
@@ -5380,12 +5380,12 @@ function jc({
           }), /* @__PURE__ */ c(g, {
             position: "apart",
             grow: !0,
-            children: [/* @__PURE__ */ r(Oe, {
+            children: [/* @__PURE__ */ r(Fe, {
               label: "Striped",
               ...a.getInputProps("striped", {
                 type: "checkbox"
               })
-            }), /* @__PURE__ */ r(Oe, {
+            }), /* @__PURE__ */ r(Fe, {
               label: "Highlight on hover",
               ...a.getInputProps("highlightOnHover", {
                 type: "checkbox"
@@ -5402,7 +5402,7 @@ function jc({
           border: "1px solid #eee",
           borderRadius: "5px"
         },
-        children: [/* @__PURE__ */ r(Oe, {
+        children: [/* @__PURE__ */ r(Fe, {
           label: "Use Original Data Columns",
           ...a.getInputProps("use_raw_columns", {
             type: "checkbox"
@@ -5900,7 +5900,7 @@ function nu({
     control: o,
     handleSubmit: s,
     reset: l
-  } = Re({
+  } = ke({
     defaultValues: i
   });
   return Z(() => {
@@ -6254,7 +6254,7 @@ function lu({
     fields: n,
     append: a,
     remove: i
-  } = we({
+  } = Se({
     control: t,
     name: "reference_lines"
   }), o = e("reference_lines"), s = n.map((h, f) => ({
@@ -6333,7 +6333,7 @@ function uu({
     fields: a,
     append: i,
     remove: o
-  } = we({
+  } = Se({
     control: t,
     name: "variables"
   }), s = e("variables"), l = a.map((p, h) => ({
@@ -6368,13 +6368,13 @@ function du({
     watch: l,
     getValues: u,
     reset: p
-  } = Re({
+  } = ke({
     defaultValues: i
   });
   Z(() => {
     p(i);
   }, [i]), l(["x_axis", "y_axis", "reference_lines", "color"]);
-  const h = u(), f = M(() => !Ie(h, e), [h, e]);
+  const h = u(), f = M(() => !De(h, e), [h, e]);
   return /* @__PURE__ */ r(w, {
     mt: "md",
     spacing: "xs",
@@ -6484,7 +6484,7 @@ function du({
                 control: o,
                 render: ({
                   field: m
-                }) => /* @__PURE__ */ r(Pe, {
+                }) => /* @__PURE__ */ r(Ae, {
                   ...m
                 })
               })]
@@ -6937,7 +6937,7 @@ function ku({
     fields: n,
     append: a,
     remove: i
-  } = we({
+  } = Se({
     control: t,
     name: "reference_lines"
   }), o = e("reference_lines"), s = n.map((h, f) => ({
@@ -7087,7 +7087,7 @@ function zu({
         control: t,
         render: ({
           field: l
-        }) => /* @__PURE__ */ r(Ae, {
+        }) => /* @__PURE__ */ r(Ce, {
           label: "Order",
           sx: {
             flex: 1
@@ -7100,19 +7100,36 @@ function zu({
       variant: "dashed",
       label: "Line Style",
       labelPosition: "center"
-    }), /* @__PURE__ */ r(S, {
-      name: `regressions.${n}.plot.lineStyle.type`,
-      control: t,
-      render: ({
-        field: l
-      }) => /* @__PURE__ */ r(q, {
-        label: "Type",
-        data: Vu,
-        sx: {
-          flexGrow: 1
-        },
-        ...l
-      })
+    }), /* @__PURE__ */ c(g, {
+      grow: !0,
+      children: [/* @__PURE__ */ r(S, {
+        name: `regressions.${n}.plot.lineStyle.type`,
+        control: t,
+        render: ({
+          field: l
+        }) => /* @__PURE__ */ r(q, {
+          label: "Line Type",
+          data: Vu,
+          sx: {
+            flexGrow: 1
+          },
+          ...l
+        })
+      }), /* @__PURE__ */ r(S, {
+        name: `regressions.${n}.plot.lineStyle.width`,
+        control: t,
+        render: ({
+          field: l
+        }) => /* @__PURE__ */ r(Ce, {
+          label: "Line Width",
+          min: 1,
+          max: 10,
+          sx: {
+            flexGrow: 1
+          },
+          ...l
+        })
+      })]
     }), /* @__PURE__ */ c(w, {
       spacing: 4,
       children: [/* @__PURE__ */ r(v, {
@@ -7123,7 +7140,7 @@ function zu({
         control: t,
         render: ({
           field: l
-        }) => /* @__PURE__ */ r(Pe, {
+        }) => /* @__PURE__ */ r(Ae, {
           ...l
         })
       })]
@@ -7151,7 +7168,7 @@ function Eu({
     fields: a,
     append: i,
     remove: o
-  } = we({
+  } = Se({
     control: t,
     name: "regressions"
   }), s = e("regressions"), l = a.map((f, m) => ({
@@ -7178,7 +7195,8 @@ function Eu({
       yAxisIndex: 0,
       color: "#666666",
       lineStyle: {
-        type: "solid"
+        type: "solid",
+        width: 1
       }
     }
   });
@@ -7190,7 +7208,7 @@ function Eu({
       remove: o,
       yAxisOptions: p,
       data: n
-    })), /* @__PURE__ */ r(g, {
+    }, m)), /* @__PURE__ */ r(g, {
       position: "center",
       mt: "xs",
       children: /* @__PURE__ */ r(F, {
@@ -7289,19 +7307,36 @@ function Mu({
       variant: "dashed",
       label: "Line Settings",
       labelPosition: "center"
-    }), /* @__PURE__ */ r(S, {
-      name: `series.${e}.lineStyle.type`,
-      control: t,
-      render: ({
-        field: n
-      }) => /* @__PURE__ */ r(q, {
-        label: "Type",
-        data: Au,
-        sx: {
-          flexGrow: 1
-        },
-        ...n
-      })
+    }), /* @__PURE__ */ c(g, {
+      grow: !0,
+      children: [/* @__PURE__ */ r(S, {
+        name: `series.${e}.lineStyle.type`,
+        control: t,
+        render: ({
+          field: n
+        }) => /* @__PURE__ */ r(q, {
+          label: "Line Type",
+          data: Au,
+          sx: {
+            flexGrow: 1
+          },
+          ...n
+        })
+      }), /* @__PURE__ */ r(S, {
+        name: `series.${e}.lineStyle.width`,
+        control: t,
+        render: ({
+          field: n
+        }) => /* @__PURE__ */ r(Ce, {
+          label: "Line Width",
+          min: 1,
+          max: 10,
+          sx: {
+            flexGrow: 1
+          },
+          ...n
+        })
+      })]
     }), /* @__PURE__ */ c(g, {
       grow: !0,
       align: "center",
@@ -7333,7 +7368,7 @@ function Mu({
           sx: {
             flexGrow: 1
           },
-          children: /* @__PURE__ */ r(Oe, {
+          children: /* @__PURE__ */ r(Fe, {
             label: "Smooth Line",
             checked: n.value,
             onChange: (a) => n.onChange(a.currentTarget.checked)
@@ -7572,7 +7607,7 @@ function Nu({
         control: t,
         render: ({
           field: l
-        }) => /* @__PURE__ */ r(Pe, {
+        }) => /* @__PURE__ */ r(Ae, {
           ...l
         })
       })]
@@ -7600,7 +7635,7 @@ function Bu({
     fields: a,
     append: i,
     remove: o
-  } = we({
+  } = Se({
     control: t,
     name: "series"
   }), s = e("series"), l = a.map((f, m) => ({
@@ -7621,7 +7656,8 @@ function Bu({
     barWidth: "10",
     barGap: "0%",
     lineStyle: {
-      type: "solid"
+      type: "solid",
+      width: 1
     }
   }), p = e("y_axes"), h = x.useMemo(() => p.map(({
     name: f
@@ -7695,7 +7731,7 @@ function Gu({
     fields: a,
     append: i,
     remove: o
-  } = we({
+  } = Se({
     control: t,
     name: "stats.variables"
   });
@@ -7798,7 +7834,7 @@ function Qu({
     fields: a,
     append: i,
     remove: o
-  } = we({
+  } = Se({
     control: t,
     name: "variables"
   }), s = e("variables"), l = a.map((p, h) => ({
@@ -7867,7 +7903,7 @@ function Yu({
         control: e,
         render: ({
           field: a
-        }) => /* @__PURE__ */ r(Ae, {
+        }) => /* @__PURE__ */ r(Ce, {
           label: "Rotate",
           hideControls: !0,
           min: -90,
@@ -8019,7 +8055,7 @@ function Ju({
     fields: n,
     append: a,
     remove: i
-  } = we({
+  } = Se({
     control: t,
     name: "y_axes"
   }), o = e("y_axes"), s = n.map((u, p) => ({
@@ -8061,7 +8097,8 @@ function Ku(t) {
     step: I = !1,
     group_by_key: R = "",
     lineStyle: E = {
-      type: "solid"
+      type: "solid",
+      width: 1
     }
   }) {
     return {
@@ -8112,7 +8149,7 @@ function td({
     set: n
   } = G(t.instanceData, "config"), a = t.data, i = M(() => Ge({}, e, An), [e]), o = M(() => ed(i), [i]);
   Z(() => {
-    !Ie(i, o) && (console.log("config malformed, resetting to defaults", i, o), n(o));
+    !De(i, o) && (console.log("config malformed, resetting to defaults", i, o), n(o));
   }, [i, o]);
   const {
     control: s,
@@ -8120,13 +8157,13 @@ function td({
     watch: u,
     getValues: p,
     reset: h
-  } = Re({
+  } = ke({
     defaultValues: o
   });
   Z(() => {
     h(o);
   }, [o]);
-  const f = p(), m = M(() => !Ie(f, i), [f, i]);
+  const f = p(), m = M(() => !De(f, i), [f, i]);
   return /* @__PURE__ */ r(w, {
     mt: "md",
     spacing: "xs",
@@ -8471,7 +8508,7 @@ function cd({
         control: t,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(Ae, {
+        }) => /* @__PURE__ */ r(Ce, {
           label: "Max",
           hideControls: !0,
           required: !0,
@@ -8521,7 +8558,7 @@ function ud({
     fields: a,
     append: i,
     remove: o
-  } = we({
+  } = Se({
     control: t,
     name: "dimensions"
   }), s = e("dimensions"), l = a.map((p, h) => ({
@@ -8579,7 +8616,7 @@ function hd({
     series_name_key: s
   }), [o, s]);
   Z(() => {
-    !Ie(i, l) && a(l);
+    !De(i, l) && a(l);
   }, [i, l]);
   const {
     control: u,
@@ -8587,13 +8624,13 @@ function hd({
     watch: h,
     getValues: f,
     reset: m
-  } = Re({
+  } = ke({
     defaultValues: l
   });
   Z(() => {
-    Ie(f(), l) || m(l);
+    De(f(), l) || m(l);
   }, [i]), h(["series_name_key"]);
-  const y = f(), I = M(() => !Ie(y, i), [y, i]);
+  const y = f(), I = M(() => !De(y, i), [y, i]);
   return /* @__PURE__ */ r(w, {
     mt: "md",
     spacing: "xs",
@@ -8667,13 +8704,13 @@ const md = {
 function fd(t, e) {
   switch (t.config.method) {
     case "linear":
-      return [...Ve.regressionLinear()(e)];
+      return [...ze.regressionLinear()(e)];
     case "exponential":
-      return [...Ve.regressionExp()(e)];
+      return [...ze.regressionExp()(e)];
     case "logarithmic":
-      return [...Ve.regressionLog()(e)];
+      return [...ze.regressionLog()(e)];
     case "polynomial":
-      return [...Ve.regressionPoly().order(t.config.order)(e)];
+      return [...ze.regressionPoly().order(t.config.order)(e)];
     default:
       return [];
   }
@@ -8758,7 +8795,7 @@ function yd(t, e) {
     y_axis: i
   } = e, o = t.map((s) => [s[a.data_key], s[n.y_axis_data_key]]);
   if (n.transform.config.method === "linear") {
-    const s = Ve.regressionLinear()(o), {
+    const s = ze.regressionLinear()(o), {
       a: l,
       b: u,
       rSquared: p
@@ -8797,7 +8834,7 @@ function yd(t, e) {
       a: s,
       b: l,
       rSquared: u
-    } = Ve.regressionExp()(o);
+    } = ze.regressionExp()(o);
     return {
       expression: /* @__PURE__ */ c(g, {
         position: "center",
@@ -8841,7 +8878,7 @@ function yd(t, e) {
       a: s,
       b: l,
       rSquared: u
-    } = Ve.regressionLog()(o);
+    } = ze.regressionLog()(o);
     return {
       expression: /* @__PURE__ */ c(g, {
         position: "center",
@@ -8881,7 +8918,7 @@ function yd(t, e) {
     };
   }
   if (n.transform.config.method === "polynomial") {
-    const s = Ve.regressionPoly().order(n.transform.config.order)(o), {
+    const s = ze.regressionPoly().order(n.transform.config.order)(o), {
       rSquared: l
     } = s;
     return console.log(s), {
@@ -8917,7 +8954,8 @@ const Ln = {
       yAxisIndex: 0,
       color: "#228be6",
       lineStyle: {
-        type: "solid"
+        type: "solid",
+        width: 1
       }
     },
     name: "regression",
@@ -9084,7 +9122,7 @@ function wd({
         control: t,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(Ae, {
+        }) => /* @__PURE__ */ r(Ce, {
           label: "Order",
           sx: {
             flex: 1
@@ -9102,7 +9140,7 @@ function wd({
         control: t,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(Pe, {
+        }) => /* @__PURE__ */ r(Ae, {
           ...i
         })
       })]
@@ -9121,13 +9159,13 @@ function Sd({
     watch: l,
     getValues: u,
     reset: p
-  } = Re({
+  } = ke({
     defaultValues: i
   });
   Z(() => {
     p(i);
   }, [i]), l(["x_axis", "y_axis", "regression"]);
-  const h = u(), f = M(() => !Ie(h, e), [h, e]);
+  const h = u(), f = M(() => !De(h, e), [h, e]);
   return /* @__PURE__ */ r(w, {
     mt: "md",
     spacing: "xs",
@@ -9364,6 +9402,10 @@ function kd({
       itemStyle: {
         color: u.color
       },
+      symbolSize: 2,
+      lineStyle: {
+        width: 1
+      },
       label: {
         show: !0,
         position: "top",
@@ -9394,13 +9436,13 @@ function Td({
     watch: l,
     getValues: u,
     reset: p
-  } = Re({
+  } = ke({
     defaultValues: i
   });
   Z(() => {
     p(i);
   }, [i]), l(["x_axis", "data_key", "bar", "line"]);
-  const h = u(), f = M(() => !Ie(h, e), [h, e]);
+  const h = u(), f = M(() => !De(h, e), [h, e]);
   return /* @__PURE__ */ r(w, {
     mt: "md",
     spacing: "xs",
@@ -9499,7 +9541,7 @@ function Td({
             control: o,
             render: ({
               field: m
-            }) => /* @__PURE__ */ r(Pe, {
+            }) => /* @__PURE__ */ r(Ae, {
               ...m
             })
           })]
@@ -9533,7 +9575,7 @@ function Td({
             control: o,
             render: ({
               field: m
-            }) => /* @__PURE__ */ r(Pe, {
+            }) => /* @__PURE__ */ r(Ae, {
               ...m
             })
           })]
@@ -9626,7 +9668,7 @@ const zd = {
     vizManager: t,
     colorManager: e
   };
-}, ke = Yi(Ha());
+}, Te = Yi(Ha());
 try {
   lt.install(Ua);
 } catch {
@@ -9674,7 +9716,7 @@ function Pd(t) {
       value: e.urlTemplate,
       onChange: s,
       onBlur: i
-    }), /* @__PURE__ */ r(Oe, {
+    }), /* @__PURE__ */ r(Fe, {
       label: "Open in new Tab",
       checked: e.openInNewTab,
       onChange: (l) => o(l.currentTarget.checked)
@@ -9960,7 +10002,7 @@ const Qd = D(({
     data: e
   } = he(), n = t.viz, {
     vizManager: a
-  } = Me(ke), i = t.json, o = Fe(() => a.getOrCreateInstance(i), [a, n.type]), s = Fe(() => new Xa(o, a.resolveComponent(n.type), Nn), [o, n.type]);
+  } = Me(Te), i = t.json, o = Pe(() => a.getOrCreateInstance(i), [a, n.type]), s = Pe(() => new Xa(o, a.resolveComponent(n.type), Nn), [o, n.type]);
   return Z(() => o.instanceData.watchItem(
     null,
     ao((l) => {
@@ -10025,7 +10067,7 @@ const Qd = D(({
     style: e
   } = t;
   return /* @__PURE__ */ r(Y, {
-    children: /* @__PURE__ */ r(Oe, {
+    children: /* @__PURE__ */ r(Fe, {
       label: "Border",
       checked: e.border.enabled,
       onChange: (n) => e.border.setEnabled(n.currentTarget.checked)
@@ -10192,7 +10234,7 @@ const th = D(function() {
   });
 });
 function Ja(t, e, n) {
-  const a = Fe(() => /* @__PURE__ */ new Set(), []), i = t.resolveComponent(e.type), [o, s] = de(!1);
+  const a = Pe(() => /* @__PURE__ */ new Set(), []), i = t.resolveComponent(e.type), [o, s] = de(!1);
   return ft(async () => {
     if (await i.migrator.needMigration(e) && !a.has(e.id))
       try {
@@ -10246,7 +10288,7 @@ function rh(t) {
 function ah(t, e) {
   const {
     vizManager: n
-  } = Me(ke), {
+  } = Me(Te), {
     panel: {
       viz: a,
       title: i,
@@ -10338,7 +10380,7 @@ const dn = [];
 function sh() {
   const {
     vizManager: t
-  } = Me(ke);
+  } = Me(Te);
   return M(() => t.availableVizList.map((e) => ({
     value: e.name,
     label: e.displayName
@@ -10367,7 +10409,7 @@ function ch() {
     }
   } = he(), {
     vizManager: h
-  } = Me(ke), f = {
+  } = Me(Te), f = {
     title: n,
     description: i,
     viz: e,
@@ -10399,7 +10441,7 @@ function uh() {
     }
   } = he(), [n, a] = Wr(e.type), i = e.type !== n, {
     vizManager: o
-  } = Me(ke), s = x.useCallback(() => {
+  } = Me(Te), s = x.useCallback(() => {
     if (!i)
       return;
     const y = lh(o, n);
@@ -10473,7 +10515,7 @@ const hh = D(function({
 }) {
   const {
     freezeLayout: a
-  } = x.useContext(Se), [i, o] = de("Visualization"), {
+  } = x.useContext(_e), [i, o] = de("Visualization"), {
     panel: s,
     loading: l
   } = he(), {
@@ -10482,7 +10524,7 @@ const hh = D(function({
   } = s;
   return x.useEffect(() => {
     a(e);
-  }, [e]), /* @__PURE__ */ r(Ce, {
+  }, [e]), /* @__PURE__ */ r(we, {
     size: "96vw",
     overflow: "inside",
     opened: e,
@@ -10561,7 +10603,7 @@ const hh = D(function({
     queryID: p
   } = l, {
     inEditMode: h
-  } = x.useContext(Se), f = () => e.queries.refetchDataByQueryID(p), {
+  } = x.useContext(_e), f = () => e.queries.refetchDataByQueryID(p), {
     viewPanelInFullScreen: m,
     inFullScreen: y
   } = x.useContext(Cn), I = () => {
@@ -10892,7 +10934,7 @@ const vh = x.forwardRef(({
 })), Ih = D(({
   children: t,
   view: e
-}) => /* @__PURE__ */ r(Ce, {
+}) => /* @__PURE__ */ r(we, {
   size: e.config.width,
   overflow: "inside",
   opened: !0,
@@ -10929,12 +10971,12 @@ const vh = x.forwardRef(({
   children: e
 }) => {
   switch (t.type) {
-    case De.Modal:
+    case Re.Modal:
       return /* @__PURE__ */ r(Ih, {
         view: t,
         children: e
       });
-    case De.Division:
+    case Re.Division:
     default:
       return /* @__PURE__ */ r(_h, {
         children: e
@@ -11726,7 +11768,7 @@ const li = b.model("QueryModel", {
     t.name = e;
   },
   setType(e) {
-    t.type !== e && (e === De.Modal ? t.config = {
+    t.type !== e && (e === Re.Modal ? t.config = {
       width: "600px",
       height: "400px"
     } : t.config = {}, t.type = e);
@@ -11823,7 +11865,7 @@ const li = b.model("QueryModel", {
 })).actions((t) => ({
   addARandomNewView() {
     const e = ge();
-    t.addANewView(e, De.Division, {}), t.setIDOfVIE(e);
+    t.addANewView(e, Re.Division, {}), t.setIDOfVIE(e);
   },
   removeVIE() {
     t.current.length !== 1 && (t.removeByID(t.idOfVIE), t.setIDOfVIE(t.current[0].id));
@@ -11927,11 +11969,11 @@ const Vp = D(function({
       }
     };
     await a(I);
-  }, h = Fe(Ha, []);
+  }, h = Pe(Ha, []);
   return /* @__PURE__ */ r(zr, {
     children: /* @__PURE__ */ r(ra, {
       value: u,
-      children: /* @__PURE__ */ r(Se.Provider, {
+      children: /* @__PURE__ */ r(_e.Provider, {
         value: {
           layoutFrozen: s,
           freezeLayout: l,
@@ -11943,7 +11985,7 @@ const Vp = D(function({
           sx: {
             position: "relative"
           },
-          children: /* @__PURE__ */ r(ke.Provider, {
+          children: /* @__PURE__ */ r(Te.Provider, {
             value: h,
             children: u.views.visibleViews.map((f) => /* @__PURE__ */ r(Rh, {
               view: f,
@@ -11968,7 +12010,7 @@ function zp({
   }, [t]), /* @__PURE__ */ r(zr, {
     children: /* @__PURE__ */ r(ra, {
       value: i,
-      children: /* @__PURE__ */ r(Se.Provider, {
+      children: /* @__PURE__ */ r(_e.Provider, {
         value: {
           layoutFrozen: !0,
           freezeLayout: B.noop,
@@ -11990,10 +12032,10 @@ export {
   Vp as Dashboard,
   ws as DashboardFilterType,
   Cs as DashboardMode,
-  De as EViewComponentType,
+  Re as EViewComponentType,
   Rr as FilterModel,
   Fh as FiltersModel,
-  Se as LayoutStateContext,
+  _e as LayoutStateContext,
   Rh as MainDashboardView,
   ra as ModelContextProvider,
   Bn as Panel,