@selfdecode/sd-component-library 2.43.5 → 2.43.6

package/lib/components/complex/navbar/partials/navbar-v2/presentational/index.d.ts

@@ -1 +1 @@
-export { NavbarV2Presentational } from "./navbar-v2-presentational";
+export { NavbarV2Presentational } from "./navbar-v2-presentational";

package/lib/components/complex/navbar/partials/navbar-v2/presentational/interfaces.d.ts

@@ -1,25 +1,25 @@
-import { NavbarProps } from "../../../presentational/interfaces";
-import { NavItem } from "../partials/interfaces";
-export declare type NavbarV2PresentationalProps = Pick<NavbarProps, "history" | "unsubscribedUser" | "onSearch" | "searchResults" | "itemsInCart" | "onClickCartIcon" | "isLegacy" | "borderBottomColor" | "onClickSearch" | "useRouterLinks" | "hideSearch" | "searchValue"> & {
-    /**
-     * If true, the "Legacy" badge and the "What's this"  hoverable text
-     * (both shown to the right of SelfDecode logo, in the left corner
-     * of the navbar) won't be rendered
-     *
-     * Default value: false
-     */
-    newVersion?: boolean;
-    /**
-     * Navigation items to show to the left of the PersonalAreaItem component
-     */
-    navItems: NavItem[];
-    /**
-     * An object that contains in a "children" props the rows that should be
-     * rendered when hovering on the PersonalAreaItem component
-     */
-    accountNavItem: NavItem;
-    /**
-     * A language selector item
-     */
-    languageNavItem: NavItem;
-};
+import { NavbarProps } from "../../../presentational/interfaces";
+import { NavItem } from "../partials/interfaces";
+export declare type NavbarV2PresentationalProps = Pick<NavbarProps, "history" | "unsubscribedUser" | "onSearch" | "searchResults" | "itemsInCart" | "onClickCartIcon" | "isLegacy" | "borderBottomColor" | "onClickSearch" | "useRouterLinks" | "hideSearch" | "searchValue"> & {
+    /**
+     * If true, the "Legacy" badge and the "What's this"  hoverable text
+     * (both shown to the right of SelfDecode logo, in the left corner
+     * of the navbar) won't be rendered
+     *
+     * Default value: false
+     */
+    newVersion?: boolean;
+    /**
+     * Navigation items to show to the left of the PersonalAreaItem component
+     */
+    navItems: NavItem[];
+    /**
+     * An object that contains in a "children" props the rows that should be
+     * rendered when hovering on the PersonalAreaItem component
+     */
+    accountNavItem: NavItem;
+    /**
+     * A language selector item
+     */
+    languageNavItem: NavItem;
+};

package/lib/components/complex/navbar/partials/navbar-v2/presentational/navbar-v2-presentational.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-import { NavbarV2PresentationalProps as Props } from "./interfaces";
-/**
- * This is the navbar v2 component.
- * This component is responsive: it will render the NavbarMobileV2 or
- * the NavbarDesktopV2 component depending of the screen size (theme breakpoints)
- */
-export declare const NavbarV2Presentational: React.FC<Props>;
+import React from "react";
+import { NavbarV2PresentationalProps as Props } from "./interfaces";
+/**
+ * This is the navbar v2 component.
+ * This component is responsive: it will render the NavbarMobileV2 or
+ * the NavbarDesktopV2 component depending of the screen size (theme breakpoints)
+ */
+export declare const NavbarV2Presentational: React.FC<Props>;

package/lib/components/complex/navbar/presentational/constants-v2.d.ts

@@ -1,6 +1,6 @@
-import { NavItem, NavMenuItem } from "../partials/navbar-v2/partials/interfaces";
-export declare const myLabsNavItem: NavMenuItem;
-export declare const getBetaNavItem: (isPractitioner: boolean) => NavItem;
-export declare const myGeneticsNavItem: NavMenuItem;
-export declare const legacyNavItem: NavItem;
-export declare const getMyAccountNavItem: (isPractitioner: boolean, onLogout?: () => void) => NavItem;
+import { NavItem, NavMenuItem } from "../partials/navbar-v2/partials/interfaces";
+export declare const myLabsNavItem: NavMenuItem;
+export declare const getBetaNavItem: (isPractitioner: boolean) => NavItem;
+export declare const myGeneticsNavItem: NavMenuItem;
+export declare const legacyNavItem: NavItem;
+export declare const getMyAccountNavItem: (isPractitioner: boolean, onLogout?: () => void) => NavItem;

