@selfdecode/sd-component-library 2.43.8 → 2.43.9

package/lib/components/meters/smiley-meter/smiley-meter.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { SmileyMeterProps } from "./interfaces";
-/**
- *  SmileyMeter component.
- */
-export declare const SmileyMeter: (props: SmileyMeterProps) => React.ReactElement<SmileyMeterProps>;
+import React from "react";
+import { SmileyMeterProps } from "./interfaces";
+/**
+ *  SmileyMeter component.
+ */
+export declare const SmileyMeter: (props: SmileyMeterProps) => React.ReactElement<SmileyMeterProps>;

package/lib/components/meters/smiley-meter-v2/assets/index.d.ts

@@ -1,3 +1,3 @@
-export { ReactComponent as HappySmileyIcon } from "./happy-smiley.svg";
-export { ReactComponent as SadSmileyIcon } from "./sad-smiley.svg";
-export { ReactComponent as NeutralSmileyIcon } from "./neutral-smiley.svg";
+export { ReactComponent as HappySmileyIcon } from "./happy-smiley.svg";
+export { ReactComponent as SadSmileyIcon } from "./sad-smiley.svg";
+export { ReactComponent as NeutralSmileyIcon } from "./neutral-smiley.svg";

package/lib/components/meters/smiley-meter-v2/constants.d.ts

@@ -1,16 +1,16 @@
-/**
- * Large Smiley meter v2 default values.
- */
-export declare const defaultDistanceBetweenRanges = 10;
-export declare const defaultSmileyWidth = 80;
-export declare const defaultSmileyTopOffset = 80;
-/**
- * Small Smiley meter v2 default values.
- */
-export declare const smallSmileyMeterWidth = 100;
-export declare const smallSmileyMeterHeight = 87;
-export declare const smallSmileyWidth = 30;
-export declare const smallSmileyTopOffset = 35;
-export declare const smallSmileyInnerPointStrokeWidth = 3;
-export declare const smallSmileyInnerPointRadius = 2;
-export declare const smallSmileyGaugeWidth = 4;
+/**
+ * Large Smiley meter v2 default values.
+ */
+export declare const defaultDistanceBetweenRanges = 10;
+export declare const defaultSmileyWidth = 80;
+export declare const defaultSmileyTopOffset = 80;
+/**
+ * Small Smiley meter v2 default values.
+ */
+export declare const smallSmileyMeterWidth = 100;
+export declare const smallSmileyMeterHeight = 87;
+export declare const smallSmileyWidth = 30;
+export declare const smallSmileyTopOffset = 35;
+export declare const smallSmileyInnerPointStrokeWidth = 3;
+export declare const smallSmileyInnerPointRadius = 2;
+export declare const smallSmileyGaugeWidth = 4;

package/lib/components/meters/smiley-meter-v2/index.d.ts

@@ -1,2 +1,2 @@
-export { SmileyMeterV2 } from "./smiley-meter-v2";
-export { SmallSmileyMeterV2 } from "./small-smiley-meter-v2";
+export { SmileyMeterV2 } from "./smiley-meter-v2";
+export { SmallSmileyMeterV2 } from "./small-smiley-meter-v2";

package/lib/components/meters/smiley-meter-v2/interfaces.d.ts

