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

package/dist/widgets/ViewIndicator/styles.js

@@ -0,0 +1,67 @@
+"use client";
+import o from "styled-components";
+const e = o.div`
+  --size-svg-inner: calc(var(--size-container) * 0.65);
+
+  aspect-ratio: 1;
+  background-color: #313333;
+  block-size: var(--size-container);
+  border-radius: calc(var(--size-container) / 2);
+  color: var(--color-font-invert);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  user-select: none;
+`, i = o.svg`
+  aspect-ratio: 1;
+  overflow: visible;
+  width: calc(var(--size-container) * 0.65);
+`, t = o.div`
+  font-size: calc(calc(var(--size-container) - var(--size-svg-inner)) / 2);
+  font-weight: bold;
+  line-height: 1;
+  position: absolute;
+  top: 0px;
+`, n = o.path`
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 3;
+`, c = o.path`
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 2;
+`;
+o.path`
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 2;
+  opacity: 0.85;
+`;
+const l = o.g`
+  --color-fill-primary: var(--color-rubin-yellow-200);
+  --color-fill-secondary: #eba85b;
+  fill: var(--color-fill-primary);
+  fill: color-mix(
+    in hsl,
+    var(--color-fill-primary) var(--percent-mix-primary),
+    var(--color-fill-secondary) var(--percent-mix-secondary)
+  );
+`, a = o.path`
+  opacity: 0.8;
+`, s = o.path`
+  opacity: 0.3;
+`, p = o.path`
+  opacity: 0.5;
+`;
+export {
+  e as Container,
+  c as Meridian,
+  t as NorthDirection,
+  n as Outline,
+  a as Plane,
+  i as SVG,
+  s as SideEdges,
+  p as TopEdges,
+  l as ViewCone
+};

package/package.json

@@ -1,18 +1,35 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "1.0.8",
+  "version": "1.1.0",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",
   "homepage": "https://lsst-epo.github.io/epo-react-lib",
   "repository": {
     "type": "git",
-    "url": "https://github.com/lsst-epo/epo-react-lib"
+    "url": "git+https://github.com/lsst-epo/epo-react-lib.git"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   },
   "supportedLocales": [
     "en",
     "es"
   ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "fix-js": "prettier --write \"**/*.{js,jsx}\" && eslint -c .eslintrc.js \"**/*.{js,jsx,ts,tsx}\" --fix",
+    "lint-js": "prettier --check \"**/*.{js,jsx}\" & eslint -c .eslintrc.js \"**/*.{js,jsx,ts,tsx}\"",
+    "storybook": "storybook dev -p 6007",
+    "build-storybook": "storybook build",
+    "build-storybook:production": "yarn build-storybook -o ../../storybook-static/epo-widget-lib",
+    "test": "jest --max-workers=2",
+    "test:generate-output": "yarn test --json --outputFile=.jest-test-results.json || true",
+    "prepublishOnly": "yarn build",
+    "release": "semantic-release -e semantic-release-monorepo --debug"
+  },
   "files": [
     "README.md",
     "dist"
@@ -26,9 +43,52 @@
     },
     "./localeStrings": "./dist/localeStrings"
   },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
