@selfdecode/sd-component-library 2.42.3 → 2.42.4

package/lib/components/icons/round-bordered-star/round-bordered-star.d.ts

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

package/lib/components/icons/sd-logo-no-text-icon/index.d.ts

@@ -1 +1 @@
-export { ReactComponent as SDLogoNoTextIcon } from "./sd-logo-no-text-icon.svg";
+export { ReactComponent as SDLogoNoTextIcon } from "./sd-logo-no-text-icon.svg";

package/lib/components/icons/sd-logo-white-icon/index.d.ts

@@ -1 +1 @@
-export { ReactComponent as SDLogoWhiteIcon } from "./sd-logo-white-icon.svg";
+export { ReactComponent as SDLogoWhiteIcon } from "./sd-logo-white-icon.svg";

package/lib/components/icons/sd-navbar-icon/index.d.ts

@@ -1 +1 @@
-export { ReactComponent as SDNavbarIcon } from "./sd-navbar-icon.svg";
+export { ReactComponent as SDNavbarIcon } from "./sd-navbar-icon.svg";

package/lib/components/icons/search-icon/index.d.ts

@@ -1 +1 @@
-export { ReactComponent as SearchIcon } from "./search-icon.svg";
+export { ReactComponent as SearchIcon } from "./search-icon.svg";

package/lib/components/icons/short-dropdown-arrow-icon/index.d.ts

@@ -1 +1 @@
-export { ReactComponent as ShortDownArrowIcon } from "./short-down-arrow-icon.svg";
+export { ReactComponent as ShortDownArrowIcon } from "./short-down-arrow-icon.svg";

package/lib/components/icons/star-icon/index.d.ts

@@ -1 +1 @@
-export { ReactComponent as StarIcon } from "./star.svg";
+export { ReactComponent as StarIcon } from "./star.svg";

package/lib/components/icons/vial-icon/index.d.ts

@@ -1 +1 @@
-export { ReactComponent as VialIcon } from "./vial-icon.svg";
+export { ReactComponent as VialIcon } from "./vial-icon.svg";

package/lib/components/icons/warning-circle-icon/index.d.ts

@@ -1 +1 @@
-export { ReactComponent as WarningCircleIcon } from "./warning-circle.svg";
+export { ReactComponent as WarningCircleIcon } from "./warning-circle.svg";

package/lib/components/inputs/autocomplete-input/autocomplete-input.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithChildren } from "react";
-import { AutocompleteInputProps as Props } from "./interfaces";
-export declare function AutocompleteInput<T>(props: PropsWithChildren<Props<T>>): JSX.Element;
+import { PropsWithChildren } from "react";
+import { AutocompleteInputProps as Props } from "./interfaces";
+export declare function AutocompleteInput<T>(props: PropsWithChildren<Props<T>>): JSX.Element;

package/lib/components/inputs/autocomplete-input/index.d.ts

@@ -1 +1 @@
-export { AutocompleteInput } from "./autocomplete-input";
+export { AutocompleteInput } from "./autocomplete-input";

package/lib/components/inputs/autocomplete-input/interfaces.d.ts

@@ -1,34 +1,34 @@
-import { SecondaryTextInputProps } from "../secondary-text-input";
-export interface AutocompleteInputProps<T> extends Pick<SecondaryTextInputProps, "width" | "label" | "placeholder" | "errorMessage" | "hideErrorText" | "focusInput" | "autoFocus" | "onFocus" | "errorBackground"> {
-    /**
-     * List of total options available.
-     */
-    options: AutocompleteOption<T>[];
-    /**
-     * Callback to be executed when option is selected/deselected.
-     */
-    onSelect: (newValue: T | null, synonym?: string) => void;
-    /**
-     * Whether current input value is required.
-     */
-    required?: boolean;
-    /**
-     * Callback to be executed when user types new value.
-     */
-    onSearch: (newValue: string) => void;
-    /**
-     * Only matters when the component mounts. Use this field if you want to mount the component again with an initial visual value in the search field.
-     * One possible use case is if you want don't want search/select text on the text field to dissapear, when switching between mobile to desktop layout.
-     */
-    initialValue?: string;
-}
-export interface AutocompleteOption<T> {
-    /**
-     * Payload to be sent with when this option is getting selected.
-     */
-    value: T;
-    /**
-     * List of synonyms for current option.
-     */
-    synonyms: string[];
-}
+import { SecondaryTextInputProps } from "../secondary-text-input";
+export interface AutocompleteInputProps<T> extends Pick<SecondaryTextInputProps, "width" | "label" | "placeholder" | "errorMessage" | "hideErrorText" | "focusInput" | "autoFocus" | "onFocus" | "errorBackground"> {
+    /**
+     * List of total options available.
+     */
+    options: AutocompleteOption<T>[];
+    /**
+     * Callback to be executed when option is selected/deselected.
+     */
+    onSelect: (newValue: T | null, synonym?: string) => void;
+    /**
+     * Whether current input value is required.
+     */
+    required?: boolean;
+    /**
+     * Callback to be executed when user types new value.
+     */
+    onSearch: (newValue: string) => void;
+    /**
+     * Only matters when the component mounts. Use this field if you want to mount the component again with an initial visual value in the search field.
+     * One possible use case is if you want don't want search/select text on the text field to dissapear, when switching between mobile to desktop layout.
+     */
+    initialValue?: string;
+}
+export interface AutocompleteOption<T> {
+    /**
+     * Payload to be sent with when this option is getting selected.
+     */
+    value: T;
+    /**
+     * List of synonyms for current option.
+     */
+    synonyms: string[];
+}

