@selfdecode/sd-component-library 2.42.3 → 2.42.4

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

@@ -1,4 +1,4 @@
-import { NavItem } from "../partials/navbar-v2/partials/interfaces";
-export declare const geneticsNavItem: NavItem;
-export declare const labsNavItem: NavItem;
-export declare const getMyAccountNavItem: (isPractitioner: boolean) => NavItem;
+import { NavItem } from "../partials/navbar-v2/partials/interfaces";
+export declare const geneticsNavItem: NavItem;
+export declare const labsNavItem: NavItem;
+export declare const getMyAccountNavItem: (isPractitioner: boolean) => 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,81 +1,81 @@
-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;
-};
+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;
+};

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/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";

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

@@ -1,25 +1,25 @@
-/// <reference types="react" />
-import { SxProps } from "rebass";
-import { BaseComponentProps } from "../../interfaces";
-export interface MaxWidthContainerProps extends BaseComponentProps {
-    /**
-     * The sx props we'll use to render the sides of our content
-     */
-    bgSx?: SxProps["sx"];
-    /**
-     * The content
-     */
-    children: React.ReactNode;
-    /**
-     * The maximum with for the content, id not the default
-     */
-    maxWidth?: Array<string>;
-    /**
-     * Optional paddingX property
-     */
-    paddingX?: Array<string>;
-    /**
-     * Optional paddingY property
-     */
-    paddingY?: Array<string>;
-}
+/// <reference types="react" />
+import { SxProps } from "rebass";
+import { BaseComponentProps } from "../../interfaces";
+export interface MaxWidthContainerProps extends BaseComponentProps {
+    /**
+     * The sx props we'll use to render the sides of our content
+     */
+    bgSx?: SxProps["sx"];
+    /**
+     * The content
+     */
+    children: React.ReactNode;
+    /**
+     * The maximum with for the content, id not the default
+     */
+    maxWidth?: Array<string>;
+    /**
+     * Optional paddingX property
+     */
+    paddingX?: Array<string>;
+    /**
+     * Optional paddingY property
+     */
+    paddingY?: Array<string>;
+}

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { MaxWidthContainerProps } from "./interfaces";
-export declare const MaxWidthContainer: (props: MaxWidthContainerProps) => JSX.Element;
+/// <reference types="react" />
+import { MaxWidthContainerProps } from "./interfaces";
+export declare const MaxWidthContainer: (props: MaxWidthContainerProps) => JSX.Element;

package/lib/components/containers/responsive-containers/responsive-container-t1/index.d.ts

@@ -1 +1 @@
-export { ResponsiveGridContainerT1 } from "./responsive-grid-container-t1";
+export { ResponsiveGridContainerT1 } from "./responsive-grid-container-t1";

package/lib/components/containers/responsive-containers/responsive-container-t1/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { BaseGridContainerProps } from "../../grid-containers/base-grid-container";
-export declare type ResponsiveGridContainerT1Props = 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 "../../grid-containers/base-grid-container";
+export declare type ResponsiveGridContainerT1Props = 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/responsive-containers/responsive-container-t1/responsive-grid-container-t1.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-import { ResponsiveGridContainerT1Props } from "./interfaces";
-/**
- * Responsive Grid Container (type 1) component
- *
- * In desktop screens, it displays 2 columns: 1fr max-content
- * In mobile screens, it displays 1 column
- */
-export declare const ResponsiveGridContainerT1: React.FC<ResponsiveGridContainerT1Props>;
+import React from "react";
+import { ResponsiveGridContainerT1Props } from "./interfaces";
+/**
+ * Responsive Grid Container (type 1) component
+ *
+ * In desktop screens, it displays 2 columns: 1fr max-content
+ * In mobile screens, it displays 1 column
+ */
+export declare const ResponsiveGridContainerT1: React.FC<ResponsiveGridContainerT1Props>;

package/lib/components/containers/responsive-containers/responsive-container-t2/index.d.ts

@@ -1 +1 @@
-export { ResponsiveGridContainerT2 } from "./responsive-grid-container-t2";
+export { ResponsiveGridContainerT2 } from "./responsive-grid-container-t2";

package/lib/components/containers/responsive-containers/responsive-container-t2/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { BaseGridContainerProps } from "../../grid-containers/base-grid-container";
-export declare type ResponsiveGridContainerT2Props = 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 "../../grid-containers/base-grid-container";
+export declare type ResponsiveGridContainerT2Props = 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/responsive-containers/responsive-container-t2/responsive-grid-container-t2.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-import { ResponsiveGridContainerT2Props } from "./interfaces";
-/**
- * Responsive Grid Container (type 1) component
- *
- * In desktop screens, it displays 2 columns: max-content 1fr max-content
- * In mobile screens, it displays 1 column
- */
-export declare const ResponsiveGridContainerT2: React.FC<ResponsiveGridContainerT2Props>;
+import React from "react";
+import { ResponsiveGridContainerT2Props } from "./interfaces";
+/**
+ * Responsive Grid Container (type 1) component
+ *
+ * In desktop screens, it displays 2 columns: max-content 1fr max-content
+ * In mobile screens, it displays 1 column
+ */
+export declare const ResponsiveGridContainerT2: React.FC<ResponsiveGridContainerT2Props>;

package/lib/components/containers/section-container/index.d.ts

@@ -1 +1 @@
-export { SectionContainer } from "./section-container";
+export { SectionContainer } from "./section-container";