package/lib/components/complex/navbar/presentational/constants-v3.d.ts

@@ -1,5 +1,5 @@
-import { NavItem } from "../partials/navbar-v2/partials/interfaces";
-export declare const geneticsNavItem: NavItem;
-export declare const labsNavItem: NavItem;
-export declare const getMyAccountNavItem: (isPractitioner: boolean, onLogout?: (() => void) | undefined) => NavItem;
-export declare const getLanguageNavItem: (selectedLangCode: string, langCodes: string[], onLanguageSwitch: (langCode: string) => void) => NavItem;
+import { NavItem } from "../partials/navbar-v2/partials/interfaces";
+export declare const getgeneticsNavItem: (isPractitioner: boolean) => NavItem;
+export declare const labsNavItem: NavItem;
+export declare const getMyAccountNavItem: (isPractitioner: boolean, onLogout?: (() => void) | undefined) => NavItem;
+export declare const getLanguageNavItem: (selectedLangCode: string, langCodes: string[], onLanguageSwitch: (langCode: string) => void) => NavItem;

package/lib/components/complex/navbar/presentational/index.d.ts

@@ -1 +1 @@
-export { NavbarPresentational } from "./navbar-presentational";
+export { NavbarPresentational } from "./navbar-presentational";

package/lib/components/complex/navbar/presentational/interfaces.d.ts

