@selfdecode/sd-component-library 2.46.6 → 2.46.9
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/193805683b5b1e117aab667b99dc2e4d.svg +15 -0
- package/lib/components/buttons/cta/cta-button/interfaces.d.ts +1 -1
- package/lib/components/buttons/cta/primary-blue-button/interfaces.d.ts +1 -1
- package/lib/components/buttons/cta/primary-blue-button/primary-blue-button.d.ts +2 -2
- package/lib/components/buttons/cta/primary-orange-button/interfaces.d.ts +1 -1
- package/lib/components/buttons/cta/primary-text-button/interfaces.d.ts +1 -1
- package/lib/components/buttons/cta/primary-text-button/primary-text-button.d.ts +2 -2
- package/lib/components/buttons/cta/secondary-blue-button/interfaces.d.ts +1 -1
- package/lib/components/buttons/cta/secondary-orange-button/interfaces.d.ts +1 -1
- package/lib/components/buttons/index.d.ts +25 -0
- package/lib/components/complex/navbar/partials/navbar-v2/partials/interfaces.d.ts +12 -0
- package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/navbar-item-without-menu/index.d.ts +1 -0
- package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/navbar-item-without-menu/intefaces.d.ts +7 -0
- package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/navbar-item-without-menu/navbar-item-without-menu.d.ts +3 -0
- package/lib/components/complex/navbar/presentational/constants-v3.d.ts +1 -0
- package/lib/components/complex/updated-navbar/constants.d.ts +5 -5
- 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/icons/environment-icon/environment.svg +15 -0
- package/lib/components/icons/environment-icon/index.d.ts +1 -0
- package/lib/components/icons/index.d.ts +1 -0
- package/lib/components/icons/round-bordered-star/interfaces.d.ts +2 -0
- 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 +8 -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/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 +8 -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/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/selectors/index.d.ts +21 -0
- package/lib/components/selectors/primary-custom-scrollable-selector/index.d.ts +1 -0
- package/lib/components/selectors/primary-custom-scrollable-selector/interfaces.d.ts +5 -0
- package/lib/components/selectors/primary-custom-scrollable-selector/partials/custom-scrollable-options-box/custom-scrollable-options-box.d.ts +2 -0
- package/lib/components/selectors/primary-custom-scrollable-selector/partials/custom-scrollable-options-box/index.d.ts +1 -0
- package/lib/components/selectors/primary-custom-scrollable-selector/partials/custom-scrollable-options-box/interfaces.d.ts +4 -0
- package/lib/components/selectors/primary-custom-scrollable-selector/partials/option-row/index.d.ts +1 -0
- package/lib/components/selectors/primary-custom-scrollable-selector/partials/option-row/interfaces.d.ts +5 -0
- package/lib/components/selectors/primary-custom-scrollable-selector/partials/option-row/option-row.d.ts +2 -0
- package/lib/components/selectors/primary-custom-scrollable-selector/primary-custom-scrollable-selector.d.ts +2 -0
- 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/components/tooltips/tooltip-with-pointer/interfaces.d.ts +4 -0
- package/lib/core/custom-hooks.d.ts +10 -1
- package/lib/index.d.ts +4 -56
- package/lib/index.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<svg
|
|
2
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
3
|
+
width="34.594"
|
|
4
|
+
height="35.279"
|
|
5
|
+
viewBox="0 0 34.594 35.279"
|
|
6
|
+
>
|
|
7
|
+
<path
|
|
8
|
+
d="M25.735,32.908a19.412,19.412,0,0,1-3.72-2.553c-1.238-.932-1.179-2.021-1.179-3.394.97.035,2.349-.268,2.992.505.2.246.9,1.345,1.369.955.379-.32-.283-1.6-.412-1.895-.4-.925.9-1.286,1.564-1.912.865-.819,2.721-2.1,2.574-2.688s-1.857-2.247-2.856-1.984c-.15.039-1.477,1.429-1.732,1.642.006-.453.014-.907.02-1.36,0-.287-.534-.581-.505-.765.063-.467,1.363-1.314,1.686-1.686-.226-.141-1-.806-1.233-.707-.566.236-1.206.4-1.768.632a3.649,3.649,0,0,0-.052-.563A13.923,13.923,0,0,1,26.057,16.1l1.112.447.786.932.783.808.685.221,1.088-1.026-.284-.734v-.659a13.922,13.922,0,0,1,5.962,2.352c-.318.029-.668.076-1.062.126a3.556,3.556,0,0,0-.549-.207c.515,1.109,1.053,2.2,1.6,3.3.584,1.168,1.878,2.421,2.106,3.656a26.917,26.917,0,0,1,.189,3.774.436.436,0,0,0,.552.4c3.621-1.21,4.9-5.735,2.453-9.068A16.412,16.412,0,1,0,22.763,45.507,1.164,1.164,0,0,0,24.3,44.357v-.025a1.165,1.165,0,0,0-.795-1.052,14.062,14.062,0,0,1-6.047-22.4,15.577,15.577,0,0,1,.159,1.909c-.126,1.878-.315,3.054.784,4.64a7.67,7.67,0,0,1,.741,2.217c.2.7,1.018,1.066,1.58,1.5,1.137.869,2.218,1.88,3.421,2.644.793.505,1.288.758,1.056,1.724a6.126,6.126,0,0,1-.642,1.952,3.928,3.928,0,0,0,.339,1.148,11.817,11.817,0,0,1,3.567-5.807c-.908.03-2.019.413-2.732.1"
|
|
9
|
+
transform="translate(-11.752 -13.596)"
|
|
10
|
+
/>
|
|
11
|
+
<path
|
|
12
|
+
d="M41.973,27.31a1.471,1.471,0,0,0-1.926-.8,1.44,1.44,0,0,0-.729.657,4.851,4.851,0,0,1-4.225,2.471H32.377a7.442,7.442,0,0,0-7.434,7.435.947.947,0,1,0,1.895,0,5.546,5.546,0,0,1,5.539-5.54H35.1a6.744,6.744,0,0,0,5.423-2.746,11.229,11.229,0,0,1,.642,3.769c0,5.464-3.431,9.678-8.19,10.023a5.557,5.557,0,0,1-4.593-1.689A14.284,14.284,0,0,1,36.108,36.5a.947.947,0,0,0-.435-1.844C27.228,36.647,24.835,42.53,24.3,44.284a.947.947,0,1,0,1.813.551,10.419,10.419,0,0,1,1.127-2.416,7.433,7.433,0,0,0,5.128,2.089,7.135,7.135,0,0,0,.769-.042c5.746-.417,9.916-5.425,9.916-11.91a13.116,13.116,0,0,0-1.081-5.246"
|
|
13
|
+
transform="translate(-8.46 -10.227)"
|
|
14
|
+
/>
|
|
15
|
+
</svg>
|
|
@@ -2,4 +2,4 @@ import { ButtonProps } from "../../button";
|
|
|
2
2
|
/**
|
|
3
3
|
* Additional props we want to add
|
|
4
4
|
*/
|
|
5
|
-
export declare type CtaButtonProps =
|
|
5
|
+
export declare type CtaButtonProps = Omit<ButtonProps, "variant" | "borderStyle" | "hoverBorderStyle">;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CtaButtonProps } from "../cta-button";
|
|
2
|
-
export declare type PrimaryBlueButtonProps =
|
|
2
|
+
export declare type PrimaryBlueButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverColor" | "hoverBg">;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { PrimaryBlueButtonProps } from "./interfaces";
|
|
2
|
+
import { PrimaryBlueButtonProps as Props } from "./interfaces";
|
|
3
3
|
/**
|
|
4
4
|
* The primary button.
|
|
5
5
|
*/
|
|
6
|
-
export declare const PrimaryBlueButton: React.
|
|
6
|
+
export declare const PrimaryBlueButton: React.FC<Props>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CtaButtonProps } from "../cta-button";
|
|
2
|
-
export declare type PrimaryOrangeButtonProps =
|
|
2
|
+
export declare type PrimaryOrangeButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverColor" | "hoverBg">;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CtaButtonProps } from "../cta-button";
|
|
2
|
-
export declare type PrimaryTextButtonProps =
|
|
2
|
+
export declare type PrimaryTextButtonProps = Omit<CtaButtonProps, "borderWidth" | "bg" | "hoverBg">;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { PrimaryTextButtonProps } from "./interfaces";
|
|
2
|
+
import { PrimaryTextButtonProps as Props } from "./interfaces";
|
|
3
3
|
/**
|
|
4
4
|
* The primary button.
|
|
5
5
|
*/
|
|
6
|
-
export declare const PrimaryTextButton: React.
|
|
6
|
+
export declare const PrimaryTextButton: React.FC<Props>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CtaButtonProps } from "../cta-button";
|
|
2
|
-
export declare type SecondaryBlueButtonProps =
|
|
2
|
+
export declare type SecondaryBlueButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverBg">;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CtaButtonProps } from "../cta-button";
|
|
2
|
-
export declare type SecondaryOrangeButtonProps =
|
|
2
|
+
export declare type SecondaryOrangeButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverBg">;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ButtonProps } from "./button";
|
|
2
|
+
import { CtaButtonProps } from "./cta/cta-button";
|
|
3
|
+
import { TextCtaButtonProps } from "./cta/text-cta-button";
|
|
4
|
+
export { Button } from "../buttons/button";
|
|
5
|
+
export type { ButtonProps };
|
|
6
|
+
export { CtaButton } from "../buttons/cta/cta-button";
|
|
7
|
+
export type { CtaButtonProps };
|
|
8
|
+
export { TextCtaButton } from "../buttons/cta/text-cta-button";
|
|
9
|
+
export type { TextCtaButtonProps };
|
|
10
|
+
export { PrimaryBlueButton } from "../buttons/cta/primary-blue-button";
|
|
11
|
+
export { PrimaryOrangeButton } from "../buttons/cta/primary-orange-button";
|
|
12
|
+
export { SecondaryBlueButton } from "../buttons/cta/secondary-blue-button";
|
|
13
|
+
export { SecondaryOrangeButton } from "../buttons/cta/secondary-orange-button";
|
|
14
|
+
export { PrimaryTextButton } from "../buttons/cta/primary-text-button";
|
|
15
|
+
export { GoToButton } from "../buttons/partials/goto-button";
|
|
16
|
+
export { NextButton } from "../buttons/cta/next-button";
|
|
17
|
+
export { ShareButton } from "../buttons/cta/share-button";
|
|
18
|
+
export { IconButton } from "../buttons/partials/icon-button";
|
|
19
|
+
export { TickButton } from "../buttons/partials/tick-button";
|
|
20
|
+
export { CrossButton } from "../buttons/partials/cross-button";
|
|
21
|
+
export { PoweredByGreyLogoButton } from "../buttons/logos/powered-by-grey-logo";
|
|
22
|
+
export { PoweredByWhiteLogoButton } from "../buttons/logos/powered-by-white-logo";
|
|
23
|
+
export { RadioInfoButton } from "../buttons/radio-info-button";
|
|
24
|
+
export { RoundIconButton } from "../buttons/round-icon-button";
|
|
25
|
+
export { NavbarLogoButton } from "../buttons/logos/navbar-logo";
|
|
@@ -42,6 +42,18 @@ export declare type NavItem = {
|
|
|
42
42
|
* Whether weglot should translate text
|
|
43
43
|
*/
|
|
44
44
|
dontTranslate?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* The url of the link. It should be set to undefined
|
|
47
|
+
* when it has children NavMenuItems
|
|
48
|
+
*/
|
|
49
|
+
url?: string;
|
|
50
|
+
/**
|
|
51
|
+
* Flag to decide if the URL is internal.
|
|
52
|
+
*
|
|
53
|
+
* It means the url points to some page within the react app
|
|
54
|
+
* and react router's `Link` can be used to navigate to that page.
|
|
55
|
+
*/
|
|
56
|
+
isInternal?: boolean;
|
|
45
57
|
};
|
|
46
58
|
export declare type NavMenuItem = {
|
|
47
59
|
/**
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { NavbarItemWithoutMenu } from "./navbar-item-without-menu";
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { NavItem } from "../partials/navbar-v2/partials/interfaces";
|
|
2
2
|
export declare const getgeneticsNavItem: (isPractitioner: boolean) => NavItem;
|
|
3
3
|
export declare const labsNavItem: NavItem;
|
|
4
|
+
export declare const lifestyleAnalyzerNavItem: NavItem;
|
|
4
5
|
export declare const getMyAccountNavItem: (isPractitioner: boolean, onLogout?: (() => void) | undefined) => NavItem;
|
|
5
6
|
export declare const getLanguageNavItem: (selectedLangCode: string, langCodes: string[], onLanguageSwitch: (langCode: string) => void) => NavItem;
|
|
@@ -26,7 +26,7 @@ export declare const legacyToolsItem: {
|
|
|
26
26
|
url?: undefined;
|
|
27
27
|
})[];
|
|
28
28
|
};
|
|
29
|
-
export declare const
|
|
29
|
+
export declare const getMyAccountItem: (isProfessional?: boolean, isLegacy?: boolean) => {
|
|
30
30
|
Icon: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
|
|
31
31
|
title?: string | undefined;
|
|
32
32
|
}>;
|
|
@@ -42,10 +42,6 @@ export declare const myAccountItem: {
|
|
|
42
42
|
})[];
|
|
43
43
|
};
|
|
44
44
|
export declare const regularUserItems: ({
|
|
45
|
-
title: string;
|
|
46
|
-
url: string;
|
|
47
|
-
items?: undefined;
|
|
48
|
-
} | {
|
|
49
45
|
title: string;
|
|
50
46
|
items: ({
|
|
51
47
|
title: string;
|
|
@@ -56,4 +52,8 @@ export declare const regularUserItems: ({
|
|
|
56
52
|
title: string;
|
|
57
53
|
})[];
|
|
58
54
|
url?: undefined;
|
|
55
|
+
} | {
|
|
56
|
+
title: string;
|
|
57
|
+
url: string;
|
|
58
|
+
items?: undefined;
|
|
59
59
|
})[];
|
|
@@ -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,15 @@
|
|
|
1
|
+
<svg
|
|
2
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
3
|
+
width="34.594"
|
|
4
|
+
height="35.279"
|
|
5
|
+
viewBox="0 0 34.594 35.279"
|
|
6
|
+
>
|
|
7
|
+
<path
|
|
8
|
+
d="M25.735,32.908a19.412,19.412,0,0,1-3.72-2.553c-1.238-.932-1.179-2.021-1.179-3.394.97.035,2.349-.268,2.992.505.2.246.9,1.345,1.369.955.379-.32-.283-1.6-.412-1.895-.4-.925.9-1.286,1.564-1.912.865-.819,2.721-2.1,2.574-2.688s-1.857-2.247-2.856-1.984c-.15.039-1.477,1.429-1.732,1.642.006-.453.014-.907.02-1.36,0-.287-.534-.581-.505-.765.063-.467,1.363-1.314,1.686-1.686-.226-.141-1-.806-1.233-.707-.566.236-1.206.4-1.768.632a3.649,3.649,0,0,0-.052-.563A13.923,13.923,0,0,1,26.057,16.1l1.112.447.786.932.783.808.685.221,1.088-1.026-.284-.734v-.659a13.922,13.922,0,0,1,5.962,2.352c-.318.029-.668.076-1.062.126a3.556,3.556,0,0,0-.549-.207c.515,1.109,1.053,2.2,1.6,3.3.584,1.168,1.878,2.421,2.106,3.656a26.917,26.917,0,0,1,.189,3.774.436.436,0,0,0,.552.4c3.621-1.21,4.9-5.735,2.453-9.068A16.412,16.412,0,1,0,22.763,45.507,1.164,1.164,0,0,0,24.3,44.357v-.025a1.165,1.165,0,0,0-.795-1.052,14.062,14.062,0,0,1-6.047-22.4,15.577,15.577,0,0,1,.159,1.909c-.126,1.878-.315,3.054.784,4.64a7.67,7.67,0,0,1,.741,2.217c.2.7,1.018,1.066,1.58,1.5,1.137.869,2.218,1.88,3.421,2.644.793.505,1.288.758,1.056,1.724a6.126,6.126,0,0,1-.642,1.952,3.928,3.928,0,0,0,.339,1.148,11.817,11.817,0,0,1,3.567-5.807c-.908.03-2.019.413-2.732.1"
|
|
9
|
+
transform="translate(-11.752 -13.596)"
|
|
10
|
+
/>
|
|
11
|
+
<path
|
|
12
|
+
d="M41.973,27.31a1.471,1.471,0,0,0-1.926-.8,1.44,1.44,0,0,0-.729.657,4.851,4.851,0,0,1-4.225,2.471H32.377a7.442,7.442,0,0,0-7.434,7.435.947.947,0,1,0,1.895,0,5.546,5.546,0,0,1,5.539-5.54H35.1a6.744,6.744,0,0,0,5.423-2.746,11.229,11.229,0,0,1,.642,3.769c0,5.464-3.431,9.678-8.19,10.023a5.557,5.557,0,0,1-4.593-1.689A14.284,14.284,0,0,1,36.108,36.5a.947.947,0,0,0-.435-1.844C27.228,36.647,24.835,42.53,24.3,44.284a.947.947,0,1,0,1.813.551,10.419,10.419,0,0,1,1.127-2.416,7.433,7.433,0,0,0,5.128,2.089,7.135,7.135,0,0,0,.769-.042c5.746-.417,9.916-5.425,9.916-11.91a13.116,13.116,0,0,0-1.081-5.246"
|
|
13
|
+
transform="translate(-8.46 -10.227)"
|
|
14
|
+
/>
|
|
15
|
+
</svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ReactComponent as EnvironmentIcon } from "./environment.svg";
|
|
@@ -17,3 +17,4 @@ export { StarIcon } from "./star-icon";
|
|
|
17
17
|
export { VialIcon } from "./vial-icon";
|
|
18
18
|
export { WarningCircleIcon } from "./warning-circle-icon";
|
|
19
19
|
export { TriangularPointerIcon } from "./triangular-pointer-icon";
|
|
20
|
+
export { EnvironmentIcon } from "./environment-icon";
|
|
@@ -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"> {
|
|
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,8 @@
|
|
|
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
|
+
diameter: number;
|
|
5
|
+
totalRanges: number;
|
|
6
|
+
idx: number;
|
|
7
|
+
range: SmileyMeterRange;
|
|
8
|
+
}
|
|
@@ -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.
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { BaseCompactSelectorProps, BaseSelectorProps, SelectorOptionType } from "../../interfaces";
|
|
2
|
+
export type { SelectorOptionType as SelectorOption };
|
|
3
|
+
export { Selector } from "./selector";
|
|
4
|
+
export type { BaseSelectorProps as SelectorProps };
|
|
5
|
+
export { TertiarySelector } from "./tertiary-selector";
|
|
6
|
+
export { PrimarySelector } from "./primary-selector";
|
|
7
|
+
export { SecondarySelector } from "./secondary-selector";
|
|
8
|
+
export { CompactPrimarySelector } from "./compact-primary-selector";
|
|
9
|
+
export declare type CompactPrimarySelectorProps<T extends string = string> = BaseCompactSelectorProps<T>;
|
|
10
|
+
export { CustomSelector } from "./custom-selector";
|
|
11
|
+
export { SecondaryCustomSelector } from "./secondary-custom-selector";
|
|
12
|
+
export { TertiaryCustomSelector } from "./tertiary-custom-selector";
|
|
13
|
+
export { CombinedSecondaryCustomSelector } from "./combined-secondary-custom-selector";
|
|
14
|
+
export { SelectorV2 } from "./selector-v2";
|
|
15
|
+
export type { SelectorV2Props, SelectorOptionV2 } from "./selector-v2";
|
|
16
|
+
export { TertiarySelectorV2 } from "./tertiary-selector-v2";
|
|
17
|
+
export { SecondarySelectorV2 } from "./secondary-selector-v2";
|
|
18
|
+
export { PrimarySelectorV2 } from "./primary-selector-v2";
|
|
19
|
+
export { CombinedSecondarySelectorV2 } from "./combined-secondary-selector-v2";
|
|
20
|
+
export { CustomScrollableSelector } from "./custom-scrollable-selector";
|
|
21
|
+
export { PrimaryCustomScrollableSelector } from "./primary-custom-scrollable-selector";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { PrimaryCustomScrollableSelector } from "./primary-custom-scrollable-selector";
|