@selfdecode/sd-component-library 2.46.9 → 2.46.10

package/lib/components/buttons/partials/icon-button/icon-button.d.ts

@@ -3,4 +3,4 @@ import { IconButtonProps } from "./interfaces";
 /**
  * The icon button.
  */
-export declare const IconButton: React.FunctionComponent<IconButtonProps>;
+export declare const IconButton: React.FC<IconButtonProps>;

package/lib/components/buttons/partials/icon-button/interfaces.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { ButtonProps } from "../../button";
-export declare type BaseButtonProps = Pick<ButtonProps, "link" | "scrollTo" | "borderStyle" | "borderColor" | "borderWidth" | "borderRadius" | "width" | "height" | "history" | "variant" | "onClick" | "children" | "padding" | "disabled" | "fontSize" | "fontWeight" | "letterSpacing" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "zIndex">;
+export declare type BaseButtonProps = Omit<ButtonProps, "variant">;
 /**
  * Defines the icon button component's properties.
  */

package/lib/components/meters/common-outline-meter-partials/matched-range-label-box/interfaces.d.ts

@@ -5,4 +5,6 @@ export interface MatchedRangeLabelBoxProps {
     label?: string;
     pointerLength: number;
     horizontal?: boolean;
+    round?: boolean;
+    pointY?: number;
 }

package/lib/components/meters/multi-option-discrete-outline-meter/partials/matched-range-label-box/interfaces.d.ts

@@ -1,6 +1,6 @@
 import { MatchedRangeLabelBoxProps as BaseProps } from "../../../common-outline-meter-partials";
 import { MultiOptionDiscreteOutlineMeterProps } from "../../interfaces";
-export interface MatchedRangeLabelBoxProps<T = string> extends Required<Pick<MultiOptionDiscreteOutlineMeterProps<T>, "distanceBetweenRanges" | "arc">>, Omit<BaseProps, "alpha"> {
+export interface MatchedRangeLabelBoxProps<T = string> extends Required<Pick<MultiOptionDiscreteOutlineMeterProps<T>, "distanceBetweenRanges" | "arc">>, Omit<BaseProps, "alpha" | "round"> {
     idx: number;
     totalRanges: number;
 }

package/lib/components/meters/outline-meter/partials/outline-meter-range/outline-meter-range.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { OutlineMeterRangeProps as Props } from "./interfaces";
-export declare const OutlineMeterRange: React.FC<Props>;
+export declare const OutlineMeterRange: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGCircleElement>>;

package/lib/components/meters/smiley-meter-v2/partials/matched-range-label-box/interfaces.d.ts

@@ -1,8 +1,11 @@
 import { MatchedRangeLabelBoxProps as BaseProps } from "../../../common-outline-meter-partials";
 import { SmileyMeterRange, SmileyMeterV2Props } from "../../interfaces";
 export interface MatchedRangeBoxProps extends Required<Pick<SmileyMeterV2Props, "arc" | "distanceBetweenRanges">>, Omit<BaseProps, "alpha" | "color" | "label" | "radius"> {
+    segmented?: boolean;
     diameter: number;
     totalRanges: number;
     idx: number;
     range: SmileyMeterRange;
+    pointX: number;
+    pointY: number;
 }

package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-range/smiley-meter-range.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { SmileyMeterRangeProps as Props } from "./interfaces";
-export declare const SmileyMeterRange: React.FC<Props>;
+export declare const SmileyMeterRange: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGCircleElement>>;

package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/smiley-meter-ranges.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { SmileyMeterRangesProps as Props } from "./interfaces";
-export declare const SmileyMeterRanges: React.FC<Props>;
+export declare const SmileyMeterRanges: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGCircleElement>>;

package/lib/core/custom-hooks.d.ts

@@ -59,7 +59,7 @@ export declare function useHover(onHover?: (newState: boolean) => void): {
         onMouseLeave: () => void;
     };
 };
-export default function useContentSize<T extends Element = HTMLElement>(settings?: {
+export declare function useContentSize<T extends Element = HTMLElement>(settings?: {
     listenForResize?: boolean;
     debounceDelay?: number;
     checkEachRender?: boolean;
@@ -68,3 +68,8 @@ export default function useContentSize<T extends Element = HTMLElement>(settings
     contentWidth: number;
     contentHeight: number;
 };
+export declare function useElementCoordinates<T extends Element = HTMLElement>(): {
+    ref: RefObject<T>;
+    x: number;
+    y: number;
+};