@devtable/dashboard 10.4.0 → 10.5.0

package/dist/dashboard.es.js

@@ -20,7 +20,7 @@ import { types as b, getParent as rt, getRoot as Ae, cast as en, addDisposer as
 import { arrayToTree as Bu } from "performant-array-to-tree";
 import qu from "jszip";
 import { saveAs as qo } from "file-saver";
-import { IconVariable as pl, IconCodeDots as Wu, IconFilter as fl, IconCopy as ju, IconDatabase as Kr, IconBoxMultiple as ml, IconInfoCircle as Bn, IconPlus as on, IconTextSize as gl, IconDeviceFloppy as Sn, IconBorderAll as Yu, IconTrash as Pn, IconArrowDown as Gu, IconArrowUp as Hu, IconArrowsLeftRight as Qu, IconMenu2 as Uu, IconDownload as Ku, IconCode as Xu, IconCaretDown as Ju, IconRecycle as bl, IconAlertTriangle as yl, IconArrowLeft as Zu, IconPlaylistAdd as eh, IconCircleDashed as th, IconCircleDot as nh, IconCircleOff as rh, IconAdjustments as ih, IconLink as oh, IconSettings as ah, IconLine as sh, IconArrowCurveRight as as, IconX as xl, IconEye as vl, IconTable as lh, IconColumns as ch, IconPlayerSkipBack as dh, IconAlertCircle as ss, IconVariablePlus as uh } from "@tabler/icons";
+import { IconVariable as pl, IconCodeDots as Wu, IconFilter as fl, IconCopy as ju, IconDatabase as Kr, IconBoxMultiple as ml, IconInfoCircle as Bn, IconPlus as on, IconTextSize as gl, IconDeviceFloppy as Sn, IconBorderAll as Yu, IconTrash as Pn, IconArrowDown as Gu, IconArrowUp as Hu, IconArrowsLeftRight as Qu, IconMenu2 as Uu, IconDownload as Ku, IconCode as Xu, IconCaretDown as Ju, IconRecycle as bl, IconAlertTriangle as yl, IconArrowLeft as Zu, IconPlaylistAdd as eh, IconCircleDashed as th, IconCircleDot as nh, IconCircleOff as rh, IconAdjustments as ih, IconLink as oh, IconSettings as ah, IconLine as sh, IconArrowCurveRight as as, IconX as xl, IconEye as vl, IconTable as lh, IconColumns as ch, IconPlayerSkipBack as dh, IconAlertCircle as ss, IconVariablePlus as uh } from "@tabler/icons-react";
 import { useClipboard as hh, randomId as vn, useElementSize as lr, useInputState as wl, useDisclosure as _l } from "@mantine/hooks";
 import { flexRender as Vr, createColumnHelper as Cl, useReactTable as Sl, getCoreRowModel as kl, getSortedRowModel as ph } from "@tanstack/react-table";
 import { useVirtual as fh } from "react-virtual";
@@ -57,7 +57,7 @@ import Wl from "@tiptap/starter-kit";
 import "prosemirror-keymap";
 import { createParagraphNear as Lh, deleteSelection as Ah, exitCode as Eh, joinUp as Rh, joinDown as Oh, joinBackward as Fh, joinForward as Ph, lift as Vh, liftEmptyBlock as Nh, newlineInCode as Bh, selectNodeBackward as qh, selectNodeForward as Wh, selectParentNode as jh, selectTextblockEnd as Yh, selectTextblockStart as Gh, setBlockType as cs, wrapIn as Hh } from "prosemirror-commands";
 import { liftListItem as Qh, sinkListItem as Uh, wrapInList as Kh } from "prosemirror-schema-list";
-import { DateRangePicker as Xh } from "@mantine/dates";
+import { DatePickerInput as Xh } from "@mantine/dates";
 import Jh, { Option as Zh } from "rc-select";
 import ep, { SHOW_PARENT as tp } from "rc-tree-select";
 import jl, { WidthProvider as Yl } from "react-grid-layout";
@@ -3024,7 +3024,7 @@ class Xo {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const fc = "10.4.0", bf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const fc = "10.5.0", bf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: fc
 }, Symbol.toStringTag, { value: "Module" }));
