@rubin-epo/epo-widget-lib 0.2.1 → 0.4.1

package/dist/widgets/SourceSelector/styles.cjs

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),s=require("../../styles/svg.cjs"),a=require("../../atomic/Blinker/Blinker.cjs"),l=require("../../atomic/ElapsedTime/ElapsedTime.cjs"),i=e=>e&&e.__esModule?e:{default:e},t=i(r),n=t.default(s.Container)`
+  ${({width:e,height:o})=>r.css`
+    aspect-ratio: ${e} / ${o};
+    max-width: ${e}px;
+    max-height: ${o}px;
+  `}
+`,u=t.default.svg`
+  position: absolute;
+  top: 0;
+  left: 0;
+  cursor: ${({$isDisplayOnly:e})=>e?"default":"pointer"};
+`,c=t.default(a.default)`
+  position: absolute;
+  width: 100%;
+  height: 100%;
+`,d=t.default(l.default)`
+  position: absolute;
+  right: var(--PADDING_SMALL, 20px);
+  bottom: var(--PADDING_SMALL, 20px);
+`;exports.BackgroundBlinker=c;exports.ElapsedDisplay=d;exports.SVG=u;exports.SourceSelectorContainer=n;

package/dist/widgets/SourceSelector/styles.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
-export declare const SourceSelectorContainer: import("styled-components").StyledComponent<"div", any, {
+export declare const SourceSelectorContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, {
     width: number;
     height: number;
-}, never>;
-export declare const SVG: import("styled-components").StyledComponent<"svg", any, {
-    isDisplayOnly: boolean;
-}, never>;
-export declare const BackgroundBlinker: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../atomic/Blinker/Blinker").BlinkerProps>, any, {}, never>;
-export declare const ElapsedDisplay: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../atomic/ElapsedTime/ElapsedTime").TimeStepProps>, any, {}, never>;
+}>>;
+export declare const SVG: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGSVGElement>, {
+    $isDisplayOnly: boolean;
+}>>;
+export declare const BackgroundBlinker: import("styled-components").IStyledComponent<"web", Omit<import("../../atomic/Blinker/Blinker").BlinkerProps, never>>;
+export declare const ElapsedDisplay: import("styled-components").IStyledComponent<"web", Omit<import("../../atomic/ElapsedTime/ElapsedTime").TimeStepProps, never>>;

package/dist/widgets/SourceSelector/styles.js

@@ -0,0 +1,30 @@
+import t, { css as i } from "styled-components";
+import { Container as e } from "../../styles/svg.js";
+import s from "../../atomic/Blinker/Blinker.js";
+import p from "../../atomic/ElapsedTime/ElapsedTime.js";
+const c = t(e)`
+  ${({ width: o, height: r }) => i`
+    aspect-ratio: ${o} / ${r};
+    max-width: ${o}px;
+    max-height: ${r}px;
+  `}
+`, u = t.svg`
+  position: absolute;
+  top: 0;
+  left: 0;
+  cursor: ${({ $isDisplayOnly: o }) => o ? "default" : "pointer"};
+`, x = t(s)`
+  position: absolute;
+  width: 100%;
+  height: 100%;
+`, d = t(p)`
+  position: absolute;
+  right: var(--PADDING_SMALL, 20px);
+  bottom: var(--PADDING_SMALL, 20px);
+`;
+export {
+  x as BackgroundBlinker,
+  d as ElapsedDisplay,
+  u as SVG,
+  c as SourceSelectorContainer
+};

package/dist/widgets/SourceSelector/utilities.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=(t,n)=>{const[r,a]=t,[e,c]=n;return i=>i/(a-r)*(c-e)+e};exports.getLinearScale=o;

package/dist/widgets/SourceSelector/utilities.js

@@ -0,0 +1,7 @@
+const M = (r, t) => {
+  const [e, a] = r, [n, c] = t;
+  return (o) => o / (a - e) * (c - n) + n;
+};
+export {
+  M as getLinearScale
+};

