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

package/dist/CameraFilter.d.ts

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

package/dist/ColorTool.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),x=require("react"),N=require("react-i18next"),O=require("./widgets/ColorTool/utilities.cjs"),o=require("./widgets/ColorTool/styles.cjs"),W=require("@rubin-epo/epo-react-lib/SelectListbox"),H=require("./widgets/ColorTool/Actions/index.cjs"),y=require("./widgets/ColorTool/ImageComposite/ImageComposite.cjs"),R=require("./widgets/ColorTool/FilterControls/FilterControls.cjs"),$=l=>l&&l.__esModule?l:{default:l},v=$(W),T=({data:l,objectOptions:p=[],selectedData:n,colorOptions:L=[],selectionCallback:r,isDisabled:u=!1,isDisplayOnly:C=!1,config:S={actions:["reset"],width:600,height:600,hideSubtitle:!1}})=>{var g;const _={actions:["reset"],width:600,height:600,hideSubtitle:!1},h=x.useRef(null),{t:a}=N.useTranslation(),q=x.useCallback(t=>{const{label:f}=t,{filters:b}=n,M=b.map(m=>m.label===f?t:m);return r&&r({...n,filters:M})},[n,r]),F=x.useCallback(t=>{if(t!==null)return r&&r({name:t,filters:O.getDataFiltersByName(l,t)})},[r,l]),{filters:c,name:d}=n,{actions:w,width:s,height:i,hideSubtitle:B}={..._,...S};if(C)return e.jsx(y.default,{ref:h,filters:c,width:s,height:i,selectedObjectName:d});const j=l.length>1,I=a("colorTool.actions.select_an_object");return e.jsx(o.WidgetContainer,{children:e.jsxs(o.WidgetLayout,{style:{"--image-width":typeof s=="number"?`${s}px`:s,"--image-height":typeof i=="number"?`${i}px`:i},children:[d&&j&&e.jsx(o.Title,{children:!B&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{children:a("colorTool.labels.object")}),e.jsx("dd",{children:d})]})}),e.jsxs(o.ControlsContainer,{children:[c&&e.jsxs(e.Fragment,{children:[e.jsx(o.ToolsHeader,{id:"filterLabel",children:a("colorTool.labels.filter")}),e.jsx(o.ToolsHeader,{id:"colorLabel",children:a("colorTool.labels.color")}),e.jsx(o.ToolsHeader,{id:"intensityLabel",children:a("colorTool.labels.color_intensity")})]}),c&&c.map(t=>{const{label:f,isDisabled:b}=t;return e.jsx(R.default,{filter:t,isDisabled:u||b,colorOptions:L,onChangeFilterCallback:q,buttonLabelledById:"filterLabel",selectLabelledById:"colorLabel",sliderLabelledById:"intensityLabel"},`filter-${f}`)})]}),e.jsx(y.default,{ref:h,filters:c,width:s,height:i,selectedObjectName:d,children:j&&e.jsx(o.SelectionContainer,{children:e.jsx(v.default,{id:"astroObjectSelector",placeholder:I,options:p,onChangeCallback:F,value:d,isDisabled:u,width:"100%",maxWidth:"100%"})})}),e.jsx(H.default,{actions:w,images:(g=h.current)==null?void 0:g.getElementsByTagName("canvas"),selectedData:n,width:s,height:i,isDisabled:u,selectionCallback:r})]})})};T.displayName="Widgets.ColorTool";exports.default=T;

package/dist/ColorTool.d.ts

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

package/dist/ColorTool.js

