@databrainhq/plugin 0.16.14 → 0.16.15

package/dist/webcomponents.es.js

@@ -207558,7 +207558,7 @@ const uh0 = "_gridDisplay_mim6z_61", ch0 = "_gridDisplay2_mim6z_69", fh0 = "_fle
                             t5 || D3 ? /* @__PURE__ */ E.jsxs(
                               "div",
                               {
-                                className: `dbn-h-full ${J5.length && P === "inside" ? !t5 && D3 ? "dbn-w-[30%] dbn-mt-1 dbn-items-start" : "dbn-w-[40%] dbn-items-end" : "dbn-w-full dbn-items-end"} dbn-flex dbn-gap-1 dbn-flex-wrap dbn-justify-end`,
+                                className: `dbn-h-full ${J5.length && P === "inside" ? !t5 && D3 ? "dbn-w-[30%]" : "dbn-w-[40%]" : "dbn-w-full "} dbn-flex dbn-gap-1 dbn-flex-wrap dbn-items-end dbn-justify-end`,
                                 children: [
                                   (B7 = O3 == null ? void 0 : O3.dynamicXAxis) != null && B7.isEnabled ? /* @__PURE__ */ E.jsx(
                                     de,
@@ -209786,29 +209786,29 @@ const uh0 = "_gridDisplay_mim6z_61", ch0 = "_gridDisplay2_mim6z_69", fh0 = "_fle
   dropdownTheme: i,
   isFilter: a
 }) => {
-  var g, h;
+  var h, I;
   const [o, s] = X0.useState({
     min: null,
     max: null
   }), r = X0.useRef(null), [C, l] = X0.useState(""), [e, A] = X0.useState(""), u = () => {
-    var I;
-    s({ min: null, max: null }), l(""), A(""), (I = r.current) == null || I.click(), n == null || n(t.name, "", "");
+    var y;
+    s({ min: null, max: null }), l(""), A(""), (y = r.current) == null || y.click(), n == null || n(t.name, "", "");
   }, f = () => {
-    var I;
+    var y;
     if (o.min === null || o.max === null) {
       A("Invalid value");
       return;
     }
-    n == null || n(t.name, `${o.min} AND ${o.max}`), l(`Between ${o.min} to ${o.max}`), A(""), (I = r.current) == null || I.click();
+    n == null || n(t.name, `${o.min} AND ${o.max}`), l(`Between ${o.min} to ${o.max}`), A(""), (y = r.current) == null || y.click();
   };
   X0.useEffect(() => {
-    var I;
+    var y;
     if (t != null && t.value && typeof (t == null ? void 0 : t.value) == "string") {
-      const y = (I = t == null ? void 0 : t.value) == null ? void 0 : I.split(" AND "), w = Number(y[0] || 0), V = Number(y[1] || 0);
-      s({ min: w, max: V }), l(`Between ${w} to ${V}`);
+      const w = (y = t == null ? void 0 : t.value) == null ? void 0 : y.split(" AND "), V = Number(w[0] || 0), D = Number(w[1] || 0);
+      s({ min: V, max: D }), l(`Between ${V} to ${D}`);
     }
   }, [t == null ? void 0 : t.value]);
-  const d = window.CSS && CSS.supports("width", "clamp(1px, 1px, 1px)");
+  const d = window.CSS && CSS.supports("width", "clamp(1px, 1px, 1px)"), g = (i == null ? void 0 : i.variant) ?? "floating";
   return /* @__PURE__ */ E.jsx(E.Fragment, { children: /* @__PURE__ */ E.jsx(
     yl,
     {
@@ -209817,7 +209817,7 @@ const uh0 = "_gridDisplay_mim6z_61", ch0 = "_gridDisplay2_mim6z_69", fh0 = "_fle
       menuWidth: "200px",
       tabMenu: !0,
       buttonContent: /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
-        (i == null ? void 0 : i.variant) === "static" && /* @__PURE__ */ E.jsx(E.Fragment, { children: a ? /* @__PURE__ */ E.jsx("span", { className: "dbn-inline-block dbn-text-xs dbn-leading-6 dbn-font-medium dbn-font-sans dbn-selectBox-text", children: t == null ? void 0 : t.name }) : /* @__PURE__ */ E.jsx(u5, { variant: "input-label", color: "primary-title", children: t == null ? void 0 : t.name }) }),
+        g === "static" && /* @__PURE__ */ E.jsx(E.Fragment, { children: a ? /* @__PURE__ */ E.jsx("span", { className: "dbn-inline-block dbn-text-xs dbn-leading-6 dbn-font-medium dbn-font-sans dbn-selectBox-text", children: t == null ? void 0 : t.name }) : /* @__PURE__ */ E.jsx(u5, { variant: "input-label", color: "primary-title", children: t == null ? void 0 : t.name }) }),
         /* @__PURE__ */ E.jsxs(
           "div",
           {
@@ -209827,10 +209827,10 @@ const uh0 = "_gridDisplay_mim6z_61", ch0 = "_gridDisplay2_mim6z_69", fh0 = "_fle
               containerType: "inline-size"
             },
             ref: r,
-            "data-testid": (g = t == null ? void 0 : t.name) == null ? void 0 : g.toLowerCase().replaceAll(" ", "-").concat("-dropdown"),
+            "data-testid": (h = t == null ? void 0 : t.name) == null ? void 0 : h.toLowerCase().replaceAll(" ", "-").concat("-dropdown"),
             children: [
               /* @__PURE__ */ E.jsxs("div", { className: OA.numberFieldLabelText, children: [
-                a && (i == null ? void 0 : i.variant) === "floating" ? /* @__PURE__ */ E.jsx(
+                g === "floating" ? a ? /* @__PURE__ */ E.jsx(
                   "span",
                   {
                     className: `${[
@@ -209848,7 +209848,7 @@ const uh0 = "_gridDisplay_mim6z_61", ch0 = "_gridDisplay2_mim6z_69", fh0 = "_fle
                     ].join(" ")}`,
                     children: t == null ? void 0 : t.name
                   }
-                ),
+                ) : null,
                 /* @__PURE__ */ E.jsx(
                   "span",
                   {
@@ -209876,7 +209876,7 @@ const uh0 = "_gridDisplay_mim6z_61", ch0 = "_gridDisplay2_mim6z_69", fh0 = "_fle
         "div",
         {
           className: OA.numberFieldWrapper,
-          "data-testid": (h = t == null ? void 0 : t.name) == null ? void 0 : h.toLowerCase().replaceAll(" ", "-").concat("-menu"),
+          "data-testid": (I = t == null ? void 0 : t.name) == null ? void 0 : I.toLowerCase().replaceAll(" ", "-").concat("-menu"),
           children: [
             /* @__PURE__ */ E.jsx(
               f8,
@@ -209886,10 +209886,10 @@ const uh0 = "_gridDisplay_mim6z_61", ch0 = "_gridDisplay2_mim6z_69", fh0 = "_fle
                 defaultValue: o.min,
                 className: a ? "dbn-selectBox-text" : "",
                 isFilter: a,
-                onChange: ({ target: { value: I } }) => {
-                  s((y) => ({
-                    ...y,
-                    min: I === "" ? null : Number(I)
+                onChange: ({ target: { value: y } }) => {
+                  s((w) => ({
+                    ...w,
+                    min: y === "" ? null : Number(y)
                   }));
                 }
               }
@@ -209902,10 +209902,10 @@ const uh0 = "_gridDisplay_mim6z_61", ch0 = "_gridDisplay2_mim6z_69", fh0 = "_fle
                 isFilter: a,
                 className: a ? "dbn-selectBox-text" : "",
                 defaultValue: o.max,
-                onChange: ({ target: { value: I } }) => {
-                  s((y) => ({
-                    ...y,
-                    max: I === "" ? null : Number(I)
+                onChange: ({ target: { value: y } }) => {
+                  s((w) => ({
+                    ...w,
+                    max: y === "" ? null : Number(y)
                   }));
                 }
               }
@@ -216611,18 +216611,28 @@ const Uv0 = "_dbcLastLevel_1y1tv_19", jv0 = "_otherLevels_1y1tv_35", zv0 = "_cli
   ),
   C && /* @__PURE__ */ E.jsx(u5, { variant: "body-text-2", color: "alert", children: C })
 ] }), cE = ({ children: t }) => {
-  const [n, i] = X0.useState();
+  const [n, i] = X0.useState(), a = (o) => {
+    const s = [".dbn-selectBox", ".dbn-selectBox-text"], r = new RegExp(
+      s.map((l) => `${l}\\s*[^}]*}`).join("|"),
+      "g"
+    ), C = o.match(r);
+    return C ? C.join(`
+`) : "";
+  };
   return X0.useLayoutEffect(() => {
-    const a = document.querySelector("#dbn-portal") || document.createElement("div");
-    if (a.setAttribute("id", "dbn-portal"), document.body.querySelector("#dbn-portal") || document.body.appendChild(a), document.querySelector("dbn-dashboard") || document.querySelector("dbn-metric") || document.querySelector("dbn-create-metric")) {
-      const o = document.querySelector("#dbn-styles"), s = a.shadowRoot || a.attachShadow({ mode: "open" });
-      if (o && !s.querySelector("#dbn-portal-style")) {
-        const r = document.createElement("style");
-        r.innerHTML = o.innerHTML, r.setAttribute("id", "dbn-portal-style"), s.appendChild(r);
-      }
-      if (!s.querySelector("#global-style")) {
-        const r = document.createElement("style");
-        r.innerHTML = `
+    var r;
+    const o = document.querySelector("#dbn-portal") || document.createElement("div");
+    o.setAttribute("id", "dbn-portal"), document.body.querySelector("#dbn-portal") || document.body.appendChild(o);
+    const s = document.querySelector("dbn-dashboard") || document.querySelector("dbn-metric") || document.querySelector("dbn-create-metric");
+    if (s) {
+      const C = document.querySelector("#dbn-styles"), l = o.shadowRoot || o.attachShadow({ mode: "open" });
+      if (C && !l.querySelector("#dbn-portal-style")) {
+        const e = document.createElement("style");
+        e.innerHTML = C.innerHTML, e.setAttribute("id", "dbn-portal-style"), l.appendChild(e);
+      }
+      if (!l.querySelector("#global-style")) {
+        const e = document.createElement("style");
+        e.innerHTML = `
           *,
       ::before,
       ::after {
@@ -216658,11 +216668,16 @@ const Uv0 = "_dbcLastLevel_1y1tv_19", jv0 = "_otherLevels_1y1tv_35", zv0 = "_cli
       h1, h2, h3, h4, h5, h6 {
         margin: 0;
       }
-        `, r.setAttribute("id", "global-style"), s.appendChild(r);
+      table {
+        text-indent: 0;
+        border-color: inherit;
+        border-collapse: collapse;
+      }
+        `, e.setAttribute("id", "global-style"), l.appendChild(e);
       }
-      if (!s.querySelector("#svg")) {
-        const r = document.createElement("div");
-        r.setAttribute("id", "svg"), r.style.display = "none", r.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg">
+      if (!l.querySelector("#svg")) {
+        const e = document.createElement("div");
+        e.setAttribute("id", "svg"), e.style.display = "none", e.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg">
         <symbol
             id="edit-dataset"
             width="16"
@@ -219578,13 +219593,22 @@ const Uv0 = "_dbcLastLevel_1y1tv_19", jv0 = "_otherLevels_1y1tv_35", zv0 = "_cli
           fill="#0D0D0D"
         />
       </symbol>
-    </svg>`, s.appendChild(r);
+    </svg>`, l.appendChild(e);
+      }
+      if (!l.querySelector("#dbn-admin-style")) {
+        const e = (r = s == null ? void 0 : s.shadowRoot) == null ? void 0 : r.querySelector(
+          'style[id^="dbn-"][id$="-admin-styles"]'
+        );
+        if (e) {
+          const A = document.createElement("style"), u = a(e.innerHTML);
+          A.innerHTML = u, A.setAttribute("id", "dbn-admin-style"), l.appendChild(A);
+        }
       }
-      i(s);
+      i(l);
     } else {
-      if (!a.querySelector("#global-style")) {
-        const o = document.createElement("style");
-        o.innerHTML = `
+      if (!o.querySelector("#global-style")) {
+        const C = document.createElement("style");
+        C.innerHTML = `
           *,
       ::before,
       ::after {
@@ -219609,9 +219633,9 @@ const Uv0 = "_dbcLastLevel_1y1tv_19", jv0 = "_otherLevels_1y1tv_35", zv0 = "_cli
       h1, h2, h3, h4, h5, h6 {
         margin: 0;
       }
-        `, o.setAttribute("id", "global-style"), a.appendChild(o);
+        `, C.setAttribute("id", "global-style"), o.appendChild(C);
       }
-      i(a);
+      i(o);
     }
   }, []), n ? Eq.createPortal(t, n) : null;
 };