react-semaphor 0.1.62 → 0.1.63

package/dist/surfboard/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/dashboard-plus-B8-ocT_Z.js"),r=require("../types/index.cjs");exports.Surfboard=e.DashboardPlus;exports.EMPTY_SELECTION=r.EMPTY_SELECTION;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/dashboard-plus-C7mXurPl.js"),r=require("../types/index.cjs");exports.Surfboard=e.DashboardPlus;exports.EMPTY_SELECTION=r.EMPTY_SELECTION;

package/dist/surfboard/index.js

@@ -1,4 +1,4 @@
-import { D as f } from "../chunks/dashboard-plus-DSUKhvcv.js";
+import { D as f } from "../chunks/dashboard-plus-BT1JEFt7.js";
 import { EMPTY_SELECTION as a } from "../types/index.js";
 export {
   a as EMPTY_SELECTION,

package/dist/types/main.d.ts

@@ -2466,14 +2466,6 @@ export declare function useTextFilterHook(filterId: string): {
 
 export declare function Visual(props: VisualProps): JSX_2.Element;
 
-export declare function VisualBadge({ type, isLinked, className, }: VisualBadgeProps): JSX_2.Element | null;
-
-declare interface VisualBadgeProps {
-    type?: 'local' | 'linked' | 'library';
-    isLinked?: boolean;
-    className?: string;
-}
-
 /**
  * Display mode for visual components - controls which UI elements are shown
  */

package/package.json

@@ -5,7 +5,7 @@
     "email": "support@semaphor.cloud"
   },
   "license": "MIT",
-  "version": "0.1.62",
+  "version": "0.1.63",
   "description": "Fully interactive and customizable dashboards for your apps.",
   "keywords": [
     "react",

package/dist/chunks/axis-mapping-8ZVwlkl6.js

@@ -1,315 +0,0 @@
-import { jsxs as u, jsx as a } from "react/jsx-runtime";
-import { E as g, u as h, P as M, g as b, i as w, a0 as K, q as m, aI as L, aJ as A, aK as N, aL as v, aM as D, aN as O, aO as T, aP as P, aQ as H, aR as j, L as k, aS as z, aT as S, aU as E } from "./index--MUeDITx.js";
-import "react";
-import "react-dom";
-import { T as I } from "./tag-BrxBSbSe.js";
-/**
- * @license lucide-react v0.453.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const X = g("ListEnd", [
-  ["path", { d: "M16 12H3", key: "1a2rj7" }],
-  ["path", { d: "M16 6H3", key: "1wxfjs" }],
-  ["path", { d: "M10 18H3", key: "13769t" }],
-  ["path", { d: "M21 6v10a2 2 0 0 1-2 2h-5", key: "ilrcs8" }],
-  ["path", { d: "m16 16-2 2 2 2", key: "kkc6pm" }]
-]);
-/**
- * @license lucide-react v0.453.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const B = g("ListStart", [
-  ["path", { d: "M16 12H3", key: "1a2rj7" }],
-  ["path", { d: "M16 18H3", key: "12xzn7" }],
-  ["path", { d: "M10 6H3", key: "lf8lx7" }],
-  ["path", { d: "M21 18V8a2 2 0 0 0-2-2h-5", key: "1hghli" }],
-  ["path", { d: "m16 8-2-2 2-2", key: "160uvd" }]
-]);
-/**
- * @license lucide-react v0.453.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Q = g("ListX", [
-  ["path", { d: "M11 12H3", key: "51ecnj" }],
-  ["path", { d: "M16 6H3", key: "1wxfjs" }],
-  ["path", { d: "M16 18H3", key: "12xzn7" }],
-  ["path", { d: "m19 10-4 4", key: "1tz659" }],
-  ["path", { d: "m15 10 4 4", key: "1n7nei" }]
-]);
-function V({ idx: s }) {
-  var f;
-  const t = h((e) => {
-    var o;
-    return (o = e.card) == null ? void 0 : o.preferences;
-  }), n = h(
-    (e) => {
-      var o;
-      return (o = e.card.preferences) == null ? void 0 : o.datasetOptions;
-    }
-  ), l = h(
-    (e) => e.actions.setCardPreferences
-  ), p = (f = t == null ? void 0 : t.chartOptions) == null ? void 0 : f.indexAxis, d = n == null ? void 0 : n.find((e) => e.idx === s);
-  function i(e, o) {
-    (e === "end" || e === "start") && L(A());
-    const r = {
-      display: e !== "none",
-      align: e,
-      anchor: e,
-      clamp: !0
-    };
-    if (!d)
-      l({
-        ...t,
-        datasetOptions: [
-          ...n || [],
-          {
-            idx: o,
-            datalabels: r
-          }
-        ]
-      });
-    else {
-      const c = { ...d };
-      c.datalabels = r;
-      const x = n == null ? void 0 : n.map(
-        (y) => y.idx === o ? c : y
-      );
-      l({
-        ...t,
-        datasetOptions: x
-      });
-    }
-  }
-  return /* @__PURE__ */ u(M, { children: [
-    /* @__PURE__ */ a(b, { children: /* @__PURE__ */ a(I, { className: "size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground" }) }),
-    /* @__PURE__ */ a(w, { className: "w-fit px-2 py-1", children: /* @__PURE__ */ u("div", { className: "flex gap-1", children: [
-      /* @__PURE__ */ a(
-        "button",
-        {
-          onClick: () => i("none", s),
-          className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ a(K, { className: "size-3.5" })
-        }
-      ),
-      /* @__PURE__ */ a(
-        "button",
-        {
-          onClick: () => i("start", s),
-          className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ a(
-            X,
-            {
-              className: m("h-4 w-4", {
-                "rotate-90": p === "y"
-              })
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ a(
-        "button",
-        {
-          onClick: () => i("center", s),
-          className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ a(
-            Q,
-            {
-              className: m("h-4 w-4", {
-                "rotate-90": p === "y"
-              })
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ a(
-        "button",
-        {
-          onClick: () => i("end", s),
-          className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ a(
-            B,
-            {
-              className: m("h-4 w-4", {
-                "rotate-90": p === "y"
-              })
-            }
-          )
-        }
-      )
-    ] }) })
-  ] });
-}
-function q() {
-  const s = h((d) => d.card), { data: t } = N(s), { keys: n } = v((t == null ? void 0 : t.records) || []), l = n.slice(1).filter((d) => !D.includes(d));
-  let p = l;
-  if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const d = O({
-      dataArray: (t == null ? void 0 : t.records) || [],
-      groupKey: n[0],
-      pivotKey: n[1],
-      valueKey: n[2]
-    }), { keys: i } = v(d);
-    p = i.slice(1);
-  }
-  return {
-    transformedMetricKeys: p,
-    dimensionKeys: n.slice(0, 1),
-    keys: n,
-    defaultMetricKeys: l
-  };
-}
-function F({
-  children: s,
-  className: t,
-  delayDuration: n
-}) {
-  return /* @__PURE__ */ a(T, { children: /* @__PURE__ */ u(P, { delayDuration: n, children: [
-    /* @__PURE__ */ a(H, { asChild: !0, children: /* @__PURE__ */ a(
-      "span",
-      {
-        className: m(
-          "overflow-hidden text-ellipsis whitespace-nowrap",
-          t
-        ),
-        children: s
-      }
-    ) }),
-    /* @__PURE__ */ a(j, { children: s })
-  ] }) });
-}
-function W() {
-  const s = h((e) => e.card), t = h(
-    (e) => {
-      var o, r, c;
-      return (c = (r = (o = e == null ? void 0 : e.card) == null ? void 0 : o.preferences) == null ? void 0 : r.chartOptions) == null ? void 0 : c.indexAxis;
-    }
-  ), { data: n } = N(s), l = t === "y" ? "Metric" : "Dimension", p = t === "y" ? "Dimension" : "Metric", { dimensionKeys: d, transformedMetricKeys: i, keys: f } = q();
-  return f.length === 0 ? null : /* @__PURE__ */ u("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ u("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ a(k, { children: l }),
-      /* @__PURE__ */ a("div", { className: "max-h-[125px] space-y-1 overflow-y-auto", children: d.map((e) => /* @__PURE__ */ a(
-        "p",
-        {
-          className: "flex h-8 items-center rounded-md bg-muted/70 px-3 hover:bg-muted",
-          title: e,
-          children: C(e)
-        },
-        e
-      )) })
-    ] }),
-    /* @__PURE__ */ u("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ a(k, { children: p }),
-      /* @__PURE__ */ a("div", { className: "my-1 max-h-[125px] space-y-1 overflow-y-auto", children: i.map((e, o) => /* @__PURE__ */ a(
-        J,
-        {
-          className: "flex h-8 items-center bg-muted/70 px-3 hover:bg-muted",
-          iconClassName: "invisible group-hover:visible",
-          col: e,
-          idx: o
-        },
-        e
-      )) })
-    ] })
-  ] });
-}
-function C(s, t = 30) {
-  return s.length > t ? s.slice(0, t) + "..." : s;
-}
-function J({
-  col: s,
-  idx: t,
-  className: n,
-  iconClassName: l,
-  children: p
-}) {
-  const d = h((r) => {
-    var c;
-    return (c = r.card) == null ? void 0 : c.preferences;
-  }), i = h(
-    (r) => {
-      var c, x;
-      return (x = (c = r.card) == null ? void 0 : c.preferences) == null ? void 0 : x.datasetOptions;
-    }
-  ), f = i == null ? void 0 : i.find((r) => r.idx === t), { setCardPreferences: e } = h((r) => r.actions);
-  function o(r) {
-    if (!f)
-      e({
-        ...d,
-        datasetOptions: [
-          ...i || [],
-          {
-            idx: t,
-            type: r === "area" ? "line" : r,
-            fill: r === "area" ? "origin" : ""
-          }
-        ]
-      });
-    else {
-      const c = { ...f };
-      c.type = r === "area" ? "line" : r, c.fill = r === "area" ? "origin" : "";
-      const x = i == null ? void 0 : i.map(
-        (y) => y.idx === t ? c : y
-      );
-      e({
-        ...d,
-        datasetOptions: x
-      });
-    }
-  }
-  return /* @__PURE__ */ u(
-    "div",
-    {
-      className: m(
-        "group flex items-center justify-between gap-2 rounded-md",
-        n
-      ),
-      children: [
-        p || /* @__PURE__ */ a(F, { className: "max-w-[100px]", title: s, children: C(s) }),
-        /* @__PURE__ */ u("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ a(
-            z,
-            {
-              onClick: () => o("bar"),
-              className: m(
-                "size-4 cursor-pointer text-muted-foreground hover:text-foreground",
-                l
-              )
-            }
-          ),
-          /* @__PURE__ */ a(
-            S,
-            {
-              onClick: () => o("line"),
-              className: m(
-                "size-4 cursor-pointer text-muted-foreground hover:text-foreground",
-                l
-              )
-            }
-          ),
-          /* @__PURE__ */ a(
-            E,
-            {
-              onClick: () => o("area"),
-              className: m(
-                "size-4 cursor-pointer text-muted-foreground hover:text-foreground",
-                l
-              )
-            }
-          ),
-          /* @__PURE__ */ a(V, { idx: t })
-        ] })
-      ]
-    }
-  );
-}
-export {
-  W as A,
-  J as M,
-  F as O
-};

