@selfdecode/sd-component-library 4.0.15 → 4.0.16

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,14 @@
+import { CSSProperties } from "react";
+export interface CompactDonutGaugeProps {
+    segments: CompactDonutSegment[];
+    value: number;
+    size?: number;
+    segmentWidth?: number;
+    outlineWidth?: number;
+    cursor?: CSSProperties["cursor"];
+}
+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,24 @@
+/// <reference types="react" />
+import { SxProps } from "rebass";
+export interface DonutDiagramProps {
+    children?: React.ReactNode;
+    segments: DonutSegment[];
+    size?: number;
+    outlineWidth?: number;
+    segmentWidth?: number;
+    sideOffset?: number;
+    labelOffset?: number;
+    labelOffsetMobile?: number;
+    labelPointerOffset?: number;
+    verticalOffset?: number;
+    verticalOffsetMobile?: number;
+    mobile?: boolean;
+    containerSx?: SxProps["sx"];
+}
+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,8 @@ 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";
+export type { LinearGaugeProps } from "./linear-gauge-meter-partials";

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-gauge-meter-partials";
+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,3 @@
+export * from "./linear-gauge-label";
+export * from "./linear-gauge-segment";
+export * from "./interfaces";

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

@@ -0,0 +1,11 @@
+import { CSSProperties } from "react";
+import { ResponsiveTextV2Props } from "../../texts";
+export interface LinearGaugeProps {
+    segmentHeight?: number;
+    gap?: number;
+    labelGap?: number;
+    defaultColor?: string;
+    defaultMatchedColor?: string;
+    labelProps?: Partial<Omit<ResponsiveTextV2Props, "color">>;
+    cursor?: CSSProperties["cursor"];
+}

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 @@
+import { ResponsiveTextV2Props } from "../../../texts";
+export interface LinearGaugeLabelProps extends Partial<Omit<ResponsiveTextV2Props, "color">>, Required<Pick<ResponsiveTextV2Props, "color">> {
+    text: 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,11 @@
+import { LinearGaugeProps } from "../linear-gauge-meter-partials";
+export interface LinearNumericGaugeMeterProps extends LinearGaugeProps {
+    options: LinearNumericGaugeMeterSegment[];
+    value: number;
+}
+export interface LinearNumericGaugeMeterSegment {
+    start: number;
+    end: number;
+    label: string;
+    labelColor: 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;

package/lib/components/tooltips/tooltip-with-pointer/interfaces.d.ts

@@ -22,6 +22,7 @@ export interface TooltipWithPointerProps {
      * Sx prop of the tooltip pointer.
      */
     pointerSx?: SxProps["sx"];
+    tooltipSx?: SxProps["sx"];
     /**
      * Whether to show mobile version of the tooltip.
      */

package/lib/components/utils/anchor/interfaces.d.ts

@@ -9,7 +9,7 @@ export declare type refsMap = {
 /**
  * Interface for Anchor props.
  */
-export interface AnchorProps extends BoxProps {
+export interface AnchorProps extends BoxProps, ScrollIntoViewOptions {
     /**
      * Hash id of the component.
      */

package/lib/components/utils/anchor/refs-manager.d.ts

@@ -29,7 +29,7 @@ declare class RefsManager {
      * @param id ID for the component.
      * @param behavior Scroll behavior.
      */
-    scrollToRef(id: string, behavior?: "smooth" | "auto"): void;
+    scrollToRef(id: string, { behavior, block, inline }: ScrollIntoViewOptions): void;
 }
 export declare const refsManager: RefsManager;
 export {};