react-semaphor 0.1.59 → 0.1.61

package/dist/chunks/kpi-settings-BONvmfNr.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react"),s=require("./index-Bvtpj-_R.js");function S({colorRanges:l,setColorRanges:d}){const h={start:-1/0,end:100,color:""};function u(c,a,r){const x=[...l];x[c]={...x[c],[a]:r},d(x)}function m(c){const a=[...l];a.splice(c,1),d(a)}function j(){d([...l,h])}return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s.Label,{children:"Color Range"}),e.jsx(s.Button,{onClick:j,variant:"secondary",className:"h-5 p-1 text-muted-foreground",children:e.jsx(s.Plus,{className:"size-3"})})]}),l.map((c,a)=>e.jsxs("div",{className:"flex items-center gap-2 px-2",children:[e.jsx(s.Input,{onChange:r=>u(a,"start",r.target.value),value:c.start,className:s.cn(`h-7 ${s.removeRing}`)}),e.jsx("span",{children:"-"}),e.jsx(s.Input,{value:c.end,onChange:r=>u(a,"end",r.target.value),className:s.cn(`h-7 ${s.removeRing}`)}),e.jsx(s.Input,{onChange:r=>u(a,"color",r.target.value),value:c.color,className:s.cn(`h-7 min-w-14 p-0 ${s.removeRing}`),type:"color",list:"presetColors"}),e.jsxs("datalist",{id:"presetColors",children:[e.jsx("option",{children:s.colors.green[600]}),e.jsx("option",{children:s.colors.red[500]}),e.jsx("option",{children:s.colors.yellow[400]}),e.jsx("option",{children:s.colors.orange[500]})]}),e.jsx(s.Button,{onClick:()=>m(a),variant:"secondary",className:"h-5 p-1 text-muted-foreground",children:e.jsx(s.X,{className:"size-3"})})]},a))]})}function C(){var g,N,p,f,b;const l=s.useEditorStore(t=>t.card.preferences),d=s.useEditorStore(t=>t.actions.setCardPreferences),h=s.useEditorStore(t=>t.card),u=s.hasValidCardConfig(h.config),m=s.useEditorStore(t=>t.actions.setNumberFormat);s.useEditorStore(t=>{var o,n;return(n=(o=t.card.preferences)==null?void 0:o.formatNumber)==null?void 0:n.decimalPlaces});const j=s.useEditorStore(t=>{var o,n;return(n=(o=t.card.preferences)==null?void 0:o.formatNumber)==null?void 0:n.locale}),c=s.useEditorStore(t=>{var o,n;return(n=(o=t.card.preferences)==null?void 0:o.formatNumber)==null?void 0:n.currency});s.useEditorStore(t=>t.actions.setFilterOnClickField);const a=s.useEditorStore(t=>{var o,n;return(n=(o=t.card.preferences)==null?void 0:o.formatNumber)==null?void 0:n.colorRanges})||[],r=s.useEditorStore(t=>t.actions.setColorRanges),x=[...new Set(s.LOCALE_CURRENCY_PAIRS.map(t=>t.currency))];return e.jsxs("div",{children:[!u&&e.jsxs("div",{className:"mb-3 flex items-center gap-2",children:[e.jsx(s.Checkbox,{checked:!!((g=l==null?void 0:l.formatNumber)!=null&&g.enabled),onCheckedChange:t=>{d({...l,formatNumber:{...l==null?void 0:l.formatNumber,enabled:t}})}}),e.jsx(s.Label,{children:"Format Number"})]}),(((N=l==null?void 0:l.formatNumber)==null?void 0:N.enabled)===!0||u)&&e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("div",{children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("div",{className:"w-full space-y-1",children:[e.jsx(s.Label,{children:"Locale"}),e.jsxs(s.Select,{value:j||"none",onValueChange:t=>{var o,n,i;return m(((o=l==null?void 0:l.formatNumber)==null?void 0:o.decimalPlaces)||0,((n=l==null?void 0:l.formatNumber)==null?void 0:n.currency)||"",t,((i=l==null?void 0:l.formatNumber)==null?void 0:i.suffix)||"")},children:[e.jsx(s.SelectTrigger,{className:"col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(s.SelectValue,{})}),e.jsx(s.SelectContent,{children:e.jsxs(s.SelectGroup,{children:[e.jsx(s.SelectLabel,{children:"Format"}),e.jsx(s.SelectItem,{value:"none",children:"Auto"},"none"),s.LOCALE_CURRENCY_PAIRS.map(t=>e.jsx(s.SelectItem,{value:t.locale,children:t.locale},t.locale))]})})]})]}),e.jsxs("div",{className:"w-full space-y-1",children:[e.jsx(s.Label,{children:"Currency"}),e.jsxs(s.Select,{value:c||"none",onValueChange:t=>{var o,n,i;console.log("currency",t),m(((o=l==null?void 0:l.formatNumber)==null?void 0:o.decimalPlaces)||0,t==="none"?"":t,((n=l==null?void 0:l.formatNumber)==null?void 0:n.locale)||"",((i=l==null?void 0:l.formatNumber)==null?void 0:i.suffix)||"")},children:[e.jsx(s.SelectTrigger,{className:"col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(s.SelectValue,{})}),e.jsx(s.SelectContent,{children:e.jsxs(s.SelectGroup,{children:[e.jsx(s.SelectLabel,{children:"Currency"}),e.jsx(s.SelectItem,{value:"none",children:"None"},"none"),x.map(t=>e.jsx(s.SelectItem,{value:t,children:t},t))]})})]})]})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("div",{className:"w-full space-y-1",children:[e.jsx(s.Label,{children:"Decimals"}),e.jsxs(s.Select,{value:((f=(p=l==null?void 0:l.formatNumber)==null?void 0:p.decimalPlaces)==null?void 0:f.toString())||"0",onValueChange:t=>{var o,n,i;return m(Number(t),((o=l==null?void 0:l.formatNumber)==null?void 0:o.currency)||"",((n=l==null?void 0:l.formatNumber)==null?void 0:n.locale)||"",((i=l==null?void 0:l.formatNumber)==null?void 0:i.suffix)||"")},children:[e.jsx(s.SelectTrigger,{className:"col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(s.SelectValue,{})}),e.jsx(s.SelectContent,{children:["0","1","2","3","4"].map(t=>e.jsx(s.SelectItem,{value:t,children:t},t))})]})]}),e.jsxs("div",{className:"w-full space-y-1",children:[e.jsx(s.Label,{children:"Suffix"}),e.jsx(s.Input,{value:((b=l==null?void 0:l.formatNumber)==null?void 0:b.suffix)||"",className:"h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",placeholder:"K, M, B, %",onChange:t=>{var o,n,i;return m(((o=l==null?void 0:l.formatNumber)==null?void 0:o.decimalPlaces)||0,((n=l==null?void 0:l.formatNumber)==null?void 0:n.currency)||"",((i=l==null?void 0:l.formatNumber)==null?void 0:i.locale)||"",t.target.value)}})]})]})]})}),e.jsx(s.Separator,{className:"my-3"}),e.jsx(S,{colorRanges:a,setColorRanges:r})]})]})}function y(){return e.jsxs("div",{className:"space-y-6 px-6 py-2",children:[e.jsx(s.Accordion,{type:"single",collapsible:!0,children:e.jsxs(s.AccordionItem,{value:"item-1",children:[e.jsx(s.AccordionTrigger,{className:"",children:"KPI Query"}),e.jsxs(s.AccordionContent,{className:"font-mono",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs",children:"SELECT current, previous FROM table"}),e.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsx("li",{children:"current - number"}),e.jsx("li",{children:"previous - number"})]}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:l=>l.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/kpi",children:"example"})," in the docs."]})]})]})}),e.jsx("section",{className:"",children:e.jsx(C,{})}),e.jsx("div",{}),e.jsx("div",{})]})}const R=v.memo(y);exports.default=R;

