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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/dist/CameraFilter.cjs +1 -1
  2. package/dist/CameraFilter.js +27 -27
  3. package/dist/ColorTool.cjs +1 -1
  4. package/dist/ColorTool.js +70 -78
  5. package/dist/SourceSelector.cjs +1 -1
  6. package/dist/SourceSelector.js +70 -69
  7. package/dist/atomic/Blinker/Blinker.cjs +1 -1
  8. package/dist/atomic/Blinker/Blinker.js +44 -50
  9. package/dist/atomic/Blinker/Image/Image.cjs +1 -1
  10. package/dist/atomic/Blinker/Image/Image.js +15 -15
  11. package/dist/atomic/Blinker/Image/styles.cjs +3 -8
  12. package/dist/atomic/Blinker/Image/styles.js +4 -9
  13. package/dist/atomic/Blinker/Images/Images.cjs +1 -1
  14. package/dist/atomic/Blinker/Images/Images.js +38 -31
  15. package/dist/atomic/Blinker/Images/styles.cjs +3 -8
  16. package/dist/atomic/Blinker/Images/styles.js +6 -11
  17. package/dist/atomic/Blinker/styles.cjs +14 -15
  18. package/dist/atomic/Blinker/styles.js +20 -20
  19. package/dist/favicon/apple-touch-icon.png +0 -0
  20. package/dist/favicon/favicon-16x16.png +0 -0
  21. package/dist/favicon/favicon-32x32.png +0 -0
  22. package/dist/{widgets/CameraFilter → types}/CameraFilter.d.ts +6 -3
  23. package/dist/{widgets/ColorTool → types}/ColorTool.d.ts +45 -37
  24. package/dist/{widgets/FilterTool → types}/FilterTool.d.ts +16 -11
  25. package/dist/{widgets/SourceSelector → types}/SourceSelector.d.ts +28 -22
  26. package/dist/widgets/ColorTool/styles.cjs +26 -33
  27. package/dist/widgets/ColorTool/styles.js +36 -41
  28. package/dist/widgets/ColorTool/utilities.cjs +1 -1
  29. package/dist/widgets/ColorTool/utilities.js +23 -27
  30. package/dist/widgets/SourceSelector/utilities.cjs +1 -1
  31. package/dist/widgets/SourceSelector/utilities.js +7 -4
  32. package/package.json +26 -10
  33. package/dist/CameraFilter.d.ts +0 -3
  34. package/dist/ColorTool.d.ts +0 -3
  35. package/dist/FilterTool.d.ts +0 -3
  36. package/dist/SourceSelector.d.ts +0 -3
  37. package/dist/atomic/Blinker/Blinker.d.ts +0 -14
  38. package/dist/atomic/Blinker/Controls/Controls.d.ts +0 -11
  39. package/dist/atomic/Blinker/Controls/styles.d.ts +0 -2
  40. package/dist/atomic/Blinker/Image/Image.d.ts +0 -9
  41. package/dist/atomic/Blinker/Image/styles.d.ts +0 -4
  42. package/dist/atomic/Blinker/Images/Images.d.ts +0 -8
  43. package/dist/atomic/Blinker/Images/styles.d.ts +0 -5
  44. package/dist/atomic/Blinker/_mocks/index.d.ts +0 -2
  45. package/dist/atomic/Blinker/index.d.ts +0 -1
  46. package/dist/atomic/Blinker/styles.d.ts +0 -8
  47. package/dist/atomic/ElapsedTime/ElapsedTime.d.ts +0 -10
  48. package/dist/atomic/ElapsedTime/index.d.ts +0 -1
  49. package/dist/atomic/ElapsedTime/styles.d.ts +0 -7
  50. package/dist/atomic/PlaybackControl/PlaybackControl.d.ts +0 -9
  51. package/dist/atomic/PlaybackControl/index.d.ts +0 -1
  52. package/dist/atomic/PlaybackControl/styles.d.ts +0 -3
  53. package/dist/hooks/useInterval.d.ts +0 -1
  54. package/dist/lib/utils.d.ts +0 -13
  55. package/dist/lib/utils.test.d.ts +0 -1
  56. package/dist/styles/svg.d.ts +0 -2
  57. package/dist/widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.d.ts +0 -9
  58. package/dist/widgets/CameraFilter/CondensedFilterRanges/index.d.ts +0 -1
  59. package/dist/widgets/CameraFilter/SpectrumDisplay/ColorLabels/ColorLabels.d.ts +0 -10
  60. package/dist/widgets/CameraFilter/SpectrumDisplay/ColorLabels/index.d.ts +0 -1
  61. package/dist/widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.d.ts +0 -11
  62. package/dist/widgets/CameraFilter/SpectrumDisplay/SpectrumLabels/SpectrumLabels.d.ts +0 -14
  63. package/dist/widgets/CameraFilter/SpectrumDisplay/SpectrumLabels/index.d.ts +0 -1
  64. package/dist/widgets/CameraFilter/SpectrumDisplay/index.d.ts +0 -1
  65. package/dist/widgets/CameraFilter/data.d.ts +0 -39
  66. package/dist/widgets/CameraFilter/index.d.ts +0 -1
  67. package/dist/widgets/CameraFilter/styles.d.ts +0 -23
  68. package/dist/widgets/ColorTool/FilterControls/FilterControls.d.ts +0 -14
  69. package/dist/widgets/ColorTool/FilterControls/index.d.ts +0 -1
  70. package/dist/widgets/ColorTool/FilterImage/FilterImage.d.ts +0 -11
  71. package/dist/widgets/ColorTool/FilterImage/index.d.ts +0 -1
  72. package/dist/widgets/ColorTool/ImageComposite/ImageComposite.d.ts +0 -7
  73. package/dist/widgets/ColorTool/ImageComposite/index.d.ts +0 -1
  74. package/dist/widgets/ColorTool/index.d.ts +0 -1
  75. package/dist/widgets/ColorTool/styles.d.ts +0 -23
  76. package/dist/widgets/ColorTool/utilities.d.ts +0 -21
  77. package/dist/widgets/FilterTool/index.d.ts +0 -1
  78. package/dist/widgets/FilterTool/styles.d.ts +0 -10
  79. package/dist/widgets/SourceSelector/Message/Message.d.ts +0 -10
  80. package/dist/widgets/SourceSelector/Message/index.d.ts +0 -1
  81. package/dist/widgets/SourceSelector/Message/styles.d.ts +0 -5
  82. package/dist/widgets/SourceSelector/Point/Point.d.ts +0 -15
  83. package/dist/widgets/SourceSelector/Point/index.d.ts +0 -1
  84. package/dist/widgets/SourceSelector/Point/styles.d.ts +0 -4
  85. package/dist/widgets/SourceSelector/Points/Points.d.ts +0 -13
  86. package/dist/widgets/SourceSelector/Points/index.d.ts +0 -1
  87. package/dist/widgets/SourceSelector/index.d.ts +0 -1
  88. package/dist/widgets/SourceSelector/mocks/index.d.ts +0 -7
  89. package/dist/widgets/SourceSelector/styles.d.ts +0 -12
  90. package/dist/widgets/SourceSelector/utilities.d.ts +0 -1
  91. package/dist/widgets/SourceSelector/utilities.test.d.ts +0 -1