package/dist/chunks/axis-mapping-Cwa3KrDR.js

@@ -1,16 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),e=require("./index-Bvtpj-_R.js");require("react");require("react-dom");const j=require("./tag-D9G2kz2B.js");/**
- * @license lucide-react v0.453.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const v=e.createLucideIcon("ListEnd",[["path",{d:"M16 12H3",key:"1a2rj7"}],["path",{d:"M16 6H3",key:"1wxfjs"}],["path",{d:"M10 18H3",key:"13769t"}],["path",{d:"M21 6v10a2 2 0 0 1-2 2h-5",key:"ilrcs8"}],["path",{d:"m16 16-2 2 2 2",key:"kkc6pm"}]]);/**
- * @license lucide-react v0.453.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const k=e.createLucideIcon("ListStart",[["path",{d:"M16 12H3",key:"1a2rj7"}],["path",{d:"M16 18H3",key:"12xzn7"}],["path",{d:"M10 6H3",key:"lf8lx7"}],["path",{d:"M21 18V8a2 2 0 0 0-2-2h-5",key:"1hghli"}],["path",{d:"m16 8-2-2 2-2",key:"160uvd"}]]);/**
- * @license lucide-react v0.453.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const C=e.createLucideIcon("ListX",[["path",{d:"M11 12H3",key:"51ecnj"}],["path",{d:"M16 6H3",key:"1wxfjs"}],["path",{d:"M16 18H3",key:"12xzn7"}],["path",{d:"m19 10-4 4",key:"1tz659"}],["path",{d:"m15 10 4 4",key:"1n7nei"}]]);function N({idx:n}){var x;const r=e.useEditorStore(s=>{var i;return(i=s.card)==null?void 0:i.preferences}),o=e.useEditorStore(s=>{var i;return(i=s.card.preferences)==null?void 0:i.datasetOptions}),p=e.useEditorStore(s=>s.actions.setCardPreferences),u=(x=r==null?void 0:r.chartOptions)==null?void 0:x.indexAxis,l=o==null?void 0:o.find(s=>s.idx===n);function c(s,i){(s==="end"||s==="start")&&e.getContrastColor(e.getCanvasBackgroundColor());const a={display:s!=="none",align:s,anchor:s,clamp:!0};if(!l)p({...r,datasetOptions:[...o||[],{idx:i,datalabels:a}]});else{const d={...l};d.datalabels=a;const h=o==null?void 0:o.map(m=>m.idx===i?d:m);p({...r,datasetOptions:h})}}return t.jsxs(e.Popover,{children:[t.jsx(e.PopoverTrigger,{children:t.jsx(j.Tag,{className:"size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground"})}),t.jsx(e.PopoverContent,{className:"w-fit px-2 py-1",children:t.jsxs("div",{className:"flex gap-1",children:[t.jsx("button",{onClick:()=>c("none",n),className:"h-7 p-1 text-xs font-normal",children:t.jsx(e.X,{className:"size-3.5"})}),t.jsx("button",{onClick:()=>c("start",n),className:"h-7 p-1 text-xs font-normal",children:t.jsx(v,{className:e.cn("h-4 w-4",{"rotate-90":u==="y"})})}),t.jsx("button",{onClick:()=>c("center",n),className:"h-7 p-1 text-xs font-normal",children:t.jsx(C,{className:e.cn("h-4 w-4",{"rotate-90":u==="y"})})}),t.jsx("button",{onClick:()=>c("end",n),className:"h-7 p-1 text-xs font-normal",children:t.jsx(k,{className:e.cn("h-4 w-4",{"rotate-90":u==="y"})})})]})})]})}function M(){const n=e.useEditorStore(l=>l.card),{data:r}=e.useDashboardCardQuery(n),{keys:o}=e.getKeys((r==null?void 0:r.records)||[]),p=o.slice(1).filter(l=>!e.METADATA_KEYS.includes(l));let u=p;if(["stackedBar","stackedLine"].includes(n.type)){const l=e.pivotData({dataArray:(r==null?void 0:r.records)||[],groupKey:o[0],pivotKey:o[1],valueKey:o[2]}),{keys:c}=e.getKeys(l);u=c.slice(1)}return{transformedMetricKeys:u,dimensionKeys:o.slice(0,1),keys:o,defaultMetricKeys:p}}function f({children:n,className:r,delayDuration:o}){return t.jsx(e.TooltipProvider,{children:t.jsxs(e.Tooltip,{delayDuration:o,children:[t.jsx(e.TooltipTrigger,{asChild:!0,children:t.jsx("span",{className:e.cn("overflow-hidden text-ellipsis whitespace-nowrap",r),children:n})}),t.jsx(e.TooltipContent,{children:n})]})})}function b(){const n=e.useEditorStore(s=>s.card),r=e.useEditorStore(s=>{var i,a,d;return(d=(a=(i=s==null?void 0:s.card)==null?void 0:i.preferences)==null?void 0:a.chartOptions)==null?void 0:d.indexAxis}),{data:o}=e.useDashboardCardQuery(n),p=r==="y"?"Metric":"Dimension",u=r==="y"?"Dimension":"Metric",{dimensionKeys:l,transformedMetricKeys:c,keys:x}=M();return x.length===0?null:t.jsxs("div",{className:"space-y-4",children:[t.jsxs("div",{className:"space-y-2",children:[t.jsx(e.Label,{children:p}),t.jsx("div",{className:"max-h-[125px] space-y-1 overflow-y-auto",children:l.map(s=>t.jsx("p",{className:"flex h-8 items-center rounded-md bg-muted/70 px-3 hover:bg-muted",title:s,children:y(s)},s))})]}),t.jsxs("div",{className:"space-y-2",children:[t.jsx(e.Label,{children:u}),t.jsx("div",{className:"my-1 max-h-[125px] space-y-1 overflow-y-auto",children:c.map((s,i)=>t.jsx(g,{className:"flex h-8 items-center bg-muted/70 px-3 hover:bg-muted",iconClassName:"invisible group-hover:visible",col:s,idx:i},s))})]})]})}function y(n,r=30){return n.length>r?n.slice(0,r)+"...":n}function g({col:n,idx:r,className:o,iconClassName:p,children:u}){const l=e.useEditorStore(a=>{var d;return(d=a.card)==null?void 0:d.preferences}),c=e.useEditorStore(a=>{var d,h;return(h=(d=a.card)==null?void 0:d.preferences)==null?void 0:h.datasetOptions}),x=c==null?void 0:c.find(a=>a.idx===r),{setCardPreferences:s}=e.useEditorStore(a=>a.actions);function i(a){if(!x)s({...l,datasetOptions:[...c||[],{idx:r,type:a==="area"?"line":a,fill:a==="area"?"origin":""}]});else{const d={...x};d.type=a==="area"?"line":a,d.fill=a==="area"?"origin":"";const h=c==null?void 0:c.map(m=>m.idx===r?d:m);s({...l,datasetOptions:h})}}return t.jsxs("div",{className:e.cn("group flex items-center justify-between gap-2 rounded-md",o),children:[u||t.jsx(f,{className:"max-w-[100px]",title:n,children:y(n)}),t.jsxs("div",{className:"flex gap-2",children:[t.jsx(e.ChartColumnIncreasing,{onClick:()=>i("bar"),className:e.cn("size-4 cursor-pointer text-muted-foreground hover:text-foreground",p)}),t.jsx(e.ChartLine,{onClick:()=>i("line"),className:e.cn("size-4 cursor-pointer text-muted-foreground hover:text-foreground",p)}),t.jsx(e.ChartArea,{onClick:()=>i("area"),className:e.cn("size-4 cursor-pointer text-muted-foreground hover:text-foreground",p)}),t.jsx(N,{idx:r})]})]})}exports.AxisMapping=b;exports.MetricFragment=g;exports.OverflowSpan=f;

package/dist/chunks/bar-chart-settings-B_WyC-7g.js

@@ -1,52 +0,0 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { memo as c } from "react";
-import { A as n, a, b as r, t as o, c as t } from "./index--MUeDITx.js";
-import { F as m } from "./filter-on-click-columns-BJUGTE6W.js";
-import { A as d } from "./axis-mapping-8ZVwlkl6.js";
-import { F as h } from "./frame-filters-DFgqSoV2.js";
-function p({
-  cardType: s
-}) {
-  return /* @__PURE__ */ e("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ i(n, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ i(a, { value: "item-1", children: [
-      /* @__PURE__ */ e(r, { children: `${o(s)} Chart` }),
-      /* @__PURE__ */ i(t, { className: "space-y-4 font-mono text-xs", children: [
-        /* @__PURE__ */ e("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT x-axis, y-axis-1, y-axis-2,... FROM table" }),
-        /* @__PURE__ */ i("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
-          /* @__PURE__ */ e("li", { children: "x-axis - category" }),
-          /* @__PURE__ */ e("li", { children: "y-axis1 - number" }),
-          /* @__PURE__ */ e("li", { children: "y-axis2 - number" })
-        ] }),
-        /* @__PURE__ */ i("div", { children: [
-          "See ",
-          /* @__PURE__ */ e(
-            "a",
-            {
-              target: "_blank",
-              onClick: (l) => l.stopPropagation(),
-              className: "text-blue-700",
-              href: "https://docs.semaphor.cloud/docs/charts/bar-line-area",
-              children: "example"
-            }
-          ),
-          " in the docs."
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ i(a, { value: "item-2", children: [
-      /* @__PURE__ */ e(r, { children: "Settings" }),
-      /* @__PURE__ */ e(t, { className: "space-y-4 px-2", children: /* @__PURE__ */ e(d, {}) })
-    ] }),
-    /* @__PURE__ */ i(a, { value: "item-3", children: [
-      /* @__PURE__ */ e(r, { children: "Click Filters" }),
-      /* @__PURE__ */ i(t, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e(m, {}),
-        /* @__PURE__ */ e(h, {})
-      ] })
-    ] })
-  ] }) });
-}
-const b = c(p);
-export {
-  b as default
-};