@@ -1,102 +1,102 @@
-import { History } from "history";
-import { SearchResult } from "../../../inputs/search-input/partials/search-box/interfaces";
-export declare type NavbarProps = {
-    /**
-     * The history object
-     */
-    history: History;
-    /**
-     * Boolean to indicate that navbar-v2 should be rendered.
-     * Default value: true
-     */
-    v2?: boolean;
-    /**
-     * Boolean to indicate that navbar-v3 should be rendered.
-     * If true, v2 prop will be ignored.
-     *
-     * Default value: false
-     */
-    v3?: boolean;
-    /**
-     * Is the user unsubscribed? Used to hide elements that shouldn't show
-     */
-    unsubscribedUser?: boolean;
-    /**
-     * Whether the authenticated user is a practitioner. If it is, instead
-     * of showing a link to "Dashboard", we will show a link to "My Clients"
-     * in both v2 and v3 versions of the Navbar
-     *
-     * Default value: false
-     */
-    isPractitioner?: boolean;
-    /**
-     * Controlled value of the search input.
-     */
-    searchValue?: string;
-    /**
-     * The callback for the search query change
-     */
-    onSearch: (query: string) => void;
-    /**
-     * The returned search results
-     */
-    searchResults: Array<SearchResult>;
-    /**
-     * The amount of items in the shopping cart. If not provided or provided
-     * value is lower than zero, the cart icon will not be shown in the navbar
-     */
-    itemsInCart?: number;
-    /**
-     * Callback function to use when user clicks on the cart icon in the navbar
-     */
-    onClickCartIcon?: () => void;
-    /**
-     * Tells if this should be considered a "legacy" navbar.
-     *
-     * If false, the search icon won't be shown in the navbar and the
-     * badge displayed next to the SelfDecode logo will contain the
-     * text "2.0 BETA"
-     *
-     * Default value: false
-     */
-    isLegacy?: boolean;
-    /**
-     * The color of the bottom border (style: "solid", widht: "1px") of
-     * the navbar in desktop screens. If undefined, no styles will be
-     * applied to the bottom border.
-     */
-    borderBottomColor?: string;
-    /**
-     * Callback to be executed after clicking on the search button.
-     */
-    onClickSearch?: (query?: string | number | readonly string[]) => void;
-    /**
-     * Whether to use react-router links for search results.
-     */
-    useRouterLinks?: boolean;
-    /**
-     * Whether to hide search functionality from the user.
-     */
-    hideSearch?: boolean;
-    /**
-     * What to do when the logout button has been pressed.
-     *
-     * Default value: () => {
-     *  window.localStorage.setItem("hideDecody", "false");
-     *  window.location.href = "/account/logout";
-     * }
-     */
-    onLogout?: () => void;
-    /**
-     * User current selected language code
-     */
-    selectedLangCode: string;
-    /**
-     * List of selectable language codes
-     */
-    langCodes: string[];
-    /**
-     * What to do on language switch
-     */
-    onLanguageSwitch: (langCode: string) => void;
-};
+import { History } from "history";
+import { SearchResult } from "../../../inputs/search-input/partials/search-box/interfaces";
+export declare type NavbarProps = {
+    /**
+     * The history object
+     */
+    history: History;
+    /**
+     * Boolean to indicate that navbar-v2 should be rendered.
+     * Default value: true
+     */
+    v2?: boolean;
+    /**
+     * Boolean to indicate that navbar-v3 should be rendered.
+     * If true, v2 prop will be ignored.
+     *
+     * Default value: false
+     */
+    v3?: boolean;
+    /**
+     * Is the user unsubscribed? Used to hide elements that shouldn't show
+     */
+    unsubscribedUser?: boolean;
+    /**
+     * Whether the authenticated user is a practitioner. If it is, instead
+     * of showing a link to "Dashboard", we will show a link to "My Clients"
+     * in both v2 and v3 versions of the Navbar
+     *
+     * Default value: false
+     */
+    isPractitioner?: boolean;
+    /**
+     * Controlled value of the search input.
+     */
+    searchValue?: string;
+    /**
+     * The callback for the search query change
+     */
+    onSearch: (query: string) => void;
+    /**
+     * The returned search results
+     */
+    searchResults: Array<SearchResult>;
+    /**
+     * The amount of items in the shopping cart. If not provided or provided
+     * value is lower than zero, the cart icon will not be shown in the navbar
+     */
+    itemsInCart?: number;
+    /**
+     * Callback function to use when user clicks on the cart icon in the navbar
+     */
+    onClickCartIcon?: () => void;
+    /**
+     * Tells if this should be considered a "legacy" navbar.
+     *
+     * If false, the search icon won't be shown in the navbar and the
+     * badge displayed next to the SelfDecode logo will contain the
+     * text "2.0 BETA"
+     *
+     * Default value: false
+     */
+    isLegacy?: boolean;
+    /**
+     * The color of the bottom border (style: "solid", widht: "1px") of
+     * the navbar in desktop screens. If undefined, no styles will be
+     * applied to the bottom border.
+     */
+    borderBottomColor?: string;
+    /**
+     * Callback to be executed after clicking on the search button.
+     */
+    onClickSearch?: (query?: string | number | readonly string[]) => void;
+    /**
+     * Whether to use react-router links for search results.
+     */
+    useRouterLinks?: boolean;
+    /**
+     * Whether to hide search functionality from the user.
+     */
+    hideSearch?: boolean;
+    /**
+     * What to do when the logout button has been pressed.
+     *
+     * Default value: () => {
+     *  window.localStorage.setItem("hideDecody", "false");
+     *  window.location.href = "/account/logout";
+     * }
+     */
+    onLogout?: () => void;
+    /**
+     * User current selected language code
+     */
+    selectedLangCode: string;
+    /**
+     * List of selectable language codes
+     */
+    langCodes: string[];
+    /**
+     * What to do on language switch
+     */
+    onLanguageSwitch: (langCode: string) => void;
+};

package/lib/components/complex/navbar/presentational/language-mapping.d.ts

@@ -1 +1 @@
-export declare const getNativeLanguageName: (langCode: string) => string | undefined;
+export declare const getNativeLanguageName: (langCode: string) => string | undefined;