package/lib/components/inputs/autocomplete-input/partials/autocomplete-option-box/autocomplete-option-box.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithChildren } from "react";
-import { AutocompleteOptionBox as Props } from "./interfaces";
-export declare function AutocompleteOptionBox<T>(props: PropsWithChildren<Props<T>>): JSX.Element;
+import { PropsWithChildren } from "react";
+import { AutocompleteOptionBox as Props } from "./interfaces";
+export declare function AutocompleteOptionBox<T>(props: PropsWithChildren<Props<T>>): JSX.Element;

package/lib/components/inputs/autocomplete-input/partials/autocomplete-option-box/index.d.ts

@@ -1 +1 @@
-export { AutocompleteOptionBox } from "./autocomplete-option-box";
+export { AutocompleteOptionBox } from "./autocomplete-option-box";

package/lib/components/inputs/autocomplete-input/partials/autocomplete-option-box/interfaces.d.ts

@@ -1,11 +1,11 @@
-import { ResultsBoxProps } from "../results-box/interfaces";
-export interface AutocompleteOptionBox<T> extends Pick<ResultsBoxProps<T>, "onSelect"> {
-    /**
-     * List of synonyms for current option.
-     */
-    synonyms: string[];
-    /**
-     * Currently entered value.
-     */
-    value: string;
-}
+import { ResultsBoxProps } from "../results-box/interfaces";
+export interface AutocompleteOptionBox<T> extends Pick<ResultsBoxProps<T>, "onSelect"> {
+    /**
+     * List of synonyms for current option.
+     */
+    synonyms: string[];
+    /**
+     * Currently entered value.
+     */
+    value: string;
+}

package/lib/components/inputs/autocomplete-input/partials/results-box/index.d.ts

@@ -1 +1 @@
-export { ResultsBox } from "./results-box";
+export { ResultsBox } from "./results-box";

package/lib/components/inputs/autocomplete-input/partials/results-box/interfaces.d.ts

@@ -1,12 +1,12 @@
-import { AutocompleteOption } from "../../interfaces";
-export interface ResultsBoxProps<T> {
-    value: string;
-    /**
-     * List of options to be displayed.
-     */
-    results: AutocompleteOption<T>[];
-    /**
-     * Callback to be executed when option is selected.
-     */
-    onSelect: (option: string) => void;
-}
+import { AutocompleteOption } from "../../interfaces";
+export interface ResultsBoxProps<T> {
+    value: string;
+    /**
+     * List of options to be displayed.
+     */
+    results: AutocompleteOption<T>[];
+    /**
+     * Callback to be executed when option is selected.
+     */
+    onSelect: (option: string) => void;
+}

package/lib/components/inputs/autocomplete-input/partials/results-box/results-box.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithChildren } from "react";
-import { ResultsBoxProps as Props } from "./interfaces";
-export declare function ResultsBox<T>(props: PropsWithChildren<Props<T>>): JSX.Element;
+import { PropsWithChildren } from "react";
+import { ResultsBoxProps as Props } from "./interfaces";
+export declare function ResultsBox<T>(props: PropsWithChildren<Props<T>>): JSX.Element;

package/lib/components/inputs/boxy-number-input/assets/index.d.ts