package/dist/chunks/bar-chart-settings-CvorW7RD.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index-Bvtpj-_R.js"),c=require("./filter-on-click-columns-6dRYhvgz.js"),n=require("./axis-mapping-Cwa3KrDR.js"),l=require("./frame-filters-D9sDN4Vm.js");function a({cardType:i}){return e.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxs(s.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxs(s.AccordionItem,{value:"item-1",children:[e.jsx(s.AccordionTrigger,{children:`${s.titleCase(i)} Chart`}),e.jsxs(s.AccordionContent,{className:"space-y-4 font-mono text-xs",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT x-axis, y-axis-1, y-axis-2,... FROM table"}),e.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsx("li",{children:"x-axis - category"}),e.jsx("li",{children:"y-axis1 - number"}),e.jsx("li",{children:"y-axis2 - number"})]}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:r=>r.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/bar-line-area",children:"example"})," in the docs."]})]})]}),e.jsxs(s.AccordionItem,{value:"item-2",children:[e.jsx(s.AccordionTrigger,{children:"Settings"}),e.jsx(s.AccordionContent,{className:"space-y-4 px-2",children:e.jsx(n.AxisMapping,{})})]}),e.jsxs(s.AccordionItem,{value:"item-3",children:[e.jsx(s.AccordionTrigger,{children:"Click Filters"}),e.jsxs(s.AccordionContent,{className:"space-y-4 px-2",children:[e.jsx(c.FilterOnClickColumns,{}),e.jsx(l.FrameFilters,{})]})]})]})})}const o=t.memo(a);exports.default=o;