+  "devDependencies": {
+    "@babel/core": "^7.20.12",
+    "@rubin-epo/eslint-config-react": "^1.0.0-beta",
+    "@semantic-release/github": "^10.1.7",
+    "@semantic-release/npm": "^12.0.1",
+    "@semantic-release/release-notes-generator": "^14.0.1",
+    "@storybook/addon-a11y": "^7.6.20",
+    "@storybook/addon-actions": "7.6.20",
+    "@storybook/addon-essentials": "7.6.20",
+    "@storybook/addon-interactions": "7.6.20",
+    "@storybook/addon-jest": "7.6.20",
+    "@storybook/addon-links": "7.6.20",
+    "@storybook/cli": "7.6.20",
+    "@storybook/manager-api": "7.6.20",
+    "@storybook/react": "7.6.20",
+    "@storybook/react-vite": "7.6.20",
+    "@storybook/testing-library": "^0.2.2",
+    "@storybook/theming": "7.6.20",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/d3-array": "^3.2.1",
+    "@types/d3-geo": "^3.1.0",
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.9",
+    "@vitejs/plugin-react": "^4",
+    "babel-loader": "^8.3.0",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^11.0.1",
+    "i18next": "23",
+    "i18next-browser-languagedetector": "^8.0.0",
+    "i18next-http-backend": "^2.5.2",
+    "jest": "^29.4.2",
+    "jest-canvas-mock": "^2.4.0",
+    "jest-environment-jsdom": "^29.4.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-i18next": "13",
+    "rollup-plugin-banner2": "^1.2.2",
+    "semantic-release": "^24.1.0",
+    "semantic-release-monorepo": "^8.0.2",
+    "storybook-react-i18next": "2.0.10",
+    "ts-jest": "^29.0.5",
+    "typescript": "5",
+    "vite": "^5.4.3",
+    "vite-plugin-dts": "^3.9.1"
   },
   "peerDependencies": {
     "i18next": "^22.0.0 || ^23.0.0",

package/dist/CameraFilter.cjs

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

package/dist/CameraFilter.d.ts

@@ -1,3 +0,0 @@
-export * from './widgets/CameraFilter/CameraFilter'
-import _default from './widgets/CameraFilter/CameraFilter'
-export default _default

package/dist/CameraFilter.js

@@ -1,102 +0,0 @@
-"use client";
-import { jsx as t, jsxs as o, Fragment as C } from "react/jsx-runtime";
-import { useState as v } from "react";
-import y from "@rubin-epo/epo-react-lib/SelectListbox";
-import { tokens as R } from "@rubin-epo/epo-react-lib/styles";
-import { useTranslation as S } from "react-i18next";
-import j from "use-resize-observer";
-import { filters as i, rangeConfig as B } from "./widgets/CameraFilter/data.js";
-import { FilterWrapper as L, FilterContainer as T, FilterTitle as _, FilterTable as w, FilterNames as O, FilterName as W, FilterRanges as $, FilterRange as A, Wavelength as M, SelectContainer as N, SelectLabel as k } from "./widgets/CameraFilter/styles.js";
-import E from "./widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.js";
-import I from "./widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.js";
-const z = () => {
-  const { t: r } = S(), { ref: p, width: h = 1 } = j(), [c, F] = v(null), { BREAK_TABLET: b } = R, l = h < parseInt(b), {
-    [l ? "condensed" : "default"]: { min: s, max: g, range: n }
-  } = B, d = i[0].range[0], m = i[i.length - 1].range[1] - d, f = i.filter(({ band: e }) => e), u = [{
-    value: "none",
-    label: r("camera_filter.labels.option", { context: "none" })
-  }].concat(
-    f.map(({ band: e }) => ({
-      value: e,
-      label: r("camera_filter.labels.option", { band: e })
-    }))
-  ), x = i.find(({ band: e }) => e === c);
-  return /* @__PURE__ */ t(L, { ratio: 5 / 4, children: /* @__PURE__ */ o(T, { ref: p, children: [
-    /* @__PURE__ */ t(_, { children: r("camera_filter.title") }),
-    l && /* @__PURE__ */ t(
-      E,
-      {
-        filters: f,
-        min: s,
-        spectrumRange: n
-      }
-    ),
-    /* @__PURE__ */ o(
-      w,
-      {
-        style: {
-          "--filter-table-margin-inline-start": `${((d - s) / n * 100).toFixed(2)}%`,
-          "--filter-table-width": `${(m / n * 100).toFixed(2)}%`
-        },
-        "data-testid": "expanded-filters",
-        children: [
-          /* @__PURE__ */ t("colgroup", { children: i.map(({ range: e }) => /* @__PURE__ */ t(
-            "col",
-            {
-              style: {
-                width: `${(e[1] - e[0]) / m * 100}%`
-              }
-            },
-            e.join("")
-          )) }),
-          /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t("tr", { children: i.map(({ band: e }, a) => /* @__PURE__ */ t(
-            W,
-            {
-              id: `${e}-name`,
-              style: {
-                "--filter-name-border": e ? "solid #b2b2b2" : "none"
-              },
-              scope: "col",
-              "aria-hidden": !e,
-              children: e
-            },
-            a
-          )) }) }),
-          !l && /* @__PURE__ */ t($, { children: /* @__PURE__ */ t("tr", { children: i.map(({ band: e, range: a }) => /* @__PURE__ */ t(A, { "aria-hidden": !e, children: e && /* @__PURE__ */ o(C, { children: [
-            a.join("–"),
-            /* @__PURE__ */ t("br", {}),
-            /* @__PURE__ */ t(M, { children: "nm" })
-          ] }) }, a.join())) }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ t(
-      I,
-      {
-        min: s,
-        max: g,
-        range: n,
-        isCondensed: l,
-        activeFilter: x
-      }
-    ),
-    /* @__PURE__ */ o(N, { children: [
-      /* @__PURE__ */ t(k, { id: "filterSelectLabel", children: r("camera_filter.labels.select") }),
-      /* @__PURE__ */ t(
-        y,
-        {
-          options: u,
-          value: c,
-          onChangeCallback: (e) => F(e),
-          width: "100%",
-          maxWidth: "100%",
-          labelledById: "filterSelectLabel"
-        }
-      )
-    ] })
-  ] }) });
-};
-z.displayName = "Widgets.CameraFilter";
-export {
-  z as default
-};

package/dist/Charts.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./charts/Base/index.cjs"),i=require("./charts/XAxis/index.cjs"),t=require("./charts/YAxis/index.cjs"),r=require("./charts/Guidelines/index.cjs"),n=require("./charts/Points/index.cjs"),u=require("./charts/Tooltip/index.cjs"),d=require("./charts/ClippingContainer/index.cjs"),o=require("./charts/Bars/index.cjs"),s=require("./charts/Viewport/index.cjs"),a=require("./charts/ForeignObject/index.cjs"),l=require("./charts/ScatterPlot/index.cjs");exports.Base=e.default;exports.XAxis=i.default;exports.YAxis=t.default;exports.Guidelines=r.default;exports.Points=n.default;exports.Tooltip=u.default;exports.ClippingContainer=d.default;exports.Bars=o.default;exports.Viewport=s.default;exports.ForeignObject=a.default;exports.ScatterPlot=l.default;

package/dist/Charts.d.ts

@@ -1 +0,0 @@
-export * from './charts/index'

package/dist/Charts.js

@@ -1,24 +0,0 @@
-import { default as o } from "./charts/Base/index.js";
-import { default as a } from "./charts/XAxis/index.js";
-import { default as s } from "./charts/YAxis/index.js";
-import { default as p } from "./charts/Guidelines/index.js";
-import { default as d } from "./charts/Points/index.js";
-import { default as i } from "./charts/Tooltip/index.js";
-import { default as n } from "./charts/ClippingContainer/index.js";
-import { default as g } from "./charts/Bars/index.js";
-import { default as B } from "./charts/Viewport/index.js";
-import { default as P } from "./charts/ForeignObject/index.js";
-import { default as j } from "./charts/ScatterPlot/index.js";
-export {
-  g as Bars,
-  o as Base,
-  n as ClippingContainer,
-  P as ForeignObject,
-  p as Guidelines,
-  d as Points,
-  j as ScatterPlot,
-  i as Tooltip,
-  B as Viewport,
-  a as XAxis,
-  s as YAxis
-};

package/dist/widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("react"),a=require("../styles.cjs"),c=({filters:o,min:i,spectrumRange:l})=>{const s=m.useRef(null),d=s.current?Array.from(s.current.children):null;return e.jsxs(e.Fragment,{children:[e.jsx(a.CondensedRangeRow,{ref:s,"data-testid":"condensed-filters",children:o.map(({range:t,band:n})=>e.jsxs(a.CondensedRange,{"aria-labelledby":`${n}-name`,children:[t.join("–"),e.jsx("br",{}),"nm"]},n))}),d&&e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMinYMin meet",viewBox:`${i} 0 ${l} 50`,role:"presentation","aria-hidden":"true",children:e.jsx("g",{role:"presentation",children:o.map(({range:t,band:n},u)=>{const x=d[u],{offsetLeft:f,offsetWidth:h,offsetParent:b}=x,{offsetWidth:g}=b,j=l/g,r=(t[0]+t[1])/2,p=(f+h/2)*j;return e.jsxs("g",{children:[e.jsx("line",{strokeWidth:1,stroke:"#b2b2b2",x1:r,x2:r,y1:"100%",y2:"75%",role:"presentation"}),e.jsx("line",{strokeWidth:1,stroke:"#b2b2b2",x1:r,x2:p+i,y1:"75%",y2:"0%",role:"presentation"})]},n)})})})]})};c.displayName="Widgets.CameraFilter.CondensedFilterRanges";const y=c;exports.default=y;

package/dist/widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.js

@@ -1,62 +0,0 @@
-"use client";
-import { jsxs as s, Fragment as y, jsx as e } from "react/jsx-runtime";
-import { useRef as R } from "react";
-import { CondensedRangeRow as w, CondensedRange as C } from "../styles.js";
-const c = ({
-  filters: i,
-  min: l,
-  spectrumRange: d
-}) => {
-  const r = R(null), a = r.current ? Array.from(r.current.children) : null;
-  return /* @__PURE__ */ s(y, { children: [
-    /* @__PURE__ */ e(w, { ref: r, "data-testid": "condensed-filters", children: i.map(({ range: t, band: n }) => /* @__PURE__ */ s(C, { "aria-labelledby": `${n}-name`, children: [
-      t.join("–"),
-      /* @__PURE__ */ e("br", {}),
-      "nm"
-    ] }, n)) }),
-    a && /* @__PURE__ */ e(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        preserveAspectRatio: "xMinYMin meet",
-        viewBox: `${l} 0 ${d} 50`,
-        role: "presentation",
-        "aria-hidden": "true",
-        children: /* @__PURE__ */ e("g", { role: "presentation", children: i.map(({ range: t, band: n }, f) => {
-          const m = a[f], { offsetLeft: p, offsetWidth: h, offsetParent: b } = m, { offsetWidth: g } = b, x = d / g, o = (t[0] + t[1]) / 2, u = (p + h / 2) * x;
-          return /* @__PURE__ */ s("g", { children: [
-            /* @__PURE__ */ e(
-              "line",
-              {
-                strokeWidth: 1,
-                stroke: "#b2b2b2",
-                x1: o,
-                x2: o,
-                y1: "100%",
-                y2: "75%",
-                role: "presentation"
-              }
-            ),
-            /* @__PURE__ */ e(
-              "line",
-              {
-                strokeWidth: 1,
-                stroke: "#b2b2b2",
-                x1: o,
-                x2: u + l,
-                y1: "75%",
-                y2: "0%",
-                role: "presentation"
-              }
-            )
-          ] }, n);
-        }) })
-      }
-    )
-  ] });
-};
-c.displayName = "Widgets.CameraFilter.CondensedFilterRanges";
-const v = c;
-export {
-  v as default
-};

package/dist/widgets/CameraFilter/SpectrumDisplay/ColorLabels/ColorLabels.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react-i18next"),M=require("../../../../lib/utils.cjs"),s=require("../../styles.cjs"),a=({colors:r,activeRange:x,isBandSelected:d,isCondensed:t})=>{const{t:u,i18n:{language:m}}=g.useTranslation(),n=t?350:r[0].range[0],h=(t?1e3:820)-n,b=Math.floor(h/(r.length-1));return e.jsx("g",{role:"list","data-testid":"color-labels",children:r.map(({name:c,range:l,color:j},y)=>{const o=n+b*y,p=d&&M.intersection(l,x)===null,i=(l[0]+l[1])/2;return e.jsxs("g",{children:[e.jsx("line",{strokeWidth:1,stroke:"#b2b2b2",x1:i,x2:i,y1:"100",y2:t?"105":"110",role:"presentation"}),e.jsx("line",{strokeWidth:1,stroke:"#b2b2b2",x1:i,x2:o,y1:t?"105":"110",y2:t?"145":"140",role:"presentation"}),e.jsx("circle",{cx:o,cy:t?"145":"140",r:t?15:10,fill:j,role:"presentation"}),e.jsxs("text",{x:o,dominantBaseline:"middle",textAnchor:"middle",y:"150",role:"listitem","aria-hidden":p,children:[e.jsx(s.ColorName,{x:o,dy:"1.25em",textAnchor:"middle",children:u(`filterTool.colors.${c}`).toLocaleLowerCase(m)}),e.jsx(s.ColorSpectrum,{x:o,dy:"1.25em",textAnchor:"middle",children:l.join("–")}),e.jsx(s.ColorSpectrumUnit,{x:o,dy:"1.25em",textAnchor:"middle",children:"nm"})]})]},c)})})};a.displayName="Widgets.CameraFilter.ColorLabels";const f=a;exports.default=f;

package/dist/widgets/CameraFilter/SpectrumDisplay/ColorLabels/ColorLabels.js

@@ -1,100 +0,0 @@
-"use client";
-import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { useTranslation as g } from "react-i18next";
-import { intersection as L } from "../../../../lib/utils.js";
-import { ColorName as k, ColorSpectrum as A, ColorSpectrumUnit as M } from "../../styles.js";
-const s = ({
-  colors: r,
-  activeRange: m,
-  isBandSelected: d,
-  isCondensed: t
-}) => {
-  const {
-    t: x,
-    i18n: { language: h }
-  } = g(), n = t ? 350 : r[0].range[0], p = (t ? 1e3 : 820) - n, b = Math.floor(p / (r.length - 1));
-  return /* @__PURE__ */ o("g", { role: "list", "data-testid": "color-labels", children: r.map(({ name: c, range: l, color: y }, u) => {
-    const e = n + b * u, f = d && L(l, m) === null, i = (l[0] + l[1]) / 2;
-    return /* @__PURE__ */ a("g", { children: [
-      /* @__PURE__ */ o(
-        "line",
-        {
-          strokeWidth: 1,
-          stroke: "#b2b2b2",
-          x1: i,
-          x2: i,
-          y1: "100",
-          y2: t ? "105" : "110",
-          role: "presentation"
-        }
-      ),
-      /* @__PURE__ */ o(
-        "line",
-        {
-          strokeWidth: 1,
-          stroke: "#b2b2b2",
-          x1: i,
-          x2: e,
-          y1: t ? "105" : "110",
-          y2: t ? "145" : "140",
-          role: "presentation"
-        }
-      ),
-      /* @__PURE__ */ o(
-        "circle",
-        {
-          cx: e,
-          cy: t ? "145" : "140",
-          r: t ? 15 : 10,
-          fill: y,
-          role: "presentation"
-        }
-      ),
-      /* @__PURE__ */ a(
-        "text",
-        {
-          x: e,
-          dominantBaseline: "middle",
-          textAnchor: "middle",
-          y: "150",
-          role: "listitem",
-          "aria-hidden": f,
-          children: [
-            /* @__PURE__ */ o(
-              k,
-              {
-                x: e,
-                dy: "1.25em",
-                textAnchor: "middle",
-                children: x(`filterTool.colors.${c}`).toLocaleLowerCase(h)
-              }
-            ),
-            /* @__PURE__ */ o(
-              A,
-              {
-                x: e,
-                dy: "1.25em",
-                textAnchor: "middle",
-                children: l.join("–")
-              }
-            ),
-            /* @__PURE__ */ o(
-              M,
-              {
-                x: e,
-                dy: "1.25em",
-                textAnchor: "middle",
-                children: "nm"
-              }
-            )
-          ]
-        }
-      )
-    ] }, c);
-  }) });
-};
-s.displayName = "Widgets.CameraFilter.ColorLabels";
-const T = s;
-export {
-  T as default
-};

package/dist/widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../../../lib/utils.cjs"),t=require("../data.cjs"),j=require("./SpectrumLabels/SpectrumLabels.cjs"),x=({min:n,max:u,range:g,isCondensed:p,activeFilter:s})=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMinYMin meet",viewBox:`${n} 0 ${g} 260`,"data-testid":"spectrum-display",children:[e.jsxs("defs",{children:[t.spectrums.map(({name:d,stops:r})=>e.jsx("linearGradient",{id:`${d}-gradient`,children:r.map(({offset:a,stopColor:h,id:o})=>e.jsx("stop",{offset:a,stopColor:h,id:o},`${a}-${h}`))},d)),e.jsxs("mask",{id:"spectrumMask",children:[e.jsx("rect",{width:"100%",height:"100",fill:"white",x:n}),s&&e.jsxs(e.Fragment,{children:[e.jsx("rect",{x:n,width:s.range[0]-n,height:"100%",fill:"black"}),e.jsx("rect",{x:s.range[1],width:u-s.range[1],height:"100%",fill:"black"})]})]})]}),e.jsx("g",{mask:"url(#spectrumMask)",role:"presentation",children:t.spectrums.map(({name:d,upper:r,lower:a})=>e.jsx("rect",{width:(r||u)-(a||n),height:"50%",fill:`url(#${d}-gradient)`,x:a||n,role:"presentation"},d))}),e.jsx("g",{children:t.spectrums.map(({name:d,upper:r})=>r&&e.jsx("line",{strokeWidth:2,strokeDasharray:"8 8",stroke:s&&!c.between(r,s.range[0],s.range[1])?"#000":"#fff",x1:r,x2:r,y1:0,y2:"50%"},d))}),e.jsx(j.default,{spectrums:t.spectrums,activeBand:s==null?void 0:s.band,min:n,max:u,activeMin:s==null?void 0:s.range[0],activeMax:s==null?void 0:s.range[1],isCondensed:p})]});x.displayName="Widgets.CameraFilter.SpectrumDisplay";const l=x;exports.default=l;

package/dist/widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.js

@@ -1,98 +0,0 @@
-import { jsxs as p, jsx as r, Fragment as w } from "react/jsx-runtime";
-import { between as k } from "../../../lib/utils.js";
-import { spectrums as e } from "../data.js";
-import l from "./SpectrumLabels/SpectrumLabels.js";
-const o = ({
-  min: n,
-  max: g,
-  range: t,
-  isCondensed: f,
-  activeFilter: s
-}) => /* @__PURE__ */ p(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    preserveAspectRatio: "xMinYMin meet",
-    viewBox: `${n} 0 ${t} 260`,
-    "data-testid": "spectrum-display",
-    children: [
-      /* @__PURE__ */ p("defs", { children: [
-        e.map(({ name: h, stops: d }) => /* @__PURE__ */ r("linearGradient", { id: `${h}-gradient`, children: d.map(({ offset: a, stopColor: m, id: x }) => /* @__PURE__ */ r(
-          "stop",
-          {
-            offset: a,
-            stopColor: m,
-            id: x
-          },
-          `${a}-${m}`
-        )) }, h)),
-        /* @__PURE__ */ p("mask", { id: "spectrumMask", children: [
-          /* @__PURE__ */ r("rect", { width: "100%", height: "100", fill: "white", x: n }),
-          s && /* @__PURE__ */ p(w, { children: [
-            /* @__PURE__ */ r(
-              "rect",
-              {
-                x: n,
-                width: s.range[0] - n,
-                height: "100%",
-                fill: "black"
-              }
-            ),
-            /* @__PURE__ */ r(
-              "rect",
-              {
-                x: s.range[1],
-                width: g - s.range[1],
-                height: "100%",
-                fill: "black"
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ r("g", { mask: "url(#spectrumMask)", role: "presentation", children: e.map(({ name: h, upper: d, lower: a }) => /* @__PURE__ */ r(
-        "rect",
-        {
-          width: (d || g) - (a || n),
-          height: "50%",
-          fill: `url(#${h}-gradient)`,
-          x: a || n,
-          role: "presentation"
-        },
-        h
-      )) }),
-      /* @__PURE__ */ r("g", { children: e.map(
-        ({ name: h, upper: d }) => d && /* @__PURE__ */ r(
-          "line",
-          {
-            strokeWidth: 2,
-            strokeDasharray: "8 8",
-            stroke: s && !k(d, s.range[0], s.range[1]) ? "#000" : "#fff",
-            x1: d,
-            x2: d,
-            y1: 0,
-            y2: "50%"
-          },
-          h
-        )
-      ) }),
-      /* @__PURE__ */ r(
-        l,
-        {
-          spectrums: e,
-          activeBand: s == null ? void 0 : s.band,
-          min: n,
-          max: g,
-          activeMin: s == null ? void 0 : s.range[0],
-          activeMax: s == null ? void 0 : s.range[1],
-          isCondensed: f
-        }
-      )
-    ]
-  }
-);
-o.displayName = "Widgets.CameraFilter.SpectrumDisplay";
-const M = o;
-export {
-  M as default
-};

package/dist/widgets/CameraFilter/SpectrumDisplay/SpectrumLabels/SpectrumLabels.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),S=require("react-i18next"),j=require("../../styles.cjs"),_=require("../../../../lib/utils.cjs"),h=require("../ColorLabels/ColorLabels.cjs"),d=({spectrums:m,activeBand:e,min:p,max:b,activeMin:a=0,activeMax:i=0,isCondensed:l})=>{const{t:n}=S.useTranslation(),f=n("camera_filter.labels.captured_range",{context:e?"":"no_filter",filter:e});return r.jsx("g",{role:"list","aria-label":f,"aria-live":"polite","data-testid":"spectrum-labels",children:m.map(({name:s,upper:x,lower:g,colors:c},u)=>{const o=x||b,t=g||p,L=e&&_.intersection([t,o],[a,i])===null;return r.jsxs("g",{role:"listitem","aria-hidden":L,children:[r.jsx(j.SpectrumLabel,{x:l&&u===0?t:(o-t)/2+t,y:"50",dominantBaseline:"middle",textAnchor:l&&u===0?"start":"middle",children:n(`camera_filter.labels.${s}`)},s),c&&r.jsx(h.default,{colors:c,isBandSelected:!!e,activeRange:[a,i],isCondensed:l})]},s)})})};d.displayName="Widgets.CameraFilter.SpectrumLabels";const q=d;exports.default=q;

package/dist/widgets/CameraFilter/SpectrumDisplay/SpectrumLabels/SpectrumLabels.js

@@ -1,59 +0,0 @@
-"use client";
-import { jsx as a, jsxs as x } from "react/jsx-runtime";
-import { useTranslation as S } from "react-i18next";
-import { SpectrumLabel as _ } from "../../styles.js";
-import { intersection as j } from "../../../../lib/utils.js";
-import y from "../ColorLabels/ColorLabels.js";
-const p = ({
-  spectrums: d,
-  activeBand: e,
-  min: u,
-  max: f,
-  activeMin: s = 0,
-  activeMax: i = 0,
-  isCondensed: t
-}) => {
-  const { t: o } = S(), b = o("camera_filter.labels.captured_range", {
-    context: e ? "" : "no_filter",
-    filter: e
-  });
-  return /* @__PURE__ */ a(
-    "g",
-    {
-      role: "list",
-      "aria-label": b,
-      "aria-live": "polite",
-      "data-testid": "spectrum-labels",
-      children: d.map(({ name: l, upper: L, lower: g, colors: m }, c) => {
-        const n = L || f, r = g || u, h = e && j([r, n], [s, i]) === null;
-        return /* @__PURE__ */ x("g", { role: "listitem", "aria-hidden": h, children: [
-          /* @__PURE__ */ a(
-            _,
-            {
-              x: t && c === 0 ? r : (n - r) / 2 + r,
-              y: "50",
-              dominantBaseline: "middle",
-              textAnchor: t && c === 0 ? "start" : "middle",
-              children: o(`camera_filter.labels.${l}`)
-            },
-            l
-          ),
-          m && /* @__PURE__ */ a(
-            y,
-            {
-              colors: m,
-              isBandSelected: !!e,
-              activeRange: [s, i],
-              isCondensed: t
-            }
-          )
-        ] }, l);
-      })
-    }
-  );
-};
-p.displayName = "Widgets.CameraFilter.SpectrumLabels";
-const N = p;
-export {
-  N as default
-};

package/dist/widgets/CameraFilter/data.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=[{band:"u",range:[338,395]},{range:[396,404]},{band:"g",range:[405,552]},{band:"r",range:[553,690]},{band:"i",range:[690,817]},{band:"z",range:[818,920]},{band:"y",range:[920,1010]}],r=[{offset:0,stopColor:"#e0e0e0"},{offset:.262,stopColor:"#dedde0"},{offset:.41,stopColor:"#dbd5e1"},{offset:.53,stopColor:"#d4c7e3"},{offset:.635,stopColor:"#cbb3e6"},{offset:.73,stopColor:"#bf9aeb"},{offset:.818,stopColor:"#b17af0"},{offset:.9,stopColor:"#a055f5"},{offset:.976,stopColor:"#8c2afc"},{offset:1,stopColor:"#861cff"}],l=[{offset:.11,stopColor:"#861cff"},{offset:.25,stopColor:"blue"},{offset:.27,stopColor:"#001ee0"},{offset:.3,stopColor:"#006d91"},{offset:.33,stopColor:"#00ab53"},{offset:.36,stopColor:"#00d826"},{offset:.38,stopColor:"#00f40a"},{offset:.39,stopColor:"lime"},{offset:.41,stopColor:"#05fe00"},{offset:.43,stopColor:"#14fc01"},{offset:.45,stopColor:"#2df803"},{offset:.47,stopColor:"#50f406"},{offset:.49,stopColor:"#7cee0a"},{offset:.51,stopColor:"#b3e70e"},{offset:.54,stopColor:"#f2de14"},{offset:.54,stopColor:"#ffdd15"},{offset:.56,stopColor:"#fccb17"},{offset:.6,stopColor:"#f49f1e"},{offset:.62,stopColor:"#f18922"},{offset:.63,stopColor:"#f08220"},{offset:.66,stopColor:"#f0711c"},{offset:.69,stopColor:"#ef5415"},{offset:.72,stopColor:"#ed2d0b"},{offset:.75,stopColor:"#ec0000"},{offset:.79,stopColor:"#eb0303"},{offset:.82,stopColor:"#e90f0f"},{offset:.86,stopColor:"#e62323"},{offset:.89,stopColor:"#e23e3e"},{offset:.93,stopColor:"#dc6262"},{offset:.96,stopColor:"#d58e8e"},{offset:.99,stopColor:"#cdc0c0"},{offset:1,stopColor:"#ccc"}],n=[{offset:0,stopColor:"#ccc"},{offset:1,stopColor:"#f2f2f2"}],t=[{name:"violet",color:"#861CFF",range:[380,450]},{name:"blue",color:"#0000FF",range:[450,495]},{name:"green",color:"#00FF00",range:[495,570]},{name:"yellow",color:"#FFDD15",range:[570,590]},{name:"orange",color:"#F18922",range:[590,620]},{name:"red",color:"#EC0000",range:[620,750]}],p=[{name:"ultraviolet",upper:400,stops:r},{name:"visible",upper:750,lower:400,stops:l,colors:t},{name:"infrared",lower:750,stops:n}],e=255,f=322,o=1084,a={condensed:{min:f,max:o,range:o-f},default:{min:e,max:o,range:o-e}};exports.colors=t;exports.filters=s;exports.rangeConfig=a;exports.spectrums=p;