@@ -1,2 +1,2 @@
-export { ReactComponent as Plus } from "./plus.svg";
-export { ReactComponent as Minus } from "./minus.svg";
+export { ReactComponent as Plus } from "./plus.svg";
+export { ReactComponent as Minus } from "./minus.svg";

package/lib/components/inputs/boxy-number-input/boxy-number-input.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { BoxyNumberInputProps } from "./interfaces";
-/**
- * The Primary number input.
- */
-export declare const BoxyNumberInput: React.FunctionComponent<BoxyNumberInputProps>;
+import React from "react";
+import { BoxyNumberInputProps } from "./interfaces";
+/**
+ * The Primary number input.
+ */
+export declare const BoxyNumberInput: React.FunctionComponent<BoxyNumberInputProps>;

package/lib/components/inputs/boxy-number-input/index.d.ts

@@ -1,3 +1,3 @@
-import { BoxyNumberInputProps as Props } from "./interfaces";
-export { BoxyNumberInput } from "./boxy-number-input";
-export declare type BoxyNumberInputProps = Props;
+import { BoxyNumberInputProps as Props } from "./interfaces";
+export { BoxyNumberInput } from "./boxy-number-input";
+export declare type BoxyNumberInputProps = Props;

package/lib/components/inputs/boxy-number-input/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { NumberInputProps } from "../number-input";
-export declare type BoxyNumberInputProps = Pick<NumberInputProps, "value" | "min" | "max" | "onChange" | "placeholder" | "focusInput" | "m" | "mt" | "mr" | "mb" | "ml" | "width" | "inputMode">;
+import { NumberInputProps } from "../number-input";
+export declare type BoxyNumberInputProps = Pick<NumberInputProps, "value" | "min" | "max" | "onChange" | "placeholder" | "focusInput" | "m" | "mt" | "mr" | "mb" | "ml" | "width" | "inputMode">;

package/lib/components/inputs/date-inputs/base-date-input/base-date-input.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { BaseDateInputProps as Props } from "./interfaces";
-import "react-date-range/dist/styles.css";
-import "react-date-range/dist/theme/default.css";
-export declare const BaseDateInput: React.FC<Props>;
+import React from "react";
+import { BaseDateInputProps as Props } from "./interfaces";
+import "react-date-range/dist/styles.css";
+import "react-date-range/dist/theme/default.css";
+export declare const BaseDateInput: React.FC<Props>;

package/lib/components/inputs/date-inputs/base-date-input/index.d.ts

@@ -1 +1 @@
-export { BaseDateInput } from "./base-date-input";
+export { BaseDateInput } from "./base-date-input";

package/lib/components/inputs/date-inputs/base-date-input/interfaces.d.ts

@@ -1,65 +1,65 @@
-/// <reference types="react" />
-export interface BaseDateInputProps {
-    /**
-     * Currently selected date:
-     */
-    selectedDate: Date | null;
-    /**
-     * Callback to handle date select
-     */
-    onDateSelect: (date: Date) => void;
-    /**
-     * Color of the selected and highlighted date
-     */
-    color?: string;
-    /**
-     * Flag to decide if month and year picker should be displayed.
-     */
-    showMonthAndYearPickers?: boolean;
-    /**
-     * Show calendar
-     */
-    showCalendar: boolean;
-    /**
-     * Format for the date in calendar
-     *
-     */
-    dateDisplayFormat?: string;
-    /**
-     * Day display format
-     */
-    dayDisplayFormat?: string;
-    /**
-     * Month display format
-     */
-    monthDisplayFormat?: string;
-    /**
-     * Number of months to be displayed simultaneously
-     */
-    months?: number;
-    /**
-     * Calendar Position relative to the content on desktop.
-     */
-    alignCalendar?: "left" | "right";
-    /**
-     * Defines minimum date. Disabled earlier dates.
-     */
-    minDate?: Date;
-    /**
-     * Defines maximum date. Disabled earlier dates.
-     */
-    maxDate?: Date;
-    /**
-     * Width of the input component.
-     */
-    width?: string[] | string;
-    /**
-     * Children component. These can be used as inputs. Calendar will be shown below
-     * these children components.
-     */
-    children?: React.ReactNode;
-    /**
-     * Z-index of the calendar.
-     */
-    zIndex?: number;
-}
+/// <reference types="react" />
+export interface BaseDateInputProps {
+    /**
+     * Currently selected date:
+     */
+    selectedDate: Date | null;
+    /**
+     * Callback to handle date select
+     */
+    onDateSelect: (date: Date) => void;
+    /**
+     * Color of the selected and highlighted date
+     */
+    color?: string;
+    /**
+     * Flag to decide if month and year picker should be displayed.
+     */
+    showMonthAndYearPickers?: boolean;
+    /**
+     * Show calendar
+     */
+    showCalendar: boolean;
+    /**
+     * Format for the date in calendar
+     *
+     */
+    dateDisplayFormat?: string;
+    /**
+     * Day display format
+     */
+    dayDisplayFormat?: string;
+    /**
+     * Month display format
+     */
+    monthDisplayFormat?: string;
+    /**
+     * Number of months to be displayed simultaneously
+     */
+    months?: number;
+    /**
+     * Calendar Position relative to the content on desktop.
+     */
+    alignCalendar?: "left" | "right";
+    /**
+     * Defines minimum date. Disabled earlier dates.
+     */
+    minDate?: Date;
+    /**
+     * Defines maximum date. Disabled earlier dates.
+     */
+    maxDate?: Date;
+    /**
+     * Width of the input component.
+     */
+    width?: string[] | string;
+    /**
+     * Children component. These can be used as inputs. Calendar will be shown below
+     * these children components.
+     */
+    children?: React.ReactNode;
+    /**
+     * Z-index of the calendar.
+     */
+    zIndex?: number;
+}

