@rubin-epo/epo-widget-lib 0.7.0-rc.2 → 0.8.0

package/dist/charts/Tooltip/styles.js

@@ -1,21 +1,25 @@
 "use client";
-import o from "styled-components";
-const l = o.g`
-  cursor: default;
-`, e = o.rect`
-  fill: #dce0e3;
-`, c = o.text`
-  font-size: 12px;
-  color: var(--black, #000);
-  dominant-baseline: central;
-  text-anchor: middle;
-  fill: var(--black, #000);
-`, r = o.polygon`
-  fill: #dce0e3;
+import r from "styled-components";
+const t = r.div`
+  background-color: #dce0e3;
+  border-radius: 4px;
+  font-size: 0.5em;
+  line-height: 1;
+  padding: 2px 4px;
+  text-align: center;
+  position: absolute;
+`, e = r.div`
+  width: 0;
+  height: 0;
+  border-left: var(--arrow-width, 6px) solid transparent;
+  border-right: var(--arrow-width, 6px) solid transparent;
+
+  border-top: var(--arrow-width, 6px) solid #dce0e3;
+
+  position: absolute;
+  left: 0;
 `;
 export {
-  l as Tooltip,
-  r as TooltipArrow,
-  e as TooltipBackground,
-  c as TooltipText
+  e as Arrow,
+  t as Tooltip
 };

package/dist/charts/XAxis/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),u=require("../styles.cjs"),j=({xDomain:e=[0,1],xScale:t=l=>l,y:s=0,ticks:n=0,labelFormatter:x=l=>l,labelledById:y,padding:a=0,tickHeight:c=5,showBaseline:b=!0,className:h})=>{if(e.length<2)return console.error("Failed to render: invalid domain",e),null;const l=(e[1]-e[0])/n;return r.jsxs(r.Fragment,{children:[b&&r.jsx(u.BaseLine,{x1:t(e[0])-a,x2:t(e[1])+a,y1:s,y2:s}),n>0&&r.jsx("g",{role:"list","aria-labelledby":y,className:h,children:Array.from(Array(n+1)).map((f,i)=>{const d=e[0]+l*i,o=t(d),v=x(d,i);return r.jsxs("g",{role:"listitem",children:[r.jsx(u.Tick,{x1:o,x2:o,y1:s,y2:s+c}),r.jsx(u.XLabel,{x:o,y:s+c,children:v})]},i)})})]})};j.displayName="Charts.XAxis";const A=j;exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),M=require("d3-array"),o=require("../styles.cjs"),j=({xDomain:e=[0,1],xScale:n=a=>a,y:t=0,ticks:u=0,labelRender:c,labelledById:b,margin:h,tickHeight:d=5,showBaseline:x=!0,className:y})=>{if(e.length<2)return console.error("Failed to render: invalid domain",e),null;const g={...{top:0,right:0,bottom:0,left:0},...h},A=M.ticks(e[0],e[1],u);return r.jsxs(r.Fragment,{children:[x&&r.jsx(o.BaseLine,{x1:n(e[0])-g.left,x2:n(e[1])+g.right,y1:t,y2:t}),u>0&&r.jsx("g",{role:"list","aria-labelledby":b,className:y,children:A.map((s,f)=>{if(s>=e[1])return null;const i=t+d,l=n(s);return r.jsxs("g",{role:"listitem",children:[d>0&&r.jsx(o.Tick,{x1:l,x2:l,y1:t,y2:i}),c?c(s,l,i,f):r.jsx(o.XLabel,{x:l,y:i,children:s})]},f)})})]})};j.displayName="Charts.XAxis";const X=j;exports.default=X;

package/dist/charts/XAxis/index.js

@@ -1,49 +1,44 @@
-import { jsxs as u, Fragment as m, jsx as t } from "react/jsx-runtime";
-import { BaseLine as X, Tick as v, XLabel as x } from "../styles.js";
-const f = ({
+import { jsxs as h, Fragment as A, jsx as s } from "react/jsx-runtime";
+import { ticks as x } from "d3-array";
+import { BaseLine as M, Tick as j, XLabel as k } from "../styles.js";
+const p = ({
   xDomain: r = [0, 1],
-  xScale: s = (l) => l,
-  y: e = 0,
-  ticks: n = 0,
-  labelFormatter: h = (l) => l,
-  labelledById: p,
-  padding: a = 0,
+  xScale: i = (a) => a,
+  y: t = 0,
+  ticks: o = 0,
+  labelRender: c,
+  labelledById: u,
+  margin: m,
   tickHeight: d = 5,
-  showBaseline: y = !0,
-  className: A
+  showBaseline: b = !0,
+  className: X
 }) => {
   if (r.length < 2)
     return console.error("Failed to render: invalid domain", r), null;
-  const l = (r[1] - r[0]) / n;
-  return /* @__PURE__ */ u(m, { children: [
-    y && /* @__PURE__ */ t(
-      X,
+  const f = { ...{ top: 0, right: 0, bottom: 0, left: 0 }, ...m }, y = x(r[0], r[1], o);
+  return /* @__PURE__ */ h(A, { children: [
+    b && /* @__PURE__ */ s(
+      M,
       {
-        x1: s(r[0]) - a,
-        x2: s(r[1]) + a,
-        y1: e,
-        y2: e
+        x1: i(r[0]) - f.left,
+        x2: i(r[1]) + f.right,
+        y1: t,
+        y2: t
       }
     ),
-    n > 0 && /* @__PURE__ */ t("g", { role: "list", "aria-labelledby": p, className: A, children: Array.from(Array(n + 1)).map((g, o) => {
-      const c = r[0] + l * o, i = s(c), b = h(c, o);
-      return /* @__PURE__ */ u("g", { role: "listitem", children: [
-        /* @__PURE__ */ t(
-          v,
-          {
-            x1: i,
-            x2: i,
-            y1: e,
-            y2: e + d
-          }
-        ),
-        /* @__PURE__ */ t(x, { x: i, y: e + d, children: b })
-      ] }, o);
+    o > 0 && /* @__PURE__ */ s("g", { role: "list", "aria-labelledby": u, className: X, children: y.map((e, g) => {
+      if (e >= r[1])
+        return null;
+      const n = t + d, l = i(e);
+      return /* @__PURE__ */ h("g", { role: "listitem", children: [
+        d > 0 && /* @__PURE__ */ s(j, { x1: l, x2: l, y1: t, y2: n }),
+        c ? c(e, l, n, g) : /* @__PURE__ */ s(k, { x: l, y: n, children: e })
+      ] }, g);
     }) })
   ] });
 };
-f.displayName = "Charts.XAxis";
-const L = f;
+p.displayName = "Charts.XAxis";
+const C = p;
 export {
-  L as default
+  C as default
 };

package/dist/charts/YAxis/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),u=require("../styles.cjs"),j=({yDomain:e=[0,1],yScale:t=l=>l,x:s=0,padding:c=0,ticks:n=0,labelFormatter:d=l=>l,labelledById:b,showBaseline:h=!0,tickLength:a=5,className:v})=>{if(e.length<2)return console.error("Failed to render: invalid domain",e),null;const l=(e[1]-e[0])/n;return r.jsxs(r.Fragment,{children:[h&&r.jsx(u.BaseLine,{x1:s,x2:s,y1:t(e[0])-c,y2:t(e[1])+c}),n>0&&r.jsx("g",{role:"list","aria-labelledby":b,className:v,children:Array.from(Array(n+1)).map((g,x)=>{const i=e[0]+l*x,A=d?d(i):i,o=t(i);return r.jsxs("g",{role:"listitem",children:[r.jsx(u.Tick,{x1:s-a,x2:s,y1:o,y2:o}),r.jsx(u.YLabel,{x:s-a-2,y:o,children:A})]},x)})})]})};j.displayName="Charts.YAxis";const f=j;exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),M=require("d3-array"),o=require("../styles.cjs"),b=({yDomain:t=[0,1],yScale:l=u=>u,x:r=0,margin:j,ticks:a=0,labelRender:c,labelledById:f,showBaseline:h=!0,tickLength:d=5,className:p})=>{if(t.length<2)return console.error("Failed to render: invalid domain",t),null;const x={...{top:0,right:0,bottom:0,left:0},...j},A=M.ticks(t[0],t[1],a);return e.jsxs(e.Fragment,{children:[h&&e.jsx(o.BaseLine,{x1:r,x2:r,y1:l(t[0])+x.top,y2:l(t[1])-x.bottom}),a>0&&e.jsx("g",{role:"list","aria-labelledby":f,className:p,children:A.map((i,g)=>{const s=l(i),n=r-d;return e.jsxs("g",{role:"listitem",children:[d>0&&e.jsx(o.Tick,{x1:n,x2:r,y1:s,y2:s}),c?c(i,n,s,g):e.jsx(o.YLabel,{x:n,y:s,children:i})]},g)})})]})};b.displayName="Charts.YAxis";const Y=b;exports.default=Y;

package/dist/charts/YAxis/index.d.ts

@@ -6,5 +6,10 @@ export interface YAxisProps extends BaseAxisProps {
     x?: number;
     tickLength?: number;
 }
+/**
+ * YAxis creates an axis with ticks. It needs a yDomain (your input data) and a yScale method to place
+ * the ticks and data. Remember that SVG starts from the upper left corner, so the yScale will need an inverted
+ * range for most purposes.
+ */
 declare const YAxis: FunctionComponent<YAxisProps>;
 export default YAxis;

package/dist/charts/YAxis/index.js

@@ -1,49 +1,42 @@
-import { jsxs as x, Fragment as b, jsx as s } from "react/jsx-runtime";
-import { BaseLine as m, Tick as v, YLabel as g } from "../styles.js";
-const f = ({
+import { jsxs as p, Fragment as A, jsx as e } from "react/jsx-runtime";
+import { ticks as M } from "d3-array";
+import { BaseLine as j, Tick as k, YLabel as F } from "../styles.js";
+const x = ({
   yDomain: r = [0, 1],
-  yScale: t = (l) => l,
-  x: e = 0,
-  padding: a = 0,
+  yScale: i = (d) => d,
+  x: t = 0,
+  margin: g,
   ticks: n = 0,
-  labelFormatter: d = (l) => l,
-  labelledById: h,
-  showBaseline: p = !0,
+  labelRender: a,
+  labelledById: b,
+  showBaseline: h = !0,
   tickLength: c = 5,
-  className: A
+  className: u
 }) => {
   if (r.length < 2)
     return console.error("Failed to render: invalid domain", r), null;
-  const l = (r[1] - r[0]) / n;
-  return /* @__PURE__ */ x(b, { children: [
-    p && /* @__PURE__ */ s(
-      m,
+  const f = { ...{ top: 0, right: 0, bottom: 0, left: 0 }, ...g }, Y = M(r[0], r[1], n);
+  return /* @__PURE__ */ p(A, { children: [
+    h && /* @__PURE__ */ e(
+      j,
       {
-        x1: e,
-        x2: e,
-        y1: t(r[0]) - a,
-        y2: t(r[1]) + a
+        x1: t,
+        x2: t,
+        y1: i(r[0]) + f.top,
+        y2: i(r[1]) - f.bottom
       }
     ),
-    n > 0 && /* @__PURE__ */ s("g", { role: "list", "aria-labelledby": h, className: A, children: Array.from(Array(n + 1)).map((j, u) => {
-      const i = r[0] + l * u, Y = d ? d(i) : i, o = t(i);
-      return /* @__PURE__ */ x("g", { role: "listitem", children: [
-        /* @__PURE__ */ s(
-          v,
-          {
-            x1: e - c,
-            x2: e,
-            y1: o,
-            y2: o
-          }
-        ),
-        /* @__PURE__ */ s(g, { x: e - c - 2, y: o, children: Y })
-      ] }, u);
+    n > 0 && /* @__PURE__ */ e("g", { role: "list", "aria-labelledby": b, className: u, children: Y.map((l, m) => {
+      const s = i(l), o = t - c;
+      return /* @__PURE__ */ p("g", { role: "listitem", children: [
+        c > 0 && /* @__PURE__ */ e(k, { x1: o, x2: t, y1: s, y2: s }),
+        a ? a(l, o, s, m) : /* @__PURE__ */ e(F, { x: o, y: s, children: l })
+      ] }, m);
     }) })
   ] });
 };
-f.displayName = "Charts.YAxis";
-const C = f;
+x.displayName = "Charts.YAxis";
+const N = x;
 export {
-  C as default
+  N as default
 };

package/dist/localeStrings/en/epo-widget-lib.json

@@ -79,5 +79,24 @@
       "visible": "Visible Light",
       "infrared": "Infrared"
     }
+  },
+  "supernova_three_vector": {
+    "histogram": {
+      "x_label": "Distance [kpc]",
+      "bar_label_one": "{{binMin}} to {{binMax}} kiloparsecs: {{count}} supernova",
+      "bar_label_other": "{{binMin}} to {{binMax}} kiloparsecs: {{count}} supernovae"
+    },
+    "slider": {
+      "label": "Select visible range",
+      "valueLabel": "{{value}} kiloparsecs"
+    },
+    "skymap": {
+      "description": "$t(supernova_three_vector.skymap.supernova_count, {\"count\": {{supernovaCount}}, \"min\": {{min}}, \"max\": {{max}}}) $t(supernova_three_vector.skymap.user_supernova_count, {\"count\": {{userObjectCount}}})",
+      "supernova_count_one": "Sky map projection showing {{count}} supernova between the distances of {{min}} and {{max}} kiloparsecs.",
+      "supernova_count_other": "Sky map projection showing {{count}} supernovae between the distances of {{min}} and {{max}} kiloparsecs.",
+      "user_supernova_count_zero": "None of your supernovae are visible.",
+      "user_supernova_count_one": "{{count}} of your supernovae is visible near {{coords}}.",
+      "user_supernova_count_other": "{{count}} of your supernovae are visible near {{coords}}."
+    }
   }
 }

package/dist/widgets/ColorTool/Actions/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),f=require("./Reset/index.cjs"),m=require("./Export/index.cjs"),q=require("./styles.cjs"),A=require("react-i18next"),b=require("../lib/utils.cjs"),i=({actions:c,isDisabled:l,selectedData:e,selectionCallback:s,canvas:u})=>{const{t:n}=A.useTranslation(),{name:a}=e,r=l||!b.areActionsActive(e);return t.jsx(q.Actions,{children:c.map((d,o)=>{switch(d){case"reset":return t.jsx(f.default,{isDisabled:r,selectedData:e,onResetCallback:x=>s&&s(x),children:n("colorTool.actions.reset")},o);case"export":return t.jsx(m.default,{isDisabled:r,canvas:u,filename:a,children:n("colorTool.actions.export")},o);case"save":return null;default:return null}})})};i.displayName="Widgets.ColorTool.Actions";const j=i;exports.default=j;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),m=require("react-i18next"),x=require("../../../atomic/Button/patterns/Reset.cjs"),b=require("./Export/index.cjs"),g=require("./styles.cjs"),c=require("../lib/utils.cjs"),p=n=>n.map(s=>{const{defaultValue:e,min:t,max:i}=s,r=e||1;return{...s,active:!1,color:"",brightness:c.getBrightnessValue(t,i,r),value:r}}),a=({actions:n,isDisabled:s,selectedData:e,selectionCallback:t,canvas:i})=>{const{t:r}=m.useTranslation(),{name:d,filters:f}=e,u=s||!c.areActionsActive(e);return l.jsx(g.Actions,{children:n.map(o=>{switch(o){case"reset":return l.jsx(x.default,{isDisabled:u,onResetCallback:()=>t&&t({...e,filters:p(f)})},o);case"export":return l.jsx(b.default,{isDisabled:u,canvas:i,filename:d,children:r("colorTool.actions.export")},o);case"save":return null;default:return null}})})};a.displayName="Widgets.ColorTool.Actions";const q=a;exports.default=q;

package/dist/widgets/ColorTool/Actions/index.js

@@ -1,41 +1,51 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import f from "./Reset/index.js";
+import { jsx as l } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import f from "../../../atomic/Button/patterns/Reset.js";
 import d from "./Export/index.js";
 import { Actions as A } from "./styles.js";
-import { useTranslation as x } from "react-i18next";
-import { areActionsActive as h } from "../lib/utils.js";
-const i = ({
-  actions: c,
-  isDisabled: l,
-  selectedData: o,
-  selectionCallback: t,
-  canvas: a
+import { areActionsActive as x, getBrightnessValue as h } from "../lib/utils.js";
+const b = (r) => r.map((s) => {
+  const { defaultValue: t, min: o, max: n } = s, e = t || 1;
+  return {
+    ...s,
+    active: !1,
+    color: "",
+    brightness: h(o, n, e),
+    value: e
+  };
+}), c = ({
+  actions: r,
+  isDisabled: s,
+  selectedData: t,
+  selectionCallback: o,
+  canvas: n
 }) => {
-  const { t: s } = x(), { name: m } = o, e = l || !h(o);
-  return /* @__PURE__ */ r(A, { children: c.map((p, n) => {
-    switch (p) {
+  const { t: e } = p(), { name: m, filters: u } = t, a = s || !x(t);
+  return /* @__PURE__ */ l(A, { children: r.map((i) => {
+    switch (i) {
       case "reset":
-        return /* @__PURE__ */ r(
+        return /* @__PURE__ */ l(
           f,
           {
-            isDisabled: e,
-            selectedData: o,
-            onResetCallback: (u) => t && t(u),
-            children: s("colorTool.actions.reset")
+            isDisabled: a,
+            onResetCallback: () => o && o({
+              ...t,
+              filters: b(u)
+            })
           },
-          n
+          i
         );
       case "export":
-        return /* @__PURE__ */ r(
+        return /* @__PURE__ */ l(
           d,
           {
-            isDisabled: e,
-            canvas: a,
+            isDisabled: a,
+            canvas: n,
             filename: m,
-            children: s("colorTool.actions.export")
+            children: e("colorTool.actions.export")
           },
-          n
+          i
         );
       case "save":
         return null;
@@ -44,8 +54,8 @@ const i = ({
     }
   }) });
 };
-i.displayName = "Widgets.ColorTool.Actions";
-const j = i;
+c.displayName = "Widgets.ColorTool.Actions";
+const $ = c;
 export {
-  j as default
+  $ as default
 };

package/dist/widgets/ColorTool/FilterControls/FilterControls.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),q=require("@rubin-epo/epo-react-lib/SelectListbox"),S=require("../lib/utils.cjs"),T=require("react-i18next"),l=require("./styles.cjs"),f=e=>e&&e.__esModule?e:{default:e},I=f(q),d=({filter:e,colorOptions:a,isDisabled:r,onChangeFilterCallback:t,buttonLabelledById:u,selectLabelledById:h,sliderLabelledById:x})=>{const{t:b}=T.useTranslation(),{label:i,color:c="",value:g,active:n,min:m,max:j}=e,_=()=>t&&t({...e,active:!n}),p=o=>o&&t&&t({...e,color:o}),y=o=>t&&t({...e,brightness:S.getBrightnessValue(m,j,o),value:o}),v=b("colorTool.actions.select_filter");return s.jsxs(l.FilterContainer,{disabled:r,children:[s.jsxs(l.FilterLabel,{children:[s.jsx(l.HiddenCheckbox,{checked:n,type:"checkbox",onChange:_,"aria-describedby":u}),s.jsx(l.FilterToggle,{as:"span",children:i})]}),s.jsx(I.default,{placeholder:v,value:c,options:a,onChangeCallback:p,width:"100%",maxWidth:"100%",labelledById:h,isDisabled:!n||r}),s.jsx(l.Slider,{min:1,max:100,onChangeCallback:y,isDisabled:!n||r,labelledbyId:x,value:g,label:i,color:c})]})};d.displayName="Widgets.ColorTool.FilterControls";const B=d;exports.default=B;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),q=require("@rubin-epo/epo-react-lib/SelectListbox"),v=require("../lib/utils.cjs"),S=require("react-i18next"),l=require("./styles.cjs"),T=e=>e&&e.__esModule?e:{default:e},I=T(q),d=({filter:e,colorOptions:a,isDisabled:r,onChangeFilterCallback:s,buttonLabelledById:u,selectLabelledById:h,sliderLabelledById:x})=>{const{t:b}=S.useTranslation(),{label:i,color:c="",value:m,active:n,min:g,max:j}=e,p=()=>s&&s({...e,active:!n}),y=t=>t&&s&&s({...e,color:t}),_=t=>s&&s({...e,brightness:v.getBrightnessValue(g,j,t),value:t}),f=b("colorTool.actions.select_filter");return o.jsxs(l.FilterContainer,{disabled:r,children:[o.jsxs(l.FilterLabel,{children:[o.jsx(l.HiddenCheckbox,{checked:n,type:"checkbox",onChange:p,"aria-describedby":u}),o.jsx(l.FilterToggle,{as:"span",children:i})]}),o.jsx(I.default,{placeholder:f,value:c,options:a,onChangeCallback:y,width:"100%",maxWidth:"100%",labelledById:h,isDisabled:!n||r}),o.jsx(l.Slider,{min:1,max:100,onChangeCallback:t=>typeof t=="number"&&_(t),isDisabled:!n||r,labelledbyId:x,value:m,label:i,color:c})]})};d.displayName="Widgets.ColorTool.FilterControls";const B=d;exports.default=B;

package/dist/widgets/ColorTool/FilterControls/FilterControls.js

@@ -8,16 +8,16 @@ const d = ({
   filter: t,
   colorOptions: a,
   isDisabled: r,
-  onChangeFilterCallback: e,
+  onChangeFilterCallback: o,
   buttonLabelledById: m,
   selectLabelledById: h,
   sliderLabelledById: p
 }) => {
-  const { t: b } = I(), { label: i, color: n = "", value: x, active: s, min: g, max: u } = t, y = () => e && e({ ...t, active: !s }), f = (o) => o && e && e({ ...t, color: o }), v = (o) => e && e({
+  const { t: b } = I(), { label: n, color: i = "", value: x, active: s, min: g, max: u } = t, y = () => o && o({ ...t, active: !s }), f = (e) => e && o && o({ ...t, color: e }), T = (e) => o && o({
     ...t,
-    brightness: C(g, u, o),
-    value: o
-  }), T = b("colorTool.actions.select_filter");
+    brightness: C(g, u, e),
+    value: e
+  }), v = b("colorTool.actions.select_filter");
   return /* @__PURE__ */ c(j, { disabled: r, children: [
     /* @__PURE__ */ c(L, { children: [
       /* @__PURE__ */ l(
@@ -29,13 +29,13 @@ const d = ({
           "aria-describedby": m
         }
       ),
-      /* @__PURE__ */ l(W, { as: "span", children: i })
+      /* @__PURE__ */ l(W, { as: "span", children: n })
     ] }),
     /* @__PURE__ */ l(
       B,
       {
-        placeholder: T,
-        value: n,
+        placeholder: v,
+        value: i,
         options: a,
         onChangeCallback: f,
         width: "100%",
@@ -49,12 +49,12 @@ const d = ({
       {
         min: 1,
         max: 100,
-        onChangeCallback: v,
+        onChangeCallback: (e) => typeof e == "number" && T(e),
         isDisabled: !s || r,
         labelledbyId: p,
         value: x,
-        label: i,
-        color: n
+        label: n,
+        color: i
       }
     )
   ] });

package/dist/widgets/SupernovaThreeVector/Histogram/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),I=require("react"),M=require("react-i18next"),w=require("../../../charts/Base/index.cjs"),H=require("../../../charts/XAxis/index.cjs"),O=require("../../../charts/Guidelines/index.cjs"),R=require("../../../charts/YAxis/index.cjs"),k=require("../../../charts/Bars/index.cjs"),z=require("../../../charts/Tooltip/index.cjs"),A=require("../../../charts/styles.cjs"),B=require("../../../lib/utils.cjs"),E=require("./styles.cjs"),T=({data:c,margin:b,activeRange:x,xDomain:r,yDomain:n,xScale:o,yScale:i,yTicks:h,xTicks:j,step:p,width:_,height:L,className:$})=>{const{t:v}=M.useTranslation(),[u,q]=I.useState(),g=i(n[0]),f="xAxisLabel",d=typeof u=="number",a=c.map(({value:s,bin:e},l)=>({x:e,value:s,width:12,fill:B.between(e,x[0],x[1])?void 0:"#30E0E3",props:{"aria-label":v("supernova_three_vector.histogram.bar_label",{count:s,binMin:e,binMax:e+p}),onMouseOver:()=>q(l),onMouseOut:()=>q(void 0)}}));return t.jsxs(w.default,{minX:r[0],minY:n[0],width:_,height:L,className:$,horizontalLabel:v("supernova_three_vector.histogram.x_label")||void 0,horizontalLabelId:f,children:[t.jsx(R.default,{showBaseline:!1,x:o(r[0])-10,ticks:h,tickLength:0,labelRender:(s,e,l)=>t.jsx(E.YLabel,{x:e,y:l,children:s}),yDomain:n,yScale:i}),t.jsx(O.default,{guides:h,xDomain:r,xScale:o,yDomain:n,yScale:i,margin:b}),t.jsx(k.default,{data:a,xDomain:r,yDomain:n,xScale:o,yScale:i}),t.jsx(H.default,{ticks:j,y:g,labelledById:f,labelRender:(s,e,l)=>t.jsx(A.XLabel,{x:e,y:l+5,children:s}),xDomain:r,xScale:o,margin:b}),t.jsx(z.default,{x:d?o(c[u].bin):0,y:d?i(a[u].value):0,visible:d,children:d?a[u].value:null})]})},X=T;exports.default=X;

package/dist/widgets/SupernovaThreeVector/Histogram/index.d.ts

@@ -0,0 +1,19 @@
+import { FunctionComponent } from "react";
+import { ChartMargin, Domain, HistogramData, ScaleFunction } from '../../../charts/types';
+interface DistanceHistogramProps {
+    data: HistogramData;
+    activeRange: Array<number>;
+    margin: ChartMargin;
+    xDomain: Domain;
+    yDomain: Domain;
+    xScale: ScaleFunction;
+    yScale: ScaleFunction;
+    yTicks: number;
+    xTicks: number;
+    step: number;
+    width: number;
+    height: number;
+    className?: string;
+}
+declare const DistanceHistogram: FunctionComponent<DistanceHistogramProps>;
+export default DistanceHistogram;

package/dist/widgets/SupernovaThreeVector/Histogram/index.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsxs as B, jsx as r } from "react/jsx-runtime";
+import { useState as M } from "react";
+import { useTranslation as w } from "react-i18next";
+import H from "../../../charts/Base/index.js";
+import X from "../../../charts/XAxis/index.js";
+import Y from "../../../charts/Guidelines/index.js";
+import j from "../../../charts/YAxis/index.js";
+import k from "../../../charts/Bars/index.js";
+import z from "../../../charts/Tooltip/index.js";
+import { XLabel as E } from "../../../charts/styles.js";
+import { between as O } from "../../../lib/utils.js";
+import { YLabel as R } from "./styles.js";
+const T = ({
+  data: a,
+  margin: b,
+  activeRange: u,
+  xDomain: t,
+  yDomain: s,
+  xScale: i,
+  yScale: l,
+  yTicks: f,
+  xTicks: x,
+  step: L,
+  width: _,
+  height: I,
+  className: g
+}) => {
+  const { t: h } = w(), [m, c] = M(), A = l(s[0]), v = "xAxisLabel", d = typeof m == "number", p = a.map(({ value: e, bin: o }, n) => ({
+    x: o,
+    value: e,
+    width: 12,
+    fill: O(o, u[0], u[1]) ? void 0 : "#30E0E3",
+    props: {
+      "aria-label": h("supernova_three_vector.histogram.bar_label", {
+        count: e,
+        binMin: o,
+        binMax: o + L
+      }),
+      onMouseOver: () => c(n),
+      onMouseOut: () => c(void 0)
+    }
+  }));
+  return /* @__PURE__ */ B(
+    H,
+    {
+      minX: t[0],
+      minY: s[0],
+      width: _,
+      height: I,
+      className: g,
+      horizontalLabel: h("supernova_three_vector.histogram.x_label") || void 0,
+      horizontalLabelId: v,
+      children: [
+        /* @__PURE__ */ r(
+          j,
+          {
+            showBaseline: !1,
+            x: i(t[0]) - 10,
+            ticks: f,
+            tickLength: 0,
+            labelRender: (e, o, n) => /* @__PURE__ */ r(R, { x: o, y: n, children: e }),
+            yDomain: s,
+            yScale: l
+          }
+        ),
+        /* @__PURE__ */ r(
+          Y,
+          {
+            guides: f,
+            xDomain: t,
+            xScale: i,
+            yDomain: s,
+            yScale: l,
+            margin: b
+          }
+        ),
+        /* @__PURE__ */ r(k, { data: p, xDomain: t, yDomain: s, xScale: i, yScale: l }),
+        /* @__PURE__ */ r(
+          X,
+          {
+            ticks: x,
+            y: A,
+            labelledById: v,
+            labelRender: (e, o, n) => /* @__PURE__ */ r(E, { x: o, y: n + 5, children: e }),
+            xDomain: t,
+            xScale: i,
+            margin: b
+          }
+        ),
+        /* @__PURE__ */ r(
+          z,
+          {
+            x: d ? i(a[m].bin) : 0,
+            y: d ? l(p[m].value) : 0,
+            visible: d,
+            children: d ? p[m].value : null
+          }
+        )
+      ]
+    }
+  );
+}, W = T;
+export {
+  W as default
+};

package/dist/widgets/SupernovaThreeVector/Histogram/styles.cjs

@@ -0,0 +1,5 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),l=e=>e&&e.__esModule?e:{default:e},n=l(t),o=n.default.text`
+  dominant-baseline: text-before-edge;
+  font-size: 0.4em;
+  text-anchor: end;
+`;exports.YLabel=o;