react-semaphor 0.1.62 → 0.1.64

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

@@ -1 +0,0 @@
-"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

@@ -1,286 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,334 +0,0 @@
-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
-};