package/lib/components/inputs/date-inputs/base-date-range-input/base-date-range-input.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { BaseDateRangeInputProps as Props } from "./interfaces";
-import "react-date-range/dist/styles.css";
-import "react-date-range/dist/theme/default.css";
-export declare const BaseDateRangeInput: React.FC<Props>;
+import React from "react";
+import { BaseDateRangeInputProps as Props } from "./interfaces";
+import "react-date-range/dist/styles.css";
+import "react-date-range/dist/theme/default.css";
+export declare const BaseDateRangeInput: React.FC<Props>;

package/lib/components/inputs/date-inputs/base-date-range-input/index.d.ts

@@ -1,2 +1,2 @@
-export { BaseDateRangeInput } from "./base-date-range-input";
-export type { BaseDateRangeInputProps } from "./interfaces";
+export { BaseDateRangeInput } from "./base-date-range-input";
+export type { BaseDateRangeInputProps } from "./interfaces";

package/lib/components/inputs/date-inputs/base-date-range-input/interfaces.d.ts

@@ -1,86 +1,86 @@
-/// <reference types="react" />
-import { Range } from "react-date-range";
-export interface BaseDateRangeInputProps {
-    /**
-     * Currently selected date range.
-     */
-    initialRange: Range | null;
-    /**
-     * Callback to handle date range select.
-     */
-    onSelect: (range: Range) => void;
-    /**
-     * Function to close calendar.
-     */
-    onClose: () => void;
-    /**
-     * Function called when the "Cancel" button is clicked.
-     * Internally, the component has a handleCancel function that
-     * is provided as the onClick prop to the button and does the
-     * following:
-     *
-     *  1- set's the component's inner state to the initialRange prop.
-     *  2- if provided, calls the onCancel prop
-     *  3- calls the onClose prop
-     *
-     * Default value: undefined
-     */
-    onCancel?: () => void;
-    /**
-     * Color of the selected date range.
-     */
-    color?: string;
-    /**
-     * Flag to decide if month and year picker should be displayed.
-     */
-    showMonthAndYearPickers?: boolean;
-    /**
-     * Show calendar
-     */
-    showCalendar: boolean;
-    /**
-     * Format for the date in calendar
-     *
-     */
-    dateDisplayFormat?: string;
-    /**
-     * Day display format
-     */
-    dayDisplayFormat?: string;
-    /**
-     * Month display format
-     */
-    monthDisplayFormat?: string;
-    /**
-     * Number of months to be displayed simultaneously
-     */
-    months?: number;
-    /**
-     * Calendar Position relative to the content on desktop.
-     */
-    alignCalendar?: "left" | "right";
-    /**
-     * Defines minimum date. Disabled earlier dates.
-     */
-    minDate?: Date;
-    /**
-     * Defines maximum date. Disabled earlier dates.
-     */
-    maxDate?: Date;
-    /**
-     * Width of the input component.
-     */
-    width?: string[] | string;
-    /**
-     * Children component. These can be used as inputs. Calendar will be shown below
-     * these children components.
-     */
-    children: React.ReactNode;
-    /**
-     * Z-index of the calendar.
-     */
-    zIndex?: number;
-}
-export declare type OnRangeSelection = {
-    range1: Range;
-};
+/// <reference types="react" />
+import { Range } from "react-date-range";
+export interface BaseDateRangeInputProps {
+    /**
+     * Currently selected date range.
+     */
+    initialRange: Range | null;
+    /**
+     * Callback to handle date range select.
+     */
+    onSelect: (range: Range) => void;
+    /**
+     * Function to close calendar.
+     */
+    onClose: () => void;
+    /**
+     * Function called when the "Cancel" button is clicked.
+     * Internally, the component has a handleCancel function that
+     * is provided as the onClick prop to the button and does the
+     * following:
+     *
+     *  1- set's the component's inner state to the initialRange prop.
+     *  2- if provided, calls the onCancel prop
+     *  3- calls the onClose prop
+     *
+     * Default value: undefined
+     */
+    onCancel?: () => void;
+    /**
+     * Color of the selected date range.
+     */
+    color?: string;
+    /**
+     * Flag to decide if month and year picker should be displayed.
+     */
+    showMonthAndYearPickers?: boolean;
+    /**
+     * Show calendar
+     */
+    showCalendar: boolean;
+    /**
+     * Format for the date in calendar
+     *
+     */
+    dateDisplayFormat?: string;
+    /**
+     * Day display format
+     */
+    dayDisplayFormat?: string;
+    /**
+     * Month display format
+     */
+    monthDisplayFormat?: string;
+    /**
+     * Number of months to be displayed simultaneously
+     */
+    months?: number;
+    /**
+     * Calendar Position relative to the content on desktop.
+     */
+    alignCalendar?: "left" | "right";
+    /**
+     * Defines minimum date. Disabled earlier dates.
+     */
+    minDate?: Date;
+    /**
+     * Defines maximum date. Disabled earlier dates.
+     */
+    maxDate?: Date;
+    /**
+     * Width of the input component.
+     */
+    width?: string[] | string;
+    /**
+     * Children component. These can be used as inputs. Calendar will be shown below
+     * these children components.
+     */
+    children: React.ReactNode;
+    /**
+     * Z-index of the calendar.
+     */
+    zIndex?: number;
+}
+export declare type OnRangeSelection = {
+    range1: Range;
+};

