@devtable/dashboard 8.55.1 → 8.56.0

package/dist/dashboard.es.js

@@ -1315,7 +1315,7 @@ const Bc = (e) => {
   getColor: Cn(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, Ma = "@devtable/dashboard", dr = "8.55.1", Fa = "Apache-2.0", Pa = {
+}, Ma = "@devtable/dashboard", dr = "8.56.0", Fa = "Apache-2.0", Pa = {
   access: "public",
   registry: "https://registry.npmjs.org/"
 }, $a = [
@@ -14537,8 +14537,8 @@ const Py = z.forwardRef(({
   userSelect: "none",
   cursor: "grab",
   position: "absolute",
-  top: 0,
-  right: 0,
+  top: 5,
+  right: 5,
   zIndex: 400,
   "&:hover": {
     color: "#228be6"
@@ -14550,8 +14550,8 @@ const Py = z.forwardRef(({
   userSelect: "none",
   cursor: "nwse-resize",
   position: "absolute",
-  bottom: -5,
-  right: -5,
+  bottom: 0,
+  right: 0,
   zIndex: 400,
   "&:hover": {
     color: "#228be6"
@@ -14559,40 +14559,38 @@ const Py = z.forwardRef(({
 }, variant: "transparent", ...t, children: /* @__PURE__ */ n(cs, { size: 16 }) })), Oy = ca(sa), Ey = S(function({
   view: t,
   className: r = "layout",
-  rowHeight: i = 10,
-  isDraggable: a,
-  isResizable: o
+  isDraggable: i,
+  isResizable: a
 }) {
-  const l = P(), {
-    panels: s,
-    layouts: d
-  } = l.panels.panelsByIDs(t.panelIDs), u = z.useCallback((p) => {
-    p.forEach(({
-      i: m,
-      ...h
+  const o = P(), {
+    panels: l,
+    layouts: s
+  } = o.panels.panelsByIDs(t.panelIDs), d = z.useCallback((u) => {
+    u.forEach(({
+      i: p,
+      ...m
     }) => {
-      const g = l.panels.findByID(m);
-      g && g.layout.set(h);
+      const h = o.panels.findByID(p);
+      h && h.layout.set(m);
     });
-  }, [l]);
-  return /* @__PURE__ */ n(Oy, { onLayoutChange: u, className: `dashboard-layout ${r}`, rowHeight: i, layout: d, isDraggable: a, isResizable: o, draggableHandle: ".react-grid-customDragHandle", resizeHandle: /* @__PURE__ */ n($y, {}), children: s.map((p, m) => /* @__PURE__ */ c("div", { "data-grid": {
-    ...p.layout
-  }, style: {
-    position: "relative"
-  }, children: [
-    a && /* @__PURE__ */ n(Py, {}),
-    /* @__PURE__ */ n(Er, { view: t, panel: p })
-  ] }, p.id)) });
+  }, [o]);
+  return /* @__PURE__ */ n(Oy, { onLayoutChange: d, className: `dashboard-layout ${r}`, rowHeight: 1, margin: [0, 0], layout: s, isDraggable: i, isResizable: a, draggableHandle: ".react-grid-customDragHandle", resizeHandle: /* @__PURE__ */ n($y, {}), children: l.map((u, p) => /* @__PURE__ */ c("div", { "data-grid": {
+    ...u.layout
+  }, className: "panel-grid-item", children: [
+    i && /* @__PURE__ */ n(Py, {}),
+    /* @__PURE__ */ n(Er, { view: t, panel: u })
+  ] }, u.id)) });
 }), Ny = ca(sa), By = S(function({
   view: t,
-  className: r = "layout",
-  rowHeight: i = 10
+  className: r = "layout"
 }) {
   const {
-    panels: a,
-    layouts: o
+    panels: i,
+    layouts: a
   } = P().panels.panelsByIDs(t.panelIDs);
-  return /* @__PURE__ */ n(Ny, { className: `dashboard-layout ${r}`, rowHeight: i, isDraggable: !1, isResizable: !1, layout: o, children: a.map((l) => /* @__PURE__ */ n("div", { "data-grid": l.layout, children: /* @__PURE__ */ n(Er, { view: t, panel: l }) }, l.id)) });
+  return /* @__PURE__ */ n(Ny, { className: `dashboard-layout ${r}`, rowHeight: 1, margin: [0, 0], isDraggable: !1, isResizable: !1, layout: a, children: i.map((o) => /* @__PURE__ */ n("div", { "data-grid": {
+    ...o.layout
+  }, className: "panel-grid-item", children: /* @__PURE__ */ n(Er, { view: t, panel: o }) }, o.id)) });
 });
 var qy = /* @__PURE__ */ ((e) => (e.Use = "use", e.Edit = "edit", e))(qy || {}), G = /* @__PURE__ */ ((e) => (e.Division = "div", e.Modal = "modal", e.Tabs = "tabs", e))(G || {});
 const I1 = {