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

package/dist/widgets/CameraFilter/styles.cjs

@@ -1,105 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("@rubin-epo/epo-react-lib/styles"),o=require("../../layout/AspectRatio/index.cjs"),a=n=>n&&n.__esModule?n:{default:n},e=a(i),l=e.default(o.default)`
-  display: flex;
-  align-items: center;
-`,r=e.default.div`
-  container-type: inline-size;
-
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-auto-rows: min-content;
-  text-align: center;
-  width: 100%;
-`,s=e.default.h3`
-  margin: 0;
-`,d=e.default.table`
-  border-collapse: collapse;
-  text-align: center;
-  margin-inline-start: var(--filter-table-margin-inline-start);
-  width: var(--filter-table-width);
-
-  @container (min-width: ${t.token("BREAK_TABLET")}) {
-    margin-block-start: var(--PADDING_SMALL, 20px);
-  }
-`,c=e.default.tbody`
-  display: table-header-group;
-`,f=e.default.thead`
-  display: table-row-group;
-`,m=e.default.td`
-  line-height: 1.2;
-  font-size: 80%;
-`,u=e.default.span`
-  font-size: 80%;
-`,p=e.default.th`
-  font-size: 120%;
-  font-weight: var(--FONT_WEIGHT_NORMAL, 400);
-  border: var(--filter-name-border);
-  border-width: 1px;
-
-  @container (min-width: ${t.token("BREAK_TABLET")}) {
-    border-width: 3px;
-  }
-`,g=e.default.div`
-  min-width: 20ch;
-  width: 50%;
-  max-width: 30ch;
-  justify-self: center;
-  text-align: left;
-`,h=e.default.label`
-  font-size: 0.75em;
-`,w=e.default.text`
-  font-size: 2em;
-
-  @container (min-width: ${t.token("BREAK_MOBILE")}) {
-    font-size: 1.25em;
-  }
-
-  @container (min-width: ${t.token("BREAK_PHABLET_MIN")}) {
-    font-size: 0.75em;
-  }
-`,b=e.default.tspan`
-  font-size: 2em;
-
-  @container (min-width: ${t.token("BREAK_MOBILE")}) {
-    font-size: 1.25em;
-  }
-
-  @container (min-width: ${t.token("BREAK_PHABLET_MIN")}) {
-    font-size: 0.75em;
-  }
-`,_=e.default.tspan`
-  font-size: 1.5em;
-
-  @container (min-width: ${t.token("BREAK_MOBILE")}) {
-    font-size: 1em;
-  }
-
-  @container (min-width: ${t.token("BREAK_PHABLET_MIN")}) {
-    font-size: 0.5em;
-  }
-`,A=e.default.tspan`
-  font-size: 1.3em;
-
-  @container (min-width: ${t.token("BREAK_MOBILE")}) {
-    font-size: 0.8em;
-  }
-
-  @container (min-width: ${t.token("BREAK_PHABLET_MIN")}) {
-    font-size: 0.4em;
-  }
-`,B=e.default.ul`
-  display: flex;
-  justify-content: space-between;
-  line-height: 1.2;
-  font-size: 80%;
-  margin: var(--PADDING_SMALL, 20px) 0 0;
-  padding: 0;
-  list-style-type: none;
-`,E=e.default.li`
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-
-  &:before {
-    content: "\200B";
-  }
-`;exports.ColorName=b;exports.ColorSpectrum=_;exports.ColorSpectrumUnit=A;exports.CondensedRange=E;exports.CondensedRangeRow=B;exports.FilterContainer=r;exports.FilterName=p;exports.FilterNames=f;exports.FilterRange=m;exports.FilterRanges=c;exports.FilterTable=d;exports.FilterTitle=s;exports.FilterWrapper=l;exports.SelectContainer=g;exports.SelectLabel=h;exports.SpectrumLabel=w;exports.Wavelength=u;

package/dist/widgets/CameraFilter/styles.js

