@selfdecode/sd-component-library 2.42.18 → 2.42.22

package/lib/components/modals/modal/interfaces.d.ts

@@ -1,67 +1,67 @@
-/// <reference types="react" />
-export interface ModalProps {
-    /**
-     * The theme variant to use for the modal's styles.
-     */
-    variant?: string;
-    /**
-     * The content of the modal.
-     */
-    children?: React.ReactNode;
-    /**
-     * Background colour of the container.
-     */
-    containerBg?: string | string[];
-    /**
-     * Custom color of the background cover. Default value: "rgba(69,104,249, 0.4)"
-     */
-    coverBg?: string | string[];
-    /**
-     * Color to fill the x-icon.
-     */
-    xIconColor?: string;
-    /**
-     * Should display the option to close the modal. True by default
-     */
-    showXIcon?: boolean;
-    /**
-     * The callback to run when the button is clicked.
-     */
-    onClickX?: (...variables: any[]) => void;
-    /**
-     * Width property of the modal.
-     */
-    width?: Array<string>;
-    /**
-     * Boolean to open up the pop up.
-     */
-    isOpen?: boolean;
-    /**
-     * Optional change to the container's borderRadius. Default value: ["5px"]
-     */
-    borderRadius?: Array<string>;
-    /**
-     * Optional change for the default padding. This padding is
-     * for the outer container, and not inside the popup itself.
-     * Default value: ["30px", "150px"],
-     */
-    outerPadding?: Array<string>;
-    /**
-     * Optional change for the default inner padding. This adds padding
-     * for the components inside the outer popup container.
-     * Default value: ["40px 20px", "50px"]
-     */
-    innerPadding?: Array<string>;
-    /**
-     * Optional ability to close the modal when clicking outside the content
-     * False by default
-     */
-    closeOnClickOutside?: boolean;
-    /**
-     * Use this prop when you don't want the modal to be centered.
-     * It's default value is 100% for all screen sizes. You could
-     * set it as ["auto", "100%"] so that in mobile devices the
-     * content is shown at the top
-     */
-    popUpHeight?: string | string[];
-}
+/// <reference types="react" />
+export interface ModalProps {
+    /**
+     * The theme variant to use for the modal's styles.
+     */
+    variant?: string;
+    /**
+     * The content of the modal.
+     */
+    children?: React.ReactNode;
+    /**
+     * Background colour of the container.
+     */
+    containerBg?: string | string[];
+    /**
+     * Custom color of the background cover. Default value: "rgba(69,104,249, 0.4)"
+     */
+    coverBg?: string | string[];
+    /**
+     * Color to fill the x-icon.
+     */
+    xIconColor?: string;
+    /**
+     * Should display the option to close the modal. True by default
+     */
+    showXIcon?: boolean;
+    /**
+     * The callback to run when the button is clicked.
+     */
+    onClickX?: (...variables: any[]) => void;
+    /**
+     * Width property of the modal.
+     */
+    width?: Array<string>;
+    /**
+     * Boolean to open up the pop up.
+     */
+    isOpen?: boolean;
+    /**
+     * Optional change to the container's borderRadius. Default value: ["5px"]
+     */
+    borderRadius?: Array<string>;
+    /**
+     * Optional change for the default padding. This padding is
+     * for the outer container, and not inside the popup itself.
+     * Default value: ["30px", "150px"],
+     */
+    outerPadding?: Array<string>;
+    /**
+     * Optional change for the default inner padding. This adds padding
+     * for the components inside the outer popup container.
+     * Default value: ["40px 20px", "50px"]
+     */
+    innerPadding?: Array<string>;
+    /**
+     * Optional ability to close the modal when clicking outside the content
+     * False by default
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Use this prop when you don't want the modal to be centered.
+     * It's default value is 100% for all screen sizes. You could
+     * set it as ["auto", "100%"] so that in mobile devices the
+     * content is shown at the top
+     */
+    popUpHeight?: string | string[];
+}

