@rubin-epo/epo-widget-lib 0.6.5 → 0.6.6

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

@@ -9,10 +9,8 @@ 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: n } = j(), { ref: p, width: h = 1 } = y(), [s, g] = v(
-    ""
-  ), { BREAK_TABLET: F } = S, r = h < parseInt(F), {
-    [r ? "condensed" : "default"]: { min: c, max: u, range: l }
+  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: n("camera_filter.labels.option", { context: "none" })
@@ -21,14 +19,14 @@ const E = () => {
       value: e,
       label: n("camera_filter.labels.option", { band: e })
     }))
-  ), C = s ? i.find(({ band: e }) => e === s) : void 0;
+  ), 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: f,
-        min: c,
+        min: s,
         spectrumRange: l
       }
     ),
@@ -37,7 +35,7 @@ const E = () => {
       {
         "aria-hidden": r,
         range: m / l * 100,
-        offset: (d - c) / l * 100,
+        offset: (d - s) / l * 100,
         "data-testid": "expanded-filters",
         children: [
           /* @__PURE__ */ t("colgroup", { children: i.map(({ range: e }) => /* @__PURE__ */ t(
@@ -72,8 +70,8 @@ const E = () => {
     /* @__PURE__ */ t(
       k,
       {
-        min: c,
-        max: u,
+        min: s,
+        max: F,
         range: l,
         isCondensed: r,
         activeFilter: C
@@ -85,7 +83,7 @@ const E = () => {
         R,
         {
           options: x,
-          value: s,
+          value: c,
           onChangeCallback: (e) => g(e),
           width: "100%",
           maxWidth: "100%",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",
@@ -38,7 +38,7 @@
     "react-i18next": "^12.2.0"
   },
   "dependencies": {
-    "@rubin-epo/epo-react-lib": "^2.0.11",
+    "@rubin-epo/epo-react-lib": "^2.0.12",
     "lodash": "^4.17.21",
     "styled-components": "^6.1.1",
     "use-resize-observer": "^9.1.0"