package/lib/components/complex/navbar/presentational/navbar-presentational.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { NavbarProps } from "./interfaces";
-/**
- * Renders either navbar-v1 or navbar-v2, depeding on the v2 prop
- */
-export declare function NavbarPresentational(props: NavbarProps): JSX.Element;
+/// <reference types="react" />
+import { NavbarProps } from "./interfaces";
+/**
+ * Renders either navbar-v1 or navbar-v2, depeding on the v2 prop
+ */
+export declare function NavbarPresentational(props: NavbarProps): JSX.Element;

package/lib/components/complex/navbar/presentational/url-utils.d.ts

@@ -1,10 +1,10 @@
-export declare const useEnvironment: () => {
-    isDev: boolean;
-    isLocal: boolean;
-    isProd: boolean;
-    isQA: boolean;
-};
-export declare const getLabShopsUrlProps: () => {
-    url: string;
-    isInternal: boolean;
-};
+export declare const useEnvironment: () => {
+    isDev: boolean;
+    isLocal: boolean;
+    isProd: boolean;
+    isQA: boolean;
+};
+export declare const getLabShopsUrlProps: () => {
+    url: string;
+    isInternal: boolean;
+};

package/lib/components/containers/grid-containers/base-grid-container/base-grid-container.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { BaseGridContainerProps } from "./interfaces";
-/**
- * Base grid container component.
- */
-export declare function BaseGridContainer(props: BaseGridContainerProps): React.ReactElement<BaseGridContainerProps>;
+import React from "react";
+import { BaseGridContainerProps } from "./interfaces";
+/**
+ * Base grid container component.
+ */
+export declare function BaseGridContainer(props: BaseGridContainerProps): React.ReactElement<BaseGridContainerProps>;

package/lib/components/containers/grid-containers/base-grid-container/index.d.ts

@@ -1,3 +1,3 @@
-import { BaseGridContainerProps as Props } from "./interfaces";
-export declare type BaseGridContainerProps = Props;
-export { BaseGridContainer } from "./base-grid-container";
+import { BaseGridContainerProps as Props } from "./interfaces";
+export declare type BaseGridContainerProps = Props;
+export { BaseGridContainer } from "./base-grid-container";

package/lib/components/containers/grid-containers/base-grid-container/interfaces.d.ts

@@ -1,68 +1,68 @@
-/// <reference types="react" />
-import { BaseComponentProps } from "../../../interfaces";
-export interface BaseGridContainerProps extends BaseComponentProps {
-    /**
-     * The container's children
-     */
-    children?: React.ReactNode;
-    /**
-     * The grid template columuns
-     */
-    gridTemplateColumns?: Array<string>;
-    /**
-     * The grid template rows
-     */
-    gridTemplateRows?: Array<string>;
-    /**
-     * The width of the container. Defaults to 100%
-     */
-    width?: Array<string>;
-    /**
-     * The height of the container. Defaults to 100%
-     */
-    height?: Array<string>;
-    /**
-     * The grid gap
-     */
-    gap?: Array<string>;
-    /**
-     * The container's padding
-     */
-    p?: Array<string>;
-    /**
-     * The desired items alignment. Defaults to "center"
-     */
-    alignItems?: string;
-    /**
-     * The desired alignContent.
-     */
-    alignContent?: string;
-    /**
-     * The desired justifyItems.
-     */
-    justifyItems?: string;
-    /**
-     * The desired justifyContent.
-     */
-    justifyContent?: string;
-    /**
-     * Possible border color
-     */
-    borderColor?: string;
-    /**
-     * Possible border style
-     */
-    borderStyle?: string;
-    /**
-     * Possible border width
-     */
-    borderWidth?: string;
-    /**
-     * Possible border radius
-     */
-    borderRadius?: Array<string>;
-    /**
-     * The background to the container
-     */
-    bg?: string;
-}
+/// <reference types="react" />
+import { BaseComponentProps } from "../../../interfaces";
+export interface BaseGridContainerProps extends BaseComponentProps {
+    /**
+     * The container's children
+     */
+    children?: React.ReactNode;
+    /**
+     * The grid template columuns
+     */
+    gridTemplateColumns?: Array<string>;
+    /**
+     * The grid template rows
+     */
+    gridTemplateRows?: Array<string>;
+    /**
+     * The width of the container. Defaults to 100%
+     */
+    width?: Array<string>;
+    /**
+     * The height of the container. Defaults to 100%
+     */
+    height?: Array<string>;
+    /**
+     * The grid gap
+     */
+    gap?: Array<string>;
+    /**
+     * The container's padding
+     */
+    p?: Array<string>;
+    /**
+     * The desired items alignment. Defaults to "center"
+     */
+    alignItems?: string;
+    /**
+     * The desired alignContent.
+     */
+    alignContent?: string;
+    /**
+     * The desired justifyItems.
+     */
+    justifyItems?: string;
+    /**
+     * The desired justifyContent.
+     */
+    justifyContent?: string;
+    /**
+     * Possible border color
+     */
+    borderColor?: string;
+    /**
+     * Possible border style
+     */
+    borderStyle?: string;
+    /**
+     * Possible border width
+     */
+    borderWidth?: string;
+    /**
+     * Possible border radius
+     */
+    borderRadius?: Array<string>;
+    /**
+     * The background to the container
+     */
+    bg?: string;
+}

