@rubin-epo/epo-widget-lib 1.0.8 → 1.1.0

package/dist/widgets/ColorTool/ImageComposite/ImageComposite.js

@@ -1,38 +1,38 @@
 "use client";
-import { jsxs as I, jsx as c } from "react/jsx-runtime";
+import { jsxs as C, jsx as c } from "react/jsx-runtime";
 import { forwardRef as f, useState as v } from "react";
 import { isFilterActive as x } from "../lib/utils.js";
-import A from "../hooks/useFilteredImages.js";
-import { mergeCanvases as j } from "../lib/canvas.js";
-import { ImageContainer as F, Loader as R, Image as b } from "./styles.js";
-const p = f(
+import I from "../hooks/useFilteredImages.js";
+import { mergeCanvases as A } from "../lib/canvas.js";
+import { ImageContainer as j, Loader as F, Image as R } from "./styles.js";
+const b = f(
   ({
-    filters: r,
+    filters: m,
     width: e = 600,
     height: i = 600,
-    selectedObjectName: s,
+    selectedObjectName: r,
     className: l,
-    children: g,
-    images: d
+    children: p,
+    images: g
   }, t) => {
     var n;
-    const [C, u] = v(s), a = x(r);
-    s !== C && u(s);
-    const [y, o] = A({
-      images: d,
-      filters: r
-    }), m = (n = t == null ? void 0 : t.current) == null ? void 0 : n.getContext("2d");
-    return m && (m.clearRect(0, 0, e, i), j(m, y, e, i)), /* @__PURE__ */ I(
-      F,
+    const [d, u] = v(r), a = x(m);
+    r !== d && u(r);
+    const [y, o] = I({
+      images: g,
+      filters: m
+    }), s = (n = t == null ? void 0 : t.current) == null ? void 0 : n.getContext("2d");
+    return s && (s.clearRect(0, 0, e, i), A(s, y, e, i)), /* @__PURE__ */ C(
+      j,
       {
         style: {
           "--image-container-opacity": !o && a ? 1 : 0.1
         },
         className: l,
         children: [
-          o && a && /* @__PURE__ */ c(R, { isVisible: o }),
+          o && a && /* @__PURE__ */ c(F, { isVisible: o }),
           /* @__PURE__ */ c(
-            b,
+            R,
             {
               style: { "--loading-opacity": o ? 0 : 1 },
               role: "img",
@@ -42,14 +42,13 @@ const p = f(
               ref: t
             }
           ),
-          g
+          p
         ]
       }
     );
   }
 );
-p.displayName = "Widgets.ColorTool.ImageComposite";
-const W = p;
+b.displayName = "Widgets.ColorTool.ImageComposite";
 export {
-  W as default
+  b as default
 };

package/dist/widgets/ColorTool/__mocks__/index.d.ts

@@ -0,0 +1,15 @@
+import { AstroCategory } from '..';
+
+export declare const colorOptions: {
+    value: string;
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
+}[];
+export declare const multiSpectralOptions: {
+    value: string;
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
+}[];
+export declare const readOnlyData: AstroCategory[];
+export declare const multiData: AstroCategory[];
+export declare const singleData: AstroCategory[];

package/dist/widgets/ColorTool/hooks/useFilteredImages.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),_=require("lodash/isEqual"),q=require("../../../hooks/usePrevious.cjs"),f=require("../lib/canvas.cjs"),w=t=>t&&t.__esModule?t:{default:t},y=w(_),S=({images:t,filters:l})=>{const g=q.default(t),[v,d]=i.useState(0),[n,m]=i.useState(),I=n==null?void 0:n.some(({complete:s})=>!s),u=v!==t.length&&I;return i.useLayoutEffect(()=>{y.default(g,t)||(d(0),m(t.map(({url:s,width:o,height:r})=>{const e=new Image(o,r);return e.crossOrigin="anonymous",e.onload=()=>{d(a=>a+1)},e.src=s,e})))},[t]),u?[[],!!u]:[[...n||[]].map((s,o)=>{if(!l[o].active)return;const r=document.createElement("canvas"),e=r.getContext("2d");if(e){const{width:a,height:c}=s,{color:h="transparent",brightness:p}=l[o];e.canvas.width=a,e.canvas.height=c,e.clearRect(0,0,a,c),e.filter=f.getFilters({brightness:p,contrast:1.3}),e.drawImage(s,0,0,a,c),f.updateColor(e,h,a,c)}return r}).filter(s=>!!s),!!u]},b=S;exports.default=b;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),_=require("lodash/isEqual"),q=require("../../../hooks/usePrevious.cjs"),f=require("../lib/canvas.cjs"),w=t=>t&&t.__esModule?t:{default:t},y=w(_),S=({images:t,filters:l})=>{const g=q.default(t),[v,d]=i.useState(0),[n,m]=i.useState(),h=n==null?void 0:n.some(({complete:s})=>!s),u=v!==t.length&&h;return i.useLayoutEffect(()=>{y.default(g,t)||(d(0),m(t.map(({url:s,width:o,height:r})=>{const e=new Image(o,r);return e.crossOrigin="anonymous",e.onload=()=>{d(a=>a+1)},e.src=s,e})))},[t]),u?[[],!!u]:[[...n||[]].map((s,o)=>{if(!l[o].active)return;const r=document.createElement("canvas"),e=r.getContext("2d");if(e){const{width:a,height:c}=s,{color:p="transparent",brightness:I}=l[o];e.canvas.width=a,e.canvas.height=c,e.clearRect(0,0,a,c),e.filter=f.getFilters({brightness:I,contrast:1.3}),e.drawImage(s,0,0,a,c),f.updateColor(e,p,a,c)}return r}).filter(s=>!!s),!!u]};exports.default=S;

package/dist/widgets/ColorTool/hooks/useFilteredImages.d.ts

@@ -1,5 +1,5 @@
 import { ImageShape } from '@rubin-epo/epo-react-lib/Image';
-import { ImageFilter } from '../ColorTool';
+import { ImageFilter } from '..';
 
 interface useFilteredImagesProps {
     images: Array<ImageShape>;

package/dist/widgets/ColorTool/hooks/useFilteredImages.js

@@ -1,14 +1,14 @@
 "use client";
-import { useState as d, useLayoutEffect as h } from "react";
+import { useState as d, useLayoutEffect as I } from "react";
 import w from "lodash/isEqual";
 import x from "../../../hooks/usePrevious.js";
-import { getFilters as y, updateColor as F } from "../lib/canvas.js";
-const L = ({
+import { getFilters as y, updateColor as L } from "../lib/canvas.js";
+const O = ({
   images: s,
   filters: u
 }) => {
   const l = x(s), [f, m] = d(0), [n, g] = d(), p = n == null ? void 0 : n.some(({ complete: e }) => !e), i = f !== s.length && p;
-  return h(() => {
+  return I(() => {
     w(l, s) || (m(0), g(
       s.map(({ url: e, width: a, height: r }) => {
         const t = new Image(a, r);
@@ -18,16 +18,15 @@ const L = ({
       })
     ));
   }, [s]), i ? [[], !!i] : [[...n || []].map((e, a) => {
-    if (!u[a].active)
-      return;
+    if (!u[a].active) return;
     const r = document.createElement("canvas"), t = r.getContext("2d");
     if (t) {
-      const { width: o, height: c } = e, { color: v = "transparent", brightness: I } = u[a];
-      t.canvas.width = o, t.canvas.height = c, t.clearRect(0, 0, o, c), t.filter = y({ brightness: I, contrast: 1.3 }), t.drawImage(e, 0, 0, o, c), F(t, v, o, c);
+      const { width: o, height: c } = e, { color: v = "transparent", brightness: h } = u[a];
+      t.canvas.width = o, t.canvas.height = c, t.clearRect(0, 0, o, c), t.filter = y({ brightness: h, contrast: 1.3 }), t.drawImage(e, 0, 0, o, c), L(t, v, o, c);
     }
     return r;
   }).filter((e) => !!e), !!i];
-}, P = L;
+};
 export {
-  P as default
+  O as default
 };

package/dist/widgets/ColorTool/index.d.ts

@@ -1 +1,46 @@
-export { default } from './ColorTool';
+import { FunctionComponent } from 'react';
+import { ListboxOption } from '@rubin-epo/epo-react-lib/SelectListbox';
+
+export interface ImageFilter {
+    label: string;
+    defaultColor?: string;
+    color?: string;
+    active: boolean;
+    image: string;
+    isDisabled: boolean;
+    value: number;
+    defaultValue?: number;
+    min: number;
+    max: number;
+    brightness?: number;
+}
+export interface AstroObject {
+    name: string;
+    filters: ImageFilter[];
+}
+export interface AstroCategory {
+    type: string;
+    objects: AstroObject[];
+}
+export type ColorToolAction = "reset" | "export" | "save";
+interface ColorToolConfig {
+    actions?: Array<ColorToolAction>;
+    /** pixel width of the images in the tool */
+    width?: number;
+    /** pixel height of the images in the tool */
+    height?: number;
+    hideSubtitle?: boolean;
+}
+interface ColorToolProps {
+    selectionCallback: (selectedData: AstroObject) => void;
+    data: AstroCategory[];
+    selectedData: AstroObject;
+    objectOptions?: ListboxOption[];
+    colorOptions?: ListboxOption[];
+    isDisabled?: boolean;
+    isDisplayOnly?: boolean;
+    config?: ColorToolConfig;
+    className?: string;
+}
+declare const ColorTool: FunctionComponent<ColorToolProps>;
+export default ColorTool;

package/dist/widgets/ColorTool/lib/server.d.ts

@@ -1,5 +1,5 @@
 import { ExportFormat } from 'skia-canvas';
-import { ImageFilter } from '../ColorTool';
+import { ImageFilter } from '..';
 
 /** server safe renderer */
 declare const getFilteredImageBase64: (filters?: Array<ImageFilter>, format?: ExportFormat, width?: number, height?: number) => Promise<string>;

package/dist/widgets/ColorTool/lib/utils.d.ts

@@ -1,4 +1,4 @@
-import { AstroCategory, AstroObject, ImageFilter } from '../ColorTool';
+import { AstroCategory, AstroObject, ImageFilter } from '..';
 
 /** calculates a value that can be used in the CSS {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/brightness brightness filter } */
 export declare const getBrightnessValue: (min: number, max: number, value: number) => number;

package/dist/widgets/FilterTool/index.d.ts

@@ -1 +1,12 @@
-export { default } from './FilterTool';
+import { FunctionComponent } from 'react';
+
+type FilterColor = "violet" | "blue" | "green" | "yellow" | "orange" | "red";
+interface FilterToolProps {
+    selectionCallback?: (color: FilterColor) => void;
+    selectedColor?: FilterColor | "none";
+    isDisabled?: boolean;
+    id?: string;
+    labelledById?: string;
+}
+declare const FilterTool: FunctionComponent<FilterToolProps>;
+export default FilterTool;

package/dist/widgets/FilterTool/styles.d.ts

@@ -572,7 +572,7 @@ export declare const PrismSVG: import('styled-components').IStyledComponent<"web
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;
@@ -1054,7 +1054,7 @@ export declare const WhiteLine: import('styled-components').IStyledComponent<"we
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;
@@ -1536,7 +1536,7 @@ export declare const Ray: import('styled-components').IStyledComponent<"web", {
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;
@@ -2018,7 +2018,7 @@ export declare const Arrow: import('styled-components').IStyledComponent<"web",
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;
@@ -2500,7 +2500,7 @@ export declare const PrismOutline: import('styled-components').IStyledComponent<
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;
@@ -2982,7 +2982,7 @@ export declare const Filter: import('styled-components').IStyledComponent<"web",
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "middle" | "baseline" | "before-edge" | "text-before-edge" | "central" | "after-edge" | "text-after-edge" | undefined;
+    alignmentBaseline?: "inherit" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
     allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;

package/dist/widgets/IsochronePlot/A11Y/CurveFit.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),C=require("../../../lib/utils.cjs"),F=require("react"),b=require("react-i18next"),d=({isochrone:r,points:h,offset:m,xScale:o,yScale:s,width:c,height:i,value:p})=>{const{t:g,i18n:{language:v}}=b.useTranslation(),f=C.buildPath(r,[0,m]),P=F.useMemo(()=>{const u=h.filter(({y:e})=>e<16),n=document.createElement("canvas");n.width=c,n.height=i;const t=n.getContext("2d");if(t){t.clearRect(0,0,c,i);const e=new Path2D(f);return t.lineWidth=15,t.stroke(e),u.filter(a=>{const x=o(a.x),I=s(a.y);return t.isPointInStroke(e,x,I)}).length/u.length}return 0},[r,o,s]);return l.jsx(l.Fragment,{children:g("isochrone_plot.output_screenreader",{...p,percent:Intl.NumberFormat(v,{style:"percent"}).format(P)})})};d.displayName="IsochronePlot.A11Y.CurveFit";const k=d;exports.default=k;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),b=require("../../../lib/utils.cjs"),k=require("react"),q=require("react-i18next"),d=({isochrone:r,points:h,offset:m,xScale:o,yScale:s,width:c,height:i,value:p})=>{const{t:g,i18n:{language:f}}=q.useTranslation(),v=b.buildPath(r,[0,m]),P=k.useMemo(()=>{const u=h.filter(({y:e})=>e<16),n=document.createElement("canvas");n.width=c,n.height=i;const t=n.getContext("2d");if(t){t.clearRect(0,0,c,i);const e=new Path2D(v);return t.lineWidth=15,t.stroke(e),u.filter(a=>{const x=o(a.x),I=s(a.y);return t.isPointInStroke(e,x,I)}).length/u.length}return 0},[r,o,s]);return l.jsx(l.Fragment,{children:g("isochrone_plot.output_screenreader",{...p,percent:Intl.NumberFormat(f,{style:"percent"}).format(P)})})};d.displayName="IsochronePlot.A11Y.CurveFit";exports.default=d;

package/dist/widgets/IsochronePlot/A11Y/CurveFit.js

@@ -1,44 +1,43 @@
 "use client";
-import { jsx as C, Fragment as F } from "react/jsx-runtime";
-import { buildPath as I } from "../../../lib/utils.js";
-import { useMemo as k } from "react";
-import { useTranslation as y } from "react-i18next";
-const l = ({
+import { jsx as x, Fragment as I } from "react/jsx-runtime";
+import { buildPath as k } from "../../../lib/utils.js";
+import { useMemo as C } from "react";
+import { useTranslation as F } from "react-i18next";
+const y = ({
   isochrone: o,
-  points: m,
-  offset: p,
+  points: u,
+  offset: m,
   xScale: r,
   yScale: s,
   width: i,
   height: c,
-  value: f
+  value: p
 }) => {
   const {
-    t: h,
-    i18n: { language: d }
-  } = y(), g = I(o, [0, p]), v = k(() => {
-    const a = m.filter(({ y: e }) => e < 16), n = document.createElement("canvas");
+    t: f,
+    i18n: { language: h }
+  } = F(), d = k(o, [0, m]), g = C(() => {
+    const a = u.filter(({ y: e }) => e < 16), n = document.createElement("canvas");
     n.width = i, n.height = c;
     const t = n.getContext("2d");
     if (t) {
       t.clearRect(0, 0, i, c);
-      const e = new Path2D(g);
-      return t.lineWidth = 15, t.stroke(e), a.filter((u) => {
-        const P = r(u.x), x = s(u.y);
-        return t.isPointInStroke(e, P, x);
+      const e = new Path2D(d);
+      return t.lineWidth = 15, t.stroke(e), a.filter((l) => {
+        const P = r(l.x), v = s(l.y);
+        return t.isPointInStroke(e, P, v);
       }).length / a.length;
     }
     return 0;
   }, [o, r, s]);
-  return /* @__PURE__ */ C(F, { children: h("isochrone_plot.output_screenreader", {
-    ...f,
-    percent: Intl.NumberFormat(d, { style: "percent" }).format(
-      v
+  return /* @__PURE__ */ x(I, { children: f("isochrone_plot.output_screenreader", {
+    ...p,
+    percent: Intl.NumberFormat(h, { style: "percent" }).format(
+      g
     )
   }) });
 };
-l.displayName = "IsochronePlot.A11Y.CurveFit";
-const A = l;
+y.displayName = "IsochronePlot.A11Y.CurveFit";
 export {
-  A as default
+  y as default
 };

package/dist/widgets/IsochronePlot/Controls/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),_=require("@rubin-epo/epo-react-lib/HorizontalSlider"),p=require("../../../atomic/ControlLabel/index.cjs"),x=require("react-i18next"),f=t=>t&&t.__esModule?t:{default:t},h=f(_),u=({value:t,onChangeCallback:n,configs:s,localizers:i,isDisabled:c=!1})=>{const{t:a}=x.useTranslation(),d=(e,l)=>{n&&n({...t,[e]:l})},b={isDisabled:c,color:"var(--turquoise85, #12726D)"};return o.jsx(o.Fragment,{children:Object.keys(s).map(e=>o.jsx(p.default,{label:a(`isochrone_plot.controls.${e}.label`),input:l=>o.jsx(h.default,{labelledbyId:l,value:t[e],ariaValuetext:a(`isochrone_plot.controls.${e}.textValue`,{value:t[e]})||void 0,renderLabel:({valueNow:r})=>i[e](r),onChangeCallback:r=>d(e,r),...b,...s[e]}),labelBy:!0},e))})};u.displayName="Widgets.IsochronePlot.Controls";const j=u;exports.default=j;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),_=require("@rubin-epo/epo-react-lib/HorizontalSlider"),p=require("../../../atomic/ControlLabel/index.cjs"),x=require("react-i18next"),f=t=>t&&t.__esModule?t:{default:t},h=f(_),u=({value:t,onChangeCallback:n,configs:s,localizers:i,isDisabled:c=!1})=>{const{t:a}=x.useTranslation(),d=(e,l)=>{n&&n({...t,[e]:l})},b={isDisabled:c,color:"var(--turquoise85, #12726D)"};return o.jsx(o.Fragment,{children:Object.keys(s).map(e=>o.jsx(p.default,{label:a(`isochrone_plot.controls.${e}.label`),input:l=>o.jsx(h.default,{labelledbyId:l,value:t[e],ariaValuetext:a(`isochrone_plot.controls.${e}.textValue`,{value:t[e]})||void 0,renderLabel:({valueNow:r})=>i[e](r),onChangeCallback:r=>d(e,r),...b,...s[e]}),labelBy:!0},e))})};u.displayName="Widgets.IsochronePlot.Controls";exports.default=u;

package/dist/widgets/IsochronePlot/Controls/index.js

@@ -1,37 +1,37 @@
 "use client";
-import { jsx as e, Fragment as u } from "react/jsx-runtime";
-import b from "@rubin-epo/epo-react-lib/HorizontalSlider";
-import h from "../../../atomic/ControlLabel/index.js";
-import { useTranslation as f } from "react-i18next";
-const i = ({
+import { jsx as e, Fragment as p } from "react/jsx-runtime";
+import u from "@rubin-epo/epo-react-lib/HorizontalSlider";
+import b from "../../../atomic/ControlLabel/index.js";
+import { useTranslation as h } from "react-i18next";
+const f = ({
   value: r,
-  onChangeCallback: n,
-  configs: a,
-  localizers: c,
-  isDisabled: d = !1
+  onChangeCallback: a,
+  configs: n,
+  localizers: i,
+  isDisabled: c = !1
 }) => {
-  const { t: s } = f(), m = (o, t) => {
-    n && n({ ...r, [o]: t });
-  }, p = {
-    isDisabled: d,
+  const { t: s } = h(), d = (o, t) => {
+    a && a({ ...r, [o]: t });
+  }, m = {
+    isDisabled: c,
     color: "var(--turquoise85, #12726D)"
   };
-  return /* @__PURE__ */ e(u, { children: Object.keys(a).map((o) => /* @__PURE__ */ e(
-    h,
+  return /* @__PURE__ */ e(p, { children: Object.keys(n).map((o) => /* @__PURE__ */ e(
+    b,
     {
       label: s(`isochrone_plot.controls.${o}.label`),
       input: (t) => /* @__PURE__ */ e(
-        b,
+        u,
         {
           labelledbyId: t,
           value: r[o],
           ariaValuetext: s(`isochrone_plot.controls.${o}.textValue`, {
             value: r[o]
           }) || void 0,
-          renderLabel: ({ valueNow: l }) => c[o](l),
-          onChangeCallback: (l) => m(o, l),
-          ...p,
-          ...a[o]
+          renderLabel: ({ valueNow: l }) => i[o](l),
+          onChangeCallback: (l) => d(o, l),
+          ...m,
+          ...n[o]
         }
       ),
       labelBy: !0
@@ -39,8 +39,7 @@ const i = ({
     o
   )) });
 };
-i.displayName = "Widgets.IsochronePlot.Controls";
-const j = i;
+f.displayName = "Widgets.IsochronePlot.Controls";
 export {
-  j as default
+  f as default
 };

package/dist/widgets/IsochronePlot/defaults.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={width:600,height:600,xAxis:{step:1,min:-1,max:3},yAxis:{step:2,min:22,max:8},pointRadius:{sm:4,md:6,lg:6}},t=e;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={width:600,height:600,xAxis:{step:1,min:-1,max:3},yAxis:{step:2,min:22,max:8},pointRadius:{sm:4,md:6,lg:6}};exports.default=e;

package/dist/widgets/IsochronePlot/defaults.js

@@ -8,7 +8,7 @@ const s = {
     md: 6,
     lg: 6
   }
-}, t = s;
+};
 export {
-  t as default
+  s as default
 };

package/dist/widgets/LightCurvePlot/Plot/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),D=require("react-i18next"),_=require("d3-array"),M=require("../../../charts/ScatterPlot/index.cjs");require("../../../atomic/PlotWrapper/index.cjs");const m=require("../../../lib/utils.cjs"),c=require("../defaults.cjs"),x=require("./styles.cjs"),I=require("../../../atomic/PlotWrapper/styles.cjs"),O=(l,u,p)=>{const o={};return Object.keys(l).forEach(e=>{const n=e==="top"||e==="bottom"?p:u,a=`${e.charAt(0).toUpperCase()}${e.slice(1)}`;o[`padding${a}`]=`${l[e]/n*100}%`}),o},y=({data:l,activeAlertId:u,xMin:p,xMax:o,yMin:d,yMax:e,width:n=c.default.width,height:a=c.default.height,name:q,slider:g,className:A,plotChildren:h})=>{const{t:i,i18n:{language:j}}=D.useTranslation(),v=m.mergeWithDefaults({min:_.min(l,({x:t})=>t),max:_.max(l,({x:t})=>t)},c.default.xAxis),W=m.mergeWithDefaults({min:p,max:o,label:i("light_curve.plot.x_label")},{...v,label:i("isochrone_plot.plot.x_label")}),s=m.mergeWithDefaults({min:d,max:e,label:i("light_curve.plot.y_label")},{...c.default.yAxis,label:i("isochrone_plot.plot.y_label")}),b={top:10,right:10,bottom:25,left:40};return r.jsxs(I.PlotWrapper,{className:A,children:[r.jsx(M.default,{width:n,height:a,margins:b,activePointId:u,title:q,xAxis:{...W},yAxis:{...s,step:s.min<s.max?Math.abs(s.step):s.step},data:{label:i("light_curve.plot.plot_label"),points:l},tooltip:({y:t})=>r.jsx(x.TooltipWrapper,{children:i("light_curve.plot.tooltip",{magnitude:t.toLocaleString(j,{minimumFractionDigits:2,maximumFractionDigits:2})})}),plotChildren:({xScale:t,yStart:P,yEnd:$,Data:f,...S})=>h?h({xScale:t,yStart:P,yEnd:$,Data:f,...S}):f}),g&&r.jsx(x.SliderOuterWrapper,{children:r.jsx(x.SliderInnerWrapper,{style:{...O(b,n,a)},children:g})})]})};y.displayName="Widgets.LightCurve.Plot";const T=y;exports.default=T;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),D=require("react-i18next"),_=require("d3-array"),M=require("../../../charts/ScatterPlot/index.cjs");require("../../../atomic/PlotWrapper/index.cjs");const m=require("../../../lib/utils.cjs"),u=require("../defaults.cjs"),x=require("./styles.cjs"),I=require("../../../atomic/PlotWrapper/styles.cjs"),O=(l,c,p)=>{const o={};return Object.keys(l).forEach(e=>{const n=e==="top"||e==="bottom"?p:c,a=`${e.charAt(0).toUpperCase()}${e.slice(1)}`;o[`padding${a}`]=`${l[e]/n*100}%`}),o},y=({data:l,activeAlertId:c,xMin:p,xMax:o,yMin:d,yMax:e,width:n=u.default.width,height:a=u.default.height,name:q,slider:g,className:A,plotChildren:h})=>{const{t:i,i18n:{language:j}}=D.useTranslation(),v=m.mergeWithDefaults({min:_.min(l,({x:t})=>t),max:_.max(l,({x:t})=>t)},u.default.xAxis),W=m.mergeWithDefaults({min:p,max:o,label:i("light_curve.plot.x_label")},{...v,label:i("isochrone_plot.plot.x_label")}),s=m.mergeWithDefaults({min:d,max:e,label:i("light_curve.plot.y_label")},{...u.default.yAxis,label:i("isochrone_plot.plot.y_label")}),b={top:10,right:10,bottom:25,left:40};return r.jsxs(I.PlotWrapper,{className:A,children:[r.jsx(M.default,{width:n,height:a,margins:b,activePointId:c,title:q,xAxis:{...W},yAxis:{...s,step:s.min<s.max?Math.abs(s.step):s.step},data:{label:i("light_curve.plot.plot_label"),points:l},tooltip:({y:t})=>r.jsx(x.TooltipWrapper,{children:i("light_curve.plot.tooltip",{magnitude:t.toLocaleString(j,{minimumFractionDigits:2,maximumFractionDigits:2})})}),plotChildren:({xScale:t,yStart:P,yEnd:S,Data:f,...$})=>h?h({xScale:t,yStart:P,yEnd:S,Data:f,...$}):f}),g&&r.jsx(x.SliderOuterWrapper,{children:r.jsx(x.SliderInnerWrapper,{style:{...O(b,n,a)},children:g})})]})};y.displayName="Widgets.LightCurve.Plot";exports.default=y;

package/dist/widgets/LightCurvePlot/Plot/index.js

@@ -1,20 +1,20 @@
 "use client";
-import { jsxs as j, jsx as n } from "react/jsx-runtime";
-import { useTranslation as C } from "react-i18next";
-import { min as D, max as F } from "d3-array";
-import I from "../../../charts/ScatterPlot/index.js";
+import { jsxs as $, jsx as n } from "react/jsx-runtime";
+import { useTranslation as j } from "react-i18next";
+import { min as C, max as D } from "d3-array";
+import F from "../../../charts/ScatterPlot/index.js";
 import "../../../atomic/PlotWrapper/index.js";
 import { mergeWithDefaults as x } from "../../../lib/utils.js";
 import p from "../defaults.js";
-import { TooltipWrapper as L, SliderOuterWrapper as M, SliderInnerWrapper as N } from "./styles.js";
-import { PlotWrapper as O } from "../../../atomic/PlotWrapper/styles.js";
-const T = (i, m, c) => {
+import { TooltipWrapper as I, SliderOuterWrapper as L, SliderInnerWrapper as M } from "./styles.js";
+import { PlotWrapper as N } from "../../../atomic/PlotWrapper/styles.js";
+const O = (i, m, c) => {
   const r = {};
   return Object.keys(i).forEach((t) => {
     const s = t === "top" || t === "bottom" ? c : m, a = `${t.charAt(0).toUpperCase()}${t.slice(1)}`;
     r[`padding${a}`] = `${i[t] / s * 100}%`;
   }), r;
-}, f = ({
+}, T = ({
   data: i,
   activeAlertId: m,
   xMin: c,
@@ -23,24 +23,24 @@ const T = (i, m, c) => {
   yMax: t,
   width: s = p.width,
   height: a = p.height,
-  name: _,
+  name: f,
   slider: g,
-  className: y,
+  className: _,
   plotChildren: h
 }) => {
   const {
     t: e,
-    i18n: { language: A }
-  } = C(), v = x(
+    i18n: { language: y }
+  } = j(), A = x(
     {
-      min: D(i, ({ x: o }) => o),
-      max: F(i, ({ x: o }) => o)
+      min: C(i, ({ x: o }) => o),
+      max: D(i, ({ x: o }) => o)
     },
     p.xAxis
-  ), P = x(
+  ), v = x(
     { min: c, max: r, label: e("light_curve.plot.x_label") },
     {
-      ...v,
+      ...A,
       label: e("isochrone_plot.plot.x_label")
     }
   ), l = x(
@@ -55,17 +55,17 @@ const T = (i, m, c) => {
     bottom: 25,
     left: 40
   };
-  return /* @__PURE__ */ j(O, { className: y, children: [
+  return /* @__PURE__ */ $(N, { className: _, children: [
     /* @__PURE__ */ n(
-      I,
+      F,
       {
         width: s,
         height: a,
         margins: d,
         activePointId: m,
-        title: _,
+        title: f,
         xAxis: {
-          ...P
+          ...v
         },
         yAxis: {
           ...l,
@@ -75,26 +75,25 @@ const T = (i, m, c) => {
           label: e("light_curve.plot.plot_label"),
           points: i
         },
-        tooltip: ({ y: o }) => /* @__PURE__ */ n(L, { children: e("light_curve.plot.tooltip", {
-          magnitude: o.toLocaleString(A, {
+        tooltip: ({ y: o }) => /* @__PURE__ */ n(I, { children: e("light_curve.plot.tooltip", {
+          magnitude: o.toLocaleString(y, {
             minimumFractionDigits: 2,
             maximumFractionDigits: 2
           })
         }) }),
-        plotChildren: ({ xScale: o, yStart: W, yEnd: $, Data: b, ...S }) => h ? h({ xScale: o, yStart: W, yEnd: $, Data: b, ...S }) : b
+        plotChildren: ({ xScale: o, yStart: W, yEnd: P, Data: b, ...S }) => h ? h({ xScale: o, yStart: W, yEnd: P, Data: b, ...S }) : b
       }
     ),
-    g && /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n(
-      N,
+    g && /* @__PURE__ */ n(L, { children: /* @__PURE__ */ n(
+      M,
       {
-        style: { ...T(d, s, a) },
+        style: { ...O(d, s, a) },
         children: g
       }
     ) })
   ] });
 };
-f.displayName = "Widgets.LightCurve.Plot";
-const H = f;
+T.displayName = "Widgets.LightCurve.Plot";
 export {
-  H as default
+  T as default
 };

package/dist/widgets/LightCurvePlot/PlotWithCurve/A11Y/LightCurveLabel/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),d=require("react-i18next"),b=require("lodash/minBy"),v=require("../../../helpers.cjs"),L=require("../../../../../lib/utils.cjs"),f=require("./styles.cjs"),h=e=>e&&e.__esModule?e:{default:e},_=h(b),u=({data:e,gaussianWidth:n,yOffset:s,controlledById:l,estimatedPeak:o})=>{const{t:c,i18n:{language:r}}=d.useTranslation(),a=e.filter(({x:t})=>L.between(t,0,15)).reduce((t,m)=>t+v.calculateResidual(m,n,s),0)/e.length,{y:i}=_.default(e,({y:t})=>t)||{};return g.jsx(f.HiddenOutput,{form:l,children:c("light_curve.curve.description",{residual:a.toLocaleString(r,{minimumFractionDigits:2,maximumFractionDigits:2}),brightest:i==null?void 0:i.toLocaleString(r,{minimumFractionDigits:1,maximumFractionDigits:1}),context:o<Number(i)?"above":"below"})})};u.displayName="Widgets.LightCurvel.A11Y.LightCurveLabel";const p=u;exports.default=p;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),g=require("react-i18next"),b=require("lodash/minBy"),f=require("../../../helpers.cjs"),v=require("../../../../../lib/utils.cjs"),_=require("./styles.cjs"),h=e=>e&&e.__esModule?e:{default:e},L=h(b),u=({data:e,gaussianWidth:n,yOffset:s,controlledById:l,estimatedPeak:o})=>{const{t:c,i18n:{language:r}}=g.useTranslation(),a=e.filter(({x:t})=>v.between(t,0,15)).reduce((t,m)=>t+f.calculateResidual(m,n,s),0)/e.length,{y:i}=L.default(e,({y:t})=>t)||{};return d.jsx(_.HiddenOutput,{form:l,children:c("light_curve.curve.description",{residual:a.toLocaleString(r,{minimumFractionDigits:2,maximumFractionDigits:2}),brightest:i==null?void 0:i.toLocaleString(r,{minimumFractionDigits:1,maximumFractionDigits:1}),context:o<Number(i)?"above":"below"})})};u.displayName="Widgets.LightCurvel.A11Y.LightCurveLabel";exports.default=u;