package/lib/components/modals/modal/modal.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { ModalProps } from "./interfaces";
-/**
- * The modal container.
- */
-export declare const Modal: React.FunctionComponent<ModalProps>;
+import React from "react";
+import { ModalProps } from "./interfaces";
+/**
+ * The modal container.
+ */
+export declare const Modal: React.FunctionComponent<ModalProps>;

package/lib/components/modals/primary-modal/index.d.ts

@@ -1 +1 @@
-export { PrimaryModal } from "./primary-modal";
+export { PrimaryModal } from "./primary-modal";

package/lib/components/modals/primary-modal/interfaces.d.ts

@@ -1,15 +1,15 @@
-import { ModalProps } from "../modal/interfaces";
-export interface PrimaryModalProps extends ModalProps {
-    /**
-     * heading of the modal
-     */
-    heading: string;
-    /**
-     * text content of the modal
-     */
-    text: string;
-    /**
-     * Display close button
-     */
-    showXIcon?: boolean;
-}
+import { ModalProps } from "../modal/interfaces";
+export interface PrimaryModalProps extends ModalProps {
+    /**
+     * heading of the modal
+     */
+    heading: string;
+    /**
+     * text content of the modal
+     */
+    text: string;
+    /**
+     * Display close button
+     */
+    showXIcon?: boolean;
+}

package/lib/components/modals/primary-modal/primary-modal.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { PrimaryModalProps } from "./interfaces";
-/**
- * The tour button.
- */
-export declare const PrimaryModal: React.FC<PrimaryModalProps>;
+import React from "react";
+import { PrimaryModalProps } from "./interfaces";
+/**
+ * The tour button.
+ */
+export declare const PrimaryModal: React.FC<PrimaryModalProps>;

package/lib/components/page-selectors/page-selector/assets/index.d.ts

@@ -1,2 +1,2 @@
-export { ReactComponent as Next } from "./next.svg";
-export { ReactComponent as Previous } from "./previous.svg";
+export { ReactComponent as Next } from "./next.svg";
+export { ReactComponent as Previous } from "./previous.svg";

package/lib/components/page-selectors/page-selector/index.d.ts

@@ -1,3 +1,3 @@
-import { PageSelectorProps as Props } from "./interfaces";
-export declare type PageSelectorProps = Props;
-export { PageSelector } from "./page-selector";
+import { PageSelectorProps as Props } from "./interfaces";
+export declare type PageSelectorProps = Props;
+export { PageSelector } from "./page-selector";

package/lib/components/page-selectors/page-selector/interfaces.d.ts

@@ -1,34 +1,34 @@
-import { BaseComponentProps } from "../../interfaces";
-/**
- * Defines the page selector component's properties.
- */
-export interface PageSelectorProps extends BaseComponentProps {
-    /**
-     * the number of our current page.
-     */
-    currentPage: number;
-    /**
-     * the number pages we have.
-     */
-    lastPage: number;
-    /**
-     * The border style to apply to the button.
-     */
-    borderStyle?: string;
-    /**
-     * The border width to apply to the button.
-     */
-    borderWidth?: string;
-    /**
-     * The border color to apply to the button.
-     */
-    borderColor?: string;
-    /**
-     * The fill to apply to the button. This would impact the color of the SVGs used inside the button
-     */
-    fill?: string;
-    /**
-     * The callback to run when the input element changes.
-     */
-    onChange: (newValue: number, oldValue: number) => void;
-}
+import { BaseComponentProps } from "../../interfaces";
+/**
+ * Defines the page selector component's properties.
+ */
+export interface PageSelectorProps extends BaseComponentProps {
+    /**
+     * the number of our current page.
+     */
+    currentPage: number;
+    /**
+     * the number pages we have.
+     */
+    lastPage: number;
+    /**
+     * The border style to apply to the button.
+     */
+    borderStyle?: string;
+    /**
+     * The border width to apply to the button.
+     */
+    borderWidth?: string;
+    /**
+     * The border color to apply to the button.
+     */
+    borderColor?: string;
+    /**
+     * The fill to apply to the button. This would impact the color of the SVGs used inside the button
+     */
+    fill?: string;
+    /**
+     * The callback to run when the input element changes.
+     */
+    onChange: (newValue: number, oldValue: number) => void;
+}