@@ -1,128 +0,0 @@
-"use client";
-import t from "styled-components";
-import { token as e } from "@rubin-epo/epo-react-lib/styles";
-import n from "../../layout/AspectRatio/index.js";
-const a = t(n)`
-  display: flex;
-  align-items: center;
-`, s = t.div`
-  container-type: inline-size;
-
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-auto-rows: min-content;
-  text-align: center;
-  width: 100%;
-`, l = t.h3`
-  margin: 0;
-`, c = t.table`
-  border-collapse: collapse;
-  text-align: center;
-  margin-inline-start: var(--filter-table-margin-inline-start);
-  width: var(--filter-table-width);
-
-  @container (min-width: ${e("BREAK_TABLET")}) {
-    margin-block-start: var(--PADDING_SMALL, 20px);
-  }
-`, m = t.tbody`
-  display: table-header-group;
-`, d = t.thead`
-  display: table-row-group;
-`, p = t.td`
-  line-height: 1.2;
-  font-size: 80%;
-`, f = t.span`
-  font-size: 80%;
-`, h = t.th`
-  font-size: 120%;
-  font-weight: var(--FONT_WEIGHT_NORMAL, 400);
-  border: var(--filter-name-border);
-  border-width: 1px;
-
-  @container (min-width: ${e("BREAK_TABLET")}) {
-    border-width: 3px;
-  }
-`, g = t.div`
-  min-width: 20ch;
-  width: 50%;
-  max-width: 30ch;
-  justify-self: center;
-  text-align: left;
-`, w = t.label`
-  font-size: 0.75em;
-`, A = t.text`
-  font-size: 2em;
-
-  @container (min-width: ${e("BREAK_MOBILE")}) {
-    font-size: 1.25em;
-  }
-
-  @container (min-width: ${e("BREAK_PHABLET_MIN")}) {
-    font-size: 0.75em;
-  }
-`, B = t.tspan`
-  font-size: 2em;
-
-  @container (min-width: ${e("BREAK_MOBILE")}) {
-    font-size: 1.25em;
-  }
-
-  @container (min-width: ${e("BREAK_PHABLET_MIN")}) {
-    font-size: 0.75em;
-  }
-`, E = t.tspan`
-  font-size: 1.5em;
-
-  @container (min-width: ${e("BREAK_MOBILE")}) {
-    font-size: 1em;
-  }
-
-  @container (min-width: ${e("BREAK_PHABLET_MIN")}) {
-    font-size: 0.5em;
-  }
-`, b = t.tspan`
-  font-size: 1.3em;
-
-  @container (min-width: ${e("BREAK_MOBILE")}) {
-    font-size: 0.8em;
-  }
-
-  @container (min-width: ${e("BREAK_PHABLET_MIN")}) {
-    font-size: 0.4em;
-  }
-`, z = t.ul`
-  display: flex;
-  justify-content: space-between;
-  line-height: 1.2;
-  font-size: 80%;
-  margin: var(--PADDING_SMALL, 20px) 0 0;
-  padding: 0;
-  list-style-type: none;
-`, _ = t.li`
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-
-  &:before {
-    content: "\200B";
-  }
-`;
-export {
-  B as ColorName,
-  E as ColorSpectrum,
-  b as ColorSpectrumUnit,
-  _ as CondensedRange,
-  z as CondensedRangeRow,
-  s as FilterContainer,
-  h as FilterName,
-  d as FilterNames,
-  p as FilterRange,
-  m as FilterRanges,
-  c as FilterTable,
-  l as FilterTitle,
-  a as FilterWrapper,
-  g as SelectContainer,
-  w as SelectLabel,
-  A as SpectrumLabel,
-  f as Wavelength
-};

package/dist/widgets/ColorTool/ColorTool.d.ts

@@ -1,46 +0,0 @@
-import { FunctionComponent } from 'react';
-import { ListboxOption } from '@rubin-epo/epo-react-lib/SelectListbox';
-
-export interface ImageFilter {
-    label: string;
-    defaultColor?: string;
-    color?: string;
-    active: boolean;
-    image: string;
-    isDisabled: boolean;
-    value: number;
-    defaultValue?: number;
-    min: number;
-    max: number;
-    brightness?: number;
-}
-export interface AstroObject {
-    name: string;
-    filters: ImageFilter[];
-}
-export interface AstroCategory {
-    type: string;
-    objects: AstroObject[];
-}
-export type ColorToolAction = "reset" | "export" | "save";
-interface ColorToolConfig {
-    actions?: Array<ColorToolAction>;
-    /** pixel width of the images in the tool */
-    width?: number;
-    /** pixel height of the images in the tool */
-    height?: number;
-    hideSubtitle?: boolean;
-}
-interface ColorToolProps {
-    selectionCallback: (selectedData: AstroObject) => void;
-    data: AstroCategory[];
-    selectedData: AstroObject;
-    objectOptions?: ListboxOption[];
-    colorOptions?: ListboxOption[];
-    isDisabled?: boolean;
-    isDisplayOnly?: boolean;
-    config?: ColorToolConfig;
-    className?: string;
-}
-declare const ColorTool: FunctionComponent<ColorToolProps>;
-export default ColorTool;

package/dist/widgets/FilterTool/FilterTool.d.ts

@@ -1,12 +0,0 @@
-import { FunctionComponent } from 'react';
-
-type FilterColor = "violet" | "blue" | "green" | "yellow" | "orange" | "red";
-interface FilterToolProps {
-    selectionCallback?: (color: FilterColor) => void;
-    selectedColor?: FilterColor | "none";
-    isDisabled?: boolean;
-    id?: string;
-    labelledById?: string;
-}
-declare const FilterTool: FunctionComponent<FilterToolProps>;
-export default FilterTool;