package/lib/components/containers/grid-containers/fr-fr-container/fr-fr-container.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { FrFrContainerProps } from "./interfaces";
-/**
- * Grid container component with two 1fr columns.
- */
-export declare function FrFrContainer(props: FrFrContainerProps): React.ReactElement<FrFrContainerProps>;
+import React from "react";
+import { FrFrContainerProps } from "./interfaces";
+/**
+ * Grid container component with two 1fr columns.
+ */
+export declare function FrFrContainer(props: FrFrContainerProps): React.ReactElement<FrFrContainerProps>;

package/lib/components/containers/grid-containers/fr-fr-container/index.d.ts

@@ -1 +1 @@
-export { FrFrContainer } from "./fr-fr-container";
+export { FrFrContainer } from "./fr-fr-container";

package/lib/components/containers/grid-containers/fr-fr-container/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { BaseGridContainerProps } from "../base-grid-container/interfaces";
-export declare type FrFrContainerProps = Pick<BaseGridContainerProps, "gridTemplateRows" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "children" | "gap" | "p" | "width" | "height" | "borderWidth" | "borderColor" | "borderStyle" | "borderRadius" | "bg" | "m" | "mt" | "mr" | "mb" | "ml">;
+import { BaseGridContainerProps } from "../base-grid-container/interfaces";
+export declare type FrFrContainerProps = Pick<BaseGridContainerProps, "gridTemplateRows" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "children" | "gap" | "p" | "width" | "height" | "borderWidth" | "borderColor" | "borderStyle" | "borderRadius" | "bg" | "m" | "mt" | "mr" | "mb" | "ml">;

package/lib/components/containers/grid-containers/fr-max-container/fr-max-container.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { FrMaxContainerProps } from "./interfaces";
-/**
- * Grid container component with 1fr and max-content columns.
- */
-export declare function FrMaxContainer(props: FrMaxContainerProps): React.ReactElement<FrMaxContainerProps>;
+import React from "react";
+import { FrMaxContainerProps } from "./interfaces";
+/**
+ * Grid container component with 1fr and max-content columns.
+ */
+export declare function FrMaxContainer(props: FrMaxContainerProps): React.ReactElement<FrMaxContainerProps>;

package/lib/components/containers/grid-containers/fr-max-container/index.d.ts

@@ -1 +1 @@
-export { FrMaxContainer } from "./fr-max-container";
+export { FrMaxContainer } from "./fr-max-container";

