@rubin-epo/epo-widget-lib 0.9.12 → 0.10.0

package/dist/layout/Controls/styles.js

@@ -1,7 +1,8 @@
 "use client";
 import i from "styled-components";
 import { token as t } from "@rubin-epo/epo-react-lib/styles";
-const n = i.div`
+import e from "../../atomic/Loader/index.js";
+const d = i.div`
   --default-widget-padding: calc(var(--PADDING_SMALL, 20px) / 2);
   --widget-gap: var(--widget-padding, var(--default-widget-padding));
 
@@ -21,7 +22,7 @@ const n = i.div`
     height: 100%;
     overflow-y: initial;
   }
-`, d = i.div`
+`, r = i.div`
   display: flex;
   flex-direction: column;
   flex-grow: 1;
@@ -30,41 +31,48 @@ const n = i.div`
   @container (min-width: ${t("BREAK_LARGE_TABLET")}) {
     flex-direction: row-reverse;
   }
-`, o = i.div`
+`, l = i.div`
   aspect-ratio: 1;
   flex: 1 1 auto;
   max-height: 100%;
   max-width: 100%;
   justify-self: center;
+  position: relative;
 
   @container (min-width: ${t("BREAK_LARGE_TABLET")}) {
     max-height: unset;
     height: 100%;
   }
-`, r = i.div`
+`, p = i.form`
   display: flex;
   flex-direction: column;
   gap: var(--widget-gap);
   flex: 0 1 100%;
-`, l = i.div`
+`, c = i.div`
   display: flex;
   gap: var(--widget-gap);
 `, g = i.div`
   @container (min-width: ${t("BREAK_LARGE_TABLET")}) {
     display: none;
   }
-`, c = i.div`
+`, s = i.div`
   display: none;
   @container (min-width: ${t("BREAK_LARGE_TABLET")}) {
     display: block;
   }