package/lib/components/inputs/date-inputs/outlined-date-input/index.d.ts

@@ -1 +1 @@
-export { OutlinedDateInput } from "./outlined-date-input";
+export { OutlinedDateInput } from "./outlined-date-input";

package/lib/components/inputs/date-inputs/outlined-date-input/interfaces.d.ts

@@ -1,27 +1,27 @@
-import { BaseDateInputProps } from "../base-date-input/interfaces";
-export interface OutlinedDateInputProps extends Omit<BaseDateInputProps, "showCalendar" | "children"> {
-    /**
-     * Text to be displayed inside of button.
-     */
-    text?: string;
-    /**
-     * Width of the button.
-     */
-    width?: string[];
-    /**
-     * Whether date input is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Color of the calendar icon.
-     */
-    iconColor?: string;
-    /**
-     * Color of the calendar icon when calendar is shown.
-     */
-    activeIconColor?: string;
-    /**
-     * Text to be displayed inside of button in active state.
-     */
-    activeText?: string;
-}
+import { BaseDateInputProps } from "../base-date-input/interfaces";
+export interface OutlinedDateInputProps extends Omit<BaseDateInputProps, "showCalendar" | "children"> {
+    /**
+     * Text to be displayed inside of button.
+     */
+    text?: string;
+    /**
+     * Width of the button.
+     */
+    width?: string[];
+    /**
+     * Whether date input is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Color of the calendar icon.
+     */
+    iconColor?: string;
+    /**
+     * Color of the calendar icon when calendar is shown.
+     */
+    activeIconColor?: string;
+    /**
+     * Text to be displayed inside of button in active state.
+     */
+    activeText?: string;
+}

package/lib/components/inputs/date-inputs/outlined-date-input/outlined-date-input.d.ts

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

package/lib/components/inputs/date-inputs/outlined-date-range-input/index.d.ts

@@ -1,2 +1,2 @@
-export { OutlinedDateRangeInput } from "./outlined-date-range-input";
-export type { OutlinedDateRangeInputProps } from "./interfaces";
+export { OutlinedDateRangeInput } from "./outlined-date-range-input";
+export type { OutlinedDateRangeInputProps } from "./interfaces";