@rivet-health/design-system 2.0.0 → 2.1.0

package/lib/icon/icon.component.d.ts

@@ -7,9 +7,11 @@ export declare class IconComponent implements OnDestroy {
     constructor(element: ElementRef<HTMLElement>);
     set name(value: IconNames | null);
     size: IconSize;
+    customSize: number | undefined;
+    get iconSize(): number;
     strokeWidth: number | undefined;
     get calculateStrokeWidth(): number;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "riv-icon", never, { "name": "name"; "size": "size"; "strokeWidth": "strokeWidth"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "riv-icon", never, { "name": "name"; "size": "size"; "customSize": "customSize"; "strokeWidth": "strokeWidth"; }, {}, never, never, false>;
 }

package/lib/icon/icons.d.ts

@@ -119,7 +119,7 @@ export declare const icons: {
     ZoomOut: string;
 };
 export declare type IconNames = keyof typeof icons;
-export declare const IconSizes: readonly [12, 16, 24];
+export declare const IconSizes: readonly [8, 12, 16, 24];
 export declare type IconSize = (typeof IconSizes)[number];
 export declare const iconsMap: {
     [key: string]: string;

package/lib/riv.module.d.ts

@@ -10,11 +10,13 @@ import * as i8 from "./visualization/donut/donut.component";
 import * as i9 from "./icon/icon.component";
 import * as i10 from "./visualization/legend-item/legend-item.component";
 import * as i11 from "./visualization/metric/metric.component";
-import * as i12 from "./content-toggle/text-toggle/text-toggle.component";
-import * as i13 from "./visualization/time-series/time-series.component";
-import * as i14 from "@angular/common";
+import * as i12 from "./visualization/stacked-column/stacked-column.component";
+import * as i13 from "./content-toggle/text-toggle/text-toggle.component";
+import * as i14 from "./visualization/time-series/time-series.component";
+import * as i15 from "./visualization/zero-state/zero-state.component";
+import * as i16 from "@angular/common";
 export declare class RivModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RivModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RivModule, [typeof i1.CalloutComponent, typeof i2.CalloutDirective, typeof i3.CalloutOutletComponent, typeof i4.DataTableCellComponent, typeof i5.DataTableComponent, typeof i6.DataTableHeaderCellComponent, typeof i7.DataTableRowComponent, typeof i8.DonutComponent, typeof i9.IconComponent, typeof i10.LegendItemComponent, typeof i11.MetricComponent, typeof i12.TextToggleComponent, typeof i13.TimeSeriesComponent], [typeof i14.CommonModule], [typeof i1.CalloutComponent, typeof i2.CalloutDirective, typeof i3.CalloutOutletComponent, typeof i4.DataTableCellComponent, typeof i5.DataTableComponent, typeof i6.DataTableHeaderCellComponent, typeof i7.DataTableRowComponent, typeof i8.DonutComponent, typeof i9.IconComponent, typeof i10.LegendItemComponent, typeof i11.MetricComponent, typeof i12.TextToggleComponent, typeof i13.TimeSeriesComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RivModule, [typeof i1.CalloutComponent, typeof i2.CalloutDirective, typeof i3.CalloutOutletComponent, typeof i4.DataTableCellComponent, typeof i5.DataTableComponent, typeof i6.DataTableHeaderCellComponent, typeof i7.DataTableRowComponent, typeof i8.DonutComponent, typeof i9.IconComponent, typeof i10.LegendItemComponent, typeof i11.MetricComponent, typeof i12.StackedColumnComponent, typeof i13.TextToggleComponent, typeof i14.TimeSeriesComponent, typeof i15.ZeroStateComponent], [typeof i16.CommonModule], [typeof i1.CalloutComponent, typeof i2.CalloutDirective, typeof i3.CalloutOutletComponent, typeof i4.DataTableCellComponent, typeof i5.DataTableComponent, typeof i6.DataTableHeaderCellComponent, typeof i7.DataTableRowComponent, typeof i8.DonutComponent, typeof i9.IconComponent, typeof i10.LegendItemComponent, typeof i11.MetricComponent, typeof i12.StackedColumnComponent, typeof i13.TextToggleComponent, typeof i14.TimeSeriesComponent, typeof i15.ZeroStateComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RivModule>;
 }

package/lib/visualization/legend-item/legend-item.component.d.ts

@@ -1,8 +1,12 @@
+import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class LegendItemComponent {
     label: string;
     colorToken: string;
+    style: 'solid' | 'striped';
+    visibility: 'visible' | 'hidden' | 'locked';
     get backgroundColor(): string;
+    itemClick: EventEmitter<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LegendItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LegendItemComponent, "riv-legend-item", never, { "label": "label"; "colorToken": "colorToken"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LegendItemComponent, "riv-legend-item", never, { "label": "label"; "colorToken": "colorToken"; "style": "style"; "visibility": "visibility"; }, { "itemClick": "itemClick"; }, never, never, false>;
 }

package/lib/visualization/stacked-column/stacked-column.component.d.ts

@@ -0,0 +1,66 @@
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare type Value = {
+    date: Date;
+    value: number;
+};
+export declare type Series = {
+    label: string;
+    colorToken: string;
+    data: Value[];
+    style?: 'solid' | 'striped';
+};
+export declare type Stack = Series[];
+export declare class StackedColumnComponent {
+    private readonly input$;
+    set input(v: Stack[]);
+    private readonly width$;
+    set width(v: number);
+    private readonly height$;
+    set height(v: number);
+    valueFormatter: (v: number) => string;
+    readonly drawData$: import("rxjs").Observable<{
+        columnWidth: number;
+        hoverBands: {
+            dateValue: number;
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        }[];
+        rects: {
+            dateValue: number;
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            fill: string;
+            striped: boolean;
+            seriesPoint: Value & {
+                series: Series;
+            };
+        }[];
+        viewBox: string;
+        xTicks: {
+            dateValue: number;
+            label: string;
+            x: number;
+        }[];
+        yScale: import("d3-scale").ScaleLinear<number, number, never>;
+        yTicks: number[];
+    }>;
+    readonly empty$: import("rxjs").Observable<boolean>;
+    readonly hoveredBand$: BehaviorSubject<{
+        dateValue: number;
+        event: MouseEvent;
+    } | null>;
+    readonly callout$: import("rxjs").Observable<{
+        anchor: DOMRect;
+        metrics: {
+            label: string;
+            value: string;
+        }[];
+    } | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StackedColumnComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StackedColumnComponent, "riv-stacked-column", never, { "input": "input"; "width": "width"; "height": "height"; "valueFormatter": "valueFormatter"; }, {}, never, never, false>;
+}

package/lib/visualization/zero-state/zero-state.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class ZeroStateComponent {
+    message: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ZeroStateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZeroStateComponent, "riv-zero-state", never, { "message": "message"; }, {}, never, never, false>;
+}

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@rivet-health/design-system",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "peerDependencies": {
     "@angular/common": "^14.0.0",
     "@angular/core": "^14.0.0",
+    "d3-array": "^3.2.4",
     "d3-scale": "^4.0.2",
     "d3-shape": "^3.2.0",
     "d3-time": "^3.1.0",

package/public-api.d.ts

@@ -11,4 +11,6 @@ export * from './lib/visualization/data-table/data-table.component';
 export * from './lib/visualization/donut/donut.component';
 export * from './lib/visualization/legend-item/legend-item.component';
 export * from './lib/visualization/metric/metric.component';
+export * from './lib/visualization/stacked-column/stacked-column.component';
 export * from './lib/visualization/time-series/time-series.component';
+export * from './lib/visualization/zero-state/zero-state.component';