@@ -1,14 +0,0 @@
1
- import { FunctionComponent } from "react";
2
- import { Band } from '../../../../types/astro';
3
- import { Spectrum } from "../../data";
4
- interface SpectrumLabelsProps {
5
- spectrums: Spectrum[];
6
- activeBand?: Band;
7
- min: number;
8
- max: number;
9
- activeMin?: number;
10
- activeMax?: number;
11
- isCondensed: boolean;
12
- }
13
- declare const SpectrumLabels: FunctionComponent<SpectrumLabelsProps>;
14
- export default SpectrumLabels;
@@ -1 +0,0 @@
1
- export { default } from "./SpectrumLabels";
@@ -1 +0,0 @@
1
- export { default } from "./SpectrumDisplay";
@@ -1,39 +0,0 @@
1
- import { Band } from '../../types/astro';
2
- export type Range<T, N extends number, R extends T[] = []> = R["length"] extends N ? R : Range<T, N, [T, ...R]>;
3
- export interface Filter {
4
- band?: Band;
5
- range: Range<number, 2>;
6
- }
7
- interface GradientStop {
8
- stopColor: string;
9
- offset: number;
10
- id?: string;
11
- }
12
- export interface VisibleColor {
13
- name: string;
14
- range: Range<number, 2>;
15
- color: string;
16
- }
17
- export interface Spectrum {
18
- name: string;
19
- upper?: number;
20
- lower?: number;
21
- stops: GradientStop[];
22
- colors?: VisibleColor[];
23
- }
24
- export declare const filters: Filter[];
25
- export declare const colors: VisibleColor[];
26
- export declare const spectrums: Spectrum[];
27
- export declare const rangeConfig: {
28
- condensed: {
29
- min: number;
30
- max: number;
31
- range: number;
32
- };
33
- default: {
34
- min: number;
35
- max: number;
36
- range: number;
37
- };
38
- };
39
- export {};
@@ -1 +0,0 @@
1
- export { default } from "./CameraFilter";
@@ -1,23 +0,0 @@
1
- /// <reference types="react" />
2
- import { Band } from '../../types/astro';
3
- export declare const FilterContainer: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
4
- export declare const FilterTable: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {
5
- range: number;
6
- offset: number;
7
- }>>;
8
- export declare const FilterRanges: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>>;
9
- export declare const FilterNames: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>>;
10
- export declare const FilterRange: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>>;
11
- export declare const Wavelength: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
12
- export declare const FilterName: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {
13
- band?: Band | undefined;
14
- $isCondensed: boolean;
15
- }>>;
16
- export declare const SelectContainer: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
17
- export declare const SelectLabel: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>>;
18
- export declare const SpectrumLabel: import("styled-components").IStyledComponent<"web", Omit<import("react").SVGTextElementAttributes<SVGTextElement>, never>>;
19
- export declare const ColorName: import("styled-components").IStyledComponent<"web", Omit<import("react").SVGProps<SVGTSpanElement>, never>>;
20
- export declare const ColorSpectrum: import("styled-components").IStyledComponent<"web", Omit<import("react").SVGProps<SVGTSpanElement>, never>>;
21
- export declare const ColorSpectrumUnit: import("styled-components").IStyledComponent<"web", Omit<import("react").SVGProps<SVGTSpanElement>, never>>;
22
- export declare const CondensedRangeRow: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>;
23
- export declare const CondensedRange: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>>;
@@ -1,14 +0,0 @@
1
- import { ListboxOption } from "@rubin-epo/epo-react-lib";
2
- import { FunctionComponent } from "react";
3
- import { ImageFilter } from "../ColorTool";
4
- interface FilterControlProps {
5
- filter: ImageFilter;
6
- colorOptions: ListboxOption[];
7
- isDisabled: boolean;
8
- onChangeFilterCallback: (filter: ImageFilter) => void;
9
- buttonLabelledById: string;
10
- selectLabelledById: string;
11
- sliderLabelledById: string;
12
- }
13
- declare const FilterControls: FunctionComponent<FilterControlProps>;
14
- export default FilterControls;
@@ -1 +0,0 @@
1
- export { default } from "./FilterControls";
@@ -1,11 +0,0 @@
1
- import { FunctionComponent } from "react";
2
- export interface FilterImageProps {
3
- className?: string;
4
- height?: number;
5
- width?: number;
6
- image: string;
7
- color?: string;
8
- brightness?: number;
9
- }
10
- declare const FilterImage: FunctionComponent<FilterImageProps>;
11
- export default FilterImage;
@@ -1 +0,0 @@
1
- export { default } from "./FilterImage";
@@ -1,7 +0,0 @@
1
- import { FunctionComponent } from "react";
2
- import { ImageFilter } from "../ColorTool";
3
- interface ImageCompositeProps {
4
- filters: ImageFilter[];
5
- }
6
- declare const ImageComposite: FunctionComponent<ImageCompositeProps>;
7
- export default ImageComposite;
@@ -1 +0,0 @@
1
- export { default } from "./ImageComposite";
@@ -1 +0,0 @@
1
- export { default } from "./ColorTool";
@@ -1,23 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const WidgetContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
3
- $isCondensed: boolean;
4
- $hideControls: boolean;
5
- }>>;
6
- export declare const Title: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>>;
7
- export declare const Subtitle: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, never>>;
8
- export declare const ControlsContainer: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
9
- export declare const Slider: import("styled-components").IStyledComponent<"web", Omit<import("@rubin-epo/epo-react-lib/HorizontalSlider").HorizontalSliderProps, never>>;
10
- export declare const ImageContainer: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
11
- export declare const BackgroundImage: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
12
- $filtersActive: boolean;
13
- }>>;
14
- export declare const FilteredImage: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("./FilterImage/FilterImage").FilterImageProps, {
15
- active: boolean;
16
- }>>;
17
- export declare const SelectionContainer: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
18
- export declare const ToolsHeader: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
19
- export declare const Caption: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
20
- export declare const ResetButton: import("styled-components").IStyledComponent<"web", Omit<Omit<import("react").PropsWithChildren<import("@rubin-epo/epo-react-lib/Button").ButtonProps>, "ref"> & import("react").RefAttributes<HTMLButtonElement>, never>>;
21
- export declare const FilterToggleButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").PropsWithChildren<import("@rubin-epo/epo-react-lib/Button").ButtonProps>, "ref"> & import("react").RefAttributes<HTMLButtonElement>, {
22
- $active: boolean;
23
- }>>;
@@ -1,21 +0,0 @@
1
- import { AstroCategory, AstroObject, ImageFilter } from "./ColorTool";
2
- export declare const getBrightnessValue: (min: number, max: number, value: number) => number;
3
- export declare const isFilterActive: (filters: ImageFilter[]) => boolean;
4
- export declare const isResetButtonActive: (data: AstroObject) => boolean;
5
- export declare const updateFilters: (datum: AstroObject) => {
6
- brightness: number;
7
- color: string | undefined;
8
- label: string;
9
- defaultColor?: string | undefined;
10
- active: boolean;
11
- image: string;
12
- isDisabled: boolean;
13
- value: number;
14
- defaultValue?: number | undefined;
15
- min: number;
16
- max: number;
17
- }[];
18
- export declare const prepareData: (data: AstroObject) => AstroObject;
19
- export declare const getDataFiltersByName: (data: AstroCategory[], name: string) => ImageFilter[];
20
- export declare const getCategoryName: (data: AstroCategory[], objectName: string) => string | null;
21
- export declare const resetFilters: (filters: ImageFilter[]) => ImageFilter[];
@@ -1 +0,0 @@
1
- export { default } from "./FilterTool";
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Wrapper: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
3
- export declare const SelectContainer: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
4
- export declare const SelectLabel: import("styled-components").IStyledComponent<"web", Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>>;
5
- export declare const PrismSVG: import("styled-components").IStyledComponent<"web", Omit<import("react").SVGProps<SVGSVGElement>, never>>;
6
- export declare const WhiteLine: import("styled-components").IStyledComponent<"web", Omit<import("react").SVGLineElementAttributes<SVGLineElement>, never>>;
7
- export declare const Ray: import("styled-components").IStyledComponent<"web", Omit<import("react").SVGProps<SVGPathElement>, never>>;
8
- export declare const Arrow: import("styled-components").IStyledComponent<"web", Omit<import("react").SVGProps<SVGPolygonElement>, never>>;
9
- export declare const PrismOutline: import("styled-components").IStyledComponent<"web", Omit<import("react").SVGProps<SVGPolygonElement>, never>>;
10
- export declare const Filter: import("styled-components").IStyledComponent<"web", Omit<import("react").SVGLineElementAttributes<SVGLineElement>, never>>;
@@ -1,10 +0,0 @@
1
- import { FunctionComponent, ReactNode } from "react";
2
- export interface MessageProps {
3
- children?: ReactNode;
4
- isVisible?: boolean;
5
- onMessageChangeCallback: () => void;
6
- /** list of ID's that contributed to this status message eg. if clicking on \<svg id="mySvg"/> created a message, pass ['mySvg'] */
7
- forIds?: string[];
8
- }
9
- declare const Message: FunctionComponent<MessageProps>;
10
- export default Message;
@@ -1 +0,0 @@
1
- export { default } from "./Message";
@@ -1,5 +0,0 @@
1
- export declare const Message: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@rubin-epo/epo-react-lib/Toast").ToastProps & {
2
- children?: import("react").ReactNode;
3
- }, {
4
- $isOpen: boolean;
5
- }>>;
@@ -1,15 +0,0 @@
1
- import { SourceType } from '../../../types/astro';
2
- import { FunctionComponent } from "react";
3
- export interface PointProps {
4
- type: SourceType;
5
- id: string;
6
- isSelected: boolean;
7
- isActive: boolean;
8
- x: number;
9
- y: number;
10
- radius?: number;
11
- className?: string;
12
- color: string;
13
- }
14
- declare const Point: FunctionComponent<PointProps>;
15
- export default Point;
@@ -1 +0,0 @@
1
- export { default } from "./Point";
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Point: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGCircleElement>, {
3
- $isSelected: boolean;
4
- }>>;
@@ -1,13 +0,0 @@
1
- import { FunctionComponent } from "react";
2
- import { Source, SourceType } from '../../../types/astro';
3
- interface PointsProps {
4
- sources?: Source[];
5
- selectedSource?: Source[];
6
- activeType?: SourceType;
7
- xScale: (value: number) => number;
8
- yScale: (value: number) => number;
9
- className?: string;
10
- color?: string;
11
- }
12
- declare const Points: FunctionComponent<PointsProps>;
13
- export default Points;
@@ -1 +0,0 @@
1
- export { default } from "./Points";
@@ -1 +0,0 @@
1
- export { default } from "./SourceSelector";
@@ -1,7 +0,0 @@
1
- import { SourceDataset } from '../../../types/astro';
2
- export declare const data: SourceDataset;
3
- export declare const images: {
4
- url: string;
5
- }[];
6
- export declare const biggerData: SourceDataset;
7
- export declare const moreImages: never[];
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- 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"> & {
3
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
4
- }, {
5
- width: number;
6
- height: number;
7
- }>>;
8
- export declare const SVG: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGSVGElement>, {
9
- $isDisplayOnly: boolean;
10
- }>>;
11
- export declare const BackgroundBlinker: import("styled-components").IStyledComponent<"web", Omit<import("../../atomic/Blinker/Blinker").BlinkerProps, never>>;
12
- export declare const ElapsedDisplay: import("styled-components").IStyledComponent<"web", Omit<import("../../atomic/ElapsedTime/ElapsedTime").TimeStepProps, never>>;
@@ -1 +0,0 @@
1
- export declare const getLinearScale: (domain: number[], range: number[]) => (value: number) => number;
@@ -1 +0,0 @@
1
- export {};