@rubin-epo/epo-widget-lib 0.4.2 → 0.5.1-alpha.0

package/dist/CameraFilter.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),v=require("react"),q=require("@rubin-epo/epo-react-lib/SelectListbox"),C=require("@rubin-epo/epo-react-lib/styles"),S=require("react-i18next"),R=require("use-resize-observer"),s=require("./widgets/CameraFilter/data.cjs"),r=require("./widgets/CameraFilter/styles.cjs"),y=require("./widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.cjs"),L=require("./widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.cjs"),x=l=>l&&l.__esModule?l:{default:l},M=x(q),O=x(R),h=()=>{const{t:l}=S.useTranslation(),{ref:j,width:m=1}=O.default(),[c,p]=v.useState(null),{BREAK_TABLET:g}=C.tokens,i=m<parseInt(g),{[i?"condensed":"default"]:{min:a,max:_,range:n}}=s.rangeConfig,o=s.filters[0].range[0],d=s.filters[s.filters.length-1].range[1]-o,u=s.filters.filter(({band:e})=>e),F=[{value:"none",label:l("camera_filter.labels.option",{context:"none"})}].concat(u.map(({band:e})=>({value:e,label:l("camera_filter.labels.option",{band:e})}))),b=s.filters.find(({band:e})=>e===c);return t.jsxs(r.FilterContainer,{ref:j,children:[t.jsx("h1",{children:l("camera_filter.title")}),i&&t.jsx(y.default,{filters:u,min:a,spectrumRange:n}),t.jsxs(r.FilterTable,{"aria-hidden":i,range:d/n*100,offset:(o-a)/n*100,"data-testid":"expanded-filters",children:[t.jsx("colgroup",{children:s.filters.map(({range:e})=>t.jsx("col",{style:{width:`${(e[1]-e[0])/d*100}%`}},e.join("")))}),t.jsx(r.FilterNames,{children:t.jsx("tr",{children:s.filters.map(({band:e})=>t.jsx(r.FilterName,{id:`${e}-name`,band:e,scope:"col","aria-hidden":!e,$isCondensed:i,children:e},e))})}),!i&&t.jsx(r.FilterRanges,{children:t.jsx("tr",{children:s.filters.map(({band:e,range:f})=>t.jsx(r.FilterRange,{"aria-hidden":!e,children:e&&t.jsxs(t.Fragment,{children:[f.join("–"),t.jsx("br",{}),t.jsx(r.Wavelength,{children:"nm"})]})},f.join()))})})]}),t.jsx(L.default,{min:a,max:_,range:n,isCondensed:i,activeFilter:b}),t.jsxs(r.SelectContainer,{children:[t.jsx(r.SelectLabel,{id:"filterSelectLabel",children:l("camera_filter.labels.select")}),t.jsx(M.default,{options:F,value:c,onChangeCallback:e=>p(e),width:"100%",maxWidth:"100%",labelledById:"filterSelectLabel"})]})]})};h.displayName="Widgets.CameraFilter";exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),v=require("react"),q=require("@rubin-epo/epo-react-lib/SelectListbox"),C=require("@rubin-epo/epo-react-lib/styles"),S=require("react-i18next"),R=require("use-resize-observer"),s=require("./widgets/CameraFilter/data.cjs"),r=require("./widgets/CameraFilter/styles.cjs"),y=require("./widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.cjs"),L=require("./widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.cjs"),x=l=>l&&l.__esModule?l:{default:l},M=x(q),O=x(R),h=()=>{const{t:l}=S.useTranslation(),{ref:j,width:m=1}=O.default(),[o,p]=v.useState(null),{BREAK_TABLET:g}=C.tokens,i=m<parseInt(g),{[i?"condensed":"default"]:{min:c,max:_,range:n}}=s.rangeConfig,d=s.filters[0].range[0],u=s.filters[s.filters.length-1].range[1]-d,f=s.filters.filter(({band:e})=>e),b=[{value:"none",label:l("camera_filter.labels.option",{context:"none"})}].concat(f.map(({band:e})=>({value:e,label:l("camera_filter.labels.option",{band:e})}))),F=s.filters.find(({band:e})=>e===o);return t.jsxs(r.FilterContainer,{ref:j,children:[t.jsx("h1",{children:l("camera_filter.title")}),i&&t.jsx(y.default,{filters:f,min:c,spectrumRange:n}),t.jsxs(r.FilterTable,{"aria-hidden":i,range:u/n*100,offset:(d-c)/n*100,"data-testid":"expanded-filters",children:[t.jsx("colgroup",{children:s.filters.map(({range:e})=>t.jsx("col",{style:{width:`${(e[1]-e[0])/u*100}%`}},e.join("")))}),t.jsx(r.FilterNames,{children:t.jsx("tr",{children:s.filters.map(({band:e},a)=>t.jsx(r.FilterName,{id:`${e}-name`,band:e,scope:"col","aria-hidden":!e,$isCondensed:i,children:e},a))})}),!i&&t.jsx(r.FilterRanges,{children:t.jsx("tr",{children:s.filters.map(({band:e,range:a})=>t.jsx(r.FilterRange,{"aria-hidden":!e,children:e&&t.jsxs(t.Fragment,{children:[a.join("–"),t.jsx("br",{}),t.jsx(r.Wavelength,{children:"nm"})]})},a.join()))})})]}),t.jsx(L.default,{min:c,max:_,range:n,isCondensed:i,activeFilter:F}),t.jsxs(r.SelectContainer,{children:[t.jsx(r.SelectLabel,{id:"filterSelectLabel",children:l("camera_filter.labels.select")}),t.jsx(M.default,{options:b,value:o,onChangeCallback:e=>p(e),width:"100%",maxWidth:"100%",labelledById:"filterSelectLabel"})]})]})};h.displayName="Widgets.CameraFilter";exports.default=h;