@@ -1,103 +1,139 @@
-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";
+import { jsx as e, jsxs as c, Fragment as L } from "react/jsx-runtime";
+import { useRef as $, useCallback as T } from "react";
+import { useTranslation as R } from "react-i18next";
+import { getDataFiltersByName as A } from "./widgets/ColorTool/utilities.js";
+import { WidgetContainer as E, WidgetLayout as H, Title as M, ControlsContainer as P, ToolsHeader as p, SelectionContainer as q } from "./widgets/ColorTool/styles.js";
+import v from "@rubin-epo/epo-react-lib/SelectListbox";
+import z from "./widgets/ColorTool/Actions/index.js";
+import C from "./widgets/ColorTool/ImageComposite/ImageComposite.js";
+import G from "./widgets/ColorTool/FilterControls/FilterControls.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
+  data: d,
+  objectOptions: j = [],
+  selectedData: i,
+  colorOptions: x = [],
+  selectionCallback: o,
+  isDisabled: h = !1,
+  isDisplayOnly: S = !1,
+  config: w = {
+    actions: ["reset"],
+    width: 600,
+    height: 600,
+    hideSubtitle: !1
+  }
 }) => {
-  const j = (t) => {
-    const { label: n } = t, { filters: f } = l, v = f.map(
-      (u) => u.label === n ? t : u
+  var g;
+  const B = {
+    actions: ["reset"],
+    width: 600,
+    height: 600,
+    hideSubtitle: !1
+  }, m = $(null), { t: n } = R(), F = T(
+    (t) => {
+      const { label: f } = t, { filters: b } = i, _ = b.map(
+        (y) => y.label === f ? t : y
+      );
+      return o && o({
+        ...i,
+        filters: _
+      });
+    },
+    [i, o]
+  ), I = T(
+    (t) => {
+      if (t !== null)
+        return o && o({
+          name: t,
+          filters: A(d, t)
+        });
+    },
+    [o, d]
+  ), { filters: s, name: a } = i, { actions: N, width: l, height: r, hideSubtitle: W } = {
+    ...B,
+    ...w
+  };
+  if (S)
+    return /* @__PURE__ */ e(
+      C,
+      {
+        ref: m,
+        filters: s,
+        width: l,
+        height: r,
+        selectedObjectName: a
+      }
     );
-    return r && r({
-      ...l,
-      filters: v
-    });
-  }, B = (t) => {
-    const { value: n } = t.target;
-    return r && r({
-      name: n,
-      filters: W(h, n)
-    });
-  }, 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,
+  const u = d.length > 1, O = n("colorTool.actions.select_an_object");
+  return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ c(
+    H,
     {
       style: {
-        "--controls-row": c ? "'image image'" : void 0
+        "--image-width": typeof l == "number" ? `${l}px` : l,
+        "--image-height": typeof r == "number" ? `${r}px` : r
       },
       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: S })
+        a && u && /* @__PURE__ */ e(M, { children: !W && /* @__PURE__ */ c(L, { children: [
+          /* @__PURE__ */ e("dt", { children: n("colorTool.labels.object") }),
+          /* @__PURE__ */ e("dd", { children: a })
+        ] }) }),
+        /* @__PURE__ */ c(P, { children: [
+          s && /* @__PURE__ */ c(L, { children: [
+            /* @__PURE__ */ e(p, { id: "filterLabel", children: n("colorTool.labels.filter") }),
+            /* @__PURE__ */ e(p, { id: "colorLabel", children: n("colorTool.labels.color") }),
+            /* @__PURE__ */ e(p, { id: "intensityLabel", children: n("colorTool.labels.color_intensity") })
           ] }),
-          !y && /* @__PURE__ */ i(b, { children: [
-            /* @__PURE__ */ e("dt", { children: o("colorTool.labels.object", {
-              context: a ? "selected" : !1
-            }) }),
-            /* @__PURE__ */ e("dd", { children: s })
-          ] })
-        ] }),
-        !c && /* @__PURE__ */ i(M, { children: [
-          a && /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
-            z,
-            {
-              id: "astroObjectSelector",
-              placeholder: N,
-              options: C,
-              onChange: B,
-              value: s,
-              disabled: m
-            }
-          ) }),
-          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") })
-          ] }),
-          d && d.map((t) => {
-            const { label: n, isDisabled: f } = t;
+          s && s.map((t) => {
+            const { label: f, isDisabled: b } = t;
             return /* @__PURE__ */ e(
-              E,
+              G,
               {
                 filter: t,
-                isDisabled: m || f,
-                colorOptions: L,
-                onChangeFilterCallback: j,
+                isDisabled: h || b,
+                colorOptions: x,
+                onChangeFilterCallback: F,
                 buttonLabelledById: "filterLabel",
                 selectLabelledById: "colorLabel",
                 sliderLabelledById: "intensityLabel"
               },
-              `filter-${n}`
+              `filter-${f}`
             );
           })
         ] }),
