@selfdecode/sd-component-library 2.42.31 → 2.42.35
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/accordions/base-accordion/interfaces.d.ts +4 -0
- package/lib/components/complex/navbar/partials/navbar-v2/partials/interfaces.d.ts +0 -16
- package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-mobile-v2/partials/navbar-mobile-unfolded-navigation/interfaces.d.ts +1 -1
- package/lib/components/complex/navbar/partials/navbar-v2/presentational/interfaces.d.ts +0 -4
- package/lib/components/complex/navbar/presentational/constants-v2.d.ts +1 -1
- package/lib/components/complex/navbar/presentational/constants-v3.d.ts +0 -1
- package/lib/components/complex/navbar/presentational/interfaces.d.ts +0 -12
- package/lib/components/feedback/base-feedback-container/interfaces.d.ts +9 -0
- package/lib/components/feedback/multiple-options-feedback/interfaces.d.ts +1 -1
- package/lib/components/feedback/yes-no-feedback-block/interfaces.d.ts +1 -1
- package/lib/components/icons/index.d.ts +6 -7
- package/lib/components/tabs/tab-bar-v2/interfaces.d.ts +8 -0
- package/lib/components/tabs/tab-bar-v2/partials/tab-v2/interfaces.d.ts +5 -1
- package/lib/components/tabs/tabbed-view-v2/interfaces.d.ts +1 -1
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/lib/269d4dbd2027234c18668478378a32a4.svg +0 -3
- package/lib/components/complex/navbar/presentational/language-mapping.d.ts +0 -1
- package/lib/components/icons/globe-icon/globe.svg +0 -3
- package/lib/components/icons/globe-icon/index.d.ts +0 -1
- package/lib/components/texts/no-translate/index.d.ts +0 -1
- package/lib/components/texts/no-translate/no-translate.d.ts +0 -3
|
@@ -85,4 +85,8 @@ export interface AccordionProps extends BaseComponentProps {
|
|
|
85
85
|
* The callback to control open/close state of the accordion, required for a controlled component.
|
|
86
86
|
*/
|
|
87
87
|
setIsOpen?: (value: React.SetStateAction<boolean>) => void;
|
|
88
|
+
/**
|
|
89
|
+
* disable CSS Flex if pdf flow.
|
|
90
|
+
*/
|
|
91
|
+
isPDFflow?: boolean;
|
|
88
92
|
}
|
|
@@ -4,10 +4,6 @@ export declare type NavItem = {
|
|
|
4
4
|
* The text to be shown in the link
|
|
5
5
|
*/
|
|
6
6
|
title: string;
|
|
7
|
-
/**
|
|
8
|
-
* Optional mobile title
|
|
9
|
-
*/
|
|
10
|
-
mobileTitle?: string;
|
|
11
7
|
/**
|
|
12
8
|
* The links that should be displayed when:
|
|
13
9
|
* - in desktop view, the user hovers this NavItem
|
|
@@ -26,14 +22,6 @@ export declare type NavItem = {
|
|
|
26
22
|
* An SVG Component to be placed to the left of the title
|
|
27
23
|
*/
|
|
28
24
|
Icon?: FC<SVGProps<SVGSVGElement>>;
|
|
29
|
-
/**
|
|
30
|
-
* Whether or not to hide arrow
|
|
31
|
-
*/
|
|
32
|
-
hideArrow?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Whether to include icon in mobile navbar menu
|
|
35
|
-
*/
|
|
36
|
-
mobileShowIcon?: boolean;
|
|
37
25
|
};
|
|
38
26
|
export declare type NavMenuItem = {
|
|
39
27
|
/**
|
|
@@ -71,8 +59,4 @@ export declare type NavMenuItem = {
|
|
|
71
59
|
* What to do instead of redirecting to a url.
|
|
72
60
|
*/
|
|
73
61
|
onClick?: () => void;
|
|
74
|
-
/**
|
|
75
|
-
* Whether item is currenly selected (and hence should be highlighted)
|
|
76
|
-
*/
|
|
77
|
-
isSelected?: boolean;
|
|
78
62
|
};
|
|
@@ -2,7 +2,7 @@ import { NavbarMobileV2PresentationalProps } from "../../presentational/interfac
|
|
|
2
2
|
/**
|
|
3
3
|
* Defines the NavigationUnfolded component's properties.
|
|
4
4
|
*/
|
|
5
|
-
export declare type NavbarMobileUnfoldedNavigationProps = Pick<NavbarMobileV2PresentationalProps, "itemsInCart" | "onClickCartIcon" | "unsubscribedUser" | "accountNavItem" | "navItems" | "hideSearch"
|
|
5
|
+
export declare type NavbarMobileUnfoldedNavigationProps = Pick<NavbarMobileV2PresentationalProps, "itemsInCart" | "onClickCartIcon" | "unsubscribedUser" | "accountNavItem" | "navItems" | "hideSearch"> & {
|
|
6
6
|
/**
|
|
7
7
|
* Callback function to be called when the X icon button is clicked
|
|
8
8
|
*/
|
|
@@ -3,4 +3,4 @@ export declare const myLabsNavItem: NavMenuItem;
|
|
|
3
3
|
export declare const getBetaNavItem: (isPractitioner: boolean) => NavItem;
|
|
4
4
|
export declare const myGeneticsNavItem: NavMenuItem;
|
|
5
5
|
export declare const legacyNavItem: NavItem;
|
|
6
|
-
export declare const getMyAccountNavItem: (onLogout?: () => void) => NavItem;
|
|
6
|
+
export declare const getMyAccountNavItem: (isPractitioner: boolean, onLogout?: () => void) => NavItem;
|
|
@@ -2,4 +2,3 @@ import { NavItem } from "../partials/navbar-v2/partials/interfaces";
|
|
|
2
2
|
export declare const geneticsNavItem: NavItem;
|
|
3
3
|
export declare const labsNavItem: NavItem;
|
|
4
4
|
export declare const getMyAccountNavItem: (isPractitioner: boolean, onLogout?: (() => void) | undefined) => NavItem;
|
|
5
|
-
export declare const getLanguageNavItem: (selectedLangCode: string, langCodes: string[], onLanguageSwitch: (langCode: string) => void) => NavItem;
|
|
@@ -87,16 +87,4 @@ export declare type NavbarProps = {
|
|
|
87
87
|
* }
|
|
88
88
|
*/
|
|
89
89
|
onLogout?: () => void;
|
|
90
|
-
/**
|
|
91
|
-
* User current selected language code
|
|
92
|
-
*/
|
|
93
|
-
selectedLangCode: string;
|
|
94
|
-
/**
|
|
95
|
-
* List of selectable language codes
|
|
96
|
-
*/
|
|
97
|
-
langCodes: string[];
|
|
98
|
-
/**
|
|
99
|
-
* What to do on language switch
|
|
100
|
-
*/
|
|
101
|
-
onLanguageSwitch: (langCode: string) => void;
|
|
102
90
|
};
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { SxProps } from "rebass";
|
|
2
3
|
export interface BaseFeedbackBlockProps {
|
|
4
|
+
/**
|
|
5
|
+
* Question box props.
|
|
6
|
+
*/
|
|
3
7
|
questionText: string;
|
|
8
|
+
questionTextFontSize?: number;
|
|
9
|
+
questionMarginBottom?: string;
|
|
10
|
+
containerSx?: SxProps["sx"];
|
|
11
|
+
iconContainerSx?: SxProps["sx"];
|
|
12
|
+
iconFontSize?: number;
|
|
4
13
|
children: React.ReactNode;
|
|
5
14
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BaseFeedbackBlockProps } from "../base-feedback-container/interfaces";
|
|
2
|
-
export interface MultipleOptionsFeedbackProps extends
|
|
2
|
+
export interface MultipleOptionsFeedbackProps extends Omit<BaseFeedbackBlockProps, "children"> {
|
|
3
3
|
options: FeedbackOption[];
|
|
4
4
|
selectedOptionId?: string;
|
|
5
5
|
onFeedback: (id: string) => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BaseFeedbackBlockProps } from "../base-feedback-container/interfaces";
|
|
2
|
-
export interface YesNoFeedbackBlockProps extends
|
|
2
|
+
export interface YesNoFeedbackBlockProps extends Omit<BaseFeedbackBlockProps, "children"> {
|
|
3
3
|
selectedOption?: YesNoOption;
|
|
4
4
|
onFeedback: (option: YesNoOption) => void;
|
|
5
5
|
}
|
|
@@ -1,18 +1,17 @@
|
|
|
1
|
-
export { BorderedPlainWarningCircleIcon } from "./bordered-plain-warning-circle-icon";
|
|
2
1
|
export { CartIcon } from "./cart-icon";
|
|
3
2
|
export { CrossIcon } from "./cross-icon";
|
|
4
3
|
export { GeneticsIcon } from "./genetics-icon";
|
|
5
|
-
export { GlobeIcon } from "./globe-icon";
|
|
6
4
|
export { HamburgerIcon } from "./hamburger-icon";
|
|
7
|
-
export { PlainWarningCircleIcon } from "./plain-warning-circle-icon";
|
|
8
5
|
export { ProfileIcon } from "./profile-icon";
|
|
9
|
-
export { RescanIcon } from "./rescan-icon";
|
|
10
|
-
export { RoundBorderedStar } from "./round-bordered-star";
|
|
11
6
|
export { SDLogoNoTextIcon } from "./sd-logo-no-text-icon";
|
|
12
7
|
export { SDLogoWhiteIcon } from "./sd-logo-white-icon";
|
|
13
|
-
export { SDNavbarIcon } from "./sd-navbar-icon";
|
|
14
8
|
export { SearchIcon } from "./search-icon";
|
|
15
9
|
export { ShortDownArrowIcon } from "./short-dropdown-arrow-icon";
|
|
16
|
-
export { StarIcon } from "./star-icon";
|
|
17
10
|
export { VialIcon } from "./vial-icon";
|
|
11
|
+
export { RescanIcon } from "./rescan-icon";
|
|
12
|
+
export { SDNavbarIcon } from "./sd-navbar-icon";
|
|
13
|
+
export { StarIcon } from "./star-icon";
|
|
18
14
|
export { WarningCircleIcon } from "./warning-circle-icon";
|
|
15
|
+
export { BorderedPlainWarningCircleIcon } from "./bordered-plain-warning-circle-icon";
|
|
16
|
+
export { PlainWarningCircleIcon } from "./plain-warning-circle-icon";
|
|
17
|
+
export { RoundBorderedStar } from "./round-bordered-star";
|
|
@@ -35,6 +35,14 @@ export interface TabBarV2Props {
|
|
|
35
35
|
* Side padding of the tab bar.
|
|
36
36
|
*/
|
|
37
37
|
paddingX?: string;
|
|
38
|
+
/**
|
|
39
|
+
* Side padding of the tab.
|
|
40
|
+
*/
|
|
41
|
+
tabPx?: string | string[];
|
|
42
|
+
/**
|
|
43
|
+
* Font size of the tab text.
|
|
44
|
+
*/
|
|
45
|
+
fontSize?: number;
|
|
38
46
|
}
|
|
39
47
|
export interface TabV2Config {
|
|
40
48
|
id: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TabBarV2Props, TabV2Config } from "../../interfaces";
|
|
2
|
-
export interface TabV2Props extends TabV2Config, Required<Omit<TabBarV2Props, "tabs" | "maxWidth" | "paddingX" | "selectedTabId">> {
|
|
2
|
+
export interface TabV2Props extends TabV2Config, Required<Omit<TabBarV2Props, "tabs" | "maxWidth" | "paddingX" | "selectedTabId" | "tabPx">> {
|
|
3
3
|
/**
|
|
4
4
|
* Index of the selected tab.
|
|
5
5
|
*/
|
|
@@ -16,4 +16,8 @@ export interface TabV2Props extends TabV2Config, Required<Omit<TabBarV2Props, "t
|
|
|
16
16
|
* Height of the dash under selected tab.
|
|
17
17
|
*/
|
|
18
18
|
dashHeight?: number;
|
|
19
|
+
/**
|
|
20
|
+
* Side padding of the tab
|
|
21
|
+
*/
|
|
22
|
+
px?: string | string[];
|
|
19
23
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TabBarV2Props, TabV2Config } from "../tab-bar-v2/interfaces";
|
|
3
|
-
export interface TabbedViewV2Props extends Pick<TabBarV2Props, "color" | "activeColor" | "borderColor" | "borderWidth" | "borderRadius" | "selectedTabId" | "onSelect"> {
|
|
3
|
+
export interface TabbedViewV2Props extends Pick<TabBarV2Props, "color" | "activeColor" | "borderColor" | "borderWidth" | "borderRadius" | "selectedTabId" | "onSelect" | "tabPx" | "fontSize"> {
|
|
4
4
|
tabs: TabViewTabV2[];
|
|
5
5
|
}
|
|
6
6
|
export interface TabViewTabV2 extends TabV2Config {
|