package/lib/components/page-selectors/page-selector/page-selector.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { PageSelectorProps } from "./interfaces";
-/**
- * Base page selector component. Other page selector components should be built from this.
- */
-export declare const PageSelector: React.FunctionComponent<PageSelectorProps>;
+import React from "react";
+import { PageSelectorProps } from "./interfaces";
+/**
+ * Base page selector component. Other page selector components should be built from this.
+ */
+export declare const PageSelector: React.FunctionComponent<PageSelectorProps>;

package/lib/components/page-selectors/page-selector/partials/current-page/current-page.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { CurrentPageProps as Props } from "./interfaces";
-export declare const CurrentPage: React.FC<Props>;
+import React from "react";
+import { CurrentPageProps as Props } from "./interfaces";
+export declare const CurrentPage: React.FC<Props>;

package/lib/components/page-selectors/page-selector/partials/current-page/index.d.ts

@@ -1 +1 @@
-export { CurrentPage } from "./current-page";
+export { CurrentPage } from "./current-page";

package/lib/components/page-selectors/page-selector/partials/current-page/interfaces.d.ts

@@ -1,3 +1,3 @@
-export interface CurrentPageProps {
-    currentPage: number;
-}
+export interface CurrentPageProps {
+    currentPage: number;
+}

package/lib/components/page-selectors/page-selector/partials/current-page-input/current-page-input.d.ts

@@ -1,12 +1,12 @@
-import React from "react";
-import { CurrentPageInputProps } from "./interfaces";
-/**
- * Create an onChange function using the given setValue and callback.
- *
- * @param setValue The function used to set the component's value
- * @param callback The callback to run when the value changes.
- * @param newValue The new value after clicking next/previous.
- * @param setValue The old value before clicking next/previous.
- *
- */
-export declare const CurrentPageInput: React.FunctionComponent<CurrentPageInputProps>;
+import React from "react";
+import { CurrentPageInputProps } from "./interfaces";
+/**
+ * Create an onChange function using the given setValue and callback.
+ *
+ * @param setValue The function used to set the component's value
+ * @param callback The callback to run when the value changes.
+ * @param newValue The new value after clicking next/previous.
+ * @param setValue The old value before clicking next/previous.
+ *
+ */
+export declare const CurrentPageInput: React.FunctionComponent<CurrentPageInputProps>;

package/lib/components/page-selectors/page-selector/partials/current-page-input/index.d.ts

@@ -1,2 +1,2 @@
-export type { CurrentPageInputProps } from "./interfaces";
-export { CurrentPageInput } from "./current-page-input";
+export type { CurrentPageInputProps } from "./interfaces";
+export { CurrentPageInput } from "./current-page-input";

package/lib/components/page-selectors/page-selector/partials/current-page-input/interfaces.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-/**
- * Defines the current page component's properties.
- */
-export interface CurrentPageInputProps {
-    /**
-     * the number of our current page.
-     */
-    currentPage: number;
-    /**
-     * the set function of our current page.
-     */
-    setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
-    /**
-     * the number pages we have.
-     */
-    lastPage: number;
-    /**
-     * the number pages we have.
-     */
-    onChange: (newValue: number) => void;
-}
+/// <reference types="react" />
+/**
+ * Defines the current page component's properties.
+ */
+export interface CurrentPageInputProps {
+    /**
+     * the number of our current page.
+     */
+    currentPage: number;
+    /**
+     * the set function of our current page.
+     */
+    setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
+    /**
+     * the number pages we have.
+     */
+    lastPage: number;
+    /**
+     * the number pages we have.
+     */
+    onChange: (newValue: number) => void;
+}

package/lib/components/pagination-bars/pagination-bar/index.d.ts

@@ -1,3 +1,3 @@
-import { PaginationBarProps as Props } from "./interfaces";
-export { PaginationBar } from "./pagination-bar";
-export declare type PaginationBarProps = Props;
+import { PaginationBarProps as Props } from "./interfaces";
+export { PaginationBar } from "./pagination-bar";
+export declare type PaginationBarProps = Props;