package/dist/chunks/bubble-chart-settings-BPtESqYK.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-Bvtpj-_R.js"),c=require("./filter-on-click-columns-6dRYhvgz.js"),n=require("./frame-filters-D9sDN4Vm.js");function a({cardType:i}){function l(r){return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:r==="bubble"?"SELECT label, [group], x-axis, y-axis, radius FROM table":"SELECT label, [group], x-axis, y-axis FROM table"}),e.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsx("li",{children:"label - category"}),e.jsx("li",{children:"group (optional) - category"}),e.jsx("li",{children:"x-axis - number"}),e.jsx("li",{children:"y-axis - number"}),r==="bubble"&&e.jsx("li",{children:"radius - number"})]}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:t=>t.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/bubble",children:"example"})," in the docs."]})]})}return e.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxs(s.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxs(s.AccordionItem,{value:"item-1",children:[e.jsx(s.AccordionTrigger,{children:`${s.titleCase(i)} Chart`}),e.jsx(s.AccordionContent,{className:"space-y-4 font-mono text-xs",children:l(i)})]}),e.jsxs(s.AccordionItem,{value:"item-3",children:[e.jsx(s.AccordionTrigger,{children:"Click Filters"}),e.jsxs(s.AccordionContent,{className:"space-y-4 px-2",children:[e.jsx(c.FilterOnClickColumns,{}),e.jsx(n.FrameFilters,{})]})]})]})})}exports.default=a;