-        !T && /* @__PURE__ */ e(G, { filters: d }),
-        s && !c && /* @__PURE__ */ e(
-          $,
+        /* @__PURE__ */ e(
+          C,
           {
-            disabled: m || !R(l),
-            onClick: F,
-            icon: "RotateLeftWithCenter",
-            children: o("colorTool.actions.reset")
+            ref: m,
+            filters: s,
+            width: l,
+            height: r,
+            selectedObjectName: a,
+            children: u && /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
+              v,
+              {
+                id: "astroObjectSelector",
+                placeholder: O,
+                options: j,
+                onChangeCallback: I,
+                value: a,
+                isDisabled: h,
+                width: "100%",
+                maxWidth: "100%"
+              }
+            ) })
           }
         ),
-        p && /* @__PURE__ */ e(q, { children: p })
+        /* @__PURE__ */ e(
+          z,
+          {
+            actions: N,
+            images: (g = m.current) == null ? void 0 : g.getElementsByTagName("canvas"),
+            selectedData: i,
+            width: l,
+            height: r,
+            isDisabled: h,
+            selectionCallback: o
+          }
+        )
       ]
     }
   ) });

package/dist/FilterTool.d.ts

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

package/dist/SourceSelector.d.ts

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

package/dist/atomic/Blinker/Blinker.d.ts

@@ -0,0 +1,14 @@
+import { FunctionComponent, PropsWithChildren } from "react";
+import { ImageShape } from "@rubin-epo/epo-react-lib/Image";
+export interface BlinkerProps {
+    images: ImageShape[];
+    activeIndex: number;
+    autoplay?: boolean;
+    loop?: boolean;
+    interval?: number;
+    blinkCallback?: (activeIndex: number) => void;
+    loadedCallback?: () => void;
+    className?: string;
+}
+declare const Blinker: FunctionComponent<PropsWithChildren<BlinkerProps>>;
+export default Blinker;

package/dist/atomic/Blinker/Controls/Controls.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent, MouseEventHandler } from "react";
+export interface ControlsProps {
+    playing: boolean;
+    handleStartStop: MouseEventHandler<HTMLButtonElement>;
+    handleNext: MouseEventHandler<HTMLButtonElement>;
+    handlePrevious: MouseEventHandler<HTMLButtonElement>;
+    className?: string;
+    isDisabled?: boolean;
+}
+declare const Controls: FunctionComponent<ControlsProps>;
+export default Controls;

package/dist/atomic/Blinker/Controls/styles.d.ts

@@ -0,0 +1,272 @@
+export declare const ControlsContainer: import("styled-components").IStyledComponent<"web", {
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    key?: import("react").Key | null | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    placeholder?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    children?: import("react").ReactNode;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "page" | "time" | "step" | "true" | "false" | "location" | "date" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+}>;

package/dist/atomic/Blinker/Image/Image.d.ts

@@ -0,0 +1,9 @@
+import { ImageShape } from "@rubin-epo/epo-react-lib/Image";
+import { FunctionComponent } from "react";
+interface ImageProps {
+    image: ImageShape;
+    active: boolean;
+    loadCallback: () => void;
+}
+declare const BlinkerImage: FunctionComponent<ImageProps>;
+export default BlinkerImage;