+`, f = i(e)`
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
 `;
 export {
-  l as Actions,
-  r as Controls,
-  d as InteractionRow,
-  c as LandscapeCaption,
+  c as Actions,
+  p as Controls,
+  r as InteractionRow,
+  s as LandscapeCaption,
   g as PortraitCaption,
-  o as Widget,
-  n as WidgetLayout
+  f as StackedLoader,
+  l as Widget,
+  d as WidgetLayout
 };

package/dist/lib/helpers.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("lodash/mergeWith");require("lodash/isNil");const r=e=>e*3.26156;exports.parsecsToLightyears=r;

package/dist/lib/helpers.d.ts

@@ -1,2 +1,3 @@
 export declare const timestampFromMJD: (mjd: number) => number;
 export declare const mjdFromTimestamp: (timestamp: number, pre?: number) => number;
+export declare const parsecsToLightyears: (parsecs: number) => number;

package/dist/lib/helpers.js

@@ -0,0 +1,6 @@
+import "lodash/mergeWith";
+import "lodash/isNil";
+const p = (o) => o * 3.26156;
+export {
+  p as parsecsToLightyears
+};

package/dist/lib/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=(t,e)=>{switch(!0){case t>e:return 0;case t<0:return e;default:return t}},f=(t,e,n)=>t>=e&&t<=n,l=(t=[],e=[])=>{const n=t[0]<e[0]?t:e,r=n===t?e:t;return n[1]<r[0]?null:[r[0],n[1]<r[1]?n[1]:r[1]]},g=(t=[0,1],e=[0,1],n)=>{const r={clamp:!1,fractionDigits:2},{clamp:a,fractionDigits:c}={...r,...n};return o=>{const s=t[1]-t[0];if(s===0)return(e[0]+e[1])/2;let i=(o-t[0])/s;return a&&(i=Math.min(Math.max(i,0),1)),Number((i*(e[1]-e[0])+e[0]).toFixed(c))}},m=()=>{const t=navigator.userAgent.indexOf("Chrome")>-1;return navigator.userAgent.indexOf("Safari")>-1&&!t};exports.between=f;exports.getClampedArrayIndex=u;exports.getLinearScale=g;exports.intersection=l;exports.isSafari=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("lodash/mergeWith"),g=require("lodash/isNil"),o=t=>t&&t.__esModule?t:{default:t},m=o(d),c=o(g),h=(t,e)=>{switch(!0){case t>e:return 0;case t<0:return e;default:return t}},M=(t,e,r)=>t>=e&&t<=r,p=(t=[],e=[])=>{const r=t[0]<e[0]?t:e,n=r===t?e:t;return r[1]<n[0]?null:[n[0],r[1]<n[1]?r[1]:n[1]]},A=t=>t[Math.round((t.length-1)/2)],S=(t=[0,1],e=[0,1],r)=>{const n={clamp:!1,fractionDigits:2},{clamp:i,fractionDigits:s}={...n,...r};return l=>{const a=t[1]-t[0];if(a===0)return(e[0]+e[1])/2;let u=(l-t[0])/a;return i&&(u=Math.min(Math.max(u,0),1)),Number((u*(e[1]-e[0])+e[0]).toFixed(s))}},_=()=>{const t=navigator.userAgent.indexOf("Chrome")>-1;return navigator.userAgent.indexOf("Safari")>-1&&!t},f=(t,e)=>c.default(e)&&t?c.default(t)?e:t:e,D=(t,e)=>m.default({},e,t,f),b=(t,e=[0,0])=>t.reduce((r,{x:n,y:i},s)=>r+=`${s===0?"M":" L"}${n+e[0]},${i+e[1]}`,"");exports.between=M;exports.buildPath=b;exports.defaultsMerger=f;exports.getClampedArrayIndex=h;exports.getLinearScale=S;exports.intersection=p;exports.isSafari=_;exports.mergeWithDefaults=D;exports.middle=A;

package/dist/lib/utils.d.ts

@@ -1,3 +1,5 @@
+import { Point } from '../types/charts';
+
 /** clamps the index to the bounds of an array
  *  if the index is higher than the final index
  *  it will clamp to 0, if it is lower it will clamp
@@ -11,6 +13,7 @@ export declare const between: (x: number, min: number, max: number) => boolean;
  *  [3,5]
  */
 export declare const intersection: (a?: number[], b?: number[]) => number[] | null;
+export declare const middle: <T>(arr: T[]) => T;
 /**
  * maps an input domain to a final range
  * ex. for a domain of [0,10] and range of [10,20]
@@ -26,3 +29,6 @@ export declare const getLinearScale: (domain?: number[], range?: number[], optio
 }) => (domainValue: number) => number;
 export declare const precision: (number: number, precision: number) => number;
 export declare const isSafari: () => boolean;
+export declare const defaultsMerger: (objValue: any, srcValue: any) => any;
+export declare const mergeWithDefaults: (value: any, defaultValues: any) => any;
+export declare const buildPath: (points: Array<Point>, translate?: Array<number>) => string;

package/dist/lib/utils.js

@@ -1,34 +1,40 @@
-const u = (t, n) => {
+import a from "lodash/mergeWith";
+import u from "lodash/isNil";
+const l = (t, e) => {
   switch (!0) {
-    case t > n:
+    case t > e:
       return 0;
     case t < 0:
-      return n;
+      return e;
     default:
       return t;
   }
-}, f = (t, n, e) => t >= n && t <= e, l = (t = [], n = []) => {
-  const e = t[0] < n[0] ? t : n, r = e === t ? n : t;
-  return e[1] < r[0] ? null : [r[0], e[1] < r[1] ? e[1] : r[1]];
-}, m = (t = [0, 1], n = [0, 1], e) => {
-  const r = { clamp: !1, fractionDigits: 2 }, { clamp: i, fractionDigits: o } = { ...r, ...e };
-  return (a) => {
+}, d = (t, e, r) => t >= e && t <= r, p = (t = [], e = []) => {
+  const r = t[0] < e[0] ? t : e, n = r === t ? e : t;
+  return r[1] < n[0] ? null : [n[0], r[1] < n[1] ? r[1] : n[1]];
+}, A = (t) => t[Math.round((t.length - 1) / 2)], M = (t = [0, 1], e = [0, 1], r) => {
+  const n = { clamp: !1, fractionDigits: 2 }, { clamp: i, fractionDigits: s } = { ...n, ...r };
+  return (f) => {
     const c = t[1] - t[0];
     if (c === 0)
-      return (n[0] + n[1]) / 2;
-    let s = (a - t[0]) / c;
-    return i && (s = Math.min(Math.max(s, 0), 1)), Number(
-      (s * (n[1] - n[0]) + n[0]).toFixed(o)
+      return (e[0] + e[1]) / 2;
+    let o = (f - t[0]) / c;
+    return i && (o = Math.min(Math.max(o, 0), 1)), Number(
+      (o * (e[1] - e[0]) + e[0]).toFixed(s)
     );
   };
-}, g = () => {
+}, x = () => {
   const t = navigator.userAgent.indexOf("Chrome") > -1;
   return navigator.userAgent.indexOf("Safari") > -1 && !t;
-};
+}, m = (t, e) => u(e) && t ? u(t) ? e : t : e, D = (t, e) => a({}, e, t, m), I = (t, e = [0, 0]) => t.reduce((r, { x: n, y: i }, s) => r += `${s === 0 ? "M" : " L"}${n + e[0]},${i + e[1]}`, "");
 export {
-  f as between,
-  u as getClampedArrayIndex,
-  m as getLinearScale,
-  l as intersection,
-  g as isSafari
+  d as between,
+  I as buildPath,
+  m as defaultsMerger,
+  l as getClampedArrayIndex,
+  M as getLinearScale,
+  p as intersection,
+  x as isSafari,
+  D as mergeWithDefaults,
+  A as middle
 };

package/dist/localeStrings/en/epo-widget-lib.json

@@ -130,5 +130,23 @@
       "point_label_after_other": "Apparent Magnitude: {{magnitude}} {{count}} days after peak",
       "tooltip": "Apparent Magnitude: {{magnitude}}"
     }
+  },
+  "isochrone_plot": {
+    "output": "{{age}} Gyrs {{distance}} Lyrs",
+    "output_screenreader": "{{age}} gigayears {{distance}} lightyears, {{percent}} of stars are on the curve.",
+    "plot": {
+      "x_label": "Color Index",
+      "y_label": "Apparent G Magnitude"
+    },
+    "controls": {
+      "age": {
+        "label": "Age",
+        "textValue": "{{value}} gigayears"
+      },
+      "distance": {
+        "label": "Distance",
+        "textValue": "{{value}} magnitude offset"
+      }
+    }
   }
 }

package/dist/styles/svg.d.ts

@@ -1,6 +1,6 @@
-export declare const Container: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
-    key?: import("react").Key | null | undefined;
+export declare const Container: 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;
@@ -19,12 +19,12 @@ export declare const Container: import("styled-components").IStyledComponent<"we
     placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
-    style?: import("react").CSSProperties | undefined;
+    style?: import('react').CSSProperties | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
     translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
-    role?: import("react").AriaRole | undefined;
+    role?: import('react').AriaRole | undefined;
     about?: string | undefined;
     content?: string | undefined;
     datatype?: string | undefined;
@@ -50,7 +50,7 @@ export declare const Container: import("styled-components").IStyledComponent<"we
     unselectable?: "on" | "off" | undefined;
     inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
-    children?: import("react").ReactNode;
+    children?: import('react').ReactNode;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
@@ -107,166 +107,166 @@ export declare const Container: import("styled-components").IStyledComponent<"we
     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;
+    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/widgets/CameraFilter/CameraFilter.d.ts

@@ -1,3 +1,4 @@
-import { FunctionComponent } from "react";
+import { FunctionComponent } from 'react';
+
 declare const CameraFilter: FunctionComponent;
 export default CameraFilter;

package/dist/widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.d.ts

@@ -1,5 +1,6 @@
-import { FunctionComponent } from "react";
-import { Filter } from "../data";
+import { FunctionComponent } from 'react';
+import { Filter } from '../data';
+
 interface FilterRangesProps {
     filters: Array<Required<Filter>>;
     min: number;