package/dist/chunks/kpi-settings-CI-9fp4Z.js

@@ -0,0 +1,286 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { memo as B } from "react";
+import { L as h, B as V, _ as K, I as v, q as x, X as y, $ as g, a0 as O, u as r, a1 as T, a2 as _, C as j, S, s as w, v as R, w as k, x as $, y as z, z as f, W as M, A as X, a as q, b as D, c as G } from "./index--MUeDITx.js";
+function Q({
+  colorRanges: e,
+  setColorRanges: N
+}) {
+  const b = {
+    start: -1 / 0,
+    end: 100,
+    color: ""
+  };
+  function u(c, s, m) {
+    const p = [...e];
+    p[c] = {
+      ...p[c],
+      [s]: m
+    }, N(p);
+  }
+  function d(c) {
+    const s = [...e];
+    s.splice(c, 1), N(s);
+  }
+  function C() {
+    N([...e, b]);
+  }
+  return /* @__PURE__ */ n("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ l(h, { children: "Color Range" }),
+      /* @__PURE__ */ l(
+        V,
+        {
+          onClick: C,
+          variant: "secondary",
+          className: "h-5 p-1 text-muted-foreground",
+          children: /* @__PURE__ */ l(K, { className: "size-3" })
+        }
+      )
+    ] }),
+    e.map((c, s) => /* @__PURE__ */ n("div", { className: "flex items-center gap-2 px-2", children: [
+      /* @__PURE__ */ l(
+        v,
+        {
+          onChange: (m) => u(s, "start", m.target.value),
+          value: c.start,
+          className: x(`h-7 ${y}`)
+        }
+      ),
+      /* @__PURE__ */ l("span", { children: "-" }),
+      /* @__PURE__ */ l(
+        v,
+        {
+          value: c.end,
+          onChange: (m) => u(s, "end", m.target.value),
+          className: x(`h-7 ${y}`)
+        }
+      ),
+      /* @__PURE__ */ l(
+        v,
+        {
+          onChange: (m) => u(s, "color", m.target.value),
+          value: c.color,
+          className: x(`h-7 min-w-14 p-0 ${y}`),
+          type: "color",
+          list: "presetColors"
+        }
+      ),
+      /* @__PURE__ */ n("datalist", { id: "presetColors", children: [
+        /* @__PURE__ */ l("option", { children: g.green[600] }),
+        /* @__PURE__ */ l("option", { children: g.red[500] }),
+        /* @__PURE__ */ l("option", { children: g.yellow[400] }),
+        /* @__PURE__ */ l("option", { children: g.orange[500] })
+      ] }),
+      /* @__PURE__ */ l(
+        V,
+        {
+          onClick: () => d(s),
+          variant: "secondary",
+          className: "h-5 p-1 text-muted-foreground",
+          children: /* @__PURE__ */ l(O, { className: "size-3" })
+        }
+      )
+    ] }, s))
+  ] });
+}
+function U() {
+  var A, F, I, L, E;
+  const e = r((a) => a.card.preferences), N = r(
+    (a) => a.actions.setCardPreferences
+  ), b = r((a) => a.card), u = T(b.config), d = r(
+    (a) => a.actions.setNumberFormat
+  );
+  r(
+    (a) => {
+      var o, t;
+      return (t = (o = a.card.preferences) == null ? void 0 : o.formatNumber) == null ? void 0 : t.decimalPlaces;
+    }
+  );
+  const C = r(
+    (a) => {
+      var o, t;
+      return (t = (o = a.card.preferences) == null ? void 0 : o.formatNumber) == null ? void 0 : t.locale;
+    }
+  ), c = r(
+    (a) => {
+      var o, t;
+      return (t = (o = a.card.preferences) == null ? void 0 : o.formatNumber) == null ? void 0 : t.currency;
+    }
+  );
+  r(
+    (a) => a.actions.setFilterOnClickField
+  );
+  const s = r(
+    (a) => {
+      var o, t;
+      return (t = (o = a.card.preferences) == null ? void 0 : o.formatNumber) == null ? void 0 : t.colorRanges;
+    }
+  ) || [], m = r(
+    (a) => a.actions.setColorRanges
+  ), p = [...new Set(_.map((a) => a.currency))];
+  return /* @__PURE__ */ n("div", { children: [
+    !u && /* @__PURE__ */ n("div", { className: "mb-3 flex items-center gap-2", children: [
+      /* @__PURE__ */ l(
+        j,
+        {
+          checked: !!((A = e == null ? void 0 : e.formatNumber) != null && A.enabled),
+          onCheckedChange: (a) => {
+            N({
+              ...e,
+              formatNumber: {
+                ...e == null ? void 0 : e.formatNumber,
+                enabled: a
+              }
+            });
+          }
+        }
+      ),
+      /* @__PURE__ */ l(h, { children: "Format Number" })
+    ] }),
+    (((F = e == null ? void 0 : e.formatNumber) == null ? void 0 : F.enabled) === !0 || u) && /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ l("div", { children: /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ n("div", { className: "w-full space-y-1", children: [
+            /* @__PURE__ */ l(h, { children: "Locale" }),
+            /* @__PURE__ */ n(
+              S,
+              {
+                value: C || "none",
+                onValueChange: (a) => {
+                  var o, t, i;
+                  return d(
+                    ((o = e == null ? void 0 : e.formatNumber) == null ? void 0 : o.decimalPlaces) || 0,
+                    ((t = e == null ? void 0 : e.formatNumber) == null ? void 0 : t.currency) || "",
+                    a,
+                    ((i = e == null ? void 0 : e.formatNumber) == null ? void 0 : i.suffix) || ""
+                  );
+                },
+                children: [
+                  /* @__PURE__ */ l(w, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ l(R, {}) }),
+                  /* @__PURE__ */ l(k, { children: /* @__PURE__ */ n($, { children: [
+                    /* @__PURE__ */ l(z, { children: "Format" }),
+                    /* @__PURE__ */ l(f, { value: "none", children: "Auto" }, "none"),
+                    _.map((a) => /* @__PURE__ */ l(f, { value: a.locale, children: a.locale }, a.locale))
+                  ] }) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n("div", { className: "w-full space-y-1", children: [
+            /* @__PURE__ */ l(h, { children: "Currency" }),
+            /* @__PURE__ */ n(
+              S,
+              {
+                value: c || "none",
+                onValueChange: (a) => {
+                  var o, t, i;
+                  console.log("currency", a), d(
+                    ((o = e == null ? void 0 : e.formatNumber) == null ? void 0 : o.decimalPlaces) || 0,
+                    a === "none" ? "" : a,
+                    ((t = e == null ? void 0 : e.formatNumber) == null ? void 0 : t.locale) || "",
+                    ((i = e == null ? void 0 : e.formatNumber) == null ? void 0 : i.suffix) || ""
+                  );
+                },
+                children: [
+                  /* @__PURE__ */ l(w, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ l(R, {}) }),
+                  /* @__PURE__ */ l(k, { children: /* @__PURE__ */ n($, { children: [
+                    /* @__PURE__ */ l(z, { children: "Currency" }),
+                    /* @__PURE__ */ l(f, { value: "none", children: "None" }, "none"),
+                    p.map((a) => /* @__PURE__ */ l(f, { value: a, children: a }, a))
+                  ] }) })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ n("div", { className: "w-full space-y-1", children: [
+            /* @__PURE__ */ l(h, { children: "Decimals" }),
+            /* @__PURE__ */ n(
+              S,
+              {
+                value: ((L = (I = e == null ? void 0 : e.formatNumber) == null ? void 0 : I.decimalPlaces) == null ? void 0 : L.toString()) || "0",
+                onValueChange: (a) => {
+                  var o, t, i;
+                  return d(
+                    Number(a),
+                    ((o = e == null ? void 0 : e.formatNumber) == null ? void 0 : o.currency) || "",
+                    ((t = e == null ? void 0 : e.formatNumber) == null ? void 0 : t.locale) || "",
+                    ((i = e == null ? void 0 : e.formatNumber) == null ? void 0 : i.suffix) || ""
+                  );
+                },
+                children: [
+                  /* @__PURE__ */ l(w, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ l(R, {}) }),
+                  /* @__PURE__ */ l(k, { children: ["0", "1", "2", "3", "4"].map((a) => /* @__PURE__ */ l(f, { value: a, children: a }, a)) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n("div", { className: "w-full space-y-1", children: [
+            /* @__PURE__ */ l(h, { children: "Suffix" }),
+            /* @__PURE__ */ l(
+              v,
+              {
+                value: ((E = e == null ? void 0 : e.formatNumber) == null ? void 0 : E.suffix) || "",
+                className: "h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
+                placeholder: "K, M, B, %",
+                onChange: (a) => {
+                  var o, t, i;
+                  return d(
+                    ((o = e == null ? void 0 : e.formatNumber) == null ? void 0 : o.decimalPlaces) || 0,
+                    ((t = e == null ? void 0 : e.formatNumber) == null ? void 0 : t.currency) || "",
+                    ((i = e == null ? void 0 : e.formatNumber) == null ? void 0 : i.locale) || "",
+                    a.target.value
+                  );
+                }
+              }
+            )
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ l(M, { className: "my-3" }),
+      /* @__PURE__ */ l(
+        Q,
+        {
+          colorRanges: s,
+          setColorRanges: m
+        }
+      )
+    ] })
+  ] });
+}
+function W() {
+  return /* @__PURE__ */ n("div", { className: "space-y-6 px-6 py-2", children: [
+    /* @__PURE__ */ l(X, { type: "single", collapsible: !0, children: /* @__PURE__ */ n(q, { value: "item-1", children: [
+      /* @__PURE__ */ l(D, { className: "", children: "KPI Query" }),
+      /* @__PURE__ */ n(G, { className: "font-mono", children: [
+        /* @__PURE__ */ l("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs", children: "SELECT current, previous FROM table" }),
+        /* @__PURE__ */ n("ul", { className: "my-6 ml-6 list-disc text-xs [&>li]:mt-2", children: [
+          /* @__PURE__ */ l("li", { children: "current - number" }),
+          /* @__PURE__ */ l("li", { children: "previous - number" })
+        ] }),
+        /* @__PURE__ */ n("div", { children: [
+          "See ",
+          /* @__PURE__ */ l(
+            "a",
+            {
+              target: "_blank",
+              onClick: (e) => e.stopPropagation(),
+              className: "text-blue-700",
+              href: "https://docs.semaphor.cloud/docs/charts/kpi",
+              children: "example"
+            }
+          ),
+          " in the docs."
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ l("section", { className: "", children: /* @__PURE__ */ l(U, {}) }),
+    /* @__PURE__ */ l("div", {}),
+    /* @__PURE__ */ l("div", {})
+  ] });
+}
+const Z = B(W);
+export {
+  Z as default
+};

package/dist/chunks/map-chart-settings-CSxZdu_g.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("./index-Bvtpj-_R.js"),m=require("./reusable-select-CVRzPWkg.js"),M=require("react"),T=require("./filter-on-click-columns-6dRYhvgz.js");function j({children:e,summary:u,open:t,className:b}){return s.jsxs("details",{open:t,className:l.cn("space-y-4 [&_summary>svg]:open:-rotate-180",b),children:[s.jsxs("summary",{className:"flex cursor-pointer list-none items-center justify-between gap-4",children:[s.jsx(l.Label,{children:u}),s.jsx(l.ChevronUp,{className:"h-4 w-4"})]}),s.jsx("div",{className:"transition-all ease-in-out",children:e})]})}const A=[{label:"Mercator",value:"mercator"},{label:"Azimuthal Equidistant",value:"azimuthalEquidistant"},{label:"Gnomonic",value:"gnomonic"},{label:"Orthographic",value:"orthographic"},{label:"Stereographic",value:"stereographic"},{label:"Equal Earth",value:"equalEarth"},{label:"Albers",value:"albers"},{label:"Albers USA",value:"albersUsa"},{label:"Conic Conformal",value:"conicConformal"},{label:"Conic Equal Area",value:"conicEqualArea"},{label:"Conic Equidistant",value:"conicEquidistant"},{label:"Equirectangular",value:"equirectangular"},{label:"Transverse Mercator",value:"transverseMercator"},{label:"Natural Earth 1",value:"naturalEarth1"}],J=["blues","brBG","buGn","buPu","cividis","cool","cubehelixDefault","gnBu","greens","greys","inferno","magma","orRd","oranges","pRGn","piYG","plasma","puBu","puBuGn","puOr","puRd","purples","rainbow","rdBu","rdGy","rdPu","rdYlBu","rdYlGn","reds","sinebow","spectral","turbo","viridis","warm","ylGn","ylGnBu","ylOrBr","ylOrRd"],P=J.map(e=>({label:e,value:e}));function I(){var O,f,h,d,v,g,x,C,S,N,y,V,E,R,q,L,U,w;const e=l.useEditorStore(a=>a.card),u=(f=(O=e==null?void 0:e.preferences)==null?void 0:O.mapVisualOptions)==null?void 0:f.topoJsonUrl,[t,b]=M.useState(((d=(h=e==null?void 0:e.preferences)==null?void 0:h.mapVisualOptions)==null?void 0:d.customTopoJsonUrl)||""),{setCardPreferences:n}=l.useEditorActions(),{data:p}=l.useTopoJson(e),B=Object.keys((p==null?void 0:p.objects)||{}).map(a=>({label:a,value:a}))||[],G=[{label:"US States 10m",value:"https://unpkg.com/us-atlas/states-10m.json"},{label:"Countries 50m",value:"https://unpkg.com/world-atlas/countries-50m.json"},{label:"Custom",value:"custom"}];return s.jsxs("div",{className:"p-6",children:[s.jsx(j,{summary:"Map Chart",children:s.jsx("p",{className:"rounded-md bg-muted p-2 font-mono text-xs",children:"SELECT country, value FROM table"})}),s.jsx(l.Separator,{className:"my-4"}),s.jsx(j,{open:!0,summary:"Settings",children:s.jsxs("div",{className:"space-y-3 px-2",children:[s.jsx(m.ReusableSelect,{className:"h-9",options:G,onValueChange:a=>{console.log("value",a),n({...e.preferences,mapVisualOptions:{topoJsonUrl:a}})},value:u||"",label:"Select Map"}),u==="custom"&&s.jsx(l.Input,{onChange:a=>{b(a.target.value)},onBlur:()=>{var a;console.log("onBlur",t),n({...e.preferences,mapVisualOptions:{...(a=e.preferences)==null?void 0:a.mapVisualOptions,customTopoJsonUrl:t}})},value:t,className:`h-9 w-full ${l.removeRing}`,placeholder:"Custom URL"}),p&&s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"space-y-1",children:[s.jsx(l.Label,{children:"Map Object"}),s.jsx(m.ReusableSelect,{className:"h-9",options:B,value:((g=(v=e.preferences)==null?void 0:v.mapVisualOptions)==null?void 0:g.objectKey)||"",label:"Map Object",onValueChange:a=>{var r;n({...e.preferences,mapVisualOptions:{...(r=e.preferences)==null?void 0:r.mapVisualOptions,objectKey:a}})}})]}),s.jsxs("div",{className:"space-y-1",children:[s.jsx(l.Label,{children:"Projection"}),s.jsx(m.ReusableSelect,{className:"h-9",options:A,value:((C=(x=e.preferences)==null?void 0:x.mapVisualOptions)==null?void 0:C.projection)||"",label:"Projection",onValueChange:a=>{var r;n({...e.preferences,mapVisualOptions:{...(r=e.preferences)==null?void 0:r.mapVisualOptions,projection:a}})}})]}),s.jsxs("div",{className:"space-y-1",children:[s.jsx(l.Label,{children:"Colors"}),s.jsx(m.ReusableSelect,{className:"h-9",options:P,value:((N=(S=e.preferences)==null?void 0:S.mapVisualOptions)==null?void 0:N.colorScale)||"",label:"Select Color Scale",onValueChange:a=>{var r;n({...e.preferences,mapVisualOptions:{...(r=e.preferences)==null?void 0:r.mapVisualOptions,colorScale:a}})}})]})]})]})}),s.jsx(l.Separator,{className:"my-4"}),s.jsx(j,{className:"",summary:"Scale Options",children:s.jsxs("div",{className:"flex items-center gap-3",children:[s.jsx(l.Input,{className:`h-9 w-full ${l.removeRing}`,type:"number",step:.1,value:((V=(y=e.preferences)==null?void 0:y.mapVisualOptions)==null?void 0:V.projectionScale)||1,onChange:a=>{var r;n({...e.preferences,mapVisualOptions:{...(r=e.preferences)==null?void 0:r.mapVisualOptions,projectionScale:Number(a.target.value)}})}}),s.jsx(l.Label,{children:"X"}),s.jsx(l.Input,{className:`h-9 w-full ${l.removeRing}`,type:"number",step:10,value:((q=(R=(E=e.preferences)==null?void 0:E.mapVisualOptions)==null?void 0:R.projectionOffset)==null?void 0:q[0])||0,onChange:a=>{var r,o,i,c;n({...e.preferences,mapVisualOptions:{...(r=e.preferences)==null?void 0:r.mapVisualOptions,projectionOffset:[Number(a.target.value),((c=(i=(o=e.preferences)==null?void 0:o.mapVisualOptions)==null?void 0:i.projectionOffset)==null?void 0:c[1])||0]}})}}),s.jsx(l.Label,{children:"Y"}),s.jsx(l.Input,{className:`h-9 w-full ${l.removeRing}`,type:"number",step:10,value:((w=(U=(L=e.preferences)==null?void 0:L.mapVisualOptions)==null?void 0:U.projectionOffset)==null?void 0:w[1])||0,onChange:a=>{var r,o,i,c;n({...e.preferences,mapVisualOptions:{...(r=e.preferences)==null?void 0:r.mapVisualOptions,projectionOffset:[((c=(i=(o=e.preferences)==null?void 0:o.mapVisualOptions)==null?void 0:i.projectionOffset)==null?void 0:c[0])||0,Number(a.target.value)]}})}})]})}),s.jsx(l.Separator,{className:"my-4"}),s.jsx(T.FilterOnClickColumns,{})]})}exports.default=I;

package/dist/chunks/map-chart-settings-DQIN7Pn8.js

@@ -0,0 +1,334 @@
+import { jsxs as r, jsx as s, Fragment as L } from "react/jsx-runtime";
+import { q as P, L as o, U as I, u as _, d as F, V as Y, W as d, I as f, X as h } from "./index--MUeDITx.js";
+import { R as O } from "./reusable-select-CQbD03nT.js";
+import { useState as $ } from "react";
+import { F as k } from "./filter-on-click-columns-BJUGTE6W.js";
+function v({
+  children: e,
+  summary: u,
+  open: t,
+  className: b
+}) {
+  return /* @__PURE__ */ r(
+    "details",
+    {
+      open: t,
+      className: P("space-y-4 [&_summary>svg]:open:-rotate-180", b),
+      children: [
+        /* @__PURE__ */ r("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4", children: [
+          /* @__PURE__ */ s(o, { children: u }),
+          /* @__PURE__ */ s(I, { className: "h-4 w-4" })
+        ] }),
+        /* @__PURE__ */ s("div", { className: "transition-all ease-in-out", children: e })
+      ]
+    }
+  );
+}
+const K = [
+  {
+    label: "Mercator",
+    value: "mercator"
+  },
+  {
+    label: "Azimuthal Equidistant",
+    value: "azimuthalEquidistant"
+  },
+  {
+    label: "Gnomonic",
+    value: "gnomonic"
+  },
+  {
+    label: "Orthographic",
+    value: "orthographic"
+  },
+  {
+    label: "Stereographic",
+    value: "stereographic"
+  },
+  {
+    label: "Equal Earth",
+    value: "equalEarth"
+  },
+  {
+    label: "Albers",
+    value: "albers"
+  },
+  {
+    label: "Albers USA",
+    value: "albersUsa"
+  },
+  {
+    label: "Conic Conformal",
+    value: "conicConformal"
+  },
+  {
+    label: "Conic Equal Area",
+    value: "conicEqualArea"
+  },
+  {
+    label: "Conic Equidistant",
+    value: "conicEquidistant"
+  },
+  {
+    label: "Equirectangular",
+    value: "equirectangular"
+  },
+  {
+    label: "Transverse Mercator",
+    value: "transverseMercator"
+  },
+  {
+    label: "Natural Earth 1",
+    value: "naturalEarth1"
+  }
+], z = [
+  "blues",
+  "brBG",
+  "buGn",
+  "buPu",
+  "cividis",
+  "cool",
+  "cubehelixDefault",
+  "gnBu",
+  "greens",
+  "greys",
+  "inferno",
+  "magma",
+  "orRd",
+  "oranges",
+  "pRGn",
+  "piYG",
+  "plasma",
+  "puBu",
+  "puBuGn",
+  "puOr",
+  "puRd",
+  "purples",
+  "rainbow",
+  "rdBu",
+  "rdGy",
+  "rdPu",
+  "rdYlBu",
+  "rdYlGn",
+  "reds",
+  "sinebow",
+  "spectral",
+  "turbo",
+  "viridis",
+  "warm",
+  "ylGn",
+  "ylGnBu",
+  "ylOrBr",
+  "ylOrRd"
+], D = z.map((e) => ({
+  label: e,
+  value: e
+}));
+function ae() {
+  var g, C, N, V, y, j, S, E, R, U, q, w, B, G, J, x, A, M;
+  const e = _((a) => a.card), u = (C = (g = e == null ? void 0 : e.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : C.topoJsonUrl, [t, b] = $(
+    ((V = (N = e == null ? void 0 : e.preferences) == null ? void 0 : N.mapVisualOptions) == null ? void 0 : V.customTopoJsonUrl) || ""
+  ), { setCardPreferences: n } = F(), { data: m } = Y(e), T = Object.keys((m == null ? void 0 : m.objects) || {}).map((a) => ({
+    label: a,
+    value: a
+  })) || [];
+  return /* @__PURE__ */ r("div", { className: "p-6", children: [
+    /* @__PURE__ */ s(v, { summary: "Map Chart", children: /* @__PURE__ */ s("p", { className: "rounded-md bg-muted p-2 font-mono text-xs", children: "SELECT country, value FROM table" }) }),
+    /* @__PURE__ */ s(d, { className: "my-4" }),
+    /* @__PURE__ */ s(v, { open: !0, summary: "Settings", children: /* @__PURE__ */ r("div", { className: "space-y-3 px-2", children: [
+      /* @__PURE__ */ s(
+        O,
+        {
+          className: "h-9",
+          options: [
+            {
+              label: "US States 10m",
+              value: "https://unpkg.com/us-atlas/states-10m.json"
+            },
+            {
+              label: "Countries 50m",
+              value: "https://unpkg.com/world-atlas/countries-50m.json"
+            },
+            {
+              label: "Custom",
+              value: "custom"
+            }
+          ],
+          onValueChange: (a) => {
+            console.log("value", a), n({
+              ...e.preferences,
+              mapVisualOptions: {
+                topoJsonUrl: a
+                //   customTopoJson: undefined,
+              }
+            });
+          },
+          value: u || "",
+          label: "Select Map"
+        }
+      ),
+      u === "custom" && /* @__PURE__ */ s(
+        f,
+        {
+          onChange: (a) => {
+            b(a.target.value);
+          },
+          onBlur: () => {
+            var a;
+            console.log("onBlur", t), n({
+              ...e.preferences,
+              mapVisualOptions: {
+                ...(a = e.preferences) == null ? void 0 : a.mapVisualOptions,
+                customTopoJsonUrl: t
+              }
+            });
+          },
+          value: t,
+          className: `h-9 w-full ${h}`,
+          placeholder: "Custom URL"
+        }
+      ),
+      m && /* @__PURE__ */ r(L, { children: [
+        /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ s(o, { children: "Map Object" }),
+          /* @__PURE__ */ s(
+            O,
+            {
+              className: "h-9",
+              options: T,
+              value: ((j = (y = e.preferences) == null ? void 0 : y.mapVisualOptions) == null ? void 0 : j.objectKey) || "",
+              label: "Map Object",
+              onValueChange: (a) => {
+                var l;
+                n({
+                  ...e.preferences,
+                  mapVisualOptions: {
+                    ...(l = e.preferences) == null ? void 0 : l.mapVisualOptions,
+                    objectKey: a
+                  }
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ s(o, { children: "Projection" }),
+          /* @__PURE__ */ s(
+            O,
+            {
+              className: "h-9",
+              options: K,
+              value: ((E = (S = e.preferences) == null ? void 0 : S.mapVisualOptions) == null ? void 0 : E.projection) || "",
+              label: "Projection",
+              onValueChange: (a) => {
+                var l;
+                n({
+                  ...e.preferences,
+                  mapVisualOptions: {
+                    ...(l = e.preferences) == null ? void 0 : l.mapVisualOptions,
+                    projection: a
+                  }
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ s(o, { children: "Colors" }),
+          /* @__PURE__ */ s(
+            O,
+            {
+              className: "h-9",
+              options: D,
+              value: ((U = (R = e.preferences) == null ? void 0 : R.mapVisualOptions) == null ? void 0 : U.colorScale) || "",
+              label: "Select Color Scale",
+              onValueChange: (a) => {
+                var l;
+                n({
+                  ...e.preferences,
+                  mapVisualOptions: {
+                    ...(l = e.preferences) == null ? void 0 : l.mapVisualOptions,
+                    colorScale: a
+                  }
+                });
+              }
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ s(d, { className: "my-4" }),
+    /* @__PURE__ */ s(v, { className: "", summary: "Scale Options", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ s(
+        f,
+        {
+          className: `h-9 w-full ${h}`,
+          type: "number",
+          step: 0.1,
+          value: ((w = (q = e.preferences) == null ? void 0 : q.mapVisualOptions) == null ? void 0 : w.projectionScale) || 1,
+          onChange: (a) => {
+            var l;
+            n({
+              ...e.preferences,
+              mapVisualOptions: {
+                ...(l = e.preferences) == null ? void 0 : l.mapVisualOptions,
+                projectionScale: Number(a.target.value)
+              }
+            });
+          }
+        }
+      ),
+      /* @__PURE__ */ s(o, { children: "X" }),
+      /* @__PURE__ */ s(
+        f,
+        {
+          className: `h-9 w-full ${h}`,
+          type: "number",
+          step: 10,
+          value: ((J = (G = (B = e.preferences) == null ? void 0 : B.mapVisualOptions) == null ? void 0 : G.projectionOffset) == null ? void 0 : J[0]) || 0,
+          onChange: (a) => {
+            var l, i, p, c;
+            n({
+              ...e.preferences,
+              mapVisualOptions: {
+                ...(l = e.preferences) == null ? void 0 : l.mapVisualOptions,
+                projectionOffset: [
+                  Number(a.target.value),
+                  ((c = (p = (i = e.preferences) == null ? void 0 : i.mapVisualOptions) == null ? void 0 : p.projectionOffset) == null ? void 0 : c[1]) || 0
+                ]
+              }
+            });
+          }
+        }
+      ),
+      /* @__PURE__ */ s(o, { children: "Y" }),
+      /* @__PURE__ */ s(
+        f,
+        {
+          className: `h-9 w-full ${h}`,
+          type: "number",
+          step: 10,
+          value: ((M = (A = (x = e.preferences) == null ? void 0 : x.mapVisualOptions) == null ? void 0 : A.projectionOffset) == null ? void 0 : M[1]) || 0,
+          onChange: (a) => {
+            var l, i, p, c;
+            n({
+              ...e.preferences,
+              mapVisualOptions: {
+                ...(l = e.preferences) == null ? void 0 : l.mapVisualOptions,
+                projectionOffset: [
+                  ((c = (p = (i = e.preferences) == null ? void 0 : i.mapVisualOptions) == null ? void 0 : p.projectionOffset) == null ? void 0 : c[0]) || 0,
+                  Number(a.target.value)
+                ]
+              }
+            });
+          }
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ s(d, { className: "my-4" }),
+    /* @__PURE__ */ s(k, {})
+  ] });
+}
+export {
+  ae as default
+};