@luscii-healthtech/web-ui 57.0.1 → 57.0.2
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.
- package/dist/index.development.js +37 -4
- package/dist/index.development.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/src/components/RangeCoverage/RangeCoverage.d.ts +10 -0
- package/dist/src/generated/components/RangeCoverage/RangeCoverage.d.ts +10 -0
- package/dist/stories/RangeCoverage.stories.d.ts +1 -0
- package/dist/web-ui.esm.js +1 -1
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -8,6 +8,10 @@ interface RangeCoverageSection {
|
|
|
8
8
|
to: number;
|
|
9
9
|
color: Color;
|
|
10
10
|
}
|
|
11
|
+
export interface RangeCoverageHighlightedRange {
|
|
12
|
+
from: number;
|
|
13
|
+
to: number;
|
|
14
|
+
}
|
|
11
15
|
export interface RangeCoverageSectionWithBackground extends RangeCoverageSection {
|
|
12
16
|
background?: CSSProperties["background"];
|
|
13
17
|
}
|
|
@@ -16,6 +20,12 @@ export interface Props extends React.ComponentPropsWithoutRef<typeof Box<"div">>
|
|
|
16
20
|
* Each section defines a colored range within the overall start-end range.
|
|
17
21
|
*/
|
|
18
22
|
sections: RangeCoverageSection[];
|
|
23
|
+
/**
|
|
24
|
+
* Highlights an arbitrary range of the bar with a ring, independent of the
|
|
25
|
+
* defined `sections`. Unlike `sections`, this range doesn't need to align
|
|
26
|
+
* with any section boundary and doesn't render a fill color.
|
|
27
|
+
*/
|
|
28
|
+
highlightedRange?: RangeCoverageHighlightedRange;
|
|
19
29
|
/**
|
|
20
30
|
* Optional custom tick marks to display along the range bar, between the
|
|
21
31
|
* start and end values.
|
|
@@ -8,6 +8,10 @@ interface RangeCoverageSection {
|
|
|
8
8
|
to: number;
|
|
9
9
|
color: Color;
|
|
10
10
|
}
|
|
11
|
+
export interface RangeCoverageHighlightedRange {
|
|
12
|
+
from: number;
|
|
13
|
+
to: number;
|
|
14
|
+
}
|
|
11
15
|
export interface RangeCoverageSectionWithBackground extends RangeCoverageSection {
|
|
12
16
|
background?: CSSProperties["background"];
|
|
13
17
|
}
|
|
@@ -16,6 +20,12 @@ export interface Props extends React.ComponentPropsWithoutRef<typeof Box<"div">>
|
|
|
16
20
|
* Each section defines a colored range within the overall start-end range.
|
|
17
21
|
*/
|
|
18
22
|
sections: RangeCoverageSection[];
|
|
23
|
+
/**
|
|
24
|
+
* Highlights an arbitrary range of the bar with a ring, independent of the
|
|
25
|
+
* defined `sections`. Unlike `sections`, this range doesn't need to align
|
|
26
|
+
* with any section boundary and doesn't render a fill color.
|
|
27
|
+
*/
|
|
28
|
+
highlightedRange?: RangeCoverageHighlightedRange;
|
|
19
29
|
/**
|
|
20
30
|
* Optional custom tick marks to display along the range bar, between the
|
|
21
31
|
* start and end values.
|
|
@@ -31,4 +31,5 @@ export declare const Reversed: Story;
|
|
|
31
31
|
export declare const EdgeCases: Story;
|
|
32
32
|
export declare const OverlappingSections: Story;
|
|
33
33
|
export declare const FormattingTicks: Story;
|
|
34
|
+
export declare const HighlightedRange: Story;
|
|
34
35
|
export declare const AdaptiveTicks: Story;
|