@@ -1,28 +1,28 @@
-import { OutlineMeterProps } from "../outline-meter";
-export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "height" | "value" | "gaugeWidth" | "arc" | "marginTop" | "marginX" | "pointStrokeWidth" | "innerPointRadius" | "distanceBetweenRanges" | "distanceFromLabelToRanges" | "counterClockWise" | "maskBorderRadius"> {
-    /**
-     * Colors for smiley corresponding to state.
-     */
-    colorsMap?: [string, string, string];
-    /**
-     * Colors for labels.
-     */
-    labelsMap?: [string, string, string];
-    /**
-     * Whether to hide labels.
-     */
-    hideLabels?: boolean;
-    /**
-     * Value that splits smiley meter outline.
-     */
-    splitValues?: [number, number];
-    /**
-     * Smiley width.
-     */
-    smileyWidth?: number;
-    /**
-     * Distance from smiley to the top.
-     */
-    smileyTopOffset?: number;
-}
-export declare type SmallSmileyMeterV2Props = SmileyMeterV2Props;
+import { OutlineMeterProps } from "../outline-meter";
+export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "height" | "value" | "gaugeWidth" | "arc" | "marginTop" | "marginX" | "pointStrokeWidth" | "innerPointRadius" | "distanceBetweenRanges" | "distanceFromLabelToRanges" | "counterClockWise" | "maskBorderRadius"> {
+    /**
+     * Colors for smiley corresponding to state.
+     */
+    colorsMap?: [string, string, string];
+    /**
+     * Colors for labels.
+     */
+    labelsMap?: [string, string, string];
+    /**
+     * Whether to hide labels.
+     */
+    hideLabels?: boolean;
+    /**
+     * Value that splits smiley meter outline.
+     */
+    splitValues?: [number, number];
+    /**
+     * Smiley width.
+     */
+    smileyWidth?: number;
+    /**
+     * Distance from smiley to the top.
+     */
+    smileyTopOffset?: number;
+}
+export declare type SmallSmileyMeterV2Props = SmileyMeterV2Props;

package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/index.d.ts

@@ -1 +1 @@
-export { SmileyMeterRanges } from "./smiley-meter-ranges";
+export { SmileyMeterRanges } from "./smiley-meter-ranges";

package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/interfaces.d.ts

@@ -1,5 +1,5 @@
-import { OutlineMeterRangeConfig } from "../../../outline-meter";
-import { OutlineMeterRangeProps } from "../../../outline-meter/partials/outline-meter-range/interfaces";
-export interface SmileyMeterRangesProps extends Pick<OutlineMeterRangeProps, "value" | "diameter" | "innerPointRadius" | "pointStrokeWidth" | "distanceFromRanges" | "arc" | "gaugeWidth" | "distanceBetweenRanges" | "hideLabels"> {
-    ranges: OutlineMeterRangeConfig[];
-}
+import { OutlineMeterRangeConfig } from "../../../outline-meter";
+import { OutlineMeterRangeProps } from "../../../outline-meter/partials/outline-meter-range/interfaces";
+export interface SmileyMeterRangesProps extends Pick<OutlineMeterRangeProps, "value" | "diameter" | "innerPointRadius" | "pointStrokeWidth" | "distanceFromRanges" | "arc" | "gaugeWidth" | "distanceBetweenRanges" | "hideLabels"> {
+    ranges: OutlineMeterRangeConfig[];
+}

package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/smiley-meter-ranges.d.ts

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

package/lib/components/meters/smiley-meter-v2/small-smiley-meter-v2.d.ts

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

package/lib/components/meters/smiley-meter-v2/smiley-meter-v2.d.ts

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

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

@@ -1 +1 @@
-export { ReactComponent as XIcon } from "./x-symbol.svg";
+export { ReactComponent as XIcon } from "./x-symbol.svg";

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

@@ -1,3 +1,3 @@
-import { ModalProps as Props } from "./interfaces";
-export { Modal } from "./modal";
-export declare type ModalProps = Props;
+import { ModalProps as Props } from "./interfaces";
+export { Modal } from "./modal";
+export declare type ModalProps = Props;

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

@@ -1,72 +1,72 @@
-/// <reference types="react" />
-import { SxProps } from "rebass";
-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[];
-    /**
-     * Additional props for the modal outer container.
-     */
-    containerSx?: SxProps["sx"];
-}
+/// <reference types="react" />
+import { SxProps } from "rebass";
+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[];
+    /**
+     * Additional props for the modal outer container.
+     */
+    containerSx?: SxProps["sx"];
+}

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.FC<ModalProps>;
+import React from "react";
+import { ModalProps } from "./interfaces";
+/**
+ * The modal container.
+ */
+export declare const Modal: React.FC<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>;