@selfdecode/sd-component-library 2.45.16 → 2.45.19
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/lib/components/buttons/button/interfaces.d.ts +7 -1
- package/lib/components/buttons/cta/text-cta-button/interfaces.d.ts +1 -1
- package/lib/components/buttons/partials/icon-button/icon-button.d.ts +1 -1
- package/lib/components/buttons/partials/icon-button/interfaces.d.ts +1 -1
- package/lib/components/containers/flex-center/flex-center.d.ts +1 -1
- package/lib/components/containers/grid-containers/grid-container-v2/grid-container-v2.d.ts +1 -1
- package/lib/components/meters/common-outline-meter-partials/index.d.ts +2 -0
- package/lib/components/meters/common-outline-meter-partials/label-pointer/index.d.ts +1 -0
- package/lib/components/meters/common-outline-meter-partials/label-pointer/interfaces.d.ts +10 -0
- package/lib/components/meters/common-outline-meter-partials/label-pointer/label-pointer.d.ts +3 -0
- package/lib/components/meters/common-outline-meter-partials/matched-range-label-box/index.d.ts +2 -0
- package/lib/components/meters/common-outline-meter-partials/matched-range-label-box/interfaces.d.ts +10 -0
- package/lib/components/meters/common-outline-meter-partials/matched-range-label-box/matched-range-label-box.d.ts +3 -0
- package/lib/components/meters/dashed-meter/interfaces.d.ts +1 -0
- package/lib/components/meters/index.d.ts +12 -0
- package/lib/components/meters/multi-option-discrete-outline-meter/constants.d.ts +1 -0
- package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/interfaces.d.ts +2 -9
- package/lib/components/meters/multi-option-discrete-outline-meter/partials/matched-range-label-box/interfaces.d.ts +2 -6
- package/lib/components/meters/multi-option-discrete-outline-meter/utils.d.ts +4 -0
- package/lib/components/meters/outline-meter/partials/outline-meter-range/outline-meter-range.d.ts +1 -1
- package/lib/components/meters/outline-meter/utils.d.ts +2 -1
- package/lib/components/meters/smiley-meter-v2/constants.d.ts +3 -0
- package/lib/components/meters/smiley-meter-v2/interfaces.d.ts +8 -14
- package/lib/components/meters/smiley-meter-v2/partials/matched-range-label-box/index.d.ts +1 -0
- package/lib/components/meters/smiley-meter-v2/partials/matched-range-label-box/interfaces.d.ts +11 -0
- package/lib/components/meters/smiley-meter-v2/partials/matched-range-label-box/matched-range-label-box.d.ts +3 -0
- package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-range/index.d.ts +1 -0
- package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-range/interfaces.d.ts +8 -0
- package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-range/smiley-meter-range.d.ts +3 -0
- package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/interfaces.d.ts +3 -3
- package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/smiley-meter-ranges.d.ts +1 -1
- package/lib/components/meters/smiley-meter-v2/utils.d.ts +15 -0
- package/lib/components/progress-bars/line-progress-bar/interfaces.d.ts +2 -1
- package/lib/components/progress-bars/progress-bar/interfaces.d.ts +1 -1
- package/lib/components/texts/responsive-text/interfaces.d.ts +1 -1
- package/lib/components/texts/responsive-text-v2/interfaces.d.ts +1 -1
- package/lib/core/custom-hooks.d.ts +14 -0
- package/lib/index.d.ts +2 -15
- package/lib/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
1
|
+
import { CSSProperties, ReactNode } from "react";
|
|
2
2
|
import { History } from "history";
|
|
3
3
|
import { SxProps } from "rebass";
|
|
4
4
|
import { LoadingSpinnerProps as LoadingIconProps } from "../../animations/loading-spinner/interfaces";
|
|
@@ -169,4 +169,10 @@ export interface ButtonProps extends BaseComponentProps {
|
|
|
169
169
|
* Button component sx.
|
|
170
170
|
*/
|
|
171
171
|
sx?: SxProps["sx"];
|
|
172
|
+
/**
|
|
173
|
+
* The cursor when the button is hovered
|
|
174
|
+
*
|
|
175
|
+
* Default value: "pointer"
|
|
176
|
+
*/
|
|
177
|
+
cursor?: CSSProperties["cursor"];
|
|
172
178
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ButtonProps } from "../../button";
|
|
2
|
-
export declare type TextCtaButtonProps = Pick<ButtonProps, "link" | "isInternal" | "scrollTo" | "width" | "history" | "onClick" | "children" | "disabled" | "color" | "hoverFontWeight" | "hoverTextDecoration" | "letterSpacing" | "textDecoration" | "textTransform" | "fontWeight" | "fontSize" | "m" | "mt" | "mr" | "mb" | "ml">;
|
|
2
|
+
export declare type TextCtaButtonProps = Pick<ButtonProps, "link" | "isInternal" | "scrollTo" | "width" | "history" | "onClick" | "children" | "disabled" | "color" | "hoverFontWeight" | "hoverTextDecoration" | "letterSpacing" | "textDecoration" | "textTransform" | "fontWeight" | "fontSize" | "m" | "mt" | "mr" | "mb" | "ml" | "cursor">;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ButtonProps } from "../../button";
|
|
3
|
-
export declare type BaseButtonProps =
|
|
3
|
+
export declare type BaseButtonProps = Omit<ButtonProps, "variant">;
|
|
4
4
|
/**
|
|
5
5
|
* Defines the icon button component's properties.
|
|
6
6
|
*/
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { FlexProps } from "rebass";
|
|
3
|
-
export declare const FlexCenter: React.ForwardRefExoticComponent<Pick<FlexProps, "flex" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "width" | "backgroundColor" | "px" | "py" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "hidden" | "sizes" | "content" | "variant" | "tx" | "as" | "css" | "key" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "paddingX" | "paddingY" | "
|
|
3
|
+
export declare const FlexCenter: React.ForwardRefExoticComponent<Pick<FlexProps, "flex" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "width" | "height" | "backgroundColor" | "px" | "py" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "hidden" | "sizes" | "content" | "variant" | "tx" | "as" | "css" | "key" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "paddingX" | "paddingY" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontSize" | "color" | "bg" | "opacity" | "order" | "alignSelf" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alignContent" | "alignItems" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { GridContainerV2Props as Props } from "./interfaces";
|
|
3
|
-
export declare const GridContainerV2: React.ForwardRefExoticComponent<Pick<Props, "flex" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "width" | "backgroundColor" | "px" | "py" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "hidden" | "sizes" | "content" | "variant" | "tx" | "as" | "css" | "key" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "paddingX" | "paddingY" | "
|
|
3
|
+
export declare const GridContainerV2: React.ForwardRefExoticComponent<Pick<Props, "flex" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "width" | "height" | "backgroundColor" | "px" | "py" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "hidden" | "sizes" | "content" | "variant" | "tx" | "as" | "css" | "key" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "paddingX" | "paddingY" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontSize" | "color" | "bg" | "opacity" | "order" | "alignSelf" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alignContent" | "alignItems" | "flexDirection" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "gap"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { LabelPointer } from "./label-pointer";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export * from "./smiley-meter-v2";
|
|
2
|
+
export * from "./smiley-meter";
|
|
3
|
+
export * from "./people-meter";
|
|
4
|
+
export * from "./outline-meter";
|
|
5
|
+
export * from "./multi-option-discrete-outline-meter";
|
|
6
|
+
export * from "./multicolor-outline-meter";
|
|
7
|
+
export * from "./gradient-outline-meter";
|
|
8
|
+
export * from "./discrete-outline-meter";
|
|
9
|
+
export * from "./dashed-meter";
|
|
10
|
+
export * from "./continuous-outline-meter";
|
|
11
|
+
export * from "./base-outline-meter";
|
|
12
|
+
export * from "./bars-meter";
|
|
@@ -1,10 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
pointerWidth: number;
|
|
4
|
-
radius: number;
|
|
5
|
-
alpha: number;
|
|
6
|
-
color: string;
|
|
7
|
-
label?: string;
|
|
8
|
-
textBottomMargin: number;
|
|
9
|
-
horizontal?: boolean;
|
|
1
|
+
import { LabelPointerProps } from "../../../common-outline-meter-partials/label-pointer/interfaces";
|
|
2
|
+
export interface DiscreteMeterLabelPointerProps extends LabelPointerProps {
|
|
10
3
|
}
|
|
@@ -1,10 +1,6 @@
|
|
|
1
|
+
import { MatchedRangeLabelBoxProps as BaseProps } from "../../../common-outline-meter-partials";
|
|
1
2
|
import { MultiOptionDiscreteOutlineMeterProps } from "../../interfaces";
|
|
2
|
-
export interface MatchedRangeLabelBoxProps<T = string> extends Required<Pick<MultiOptionDiscreteOutlineMeterProps<T>, "distanceBetweenRanges" | "arc"
|
|
3
|
-
color: string;
|
|
4
|
-
radius: number;
|
|
5
|
-
label?: string;
|
|
3
|
+
export interface MatchedRangeLabelBoxProps<T = string> extends Required<Pick<MultiOptionDiscreteOutlineMeterProps<T>, "distanceBetweenRanges" | "arc">>, Omit<BaseProps, "alpha" | "round"> {
|
|
6
4
|
idx: number;
|
|
7
5
|
totalRanges: number;
|
|
8
|
-
pointerLength: number;
|
|
9
|
-
horizontal?: boolean;
|
|
10
6
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Bounds } from "./interfaces";
|
|
1
|
+
import { Bounds, OutlineMeterRangeConfig } from "./interfaces";
|
|
2
2
|
export declare const degToRad: (deg: number) => number;
|
|
3
3
|
/**
|
|
4
4
|
* Returns coordinates of the point on the arc
|
|
@@ -27,3 +27,4 @@ export declare const getInnerY: (y: number, alpha: number, delta: number) => num
|
|
|
27
27
|
export declare const isValueInRange: (value: number, start: number, end: number, bounds: Bounds) => boolean;
|
|
28
28
|
export declare const inValueHigherThanRange: (value: number, end: number, bounds: Bounds) => boolean;
|
|
29
29
|
export declare const flipBounds: (bounds: Bounds) => Bounds;
|
|
30
|
+
export declare const isCorrectOutlineMeterConfig: (value: number, ranges: OutlineMeterRangeConfig[]) => boolean;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
/**
|
|
2
3
|
* Large Smiley meter v2 default values.
|
|
3
4
|
*/
|
|
5
|
+
import { SmileyGaugeColor } from "./utils";
|
|
4
6
|
export declare const defaultDistanceBetweenRanges = 10;
|
|
5
7
|
export declare const defaultSmileyWidth = 80;
|
|
6
8
|
export declare const defaultSmileyTopOffset = 80;
|
|
@@ -14,3 +16,4 @@ export declare const smallSmileyTopOffset = 35;
|
|
|
14
16
|
export declare const smallSmileyInnerPointStrokeWidth = 3;
|
|
15
17
|
export declare const smallSmileyInnerPointRadius = 2;
|
|
16
18
|
export declare const smallSmileyGaugeWidth = 4;
|
|
19
|
+
export declare const COLOR_TO_ICON_MAP: Map<SmileyGaugeColor, React.ReactNode>;
|
|
@@ -1,21 +1,10 @@
|
|
|
1
|
-
import { OutlineMeterProps } from "../outline-meter";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
* Colors for smiley corresponding to state.
|
|
5
|
-
*/
|
|
6
|
-
colorsMap?: [string, string, string];
|
|
7
|
-
/**
|
|
8
|
-
* Colors for labels.
|
|
9
|
-
*/
|
|
10
|
-
labelsMap?: [string, string, string];
|
|
1
|
+
import { OutlineMeterProps, OutlineMeterRangeConfig } from "../outline-meter";
|
|
2
|
+
import { SmileyGaugeColor } from "./utils";
|
|
3
|
+
export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "height" | "value" | "gaugeWidth" | "arc" | "marginTop" | "marginX" | "pointStrokeWidth" | "innerPointRadius" | "distanceBetweenRanges" | "distanceFromLabelToRanges" | "maskBorderRadius" | "cursor" | "ranges" | "segmented"> {
|
|
11
4
|
/**
|
|
12
5
|
* Whether to hide labels.
|
|
13
6
|
*/
|
|
14
7
|
hideLabels?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Value that splits smiley meter outline.
|
|
17
|
-
*/
|
|
18
|
-
splitValues?: [number, number];
|
|
19
8
|
/**
|
|
20
9
|
* Smiley width.
|
|
21
10
|
*/
|
|
@@ -24,5 +13,10 @@ export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "h
|
|
|
24
13
|
* Distance from smiley to the top.
|
|
25
14
|
*/
|
|
26
15
|
smileyTopOffset?: number;
|
|
16
|
+
pointerWidth?: number;
|
|
17
|
+
textBottomMargin?: number;
|
|
27
18
|
}
|
|
28
19
|
export declare type SmallSmileyMeterV2Props = SmileyMeterV2Props;
|
|
20
|
+
export interface SmileyMeterRange extends Omit<OutlineMeterRangeConfig, "color"> {
|
|
21
|
+
color: SmileyGaugeColor;
|
|
22
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MatchedRangeLabelBox } from "./matched-range-label-box";
|
package/lib/components/meters/smiley-meter-v2/partials/matched-range-label-box/interfaces.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { MatchedRangeLabelBoxProps as BaseProps } from "../../../common-outline-meter-partials";
|
|
2
|
+
import { SmileyMeterRange, SmileyMeterV2Props } from "../../interfaces";
|
|
3
|
+
export interface MatchedRangeBoxProps extends Required<Pick<SmileyMeterV2Props, "arc" | "distanceBetweenRanges">>, Omit<BaseProps, "alpha" | "color" | "label" | "radius"> {
|
|
4
|
+
segmented?: boolean;
|
|
5
|
+
diameter: number;
|
|
6
|
+
totalRanges: number;
|
|
7
|
+
idx: number;
|
|
8
|
+
range: SmileyMeterRange;
|
|
9
|
+
pointX: number;
|
|
10
|
+
pointY: number;
|
|
11
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SmileyMeterRange } from "./smiley-meter-range";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SmileyMeterRange } from "../../interfaces";
|
|
2
|
+
import { SmileyMeterRangesProps } from "../smiley-meter-ranges/interfaces";
|
|
3
|
+
export interface SmileyMeterRangeProps extends SmileyMeterRange, Omit<SmileyMeterRangesProps, "ranges"> {
|
|
4
|
+
pointerLength: number;
|
|
5
|
+
totalRanges: number;
|
|
6
|
+
idx: number;
|
|
7
|
+
isMatchedRange: boolean;
|
|
8
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { OutlineMeterRangeConfig } from "../../../outline-meter";
|
|
2
1
|
import { OutlineMeterRangeProps } from "../../../outline-meter/partials/outline-meter-range/interfaces";
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
import { SmileyMeterRange, SmileyMeterV2Props } from "../../interfaces";
|
|
3
|
+
export interface SmileyMeterRangesProps extends Pick<OutlineMeterRangeProps, "value" | "diameter" | "innerPointRadius" | "pointStrokeWidth" | "distanceFromRanges" | "arc" | "gaugeWidth" | "distanceBetweenRanges" | "hideLabels" | "segmented">, Required<Pick<SmileyMeterV2Props, "pointerWidth" | "textBottomMargin">> {
|
|
4
|
+
ranges: SmileyMeterRange[];
|
|
5
5
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { OutlineMeterRangeConfig } from "../outline-meter";
|
|
2
|
+
import { SmileyMeterRange } from "./interfaces";
|
|
3
|
+
export declare enum SmileyGaugeColor {
|
|
4
|
+
GREEN = "#00B466",
|
|
5
|
+
ORANGE = "#FF9900",
|
|
6
|
+
RED = "#FF0000"
|
|
7
|
+
}
|
|
8
|
+
export declare const areColorsValid: (ranges: OutlineMeterRangeConfig[]) => boolean;
|
|
9
|
+
export declare const isCorrectSmileyMeterConfig: (value: number, ranges: OutlineMeterRangeConfig[]) => ranges is SmileyMeterRange[];
|
|
10
|
+
export declare const getRangeProperties: (arc: number, totalRanges: number, distanceBetweenRanges: number, idx: number, start: number, end: number) => {
|
|
11
|
+
rangeArcStart: number;
|
|
12
|
+
rangeArcEnd: number;
|
|
13
|
+
rangeArcMiddle: number;
|
|
14
|
+
};
|
|
15
|
+
export declare const getIsHorizontal: (range: SmileyMeterRange) => boolean;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import { ProgressBarProps } from "../progress-bar";
|
|
2
|
-
|
|
2
|
+
import { BackgroundColorProps } from "../progress-bar/interfaces";
|
|
3
|
+
export declare type LineProgressBarProps = Pick<ProgressBarProps, "totalSteps" | "currentStep" | "m" | "mt" | "mr" | "mb" | "ml"> & Pick<BackgroundColorProps, "completedColor" | "reaminsColor">;
|
|
@@ -31,7 +31,7 @@ interface BackgroundProps {
|
|
|
31
31
|
* The following props are used if we just want to provide some color to the
|
|
32
32
|
* background of progress bar and don't want additional effects.
|
|
33
33
|
*/
|
|
34
|
-
interface BackgroundColorProps {
|
|
34
|
+
export interface BackgroundColorProps {
|
|
35
35
|
withBackgroundProps?: false;
|
|
36
36
|
/**
|
|
37
37
|
* The color of the completed part of our progress.
|
|
@@ -8,7 +8,7 @@ declare type PropsFromBaseText = Pick<BaseTextProps, "children" | "color" | "dis
|
|
|
8
8
|
*/
|
|
9
9
|
export declare type SDFontSizeWeight = [number, "semi-bold" | "regular" | "bold"];
|
|
10
10
|
export interface ResponsiveTextProps extends PropsFromBaseText {
|
|
11
|
-
fontSizeWeight: SDFontSizeWeight[];
|
|
11
|
+
fontSizeWeight: SDFontSizeWeight[] | SDFontSizeWeight;
|
|
12
12
|
/**
|
|
13
13
|
* Optional font family
|
|
14
14
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BaseTextV2Props } from "../base-text-v2";
|
|
2
2
|
import { SDFontSizeWeight } from "../responsive-text/interfaces";
|
|
3
3
|
export interface ResponsiveTextV2Props extends Omit<BaseTextV2Props, "variant"> {
|
|
4
|
-
fontSizeWeight: SDFontSizeWeight[];
|
|
4
|
+
fontSizeWeight: SDFontSizeWeight[] | SDFontSizeWeight;
|
|
5
5
|
}
|
|
@@ -59,3 +59,17 @@ export declare function useHover(onHover?: (newState: boolean) => void): {
|
|
|
59
59
|
onMouseLeave: () => void;
|
|
60
60
|
};
|
|
61
61
|
};
|
|
62
|
+
export declare function useContentSize<T extends Element = HTMLElement>(settings?: {
|
|
63
|
+
listenForResize?: boolean;
|
|
64
|
+
debounceDelay?: number;
|
|
65
|
+
checkEachRender?: boolean;
|
|
66
|
+
}): {
|
|
67
|
+
ref: RefObject<T>;
|
|
68
|
+
contentWidth: number;
|
|
69
|
+
contentHeight: number;
|
|
70
|
+
};
|
|
71
|
+
export declare function useElementCoordinates<T extends Element = HTMLElement>(): {
|
|
72
|
+
ref: RefObject<T>;
|
|
73
|
+
x: number;
|
|
74
|
+
y: number;
|
|
75
|
+
};
|
package/lib/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { BaseAccordionProps, BaseBadgeProps, BaseBaseGridContainerProps,
|
|
2
|
+
import { BaseAccordionProps, BaseBadgeProps, BaseBaseGridContainerProps, BaseBicolorBadgeProps, BaseBoxyNumberInputProps, BaseBreadcrumbProps, BaseCarouselSwitchProps, BaseDateRangeInputProps, BaseDropdownProps, BaseInputProps, BaseLinkProps, BaseListProps, BaseModalProps, BaseNumberInputProps, BasePaginationBarProps, BaseProgressBarProps, BaseResponsiveTextProps, BaseSublistAccordionProps, BaseTextInputProps, BaseTextPropsInterface, BaseTextSwitchProps, OutlinedDateRangeInputProps, SlideSettingsType } from "./interfaces";
|
|
3
3
|
export declare const ComponentLibThemeProvider: import("react").FC<import("./components/wrapper/interfaces").WrapperProps>;
|
|
4
4
|
export { Accordion } from "./components/accordions/base-accordion";
|
|
5
5
|
export declare type AccordionProps = BaseAccordionProps;
|
|
@@ -85,20 +85,7 @@ export { List } from "./components/lists/list";
|
|
|
85
85
|
export declare type ListProps = BaseListProps;
|
|
86
86
|
export { PrimaryList } from "./components/lists/primary-list";
|
|
87
87
|
export { ActionsMenu } from "./components/menus/actions-menu";
|
|
88
|
-
export
|
|
89
|
-
export declare type BaseOutlineMeterProps = BaseBaseOutlineMeterProps;
|
|
90
|
-
export { DiscreteOutlineMeter } from "./components/meters/discrete-outline-meter";
|
|
91
|
-
export { ContinuousOutlineMeter } from "./components/meters/continuous-outline-meter";
|
|
92
|
-
export { MulticolorOutlineMeter } from "./components/meters/multicolor-outline-meter";
|
|
93
|
-
export { BarsMeter } from "./components/meters/bars-meter";
|
|
94
|
-
export { PeopleMeter } from "./components/meters/people-meter";
|
|
95
|
-
export { SmileyMeter } from "./components/meters/smiley-meter";
|
|
96
|
-
export { DashedMeter } from "./components/meters/dashed-meter";
|
|
97
|
-
export { GradientOutlineMeter, SmallGradientOutlineMeter, } from "./components/meters/gradient-outline-meter";
|
|
98
|
-
export { OutlineMeter, SmallOutlineMeter, } from "./components/meters/outline-meter";
|
|
99
|
-
export type { OutlineMeterPosition, Bounds, OutlineMeterLabelPosition, } from "./components/meters/outline-meter";
|
|
100
|
-
export { SmileyMeterV2, SmallSmileyMeterV2, } from "./components/meters/smiley-meter-v2";
|
|
101
|
-
export { MultiOptionDiscreteOutlineMeter, SmallMultiOptionDiscreteOutlineMeter, } from "./components/meters/multi-option-discrete-outline-meter";
|
|
88
|
+
export * from "./components/meters";
|
|
102
89
|
export { Modal } from "./components/modals/modal";
|
|
103
90
|
export declare type ModalProps = BaseModalProps;
|
|
104
91
|
export { PrimaryModal } from "./components/modals/primary-modal";
|