@selfdecode/sd-component-library 4.0.12 → 4.0.13-diet-2

package/lib/components/containers/layout-independend-max-width-container/interfaces.d.ts

@@ -1,3 +1,6 @@
-import { MaxWidthContainerProps } from "../max-width-container/interfaces";
+import { BoxProps } from "rebass";
+import { MaxWidthContainerProps } from "../max-width-container";
 export interface LayoutIndependentMaxWidthContainerProps extends MaxWidthContainerProps {
+    height?: BoxProps["height"];
+    left?: number | string | string[];
 }

package/lib/components/meters/compact-donut-gauge/compact-donut-gauge.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { CompactDonutGaugeProps as Props } from "./interfaces";
+export declare const CompactDonutGauge: React.FC<Props>;

package/lib/components/meters/compact-donut-gauge/index.d.ts

@@ -0,0 +1 @@
+export { CompactDonutGauge } from "./compact-donut-gauge";

package/lib/components/meters/compact-donut-gauge/interfaces.d.ts

@@ -0,0 +1,12 @@
+export interface CompactDonutGaugeProps {
+    segments: CompactDonutSegment[];
+    value: number;
+    size?: number;
+    segmentWidth?: number;
+    outlineWidth?: number;
+}
+export interface CompactDonutSegment {
+    start: number;
+    end: number;
+    color: string;
+}

package/lib/components/meters/compact-donut-gauge/partials/compact-donut-gauge-segment/compact-donut-gauge-segment.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { CompactDonutGaugeSegmentProps as Props } from "./interfaces";
+export declare const CompactDonutGaugeSegment: React.FC<Props>;

package/lib/components/meters/compact-donut-gauge/partials/compact-donut-gauge-segment/index.d.ts

@@ -0,0 +1 @@
+export { CompactDonutGaugeSegment } from "./compact-donut-gauge-segment";

package/lib/components/meters/compact-donut-gauge/partials/compact-donut-gauge-segment/interfaces.d.ts

@@ -0,0 +1,5 @@
+import { CompactDonutGaugeProps, CompactDonutSegment } from "../../interfaces";
+export interface CompactDonutGaugeSegmentProps extends Required<Pick<CompactDonutGaugeProps, "size" | "segmentWidth" | "outlineWidth">> {
+    segment: CompactDonutSegment;
+    isMatching: boolean;
+}

package/lib/components/meters/compact-donut-gauge/partials/compact-donut-gauge-value-indicator/compact-donut-gauge-value-indicator.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { CompactDonutGaugeValueIndicatorProps as Props } from "./interfaces";
+export declare const CompactDonutGaugeValueIndicator: React.FC<Props>;

package/lib/components/meters/compact-donut-gauge/partials/compact-donut-gauge-value-indicator/index.d.ts

@@ -0,0 +1 @@
+export { CompactDonutGaugeValueIndicator } from "./compact-donut-gauge-value-indicator";

package/lib/components/meters/compact-donut-gauge/partials/compact-donut-gauge-value-indicator/interfaces.d.ts

@@ -0,0 +1,4 @@
+import { CompactDonutGaugeProps, CompactDonutSegment } from "../../interfaces";
+export interface CompactDonutGaugeValueIndicatorProps extends Required<Pick<CompactDonutGaugeProps, "size">> {
+    segment: CompactDonutSegment;
+}

package/lib/components/meters/compact-donut-gauge/partials/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./compact-donut-gauge-segment";
+export * from "./compact-donut-gauge-value-indicator";

package/lib/components/meters/donut-diagram/donut-diagram.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { DonutDiagramProps as Props } from "./interfaces";
+export declare const DonutDiagram: React.FC<Props>;

package/lib/components/meters/donut-diagram/index.d.ts

@@ -0,0 +1 @@
+export { DonutDiagram } from "./donut-diagram";

package/lib/components/meters/donut-diagram/interfaces.d.ts

@@ -0,0 +1,20 @@
+export interface DonutDiagramProps {
+    segments: DonutSegment[];
+    size?: number;
+    outlineWidth?: number;
+    segmentWidth?: number;
+    sideOffset?: number;
+    labelOffset?: number;
+    labelOffsetMobile?: number;
+    labelPointerOffset?: number;
+    verticalOffset?: number;
+    verticalOffsetMobile?: number;
+    mobile?: boolean;
+}
+export interface DonutSegment {
+    start: number;
+    end: number;
+    text: string;
+    color: string;
+}
+export declare type DonutSegmentLabelPosition = "left" | "right";

package/lib/components/meters/donut-diagram/partials/index.d.ts

@@ -0,0 +1 @@
+export * from "./segment";

package/lib/components/meters/donut-diagram/partials/segment/index.d.ts

@@ -0,0 +1 @@
+export { Segment } from "./segment";

package/lib/components/meters/donut-diagram/partials/segment/interfaces.d.ts

@@ -0,0 +1,4 @@
+import { DonutDiagramProps, DonutSegment } from "../../interfaces";
+export interface SegmentProps extends Required<Pick<DonutDiagramProps, "size" | "outlineWidth" | "segmentWidth" | "labelOffset" | "labelPointerOffset" | "labelOffsetMobile" | "mobile">> {
+    segment: DonutSegment;
+}

package/lib/components/meters/donut-diagram/partials/segment/segment.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SegmentProps as Props } from "./interfaces";
+export declare const Segment: React.FC<Props>;

package/lib/components/meters/donut-diagram/partials/segment-label/index.d.ts