package/dist/widgets/SourceSelector/utilities.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "0.2.1",
+  "version": "0.4.1",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",
@@ -17,14 +17,14 @@
     "README.md",
     "dist"
   ],
-  "main": "./dist/epo-widget-lib.umd.js",
-  "module": "./dist/epo-widget-lib.es.js",
-  "types": "./dist/index.d.ts",
+  "sideEffects": false,
   "exports": {
-    ".": {
-      "import": "./dist/epo-widget-lib.es.js",
-      "require": "./dist/epo-widget-lib.umd.js"
-    }
+    "./*": {
+      "import": "./dist/*.js",
+      "require": "./dist/*.cjs",
+      "types": "./dist/*.d.ts"
+    },
+    "./localeStrings": "./dist/localeStrings"
   },
   "publishConfig": {
     "access": "public",
@@ -38,8 +38,9 @@
     "react-i18next": "^12.2.0"
   },
   "dependencies": {
-    "@rubin-epo/epo-react-lib": "^1.1.5",
-    "styled-components": "^5.3.9",
-    "use-resize-observer": "^9.1.0"
+    "@rubin-epo/epo-react-lib": "^2.0.0-beta.6",
+    "styled-components": "^6.0.1",
+    "use-resize-observer": "^9.1.0",
+    "lodash": "^4.17.21"
   }
 }

package/dist/assets/locales/index.d.ts

@@ -1,115 +0,0 @@
-declare const _default: {
-    en: {
-        translation: {
-            blinker: {
-                controls: {
-                    rewind: string;
-                    forward: string;
-                    play: string;
-                    pause: string;
-                };
-            };
-            elapsed_time: {
-                title: string;
-                step: {
-                    day_one: string;
-                    day_other: string;
-                    hour_one: string;
-                    hour_other: string;
-                    minute_one: string;
-                    minute_other: string;
-                    second_one: string;
-                    second_other: string;
-                    year_one: string;
-                    year_other: string;
-                };
-            };
-            filterTool: {
-                title: string;
-                filter: string;
-                whiteLight: string;
-                prism: string;
-                selectLabel: string;
-                colors: {
-                    violet: string;
-                    blue: string;
-                    green: string;
-                    yellow: string;
-                    orange: string;
-                    red: string;
-                    none: string;
-                };
-            };
-            colorTool: {
-                labels: {
-                    object_type: string;
-                    object: string;
-                    object_selected: string;
-                    filter: string;
-                    color: string;
-                    color_intensity: string;
-                };
-                actions: {
-                    select_an_object: string;
-                    select_filter: string;
-                    reset: string;
-                };
-            };
-            source_selector: {
-                messages: {
-                    success: string;
-                    failure: string;
-                };
-            };
-            camera_filter: {
-                title: string;
-                labels: {
-                    select: string;
-                    option: string;
-                    option_none: string;
-                    captured_range: string;
-                    captured_range_no_filter: string;
-                    ultraviolet: string;
-                    visible: string;
-                    infrared: string;
-                };
-            };
-        };
-    };
-    es: {
-        translation: {
-            elapsed_time: {
-                title: string;
-                step: {
-                    day_one: string;
-                    day_other: string;
-                    hour_one: string;
-                    hour_other: string;
-                    minute_one: string;
-                    minute_other: string;
-                    second_one: string;
-                    second_other: string;
-                    year_one: string;
-                    year_other: string;
-                };
-            };
-            filterTool: {
-                title: string;
-                filter: string;
-                whiteLight: string;
-                prism: string;
-                selectLabel: string;
-                colors: {
-                    violet: string;
-                    blue: string;
-                    green: string;
-                    yellow: string;
-                    orange: string;
-                    red: string;
-                    none: string;
-                };
-            };
-        };
-    };
-};
-export default _default;