package/dist/chunks/bubble-chart-settings-CxFAlErV.js

@@ -1,50 +0,0 @@
-import { jsx as e, jsxs as l, Fragment as o } from "react/jsx-runtime";
-import { A as d, a as t, b as a, t as u, c as s } from "./index--MUeDITx.js";
-import { F as m } from "./filter-on-click-columns-BJUGTE6W.js";
-import { F as b } from "./frame-filters-DFgqSoV2.js";
-function C({
-  cardType: r
-}) {
-  function c(i) {
-    return /* @__PURE__ */ l(o, { children: [
-      /* @__PURE__ */ e("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: i === "bubble" ? "SELECT label, [group], x-axis, y-axis, radius FROM table" : "SELECT label, [group], x-axis, y-axis FROM table" }),
-      /* @__PURE__ */ l("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
-        /* @__PURE__ */ e("li", { children: "label - category" }),
-        /* @__PURE__ */ e("li", { children: "group (optional) - category" }),
-        /* @__PURE__ */ e("li", { children: "x-axis - number" }),
-        /* @__PURE__ */ e("li", { children: "y-axis - number" }),
-        i === "bubble" && /* @__PURE__ */ e("li", { children: "radius - number" })
-      ] }),
-      /* @__PURE__ */ l("div", { children: [
-        "See ",
-        /* @__PURE__ */ e(
-          "a",
-          {
-            target: "_blank",
-            onClick: (n) => n.stopPropagation(),
-            className: "text-blue-700",
-            href: "https://docs.semaphor.cloud/docs/charts/bubble",
-            children: "example"
-          }
-        ),
-        " in the docs."
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ e("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ l(d, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ l(t, { value: "item-1", children: [
-      /* @__PURE__ */ e(a, { children: `${u(r)} Chart` }),
-      /* @__PURE__ */ e(s, { className: "space-y-4 font-mono text-xs", children: c(r) })
-    ] }),
-    /* @__PURE__ */ l(t, { value: "item-3", children: [
-      /* @__PURE__ */ e(a, { children: "Click Filters" }),
-      /* @__PURE__ */ l(s, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e(m, {}),
-        /* @__PURE__ */ e(b, {})
-      ] })
-    ] })
-  ] }) });
-}
-export {
-  C as default
-};