package/lib/components/pagination-bars/pagination-bar/interfaces.d.ts

@@ -1,22 +1,22 @@
-export interface PaginationBarProps {
-    /**
-     * The number of current page
-     */
-    currentPage: number;
-    /**
-     * The number of items we have in total.
-     */
-    itemsTotal: number;
-    /**
-     * The number of items on each page.
-     */
-    itemsPerPage: number;
-    /**
-     * The callback to run when the input element changes.
-     */
-    onChange: (newValue: number, oldValue: number) => void;
-    /**
-     * Whether to hide total number of items
-     */
-    hideTotal?: boolean;
-}
+export interface PaginationBarProps {
+    /**
+     * The number of current page
+     */
+    currentPage: number;
+    /**
+     * The number of items we have in total.
+     */
+    itemsTotal: number;
+    /**
+     * The number of items on each page.
+     */
+    itemsPerPage: number;
+    /**
+     * The callback to run when the input element changes.
+     */
+    onChange: (newValue: number, oldValue: number) => void;
+    /**
+     * Whether to hide total number of items
+     */
+    hideTotal?: boolean;
+}

package/lib/components/pagination-bars/pagination-bar/pagination-bar.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { PaginationBarProps } from "./interfaces";
-export declare const PaginationBar: React.FC<PaginationBarProps>;
+import React from "react";
+import { PaginationBarProps } from "./interfaces";
+export declare const PaginationBar: React.FC<PaginationBarProps>;

package/lib/components/progress-bars/line-progress-bar/index.d.ts

@@ -1,3 +1,3 @@
-import { LineProgressBarProps as Props } from "./interfaces";
-export declare type LineProgressBarProps = Props;
-export { LineProgressBar } from "./line-progress-bar";
+import { LineProgressBarProps as Props } from "./interfaces";
+export declare type LineProgressBarProps = Props;
+export { LineProgressBar } from "./line-progress-bar";

package/lib/components/progress-bars/line-progress-bar/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { ProgressBarProps } from "../progress-bar";
-export declare type LineProgressBarProps = Pick<ProgressBarProps, "totalSteps" | "currentStep" | "m" | "mt" | "mr" | "mb" | "ml">;
+import { ProgressBarProps } from "../progress-bar";
+export declare type LineProgressBarProps = Pick<ProgressBarProps, "totalSteps" | "currentStep" | "m" | "mt" | "mr" | "mb" | "ml">;

package/lib/components/progress-bars/line-progress-bar/line-progress-bar.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { LineProgressBarProps } from "./interfaces";
-/**
- * The LineProgressBar component.
- */
-export declare const LineProgressBar: React.FunctionComponent<LineProgressBarProps>;
+import React from "react";
+import { LineProgressBarProps } from "./interfaces";
+/**
+ * The LineProgressBar component.
+ */
+export declare const LineProgressBar: React.FunctionComponent<LineProgressBarProps>;

package/lib/components/progress-bars/progress-bar/index.d.ts

@@ -1,3 +1,3 @@
-import { ProgressBarProps as Props } from "./interfaces";
-export declare type ProgressBarProps = Props;
-export { ProgressBar } from "./progress-bar";
+import { ProgressBarProps as Props } from "./interfaces";
+export declare type ProgressBarProps = Props;
+export { ProgressBar } from "./progress-bar";

package/lib/components/progress-bars/progress-bar/interfaces.d.ts

