@rubin-epo/epo-widget-lib 0.9.1 → 0.9.2

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

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

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

@@ -2,32 +2,32 @@
 import { useState as d, useLayoutEffect as h } from "react";
 import w from "lodash/isEqual";
 import x from "../../../hooks/usePrevious.js";
-import { getFilters as F, updateColor as L } from "../lib/canvas.js";
-const y = ({
+import { getFilters as y, updateColor as F } from "../lib/canvas.js";
+const L = ({
   images: s,
   filters: u
 }) => {
-  const l = x(s), [f, m] = d(0), [a, g] = d(), p = a == null ? void 0 : a.some(({ complete: e }) => !e), i = f !== s.length && p;
+  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(() => {
     w(l, s) || (m(0), g(
-      s.map(({ url: e, width: n, height: r }) => {
-        const t = new Image(n, r);
-        return t.onload = () => {
+      s.map(({ url: e, width: a, height: r }) => {
+        const t = new Image(a, r);
+        return t.crossOrigin = "anonymous", t.onload = () => {
           m((o) => o + 1);
         }, t.src = e, t;
       })
     ));
-  }, [s]), i ? [[], !!i] : [[...a || []].map((e, n) => {
-    if (!u[n].active)
+  }, [s]), i ? [[], !!i] : [[...n || []].map((e, a) => {
+    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[n];
-      t.canvas.width = o, t.canvas.height = c, t.clearRect(0, 0, o, c), t.filter = F({ brightness: I, contrast: 1.3 }), t.drawImage(e, 0, 0, o, c), L(t, v, o, c);
+      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);
     }
     return r;
   }).filter((e) => !!e), !!i];
-}, R = y;
+}, P = L;
 export {
-  R as default
+  P as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",