@@ -0,0 +1 @@
+export { SegmentLabel } from "./segment-label";

package/lib/components/meters/donut-diagram/partials/segment-label/interfaces.d.ts

@@ -0,0 +1,7 @@
+import { DonutDiagramProps, DonutSegment } from "../../interfaces";
+export interface SegmentLabelProps extends Required<Pick<DonutDiagramProps, "labelPointerOffset" | "labelOffset" | "mobile" | "labelOffsetMobile">> {
+    segment: DonutSegment;
+    radius: number;
+    animationDuration: number;
+    isHover: boolean;
+}

package/lib/components/meters/donut-diagram/partials/segment-label/segment-label.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SegmentLabelProps as Props } from "./interfaces";
+export declare const SegmentLabel: React.FC<Props>;

package/lib/components/meters/donut-diagram/utils.d.ts

@@ -0,0 +1,13 @@
+import { DonutSegment } from "./interfaces";
+export declare const areSegmentsValid: (segments: Pick<DonutSegment, "start" | "end">[]) => boolean;
+export declare const getSegmentCoordinates: ({ start, end }: Pick<DonutSegment, "start" | "end">, radius: number, segmentWidth: number) => {
+    startX: number;
+    startY: number;
+    endX: number;
+    endY: number;
+    startInnerX: number;
+    startInnerY: number;
+    endInnerX: number;
+    endInnerY: number;
+    arc: number;
+};

package/lib/components/meters/index.d.ts

@@ -10,3 +10,7 @@ export * from "./dashed-meter";
 export * from "./continuous-outline-meter";
 export * from "./base-outline-meter";
 export * from "./bars-meter";
+export * from "./donut-diagram";
+export * from "./compact-donut-gauge";
+export * from "./linear-discrete-gauge-meter";
+export * from "./linear-numeric-gauge-meter";

package/lib/components/meters/linear-discrete-gauge-meter/index.d.ts

@@ -0,0 +1 @@
+export { LinearDiscreteGaugeMeter } from "./linear-discrete-gauge-meter";

package/lib/components/meters/linear-discrete-gauge-meter/interfaces.d.ts

@@ -0,0 +1,10 @@
+import { LinearGaugeProps } from "../linear-numeric-gauge-meter/interfaces";
+export interface LinearDiscreteGaugeMeterProps<T> extends LinearGaugeProps {
+    value: T;
+    options: LinearDiscreteGaugeMeterSegment<T>[];
+}
+export interface LinearDiscreteGaugeMeterSegment<T> {
+    label: string;
+    value: T;
+    labelColor: string;
+}

package/lib/components/meters/linear-discrete-gauge-meter/linear-discrete-gauge-meter.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from "react";
+import { LinearDiscreteGaugeMeterProps as Props } from "./interfaces";
+export declare function LinearDiscreteGaugeMeter<T>(props: PropsWithChildren<Props<T>>): JSX.Element;

package/lib/components/meters/linear-gauge-meter-partials/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./linear-gauge-label";
+export * from "./linear-gauge-segment";

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-label/index.d.ts

@@ -0,0 +1 @@
+export { LinearGaugeLabel } from "./linear-gauge-label";

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-label/interfaces.d.ts

@@ -0,0 +1,4 @@
+export interface LinearGaugeLabelProps {
+    text: string;
+    color: string;
+}

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-label/linear-gauge-label.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { LinearGaugeLabelProps as Props } from "./interfaces";
+export declare const LinearGaugeLabel: React.FC<Props>;

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-segment/index.d.ts

@@ -0,0 +1 @@
+export { LinearGaugeSegment } from "./linear-gauge-segment";

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-segment/interfaces.d.ts

@@ -0,0 +1,6 @@
+export interface LinearGaugeSegmentProps {
+    color: string;
+    segmentHeight: number;
+    idx: number;
+    total: number;
+}

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-segment/linear-gauge-segment.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { LinearGaugeSegmentProps as Props } from "./interfaces";
+export declare const LinearGaugeSegment: React.FC<Props>;

package/lib/components/meters/linear-numeric-gauge-meter/index.d.ts

@@ -0,0 +1 @@
+export { LinearNumericGaugeMeter } from "./linear-numeric-gauge-meter";

package/lib/components/meters/linear-numeric-gauge-meter/interfaces.d.ts

@@ -0,0 +1,17 @@
+export interface LinearNumericGaugeMeterProps extends LinearGaugeProps {
+    options: LinearNumericGaugeMeterSegment[];
+    value: number;
+}
+export interface LinearNumericGaugeMeterSegment {
+    start: number;
+    end: number;
+    label: string;
+    labelColor: string;
+}
+export interface LinearGaugeProps {
+    segmentHeight?: number;
+    gap?: number;
+    labelGap?: number;
+    defaultColor?: string;
+    defaultMatchedColor?: string;
+}

package/lib/components/meters/linear-numeric-gauge-meter/linear-numeric-gauge-meter.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { LinearNumericGaugeMeterProps as Props } from "./interfaces";
+export declare const LinearNumericGaugeMeter: React.FC<Props>;

package/lib/components/meters/linear-numeric-gauge-meter/utils.d.ts

@@ -0,0 +1,2 @@
+import { LinearNumericGaugeMeterSegment } from "./interfaces";
+export declare const isMatchingRange: ({ start, end }: Pick<LinearNumericGaugeMeterSegment, "start" | "end">, value: number) => boolean;