@@ -1,46 +1,46 @@
-import { BaseComponentProps } from "../../interfaces";
-/**
- * Defines the ProgpressBar component's properties.
- */
-interface CommonProgressBarProps extends BaseComponentProps {
-    /**
-     * The total amount of steps in our total progress
-     */
-    totalSteps: number;
-    /**
-     *  The current step in out progress.
-     */
-    currentStep: number;
-}
-/**
- * The following props are used for providing more flexibility regarding the
- * background of the progress bar.
- */
-interface BackgroundProps {
-    withBackgroundProps: true;
-    /**
-     * Background for the completed part of our progress.
-     */
-    completedBackground: string;
-    /**
-     * Background for the remaining part of our progress.
-     */
-    remainsBackground: string;
-}
-/**
- * The following props are used if we just want to provide some color to the
- * background of progress bar and don't want additional effects.
- */
-interface BackgroundColorProps {
-    withBackgroundProps?: false;
-    /**
-     *  The color of the completed part of our progress.
-     */
-    completedColor?: string;
-    /**
-     *  The color of the remaining part of our progress.
-     */
-    reaminsColor?: string;
-}
-export declare type ProgressBarProps = CommonProgressBarProps & (BackgroundColorProps | BackgroundProps);
-export {};
+import { BaseComponentProps } from "../../interfaces";
+/**
+ * Defines the ProgpressBar component's properties.
+ */
+interface CommonProgressBarProps extends BaseComponentProps {
+    /**
+     * The total amount of steps in our total progress
+     */
+    totalSteps: number;
+    /**
+     *  The current step in out progress.
+     */
+    currentStep: number;
+}
+/**
+ * The following props are used for providing more flexibility regarding the
+ * background of the progress bar.
+ */
+interface BackgroundProps {
+    withBackgroundProps: true;
+    /**
+     * Background for the completed part of our progress.
+     */
+    completedBackground: string;
+    /**
+     * Background for the remaining part of our progress.
+     */
+    remainsBackground: string;
+}
+/**
+ * The following props are used if we just want to provide some color to the
+ * background of progress bar and don't want additional effects.
+ */
+interface BackgroundColorProps {
+    withBackgroundProps?: false;
+    /**
+     *  The color of the completed part of our progress.
+     */
+    completedColor?: string;
+    /**
+     *  The color of the remaining part of our progress.
+     */
+    reaminsColor?: string;
+}
+export declare type ProgressBarProps = CommonProgressBarProps & (BackgroundColorProps | BackgroundProps);
+export {};

package/lib/components/progress-bars/progress-bar/progress-bar.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { ProgressBarProps } from "./interfaces";
-/**
- * Base progress bar component. Other progress components should be built from this.
- */
-export declare const ProgressBar: React.FunctionComponent<ProgressBarProps>;
+import React from "react";
+import { ProgressBarProps } from "./interfaces";
+/**
+ * Base progress bar component. Other progress components should be built from this.
+ */
+export declare const ProgressBar: React.FunctionComponent<ProgressBarProps>;

package/lib/components/progress-bars/striped-line-progress-bar/index.d.ts

@@ -1 +1 @@
-export { StripedLineProgressBar } from "./striped-line-progress-bar";
+export { StripedLineProgressBar } from "./striped-line-progress-bar";

package/lib/components/progress-bars/striped-line-progress-bar/interfaces.d.ts

@@ -1,17 +1,17 @@
-import { ProgressBarProps } from "../progress-bar";
-declare type CommonProps = Pick<ProgressBarProps, "totalSteps" | "currentStep" | "m" | "mt" | "mr" | "mb" | "ml">;
-export interface StripedLineProgressBarProps extends CommonProps {
-    /**
-     * Color of first stripe in progress bar
-     */
-    firstStripeColor?: string;
-    /**
-     * Color of second stripe in progress bar
-     */
-    secondStripeColor?: string;
-    /**
-     * Color of the remaining bar
-     */
-    remainingBarColor?: string;
-}
-export {};
+import { ProgressBarProps } from "../progress-bar";
+declare type CommonProps = Pick<ProgressBarProps, "totalSteps" | "currentStep" | "m" | "mt" | "mr" | "mb" | "ml">;
+export interface StripedLineProgressBarProps extends CommonProps {
+    /**
+     * Color of first stripe in progress bar
+     */
+    firstStripeColor?: string;
+    /**
+     * Color of second stripe in progress bar
+     */
+    secondStripeColor?: string;
+    /**
+     * Color of the remaining bar
+     */
+    remainingBarColor?: string;
+}
+export {};