package/dist/CameraFilter.js

@@ -1,4 +1,4 @@
-import { jsxs as a, jsx as t, Fragment as b } from "react/jsx-runtime";
+import { jsxs as o, jsx as t, Fragment as b } from "react/jsx-runtime";
 import { useState as v } from "react";
 import R from "@rubin-epo/epo-react-lib/SelectListbox";
 import { tokens as S } from "@rubin-epo/epo-react-lib/styles";
@@ -9,45 +9,45 @@ import { FilterContainer as L, FilterTable as _, FilterNames as O, FilterName as
 import $ from "./widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.js";
 import k from "./widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.js";
 const E = () => {
-  const { t: l } = j(), { ref: p, width: h = 1 } = y(), [s, g] = v(null), { BREAK_TABLET: u } = S, r = h < parseInt(u), {
-    [r ? "condensed" : "default"]: { min: o, max: F, range: n }
-  } = B, c = i[0].range[0], d = i[i.length - 1].range[1] - c, m = i.filter(({ band: e }) => e), x = [{
+  const { t: n } = j(), { ref: p, width: h = 1 } = y(), [c, g] = v(null), { BREAK_TABLET: u } = S, r = h < parseInt(u), {
+    [r ? "condensed" : "default"]: { min: s, max: F, range: l }
+  } = B, d = i[0].range[0], m = i[i.length - 1].range[1] - d, f = i.filter(({ band: e }) => e), x = [{
     value: "none",
-    label: l("camera_filter.labels.option", { context: "none" })
+    label: n("camera_filter.labels.option", { context: "none" })
   }].concat(
-    m.map(({ band: e }) => ({
+    f.map(({ band: e }) => ({
       value: e,
-      label: l("camera_filter.labels.option", { band: e })
+      label: n("camera_filter.labels.option", { band: e })
     }))
-  ), C = i.find(({ band: e }) => e === s);
-  return /* @__PURE__ */ a(L, { ref: p, children: [
-    /* @__PURE__ */ t("h1", { children: l("camera_filter.title") }),
+  ), C = i.find(({ band: e }) => e === c);
+  return /* @__PURE__ */ o(L, { ref: p, children: [
+    /* @__PURE__ */ t("h1", { children: n("camera_filter.title") }),
     r && /* @__PURE__ */ t(
       $,
       {
-        filters: m,
-        min: o,
-        spectrumRange: n
+        filters: f,
+        min: s,
+        spectrumRange: l
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ o(
       _,
       {
         "aria-hidden": r,
-        range: d / n * 100,
-        offset: (c - o) / n * 100,
+        range: m / l * 100,
+        offset: (d - s) / l * 100,
         "data-testid": "expanded-filters",
         children: [
           /* @__PURE__ */ t("colgroup", { children: i.map(({ range: e }) => /* @__PURE__ */ t(
             "col",
             {
               style: {
-                width: `${(e[1] - e[0]) / d * 100}%`
+                width: `${(e[1] - e[0]) / m * 100}%`
               }
             },
             e.join("")
           )) }),
-          /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t("tr", { children: i.map(({ band: e }) => /* @__PURE__ */ t(
+          /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t("tr", { children: i.map(({ band: e }, a) => /* @__PURE__ */ t(
             T,
             {
               id: `${e}-name`,
@@ -57,33 +57,33 @@ const E = () => {
               $isCondensed: r,
               children: e
             },
-            e
+            a
           )) }) }),
-          !r && /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t("tr", { children: i.map(({ band: e, range: f }) => /* @__PURE__ */ t(A, { "aria-hidden": !e, children: e && /* @__PURE__ */ a(b, { children: [
-            f.join("–"),
+          !r && /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t("tr", { children: i.map(({ band: e, range: a }) => /* @__PURE__ */ t(A, { "aria-hidden": !e, children: e && /* @__PURE__ */ o(b, { children: [
+            a.join("–"),
             /* @__PURE__ */ t("br", {}),
             /* @__PURE__ */ t(M, { children: "nm" })
-          ] }) }, f.join())) }) })
+          ] }) }, a.join())) }) })
         ]
       }
     ),
     /* @__PURE__ */ t(
       k,
       {
-        min: o,
+        min: s,
         max: F,
-        range: n,
+        range: l,
         isCondensed: r,
         activeFilter: C
       }
     ),
-    /* @__PURE__ */ a(N, { children: [
-      /* @__PURE__ */ t(W, { id: "filterSelectLabel", children: l("camera_filter.labels.select") }),
+    /* @__PURE__ */ o(N, { children: [
+      /* @__PURE__ */ t(W, { id: "filterSelectLabel", children: n("camera_filter.labels.select") }),
       /* @__PURE__ */ t(
         R,
         {
           options: x,
-          value: s,
+          value: c,
           onChangeCallback: (e) => g(e),
           width: "100%",
           maxWidth: "100%",

package/dist/ColorTool.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react"),N=require("use-resize-observer"),M=require("react-i18next"),c=require("./widgets/ColorTool/utilities.cjs"),t=require("./widgets/ColorTool/styles.cjs"),H=require("@rubin-epo/epo-react-lib"),W=require("./widgets/ColorTool/FilterControls/FilterControls.cjs"),$=require("./widgets/ColorTool/ImageComposite/ImageComposite.cjs"),z=l=>l&&l.__esModule?l:{default:l},O=z(N),m=({data:l,objectOptions:T=[],selectedData:p,colorOptions:L=[],selectionCallback:j,isDisabled:b=!1,isDisplayOnly:i=!1,hideImage:_=!1,hideSubtitle:q=!1})=>{const{ref:S,width:y=1}=O.default(),[s,h]=g.useState(c.prepareData(p));g.useEffect(()=>{j&&j(s)},[s]);const F=r=>{const{label:n}=r,{filters:f}=s,I=f.map(C=>C.label===n?r:C);return h({...s,filters:I})},R=r=>{const{value:n}=r.target;return h({name:n,filters:c.getDataFiltersByName(l,n)})},v=()=>h({...s,filters:c.resetFilters(s.filters)}),d=l.length>1,{t:o}=M.useTranslation(),B=o("colorTool.actions.select_an_object"),{filters:u,name:a,caption:x}=s,D=c.getCategoryName(l,a);return e.jsxs(t.WidgetContainer,{ref:S,$isCondensed:y<1e3,$hideControls:i,children:[a&&(i||d)&&e.jsxs(t.Subtitle,{children:[d&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{children:o("colorTool.labels.object_type")}),e.jsx("dd",{children:D})]}),!q&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{children:o("colorTool.labels.object",{context:d?"selected":!1})}),e.jsx("dd",{children:a})]})]}),!i&&e.jsxs(t.ControlsContainer,{children:[d&&e.jsx(t.SelectionContainer,{children:e.jsx(H.Select,{id:"astroObjectSelector",placeholder:B,options:T,onChange:R,value:a,disabled:b})}),u&&e.jsxs(e.Fragment,{children:[e.jsx(t.ToolsHeader,{id:"filterLabel",children:o("colorTool.labels.filter")}),e.jsx(t.ToolsHeader,{id:"colorLabel",children:o("colorTool.labels.color")}),e.jsx(t.ToolsHeader,{id:"intensityLabel",children:o("colorTool.labels.color_intensity")})]}),u&&u.map(r=>{const{label:n,isDisabled:f}=r;return e.jsx(W.default,{filter:r,isDisabled:b||f,colorOptions:L,onChangeFilterCallback:F,buttonLabelledById:"filterLabel",selectLabelledById:"colorLabel",sliderLabelledById:"intensityLabel"},`filter-${n}`)})]}),!_&&e.jsx($.default,{filters:u}),a&&!i&&e.jsx(t.ResetButton,{disabled:b||!c.isResetButtonActive(s),onClick:v,icon:"RotateLeftWithCenter",children:o("colorTool.actions.reset")}),x&&e.jsx(t.Caption,{children:x})]})};m.displayName="Widgets.ColorTool";exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),v=require("react-i18next"),h=require("./widgets/ColorTool/utilities.cjs"),t=require("./widgets/ColorTool/styles.cjs"),B=require("@rubin-epo/epo-react-lib/Select"),I=require("./widgets/ColorTool/FilterControls/FilterControls.cjs"),N=require("./widgets/ColorTool/ImageComposite/ImageComposite.cjs"),R=l=>l&&l.__esModule?l:{default:l},M=R(B),g=({data:l,objectOptions:m=[],selectedData:s,colorOptions:T=[],selectionCallback:n,isDisabled:j=!1,isDisplayOnly:a=!1,hideImage:C=!1,hideSubtitle:L=!1})=>{const _=r=>{const{label:i}=r,{filters:b}=s,q=b.map(x=>x.label===i?r:x);return n&&n({...s,filters:q})},y=r=>{const{value:i}=r.target;return n&&n({name:i,filters:h.getDataFiltersByName(l,i)})},p=()=>n&&n({...s,filters:h.resetFilters(s.filters)}),d=l.length>1,{t:o}=v.useTranslation(),F=o("colorTool.actions.select_an_object"),{filters:u,name:c,caption:f}=s,S=h.getCategoryName(l,c);return e.jsx(t.WidgetContainer,{children:e.jsxs(t.WidgetLayout,{style:{"--controls-row":a?"'image image'":void 0},children:[c&&(a||d)&&e.jsxs(t.Subtitle,{children:[d&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{children:o("colorTool.labels.object_type")}),e.jsx("dd",{children:S})]}),!L&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{children:o("colorTool.labels.object",{context:d?"selected":!1})}),e.jsx("dd",{children:c})]})]}),!a&&e.jsxs(t.ControlsContainer,{children:[d&&e.jsx(t.SelectionContainer,{children:e.jsx(M.default,{id:"astroObjectSelector",placeholder:F,options:m,onChange:y,value:c,disabled:j})}),u&&e.jsxs(e.Fragment,{children:[e.jsx(t.ToolsHeader,{id:"filterLabel",children:o("colorTool.labels.filter")}),e.jsx(t.ToolsHeader,{id:"colorLabel",children:o("colorTool.labels.color")}),e.jsx(t.ToolsHeader,{id:"intensityLabel",children:o("colorTool.labels.color_intensity")})]}),u&&u.map(r=>{const{label:i,isDisabled:b}=r;return e.jsx(I.default,{filter:r,isDisabled:j||b,colorOptions:T,onChangeFilterCallback:_,buttonLabelledById:"filterLabel",selectLabelledById:"colorLabel",sliderLabelledById:"intensityLabel"},`filter-${i}`)})]}),!C&&e.jsx(N.default,{filters:u}),c&&!a&&e.jsx(t.ResetButton,{disabled:j||!h.isResetButtonActive(s),onClick:p,icon:"RotateLeftWithCenter",children:o("colorTool.actions.reset")}),f&&e.jsx(t.Caption,{children:f})]})})};g.displayName="Widgets.ColorTool";exports.default=g;

package/dist/ColorTool.js

@@ -1,116 +1,108 @@
-import { jsxs as s, Fragment as b, jsx as e } from "react/jsx-runtime";
-import { useState as _, useEffect as W } from "react";
-import $ from "use-resize-observer";
-import { useTranslation as k } from "react-i18next";
-import { prepareData as w, getCategoryName as z, isResetButtonActive as A, getDataFiltersByName as E, resetFilters as H } from "./widgets/ColorTool/utilities.js";
-import { WidgetContainer as M, Subtitle as P, ControlsContainer as q, SelectionContainer as G, ToolsHeader as p, ResetButton as J, Caption as K } from "./widgets/ColorTool/styles.js";
-import { Select as O } from "@rubin-epo/epo-react-lib";
-import Q from "./widgets/ColorTool/FilterControls/FilterControls.js";
-import U from "./widgets/ColorTool/ImageComposite/ImageComposite.js";
-const V = ({
-  data: d,
-  objectOptions: T = [],
-  selectedData: L,
-  colorOptions: j = [],
-  selectionCallback: C,
-  isDisabled: f = !1,
-  isDisplayOnly: i = !1,
-  hideImage: S = !1,
+import { jsx as e, jsxs as i, Fragment as b } from "react/jsx-runtime";
+import { useTranslation as x } from "react-i18next";
+import { getCategoryName as I, isResetButtonActive as R, getDataFiltersByName as W, resetFilters as _ } from "./widgets/ColorTool/utilities.js";
+import { WidgetContainer as w, WidgetLayout as A, Subtitle as H, ControlsContainer as M, SelectionContainer as P, ToolsHeader as g, ResetButton as $, Caption as q } from "./widgets/ColorTool/styles.js";
+import z from "@rubin-epo/epo-react-lib/Select";
+import E from "./widgets/ColorTool/FilterControls/FilterControls.js";
+import G from "./widgets/ColorTool/ImageComposite/ImageComposite.js";
+const J = ({
+  data: h,
+  objectOptions: C = [],
+  selectedData: l,
+  colorOptions: L = [],
+  selectionCallback: r,
+  isDisabled: m = !1,
+  isDisplayOnly: c = !1,
+  hideImage: T = !1,
   hideSubtitle: y = !1
 }) => {
-  const { ref: B, width: F = 1 } = $(), [t, h] = _(
-    w(L)
-  );
-  W(() => {
-    C && C(t);
-  }, [t]);
-  const N = (l) => {
-    const { label: r } = l, { filters: m } = t, I = m.map(
-      (g) => g.label === r ? l : g
+  const j = (t) => {
+    const { label: n } = t, { filters: f } = l, v = f.map(
+      (u) => u.label === n ? t : u
     );
-    return h({
-      ...t,
-      filters: I
+    return r && r({
+      ...l,
+      filters: v
     });
-  }, R = (l) => {
-    const { value: r } = l.target;
-    return h({
-      name: r,
-      filters: E(d, r)
+  }, B = (t) => {
+    const { value: n } = t.target;
+    return r && r({
+      name: n,
+      filters: W(h, n)
     });
-  }, v = () => h({
-    ...t,
-    filters: H(t.filters)
-  }), a = d.length > 1, { t: o } = k(), x = o("colorTool.actions.select_an_object"), { filters: c, name: n, caption: u } = t, D = z(d, n);
-  return /* @__PURE__ */ s(
-    M,
+  }, F = () => r && r({
+    ...l,
+    filters: _(l.filters)
+  }), a = h.length > 1, { t: o } = x(), N = o("colorTool.actions.select_an_object"), { filters: d, name: s, caption: p } = l, S = I(h, s);
+  return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ i(
+    A,
     {
-      ref: B,
-      $isCondensed: F < 1e3,
-      $hideControls: i,
+      style: {
+        "--controls-row": c ? "'image image'" : void 0
+      },
       children: [
-        n && (i || a) && /* @__PURE__ */ s(P, { children: [
-          a && /* @__PURE__ */ s(b, { children: [
+        s && (c || a) && /* @__PURE__ */ i(H, { children: [
+          a && /* @__PURE__ */ i(b, { children: [
             /* @__PURE__ */ e("dt", { children: o("colorTool.labels.object_type") }),
-            /* @__PURE__ */ e("dd", { children: D })
+            /* @__PURE__ */ e("dd", { children: S })
           ] }),
-          !y && /* @__PURE__ */ s(b, { children: [
+          !y && /* @__PURE__ */ i(b, { children: [
             /* @__PURE__ */ e("dt", { children: o("colorTool.labels.object", {
               context: a ? "selected" : !1
             }) }),
-            /* @__PURE__ */ e("dd", { children: n })
+            /* @__PURE__ */ e("dd", { children: s })
           ] })
         ] }),
-        !i && /* @__PURE__ */ s(q, { children: [
-          a && /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
-            O,
+        !c && /* @__PURE__ */ i(M, { children: [
+          a && /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+            z,
             {
               id: "astroObjectSelector",
-              placeholder: x,
-              options: T,
-              onChange: R,
-              value: n,
-              disabled: f
+              placeholder: N,
+              options: C,
+              onChange: B,
+              value: s,
+              disabled: m
             }
           ) }),
-          c && /* @__PURE__ */ s(b, { children: [
-            /* @__PURE__ */ e(p, { id: "filterLabel", children: o("colorTool.labels.filter") }),
-            /* @__PURE__ */ e(p, { id: "colorLabel", children: o("colorTool.labels.color") }),
-            /* @__PURE__ */ e(p, { id: "intensityLabel", children: o("colorTool.labels.color_intensity") })
+          d && /* @__PURE__ */ i(b, { children: [
+            /* @__PURE__ */ e(g, { id: "filterLabel", children: o("colorTool.labels.filter") }),
+            /* @__PURE__ */ e(g, { id: "colorLabel", children: o("colorTool.labels.color") }),
+            /* @__PURE__ */ e(g, { id: "intensityLabel", children: o("colorTool.labels.color_intensity") })
           ] }),
-          c && c.map((l) => {
-            const { label: r, isDisabled: m } = l;
+          d && d.map((t) => {
+            const { label: n, isDisabled: f } = t;
             return /* @__PURE__ */ e(
-              Q,
+              E,
               {
-                filter: l,
-                isDisabled: f || m,
-                colorOptions: j,
-                onChangeFilterCallback: N,
+                filter: t,
+                isDisabled: m || f,
+                colorOptions: L,
+                onChangeFilterCallback: j,
                 buttonLabelledById: "filterLabel",
                 selectLabelledById: "colorLabel",
                 sliderLabelledById: "intensityLabel"
               },
-              `filter-${r}`
+              `filter-${n}`
             );
           })
         ] }),
-        !S && /* @__PURE__ */ e(U, { filters: c }),
-        n && !i && /* @__PURE__ */ e(
-          J,
+        !T && /* @__PURE__ */ e(G, { filters: d }),
+        s && !c && /* @__PURE__ */ e(
+          $,
           {
-            disabled: f || !A(t),
-            onClick: v,
+            disabled: m || !R(l),
+            onClick: F,
             icon: "RotateLeftWithCenter",
             children: o("colorTool.actions.reset")
           }
         ),
-        u && /* @__PURE__ */ e(K, { children: u })
+        p && /* @__PURE__ */ e(q, { children: p })
       ]
     }
-  );
+  ) });
 };
-V.displayName = "Widgets.ColorTool";
+J.displayName = "Widgets.ColorTool";
 export {
-  V as default
+  J as default
 };

package/dist/SourceSelector.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),a=require("react"),R=require("react-i18next"),T=require("@rubin-epo/epo-react-lib/IconComposer"),u=require("./widgets/SourceSelector/styles.cjs"),k=require("./widgets/SourceSelector/utilities.cjs"),W=require("./widgets/SourceSelector/Message/Message.cjs"),F=require("./widgets/SourceSelector/Points/Points.cjs"),G=e=>e&&e.__esModule?e:{default:e},N=G(T),C=({width:e=600,height:r=600,selectedSource:_=[],sources:f,alerts:n,images:b,selectionCallback:g,blinkConfig:q,color:y,isDisplayOnly:d=!1})=>{const[l,h]=a.useState(_),[v,A]=a.useState(!1),[I,x]=a.useState(),[B,S]=a.useState(!1),[M,L]=a.useState(null),{t:p}=R.useTranslation(),m="sourceSelectorWidget";a.useEffect(()=>{g&&g(l)},[l]);const j=(o,i,t)=>o.filter(c=>c.id===i&&c.type===t),V=o=>{if(v&&!d){const{target:i}=o,{id:t,type:c}=i.dataset;if(t&&c){if(!(j(l,t,c).length>0)){const D=j(f,t,c);h(P=>P.concat(D)),x(s.jsxs(s.Fragment,{children:[s.jsx(N.default,{icon:"checkmark"}),p("source_selector.messages.success")]})),S(!0)}}else x(p("source_selector.messages.failure")),S(!0)}},E=()=>{S(!1)},$=o=>{if(n&&n.length>1){const t=n[o].date-n[0].date;L({day:Math.round(t),hour:Math.round(24/t%24)||0})}};return s.jsxs(u.SourceSelectorContainer,{width:e,height:r,children:[!d&&s.jsx(W.default,{onMessageChangeCallback:E,isVisible:B,forIds:[m],children:I}),s.jsx(u.BackgroundBlinker,{images:b,blinkCallback:$,loadedCallback:()=>A(!0),...q}),M&&s.jsx(u.ElapsedDisplay,{...M}),s.jsx(u.SVG,{preserveAspectRatio:"xMidYMid meet",viewBox:`0 0 ${e} ${r}`,onClick:V,id:m,$isDisplayOnly:d,children:s.jsx(F.default,{xScale:k.getLinearScale([0,e],[0,e]),yScale:k.getLinearScale([0,r],[r,0]),color:y,sources:f,selectedSource:l})})]})};C.displayName="Widgets.SourceSelector";exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),o=require("react"),P=require("react-i18next"),R=require("@rubin-epo/epo-react-lib/IconComposer"),i=require("./widgets/SourceSelector/styles.cjs"),k=require("./widgets/SourceSelector/utilities.cjs"),T=require("./widgets/SourceSelector/Message/Message.cjs"),W=require("./widgets/SourceSelector/Points/Points.cjs"),F=e=>e&&e.__esModule?e:{default:e},G=F(R),C=({width:e=600,height:c=600,selectedSource:d=[],sources:f,alerts:r,images:_,selectionCallback:S,blinkConfig:b,color:h,isDisplayOnly:u=!1})=>{const[q,y]=o.useState(!1),[I,x]=o.useState(),[v,g]=o.useState(!1),[M,A]=o.useState(null),[B,L]=o.useState(0),{t:m}=P.useTranslation(),p="sourceSelectorWidget",j=(a,l,t)=>a.filter(n=>n.id===l&&n.type===t),V=a=>{if(q&&!u){const{target:l}=a,{id:t,type:n}=l.dataset;if(t&&n){if(!(j(d,t,n).length>0)){const E=j(f,t,n);S&&S(d.concat(E)),x(s.jsxs(s.Fragment,{children:[s.jsx(G.default,{icon:"checkmark"}),m("source_selector.messages.success")]})),g(!0)}}else x(m("source_selector.messages.failure")),g(!0)}},$=()=>{g(!1)},D=a=>{if(L(a),r&&r.length>1){const t=r[a].date-r[0].date;A({day:Math.round(t),hour:Math.round(24/t%24)||0})}};return s.jsxs(i.SourceSelectorContainer,{width:e,height:c,children:[!u&&s.jsx(T.default,{onMessageChangeCallback:$,isVisible:v,forIds:[p],children:I}),s.jsxs(i.BackgroundBlinker,{images:_,activeIndex:B,blinkCallback:D,loadedCallback:()=>{console.log("loaded"),y(!0)},...b,children:[M&&s.jsx(i.ElapsedDisplay,{...M}),s.jsx(i.SVG,{preserveAspectRatio:"xMidYMid meet",viewBox:`0 0 ${e} ${c}`,onClick:V,id:p,$isDisplayOnly:u,children:s.jsx(W.default,{xScale:k.getLinearScale([0,e],[0,e]),yScale:k.getLinearScale([0,c],[c,0]),color:h,sources:f,selectedSource:d})})]})]})};C.displayName="Widgets.SourceSelector";exports.default=C;

package/dist/SourceSelector.js

@@ -1,97 +1,98 @@
-import { jsxs as C, jsx as t, Fragment as _ } from "react/jsx-runtime";
-import { useState as r, useEffect as D } from "react";
-import { useTranslation as F } from "react-i18next";
-import G from "@rubin-epo/epo-react-lib/IconComposer";
-import { SourceSelectorContainer as N, BackgroundBlinker as P, ElapsedDisplay as R, SVG as T } from "./widgets/SourceSelector/styles.js";
+import { jsxs as f, jsx as t, Fragment as W } from "react/jsx-runtime";
+import { useState as a } from "react";
+import { useTranslation as _ } from "react-i18next";
+import D from "@rubin-epo/epo-react-lib/IconComposer";
+import { SourceSelectorContainer as F, BackgroundBlinker as G, ElapsedDisplay as N, SVG as P } from "./widgets/SourceSelector/styles.js";
 import { getLinearScale as M } from "./widgets/SourceSelector/utilities.js";
-import Y from "./widgets/SourceSelector/Message/Message.js";
-import q from "./widgets/SourceSelector/Points/Points.js";
-const z = ({
-  width: a = 600,
-  height: c = 600,
-  selectedSource: b = [],
-  sources: u,
-  alerts: n,
+import R from "./widgets/SourceSelector/Message/Message.js";
+import T from "./widgets/SourceSelector/Points/Points.js";
+const Y = ({
+  width: n = 600,
+  height: r = 600,
+  selectedSource: i = [],
+  sources: g,
+  alerts: c,
   images: x,
-  selectionCallback: m,
-  blinkConfig: y,
-  color: A,
+  selectionCallback: u,
+  blinkConfig: b,
+  color: y,
   isDisplayOnly: d = !1
 }) => {
-  const [l, B] = r(b), [V, v] = r(!1), [E, g] = r(), [I, f] = r(!1), [S, L] = r(null), { t: p } = F(), h = "sourceSelectorWidget";
-  D(() => {
-    m && m(l);
-  }, [l]);
-  const k = (o, i, e) => o.filter((s) => s.id === i && s.type === e), $ = (o) => {
-    if (V && !d) {
-      const { target: i } = o, { id: e, type: s } = i.dataset;
-      if (e && s) {
-        if (!(k(l, e, s).length > 0)) {
-          const j = k(u, e, s);
-          B((W) => W.concat(j)), g(
-            /* @__PURE__ */ C(_, { children: [
-              /* @__PURE__ */ t(G, { icon: "checkmark" }),
-              p("source_selector.messages.success")
+  const [I, A] = a(!1), [B, p] = a(), [v, m] = a(!1), [S, V] = a(null), [L, $] = a(0), { t: h } = _(), k = "sourceSelectorWidget", C = (s, l, e) => s.filter((o) => o.id === l && o.type === e), j = (s) => {
+    if (I && !d) {
+      const { target: l } = s, { id: e, type: o } = l.dataset;
+      if (e && o) {
+        if (!(C(i, e, o).length > 0)) {
+          const E = C(g, e, o);
+          u && u(i.concat(E)), p(
+            /* @__PURE__ */ f(W, { children: [
+              /* @__PURE__ */ t(D, { icon: "checkmark" }),
+              h("source_selector.messages.success")
             ] })
-          ), f(!0);
+          ), m(!0);
         }
       } else
-        g(p("source_selector.messages.failure")), f(!0);
+        p(h("source_selector.messages.failure")), m(!0);
     }
   };
-  return /* @__PURE__ */ C(N, { width: a, height: c, children: [
+  return /* @__PURE__ */ f(F, { width: n, height: r, children: [
     !d && /* @__PURE__ */ t(
-      Y,
+      R,
       {
         onMessageChangeCallback: () => {
-          f(!1);
+          m(!1);
         },
-        isVisible: I,
-        forIds: [h],
-        children: E
+        isVisible: v,
+        forIds: [k],
+        children: B
       }
     ),
-    /* @__PURE__ */ t(
-      P,
+    /* @__PURE__ */ f(
+      G,
       {
         images: x,
-        blinkCallback: (o) => {
-          if (n && n.length > 1) {
-            const e = n[o].date - n[0].date;
-            L({
+        activeIndex: L,
+        blinkCallback: (s) => {
+          if ($(s), c && c.length > 1) {
+            const e = c[s].date - c[0].date;
+            V({
               day: Math.round(e),
               hour: Math.round(24 / e % 24) || 0
             });
           }
         },
-        loadedCallback: () => v(!0),
-        ...y
-      }
-    ),
-    S && /* @__PURE__ */ t(R, { ...S }),
-    /* @__PURE__ */ t(
-      T,
-      {
-        preserveAspectRatio: "xMidYMid meet",
-        viewBox: `0 0 ${a} ${c}`,
-        onClick: $,
-        id: h,
-        $isDisplayOnly: d,
-        children: /* @__PURE__ */ t(
-          q,
-          {
-            xScale: M([0, a], [0, a]),
-            yScale: M([0, c], [c, 0]),
-            color: A,
-            sources: u,
-            selectedSource: l
-          }
-        )
+        loadedCallback: () => {
+          console.log("loaded"), A(!0);
+        },
+        ...b,
+        children: [
+          S && /* @__PURE__ */ t(N, { ...S }),
+          /* @__PURE__ */ t(
+            P,
+            {
+              preserveAspectRatio: "xMidYMid meet",
+              viewBox: `0 0 ${n} ${r}`,
+              onClick: j,
+              id: k,
+              $isDisplayOnly: d,
+              children: /* @__PURE__ */ t(
+                T,
+                {
+                  xScale: M([0, n], [0, n]),
+                  yScale: M([0, r], [r, 0]),
+                  color: y,
+                  sources: g,
+                  selectedSource: i
+                }
+              )
+            }
+          )
+        ]
       }
     )
   ] });
 };
-z.displayName = "Widgets.SourceSelector";
+Y.displayName = "Widgets.SourceSelector";
 export {
-  z as default
+  Y as default
 };

package/dist/atomic/Blinker/Blinker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),n=require("react"),R=require("@rubin-epo/epo-react-lib/styles"),$=require("../../hooks/useInterval.cjs"),b=require("use-resize-observer"),u=require("./styles.cjs"),m=require("../../lib/utils.cjs"),P=e=>e&&e.__esModule?e:{default:e},z=P(b),v=({images:e=[],activeIndex:h=0,autoplay:p=!0,loop:_=!0,interval:g=200,blinkCallback:c,loadedCallback:d,className:q})=>{const{ref:y,width:S=1}=z.default(),[a,f]=n.useState(p),[s,x]=n.useState(h),[r,j]=n.useState(!1),{BREAK_MOBILE:C}=R.tokens,o=e.length>1,B=S<parseInt(C);n.useEffect(()=>{c&&c(s)},[s]),n.useEffect(()=>{r&&d&&d()},[r]);const I=(t=0)=>{const O=e.length-1;return m.getClampedArrayIndex(s+t,O)},k=()=>{if(o){const t=I(1);_===!1&&t===e.length-1&&l(),x(t)}},l=()=>{f(!1)},A=()=>{f(t=>!t)},E=()=>{l(),k()},M=()=>{l(),x(I(-1))};return $.default(k,o&&r&&a?g:null),i.jsxs(u.BlinkerContainer,{className:q,ref:y,children:[i.jsx(u.BlinkerImages,{loadedCallback:()=>j(!0),images:e,activeIndex:s,$isCondensed:B}),o&&i.jsx(u.BlinkerControls,{isDisabled:!r,playing:a,handleStartStop:A,handleNext:E,handlePrevious:M,$isCondensed:B})]})};v.displayName="Atomic.Blinker";const D=v;exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),f=require("react"),P=require("../../hooks/useInterval.cjs"),l=require("./styles.cjs"),A=require("../../lib/utils.cjs"),g=({images:t=[],activeIndex:i=0,autoplay:h=!0,loop:p=!0,interval:y=200,blinkCallback:n,loadedCallback:u,className:S,children:j})=>{const[c,a]=f.useState(h),[d,q]=f.useState(!1),s=t.length>1,B=(e=0)=>{const v=t.length-1;return A.getClampedArrayIndex(i+e,v)},x=()=>{if(s){const e=B(1);p===!1&&e===t.length-1&&r(),n&&n(e)}},r=()=>{a(!1)},k=()=>{a(e=>!e)},I=()=>{r(),x()},m=()=>{r(),n&&n(B(-1))};return P.default(x,s&&d&&c?y:null),o.jsxs(l.BlinkerContainer,{className:S,children:[o.jsx(l.BlinkerImages,{loadedCallback:()=>{q(!0),u&&u()},images:t,activeIndex:i}),j,s&&o.jsx(l.BlinkerControls,{isDisabled:!d,playing:c,handleStartStop:k,handleNext:I,handlePrevious:m})]})};g.displayName="Atomic.Blinker";const M=g;exports.default=M;