package/dist/chunks/common-chart-settings-CvRrQf-H.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-Bvtpj-_R.js"),r=require("./display-labels-BYsRReye.js"),n=require("./filter-on-click-columns-6dRYhvgz.js"),t=require("./frame-filters-D9sDN4Vm.js"),a={datasets:[{type:"line",label:"Sum_sales",data:[]},{type:"bar",label:"Sum_profit",data:[]}]},c={datasets:[{fill:"origin",type:"line",label:"Sum_sales",data:[]}]};function o(){const i=s.useEditorStore(l=>l.card.type);return e.jsxs("div",{className:"space-y-6 p-6",children:[e.jsx(s.Accordion,{className:" ",type:"single",collapsible:!0,children:d(i)}),!["kpi"].includes(i)&&e.jsxs("div",{className:"space-y-4",children:[e.jsx(r.DisplayLabels,{}),e.jsx(n.FilterOnClickColumns,{}),e.jsx(t.FrameFilters,{})]})]})}function d(i){if(["line","bar"].includes(i))return e.jsxs(e.Fragment,{children:[e.jsxs(s.AccordionItem,{value:"item-1",children:[e.jsx(s.AccordionTrigger,{className:"font-normal",children:e.jsx("p",{children:"Chart Query"})}),e.jsxs(s.AccordionContent,{className:" ",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT x-axis, y-axis-1, y-axis-2, y-axis-3,... FROM table"}),e.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"X-axis - Category (ex. city)"}),e.jsx("li",{children:"Y-axis - Number (ex. population)"})]})]})]}),e.jsxs(s.AccordionItem,{value:"item-2",children:[e.jsx(s.AccordionTrigger,{className:"font-normal",children:"Mixed Chart"}),e.jsxs(s.AccordionContent,{className:"space-y-2 text-xs",children:[e.jsxs("p",{children:["Click ",e.jsx("b",{children:"Customize"})," and change the `type` property in the dataset."]}),e.jsx("pre",{children:JSON.stringify(a,null,2)})]})]}),e.jsxs(s.AccordionItem,{value:"item-3",children:[e.jsx(s.AccordionTrigger,{className:"font-normal",children:"Area Chart"}),e.jsxs(s.AccordionContent,{className:"space-y-2 text-xs",children:[e.jsxs("p",{children:["Click ",e.jsx("b",{children:"Customize"})," and add `fill` property to the dataset. See",e.jsx("a",{className:"mx-1 text-blue-500 hover:underline",href:"https://www.chartjs.org/docs/latest/samples/area/line-boundaries.html",target:"_blank",children:"docs"}),"for more options."]}),e.jsx("pre",{children:JSON.stringify(c,null,2)})]})]})]});if(i==="bubble")return e.jsx(e.Fragment,{children:e.jsxs(s.AccordionItem,{value:"item-1",children:[e.jsx(s.AccordionTrigger,{className:"font-normal",children:e.jsxs("p",{children:["How to create a ",e.jsx("span",{children:i})," chart query?"]})}),e.jsxs(s.AccordionContent,{className:" ",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT label, x-axis, y-axis, radius FROM table"}),e.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"Label - Category (ex. city)"}),e.jsx("li",{children:"Bubble Group (opt) - Category (ex. state)"}),e.jsx("li",{children:"X-axis - Number (ex. avg. age)"}),e.jsx("li",{children:"Y-axis - Number (ex. avg. weight)"}),e.jsx("li",{children:"Radius - Number (ex. population)"})]})]})]})});if(i==="scatter")return e.jsx(e.Fragment,{children:e.jsxs(s.AccordionItem,{value:"item-1",children:[e.jsx(s.AccordionTrigger,{className:"font-normal",children:e.jsxs("p",{children:["How to create a ",e.jsx("span",{children:i})," chart query?"]})}),e.jsxs(s.AccordionContent,{className:" ",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT label, x-axis, y-axis FROM table"}),e.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"Label - Category (ex. city)"}),e.jsx("li",{children:"Group (opt) - Category (ex. state)"}),e.jsx("li",{children:"X-axis - Number (ex. avg. age)"}),e.jsx("li",{children:"Y-axis - Number (ex. avg. weight)"})]})]})]})});if(["pie","doughnut","polarArea","funnel"].includes(i))return e.jsx(e.Fragment,{children:e.jsxs(s.AccordionItem,{value:"item-1",children:[e.jsx(s.AccordionTrigger,{className:"font-normal",children:e.jsxs("p",{children:[e.jsx("span",{children:i==="polarArea"?"Polar":i.charAt(0).toUpperCase()+i.slice(1)})," ","chart query"]})}),e.jsxs(s.AccordionContent,{className:" ",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT label, measure FROM table"}),e.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"Label - Category (ex. city)"}),e.jsx("li",{children:"Measure - Number (ex. population)"})]})]})]})})}exports.default=o;

package/dist/chunks/common-chart-settings-D3ww0Xtx.js

@@ -1,147 +0,0 @@
-import { jsxs as l, jsx as e, Fragment as n } from "react/jsx-runtime";
-import { u as c, A as o, a as i, b as r, c as t } from "./index--MUeDITx.js";
-import { D as d } from "./display-labels-C_jsL0Jo.js";
-import { F as m } from "./filter-on-click-columns-BJUGTE6W.js";
-import { F as h } from "./frame-filters-DFgqSoV2.js";
-const u = {
-  datasets: [
-    {
-      type: "line",
-      label: "Sum_sales",
-      data: []
-    },
-    {
-      type: "bar",
-      label: "Sum_profit",
-      data: []
-    }
-  ]
-}, x = {
-  datasets: [
-    {
-      fill: "origin",
-      type: "line",
-      label: "Sum_sales",
-      data: []
-    }
-  ]
-};
-function C() {
-  const a = c((s) => s.card.type);
-  return /* @__PURE__ */ l("div", { className: "space-y-6 p-6", children: [
-    /* @__PURE__ */ e(
-      o,
-      {
-        className: " ",
-        type: "single",
-        collapsible: !0,
-        children: p(a)
-      }
-    ),
-    !["kpi"].includes(a) && /* @__PURE__ */ l("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e(d, {}),
-      /* @__PURE__ */ e(m, {}),
-      /* @__PURE__ */ e(h, {})
-    ] })
-  ] });
-}
-function p(a) {
-  if (["line", "bar"].includes(a))
-    return /* @__PURE__ */ l(n, { children: [
-      /* @__PURE__ */ l(i, { value: "item-1", children: [
-        /* @__PURE__ */ e(r, { className: "font-normal", children: /* @__PURE__ */ e("p", { children: "Chart Query" }) }),
-        /* @__PURE__ */ l(t, { className: " ", children: [
-          /* @__PURE__ */ e("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT x-axis, y-axis-1, y-axis-2, y-axis-3,... FROM table" }),
-          /* @__PURE__ */ l("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
-            /* @__PURE__ */ e("li", { children: "X-axis - Category (ex. city)" }),
-            /* @__PURE__ */ e("li", { children: "Y-axis - Number (ex. population)" })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ l(i, { value: "item-2", children: [
-        /* @__PURE__ */ e(r, { className: "font-normal", children: "Mixed Chart" }),
-        /* @__PURE__ */ l(t, { className: "space-y-2 text-xs", children: [
-          /* @__PURE__ */ l("p", { children: [
-            "Click ",
-            /* @__PURE__ */ e("b", { children: "Customize" }),
-            " and change the `type` property in the dataset."
-          ] }),
-          /* @__PURE__ */ e("pre", { children: JSON.stringify(u, null, 2) })
-        ] })
-      ] }),
-      /* @__PURE__ */ l(i, { value: "item-3", children: [
-        /* @__PURE__ */ e(r, { className: "font-normal", children: "Area Chart" }),
-        /* @__PURE__ */ l(t, { className: "space-y-2 text-xs", children: [
-          /* @__PURE__ */ l("p", { children: [
-            "Click ",
-            /* @__PURE__ */ e("b", { children: "Customize" }),
-            " and add `fill` property to the dataset. See",
-            /* @__PURE__ */ e(
-              "a",
-              {
-                className: "mx-1 text-blue-500 hover:underline",
-                href: "https://www.chartjs.org/docs/latest/samples/area/line-boundaries.html",
-                target: "_blank",
-                children: "docs"
-              }
-            ),
-            "for more options."
-          ] }),
-          /* @__PURE__ */ e("pre", { children: JSON.stringify(x, null, 2) })
-        ] })
-      ] })
-    ] });
-  if (a === "bubble")
-    return /* @__PURE__ */ e(n, { children: /* @__PURE__ */ l(i, { value: "item-1", children: [
-      /* @__PURE__ */ e(r, { className: "font-normal", children: /* @__PURE__ */ l("p", { children: [
-        "How to create a ",
-        /* @__PURE__ */ e("span", { children: a }),
-        " chart query?"
-      ] }) }),
-      /* @__PURE__ */ l(t, { className: " ", children: [
-        /* @__PURE__ */ e("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, x-axis, y-axis, radius FROM table" }),
-        /* @__PURE__ */ l("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
-          /* @__PURE__ */ e("li", { children: "Label - Category (ex. city)" }),
-          /* @__PURE__ */ e("li", { children: "Bubble Group (opt) - Category (ex. state)" }),
-          /* @__PURE__ */ e("li", { children: "X-axis - Number (ex. avg. age)" }),
-          /* @__PURE__ */ e("li", { children: "Y-axis - Number (ex. avg. weight)" }),
-          /* @__PURE__ */ e("li", { children: "Radius - Number (ex. population)" })
-        ] })
-      ] })
-    ] }) });
-  if (a === "scatter")
-    return /* @__PURE__ */ e(n, { children: /* @__PURE__ */ l(i, { value: "item-1", children: [
-      /* @__PURE__ */ e(r, { className: "font-normal", children: /* @__PURE__ */ l("p", { children: [
-        "How to create a ",
-        /* @__PURE__ */ e("span", { children: a }),
-        " chart query?"
-      ] }) }),
-      /* @__PURE__ */ l(t, { className: " ", children: [
-        /* @__PURE__ */ e("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, x-axis, y-axis FROM table" }),
-        /* @__PURE__ */ l("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
-          /* @__PURE__ */ e("li", { children: "Label - Category (ex. city)" }),
-          /* @__PURE__ */ e("li", { children: "Group (opt) - Category (ex. state)" }),
-          /* @__PURE__ */ e("li", { children: "X-axis - Number (ex. avg. age)" }),
-          /* @__PURE__ */ e("li", { children: "Y-axis - Number (ex. avg. weight)" })
-        ] })
-      ] })
-    ] }) });
-  if (["pie", "doughnut", "polarArea", "funnel"].includes(a))
-    return /* @__PURE__ */ e(n, { children: /* @__PURE__ */ l(i, { value: "item-1", children: [
-      /* @__PURE__ */ e(r, { className: "font-normal", children: /* @__PURE__ */ l("p", { children: [
-        /* @__PURE__ */ e("span", { children: a === "polarArea" ? "Polar" : a.charAt(0).toUpperCase() + a.slice(1) }),
-        " ",
-        "chart query"
-      ] }) }),
-      /* @__PURE__ */ l(t, { className: " ", children: [
-        /* @__PURE__ */ e("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, measure FROM table" }),
-        /* @__PURE__ */ l("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
-          /* @__PURE__ */ e("li", { children: "Label - Category (ex. city)" }),
-          /* @__PURE__ */ e("li", { children: "Measure - Number (ex. population)" })
-        ] })
-      ] })
-    ] }) });
-}
-export {
-  C as default
-};