package/lib/components/containers/grid-containers/fr-max-container/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { BaseGridContainerProps } from "../base-grid-container/interfaces";
-export declare type FrMaxContainerProps = Pick<BaseGridContainerProps, "gridTemplateRows" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "children" | "gap" | "p" | "width" | "height" | "borderWidth" | "borderColor" | "borderStyle" | "borderRadius" | "bg" | "m" | "mt" | "mr" | "mb" | "ml">;
+import { BaseGridContainerProps } from "../base-grid-container/interfaces";
+export declare type FrMaxContainerProps = Pick<BaseGridContainerProps, "gridTemplateRows" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "children" | "gap" | "p" | "width" | "height" | "borderWidth" | "borderColor" | "borderStyle" | "borderRadius" | "bg" | "m" | "mt" | "mr" | "mb" | "ml">;

package/lib/components/containers/grid-containers/max-fr-container/index.d.ts

@@ -1 +1 @@
-export { MaxFrContainer } from "./max-fr-container";
+export { MaxFrContainer } from "./max-fr-container";

package/lib/components/containers/grid-containers/max-fr-container/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { BaseGridContainerProps } from "../base-grid-container/interfaces";
-export declare type MaxFrContainerProps = Pick<BaseGridContainerProps, "gridTemplateRows" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "children" | "gap" | "p" | "width" | "height" | "borderWidth" | "borderColor" | "borderStyle" | "borderRadius" | "bg" | "m" | "mt" | "mr" | "mb" | "ml">;
+import { BaseGridContainerProps } from "../base-grid-container/interfaces";
+export declare type MaxFrContainerProps = Pick<BaseGridContainerProps, "gridTemplateRows" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "children" | "gap" | "p" | "width" | "height" | "borderWidth" | "borderColor" | "borderStyle" | "borderRadius" | "bg" | "m" | "mt" | "mr" | "mb" | "ml">;

package/lib/components/containers/grid-containers/max-fr-container/max-fr-container.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { MaxFrContainerProps } from "./interfaces";
-/**
- * Grid container component with max-content and 1fr columns.
- */
-export declare function MaxFrContainer(props: MaxFrContainerProps): React.ReactElement<MaxFrContainerProps>;
+import React from "react";
+import { MaxFrContainerProps } from "./interfaces";
+/**
+ * Grid container component with max-content and 1fr columns.
+ */
+export declare function MaxFrContainer(props: MaxFrContainerProps): React.ReactElement<MaxFrContainerProps>;

package/lib/components/containers/grid-containers/max-max-container/index.d.ts

@@ -1 +1 @@
-export { MaxMaxContainer } from "./max-max-container";
+export { MaxMaxContainer } from "./max-max-container";

package/lib/components/containers/grid-containers/max-max-container/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { BaseGridContainerProps } from "../base-grid-container/interfaces";
-export declare type MaxMaxContainerProps = Pick<BaseGridContainerProps, "gridTemplateRows" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "children" | "gap" | "p" | "width" | "height" | "borderWidth" | "borderColor" | "borderStyle" | "borderRadius" | "bg" | "m" | "mt" | "mr" | "mb" | "ml">;
+import { BaseGridContainerProps } from "../base-grid-container/interfaces";
+export declare type MaxMaxContainerProps = Pick<BaseGridContainerProps, "gridTemplateRows" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "children" | "gap" | "p" | "width" | "height" | "borderWidth" | "borderColor" | "borderStyle" | "borderRadius" | "bg" | "m" | "mt" | "mr" | "mb" | "ml">;

package/lib/components/containers/grid-containers/max-max-container/max-max-container.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { MaxMaxContainerProps } from "./interfaces";
-/**
- * Grid container component with two max-content columns.
- */
-export declare function MaxMaxContainer(props: MaxMaxContainerProps): React.ReactElement<MaxMaxContainerProps>;
+import React from "react";
+import { MaxMaxContainerProps } from "./interfaces";
+/**
+ * Grid container component with two max-content columns.
+ */
+export declare function MaxMaxContainer(props: MaxMaxContainerProps): React.ReactElement<MaxMaxContainerProps>;

package/lib/components/containers/max-width-container/index.d.ts

@@ -1 +1 @@
-export { MaxWidthContainer } from "./max-width-container";
+export { MaxWidthContainer } from "./max-width-container";