@@ -3782,7 +3782,7 @@ const Ff = D((t) => {
     await c.configOperation(a, l);
   }, [a, c]), Af(c) ? /* @__PURE__ */ u(H, { children: [
     /* @__PURE__ */ i(Ef, { model: c, onClick: n }),
-    /* @__PURE__ */ i($e, { size: 600, opened: e, onClose: r, title: "Operation Settings", closeButtonLabel: "close", zIndex: 320, children: /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i($e, { size: 600, opened: e, onClose: r, title: "Operation Settings", zIndex: 320, children: /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(Of, { model: c }),
       /* @__PURE__ */ u(g, { defaultValue: "settings", children: [
         /* @__PURE__ */ u(g.List, { children: [
@@ -3861,7 +3861,7 @@ const Bf = D(({
     setFalse: r
   }] = at(!1), o = t.model;
   return /* @__PURE__ */ u(H, { children: [
-    /* @__PURE__ */ i($e, { opened: e, onClose: r, title: "Setup Trigger", closeButtonLabel: "close setup", zIndex: 320, children: /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i($e, { opened: e, onClose: r, title: "Setup Trigger", zIndex: 320, children: /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(qf, { model: o }),
       /* @__PURE__ */ i(Wf, { model: o }),
       /* @__PURE__ */ i(xc, { title: "Payload", variables: o.triggerSchema.payload })
@@ -16104,7 +16104,7 @@ const Rw = ({
       /* @__PURE__ */ i(E, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ i(Rw, { value: a.func_content, onChange: d }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
-        /* @__PURE__ */ i(M, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ i(Ot, { size: 20 }), children: "Rest" }),
+        /* @__PURE__ */ i(M, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ i(Ot, { size: 20 }), children: "Reset" }),
         /* @__PURE__ */ u(w, { position: "right", children: [
           /* @__PURE__ */ i(M, { onClick: c, variant: "subtle", children: "Cancel" }),
           /* @__PURE__ */ i(M, { onClick: l, children: "OK" })
@@ -23076,6 +23076,7 @@ const Wk = {
   return /* @__PURE__ */ i(
     Xh,
     {
+      type: "range",
       label: t,
       value: o,
       onChange: a,
@@ -24160,7 +24161,7 @@ const xT = z.forwardRef(({
   view: e
 }) => {
   const n = e.config;
-  return /* @__PURE__ */ i($e, { size: n.width, overflow: "inside", opened: !0, onClose: T.noop, withCloseButton: !1, title: n.custom_modal_title.value, trapFocus: !0, onDragStart: (r) => {
+  return /* @__PURE__ */ i($e, { size: n.width, opened: !0, onClose: T.noop, withCloseButton: !1, title: n.custom_modal_title.value, trapFocus: !0, onDragStart: (r) => {
     r.stopPropagation();
   }, styles: {
     root: {
@@ -24171,13 +24172,15 @@ const xT = z.forwardRef(({
       // @ts-expect-error absolute !important
       position: "absolute !important"
     },
-    modal: {
+    content: {
       border: "1px solid #efefef"
     },
     body: {
       maxHeight: "calc(100vh - 325px)"
     }
-  }, withinPortal: !1, transitionDuration: 0, children: t });
+  }, withinPortal: !1, transitionProps: {
+    duration: 0
+  }, children: t });
 }), DT = ({
   variant: t,
   orientation: e
@@ -24332,17 +24335,19 @@ const RT = D(({
   view: e
 }) => {
   const n = ne(), r = e.config, o = n.views.visibleViewIDs.includes(e.id), a = () => n.views.rmVisibleViewID(e.id);
-  return /* @__PURE__ */ i($e, { size: r.width, centered: !0, overflow: "inside", opened: o, onClose: a, withCloseButton: !1, title: r.custom_modal_title.value, trapFocus: !0, onDragStart: (s) => {
+  return /* @__PURE__ */ i($e, { size: r.width, centered: !0, opened: o, onClose: a, withCloseButton: !1, title: r.custom_modal_title.value, trapFocus: !0, onDragStart: (s) => {
     s.stopPropagation();
   }, styles: {
-    modal: {
+    content: {
       border: "1px solid #efefef"
     },
     body: {
       maxHeight: r.height,
       overflow: "auto"
     }
-  }, transitionDuration: 0, children: t });
+  }, transitionProps: {
+    duration: 0
+  }, children: t });
 }), FT = (t) => t.color ? {
   "&[data-active], &[data-active]:hover": {
     borderColor: t.color ? t.color : "..."
@@ -24903,7 +24908,6 @@ const hD = {
     $e,
     {
       size: "96vw",
-      overflow: "inside",
       opened: t,
       onClose: e,
       title: "Interactions",
@@ -24915,7 +24919,7 @@ const hD = {
         body: {
           height: "90vh"
         },
-        modal: {
+        content: {
           transform: "none !important"
         }
       },
@@ -25030,13 +25034,13 @@ const bD = D(() => {
       }, children: [
         /* @__PURE__ */ i(Re, { label: "Filters", withinPortal: !0, children: /* @__PURE__ */ i(U, { variant: "default", radius: 0, size: "md", sx: {
           height: "30px"
-        }, onClick: r, children: /* @__PURE__ */ i(fl, { size: 20 }) }) }),
+        }, onClick: r, children: /* @__PURE__ */ i(fl, { size: 18 }) }) }),
         /* @__PURE__ */ i(Re, { label: "Queries", withinPortal: !0, children: /* @__PURE__ */ i(U, { variant: "default", radius: 0, size: "md", sx: {
           height: "30px"
-        }, onClick: n, children: /* @__PURE__ */ i(Kr, { size: 20 }) }) }),
+        }, onClick: n, children: /* @__PURE__ */ i(Kr, { size: 18 }) }) }),
         /* @__PURE__ */ i(Re, { label: "Interactions Viewer", withinPortal: !0, children: /* @__PURE__ */ i(U, { variant: "default", radius: 0, size: "md", sx: {
           height: "30px"
-        }, onClick: s, children: /* @__PURE__ */ i(oh, { size: 20 }) }) })
+        }, onClick: s, children: /* @__PURE__ */ i(oh, { size: 18 }) }) })
       ] }),
       /* @__PURE__ */ i(fD, { opened: o, close: l })
     ] }),
@@ -25627,7 +25631,7 @@ const to = D(function({
     e.editor.setPath(["_QUERIES_", l]);
   };
   return /* @__PURE__ */ u(H, { children: [
-    /* @__PURE__ */ i(wu, { opened: o, onClose: () => a(!1), title: "Choose queries", padding: "xl", size: "xl", zIndex: 320, children: /* @__PURE__ */ i(ve.Group, { orientation: "vertical", value: [...r.queryIDs], onChange: r.setQueryIDs, children: n.queries.options.map((l) => /* @__PURE__ */ i(ve, { label: l.label, value: l.value }, l.value)) }) }),
+    /* @__PURE__ */ i(wu, { opened: o, onClose: () => a(!1), title: "Choose queries", padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ i(ve.Group, { value: [...r.queryIDs], onChange: r.setQueryIDs, children: /* @__PURE__ */ i(S, { spacing: "lg", children: n.queries.options.map((l) => /* @__PURE__ */ i(ve, { label: l.label, value: l.value }, l.value)) }) }) }),
     /* @__PURE__ */ u(S, { spacing: 6, children: [
       /* @__PURE__ */ i(w, { position: "right", children: /* @__PURE__ */ i(M, { variant: "light", size: "sm", leftIcon: /* @__PURE__ */ i(sh, { size: 16 }), onClick: () => a(!0), children: "Click me to choose queries for this panel" }) }),
       r.queryIDs.length === 1 && /* @__PURE__ */ i(to, { id: r.queryIDs[0], moreActions: /* @__PURE__ */ i(Re, { label: "Open this query", children: /* @__PURE__ */ i(U, { variant: "subtle", color: "blue", onClick: () => s(r.queryIDs[0]), children: /* @__PURE__ */ i(as, { size: 16 }) }) }) }),
@@ -25939,7 +25943,7 @@ const iI = D(() => {
   };
   return /* @__PURE__ */ u(H, { children: [
     /* @__PURE__ */ i(M, { size: "xs", variant: "subtle", color: "blue", onClick: s, leftIcon: /* @__PURE__ */ i(ml, { size: 14 }), children: "Move into Another View" }),
-    /* @__PURE__ */ i($e, { opened: a, onClose: l, title: "Move panel into another view", zIndex: 320, overflow: "inside", children: /* @__PURE__ */ u(S, { sx: {
+    /* @__PURE__ */ i($e, { opened: a, onClose: l, title: "Move panel into another view", zIndex: 320, children: /* @__PURE__ */ u(S, { sx: {
       maxHeight: "calc(100vh - 185px)",
       overflow: "hidden"
     }, children: [
@@ -26304,7 +26308,7 @@ const bI = D(({
     textAlign: "center"
   },
   input: {
-    "&.mantine-Input-withIcon": {
+    "&[data-with-icon]": {
       paddingLeft: "50px"
     }
   }
@@ -26316,8 +26320,8 @@ const bI = D(({
   } = t;
   return /* @__PURE__ */ u(w, { pt: 10, px: 10, position: "apart", children: [
     /* @__PURE__ */ u(w, { position: "left", children: [
-      e.maxPage > 1 && /* @__PURE__ */ i(_u, { size: "sm", page: e.page, onChange: e.setPage, total: e.maxPage, withEdges: e.maxPage > 7, styles: {
-        item: {
+      e.maxPage > 1 && /* @__PURE__ */ i(_u, { size: "sm", value: e.page, onChange: e.setPage, total: e.maxPage, withEdges: e.maxPage > 7, styles: {
+        control: {
           height: "30px"
         }
       } }),
@@ -26404,8 +26408,9 @@ const bI = D(({
   },
   header: {
     marginBottom: 0,
-    padding: "0 20px 10px",
-    borderBottom: "1px solid #efefef"
+    padding: "20px 20px 10px",
+    borderBottom: "1px solid #efefef",
+    gap: "20px"
   },
   title: {
     flexGrow: 1
@@ -26433,7 +26438,7 @@ const bI = D(({
           to: "red"
         }, children: t.type })
       ] })
-    ] }), zIndex: 320, size: "96vw", overflow: "inside", styles: kI, children: /* @__PURE__ */ i(V, { sx: {
+    ] }), zIndex: 320, size: "96vw", styles: kI, children: /* @__PURE__ */ i(V, { sx: {
       height: "calc(100vh - 220px)"
     }, children: /* @__PURE__ */ i(SI, { dataSource: t }) }) }),
     /* @__PURE__ */ i(M, { variant: "subtle", onClick: () => r(!0), px: 16, styles: {
@@ -27351,8 +27356,10 @@ const dM = D(() => /* @__PURE__ */ i(S, { sx: {
   }
 }, _M = D(() => {
   const t = Le().editor;
-  return /* @__PURE__ */ i($e, { onClose: () => t.setSettingsOpen(!1), closeOnEscape: !1, closeOnClickOutside: !1, opened: t.settings_open, fullScreen: !0, title: null, transitionDuration: 0, withCloseButton: !1, withinPortal: !0, zIndex: 300, styles: {
-    modal: {
+  return /* @__PURE__ */ i($e, { onClose: () => t.setSettingsOpen(!1), closeOnEscape: !1, closeOnClickOutside: !1, opened: t.settings_open, fullScreen: !0, title: null, transitionProps: {
+    duration: 0
+  }, withCloseButton: !1, withinPortal: !0, zIndex: 300, styles: {
+    body: {
       padding: "0 !important"
     }
   }, children: /* @__PURE__ */ i(tl, { padding: 0, navbar: /* @__PURE__ */ i(vM, {}), styles: wM, children: /* @__PURE__ */ i(hM, {}) }) });