@selfdecode/sd-component-library 2.42.3 → 2.42.4

package/lib/components/ratings/five-stars-rating/index.d.ts

@@ -1,3 +1,3 @@
-import { FiveStarsRatingProps as Props } from "./interfaces";
-export { FiveStarsRating } from "./five-stars-rating";
-export declare type FiveStarsRatingProps = Props;
+import { FiveStarsRatingProps as Props } from "./interfaces";
+export { FiveStarsRating } from "./five-stars-rating";
+export declare type FiveStarsRatingProps = Props;

package/lib/components/ratings/five-stars-rating/interfaces.d.ts

@@ -1,15 +1,15 @@
-import { BaseComponentProps } from "../../interfaces";
-export interface FiveStarsRatingProps extends BaseComponentProps {
-    /**
-     * The amount of stars the item receives.
-     */
-    rating: number;
-    /**
-     * The color of the stars.
-     */
-    color?: string;
-    /**
-     * If we want to change the size of the star.
-     */
-    starSize?: number;
-}
+import { BaseComponentProps } from "../../interfaces";
+export interface FiveStarsRatingProps extends BaseComponentProps {
+    /**
+     * The amount of stars the item receives.
+     */
+    rating: number;
+    /**
+     * The color of the stars.
+     */
+    color?: string;
+    /**
+     * If we want to change the size of the star.
+     */
+    starSize?: number;
+}

package/lib/components/ribbons/progress-ribbon/index.d.ts

@@ -1 +1 @@
-export { ProgressRibbon } from "./progress-ribbon";
+export { ProgressRibbon } from "./progress-ribbon";

package/lib/components/ribbons/progress-ribbon/interfaces.d.ts

@@ -1,34 +1,34 @@
-export interface ProgressRibbonProps {
-    /**
-     * Current progress to be displayed.
-     */
-    currentProgress: number;
-    /**
-     * Total progress number.
-     */
-    total: number;
-    /**
-     * Label for the ribbon
-     */
-    label: string;
-    /**
-     * Gap between the components.
-     */
-    gap?: string[];
-    /**
-     * Action button label
-     */
-    buttonLabel?: string;
-    /**
-     * Action button callback
-     */
-    handleButtonClick?: () => void;
-    /**
-     * Is the button disabled?
-     */
-    isButtonDisabled?: boolean;
-    /**
-     * Width of the button
-     */
-    buttonWidth?: string[];
-}
+export interface ProgressRibbonProps {
+    /**
+     * Current progress to be displayed.
+     */
+    currentProgress: number;
+    /**
+     * Total progress number.
+     */
+    total: number;
+    /**
+     * Label for the ribbon
+     */
+    label: string;
+    /**
+     * Gap between the components.
+     */
+    gap?: string[];
+    /**
+     * Action button label
+     */
+    buttonLabel?: string;
+    /**
+     * Action button callback
+     */
+    handleButtonClick?: () => void;
+    /**
+     * Is the button disabled?
+     */
+    isButtonDisabled?: boolean;
+    /**
+     * Width of the button
+     */
+    buttonWidth?: string[];
+}

package/lib/components/ribbons/progress-ribbon/progress-ribbon.d.ts

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

package/lib/components/selectors/compact-primary-selector/compact-primary-selector.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { CompactPrimarySelectorProps as Props } from "./interfaces";
-export declare const CompactPrimarySelector: <T extends string = string>(props: Pick<import("../selector").SelectorProps<T>, "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "name" | "defaultValue" | "textTransform" | "selectorLabel" | "options" | "disabledTextValue" | "hideDefaultOnSelect" | "labelMargin">) => JSX.Element;
+/// <reference types="react" />
+import { CompactPrimarySelectorProps as Props } from "./interfaces";
+export declare const CompactPrimarySelector: <T extends string = string>(props: Pick<import("../selector").SelectorProps<T>, "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "name" | "defaultValue" | "textTransform" | "selectorLabel" | "options" | "disabledTextValue" | "hideDefaultOnSelect" | "labelMargin">) => JSX.Element;

package/lib/components/selectors/compact-primary-selector/index.d.ts

@@ -1,2 +1,2 @@
-export { CompactPrimarySelector } from "./compact-primary-selector";
-export type { CompactPrimarySelectorProps } from "./interfaces";
+export { CompactPrimarySelector } from "./compact-primary-selector";
+export type { CompactPrimarySelectorProps } from "./interfaces";

package/lib/components/selectors/compact-primary-selector/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { SelectorProps } from "../selector";
-export declare type CompactPrimarySelectorProps<T extends string = string> = Pick<SelectorProps<T>, "name" | "defaultValue" | "options" | "selectorLabel" | "onChange" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "disabledTextValue" | "hideDefaultOnSelect" | "labelMargin" | "textTransform">;
+import { SelectorProps } from "../selector";
+export declare type CompactPrimarySelectorProps<T extends string = string> = Pick<SelectorProps<T>, "name" | "defaultValue" | "options" | "selectorLabel" | "onChange" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "disabledTextValue" | "hideDefaultOnSelect" | "labelMargin" | "textTransform">;

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

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

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

@@ -1 +1 @@
-export { CustomSelector } from "./custom-selector";
+export { CustomSelector } from "./custom-selector";

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

@@ -1,25 +1,25 @@
-export interface CustomSelectorProps<T extends string = string> {
-    /**
-     * Currently chosen value (must be present among options list).
-     */
-    value: CustomSelectorOption<T>;
-    onChange: (newValue: CustomSelectorOption<T>) => void;
-    /**
-     * List of available options.
-     */
-    options: CustomSelectorOption<T>[];
-    /**
-     * Width of the custom selector (100% by default).
-     */
-    width?: string[];
-    /**
-     * Selector titles text transform.
-     */
-    textTransform?: "none" | "uppercase" | "lowercase" | "capitalize";
-}
-export interface CustomSelectorOption<T extends string = string> {
-    id: string;
-    title: string;
-    secondaryText?: string;
-    value: T;
-}
+export interface CustomSelectorProps<T extends string = string> {
+    /**
+     * Currently chosen value (must be present among options list).
+     */
+    value: CustomSelectorOption<T>;
+    onChange: (newValue: CustomSelectorOption<T>) => void;
+    /**
+     * List of available options.
+     */
+    options: CustomSelectorOption<T>[];
+    /**
+     * Width of the custom selector (100% by default).
+     */
+    width?: string[];
+    /**
+     * Selector titles text transform.
+     */
+    textTransform?: "none" | "uppercase" | "lowercase" | "capitalize";
+}
+export interface CustomSelectorOption<T extends string = string> {
+    id: string;
+    title: string;
+    secondaryText?: string;
+    value: T;
+}

package/lib/components/selectors/custom-selector/partials/custom-option-box/custom-option-box.d.ts

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

package/lib/components/selectors/custom-selector/partials/custom-option-box/index.d.ts

@@ -1 +1 @@
-export { CustomOptionBox } from "./custom-option-box";
+export { CustomOptionBox } from "./custom-option-box";

package/lib/components/selectors/custom-selector/partials/custom-option-box/interfaces.d.ts

@@ -1,15 +1,15 @@
-import { CustomSelectorProps } from "../../interfaces";
-export interface CustomOptionBoxProps<T extends string = string> extends Pick<CustomSelectorProps, "textTransform"> {
-    /**
-     * Primary text to be displayed at the left side.
-     */
-    title: string;
-    /**
-     * Secondary text to be displayed at the right side.
-     */
-    secondaryText?: string;
-    /**
-     * Callback to be executed after clicking on this option box.
-     */
-    onClick: () => void;
-}
+import { CustomSelectorProps } from "../../interfaces";
+export interface CustomOptionBoxProps<T extends string = string> extends Pick<CustomSelectorProps, "textTransform"> {
+    /**
+     * Primary text to be displayed at the left side.
+     */
+    title: string;
+    /**
+     * Secondary text to be displayed at the right side.
+     */
+    secondaryText?: string;
+    /**
+     * Callback to be executed after clicking on this option box.
+     */
+    onClick: () => void;
+}

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

@@ -1,2 +1,2 @@
-export { PrimarySelector } from "./primary-selector";
-export type { PrimarySelectorProps } from "./interfaces";
+export { PrimarySelector } from "./primary-selector";
+export type { PrimarySelectorProps } from "./interfaces";

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

@@ -1,2 +1,2 @@
-import { SelectorProps } from "../selector";
-export declare type PrimarySelectorProps<T extends string = string> = Pick<SelectorProps<T>, "name" | "defaultValue" | "options" | "selectorLabel" | "onChange" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "disabledTextValue" | "hideDefaultOnSelect" | "selectElementHeight" | "textTransform">;
+import { SelectorProps } from "../selector";
+export declare type PrimarySelectorProps<T extends string = string> = Pick<SelectorProps<T>, "name" | "defaultValue" | "options" | "selectorLabel" | "onChange" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "disabledTextValue" | "hideDefaultOnSelect" | "selectElementHeight" | "textTransform">;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { PrimarySelectorProps as Props } from "./interfaces";
-/**
- * The PrimarySelector.
- */
-export declare const PrimarySelector: <T extends string = string>(props: Pick<import("../selector").SelectorProps<T>, "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "name" | "defaultValue" | "textTransform" | "selectorLabel" | "options" | "disabledTextValue" | "hideDefaultOnSelect" | "selectElementHeight">) => JSX.Element;
+/// <reference types="react" />
+import { PrimarySelectorProps as Props } from "./interfaces";
+/**
+ * The PrimarySelector.
+ */
+export declare const PrimarySelector: <T extends string = string>(props: Pick<import("../selector").SelectorProps<T>, "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "name" | "defaultValue" | "textTransform" | "selectorLabel" | "options" | "disabledTextValue" | "hideDefaultOnSelect" | "selectElementHeight">) => JSX.Element;

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

@@ -1,2 +1,2 @@
-export { SecondarySelector } from "./secondary-selector";
-export type { SecondarySelectorProps } from "./interfaces";
+export { SecondarySelector } from "./secondary-selector";
+export type { SecondarySelectorProps } from "./interfaces";

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

@@ -1,12 +1,12 @@
-import { SelectorProps } from "../selector";
-export declare type SecondarySelectorProps<T extends string = string> = Pick<SelectorProps<T>, "name" | "defaultValue" | "options" | "selectorLabel" | "onChange" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "disabledTextValue" | "hideDefaultOnSelect" | "secondLabel" | "selectElementHeight" | "errorMessage" | "hideErrorText" | "textTransform"> & {
-    /**
-     * Optional amount of spacing between the
-     * selectorLabel and the selectInput. Default value: ["3px"]
-     */
-    gap?: SelectorProps<T>["gap"];
-    /**
-     * Margin of the label. Default value: ["0px"]
-     */
-    labelMargin?: SelectorProps<T>["labelMargin"];
-};
+import { SelectorProps } from "../selector";
+export declare type SecondarySelectorProps<T extends string = string> = Pick<SelectorProps<T>, "name" | "defaultValue" | "options" | "selectorLabel" | "onChange" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "disabledTextValue" | "hideDefaultOnSelect" | "secondLabel" | "selectElementHeight" | "errorMessage" | "hideErrorText" | "textTransform"> & {
+    /**
+     * Optional amount of spacing between the
+     * selectorLabel and the selectInput. Default value: ["3px"]
+     */
+    gap?: SelectorProps<T>["gap"];
+    /**
+     * Margin of the label. Default value: ["0px"]
+     */
+    labelMargin?: SelectorProps<T>["labelMargin"];
+};

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { SecondarySelectorProps as Props } from "./interfaces";
-/**
- * The SecondarySelector.
- */
-export declare const SecondarySelector: <T extends string = string>(props: Props<T>) => JSX.Element;
+/// <reference types="react" />
+import { SecondarySelectorProps as Props } from "./interfaces";
+/**
+ * The SecondarySelector.
+ */
+export declare const SecondarySelector: <T extends string = string>(props: Props<T>) => JSX.Element;

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

@@ -1,2 +1,2 @@
-export { Selector } from "./selector";
-export type { SelectorProps, SelectorOption } from "./interfaces";
+export { Selector } from "./selector";
+export type { SelectorProps, SelectorOption } from "./interfaces";

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

@@ -1,93 +1,93 @@
-import { BaseComponentProps } from "../../interfaces";
-import { CSSProperties } from "react";
-import { SecondaryTextInputProps } from "../../inputs/secondary-text-input/interfaces";
-export declare type SelectorOption<T extends string = string> = {
-    id: string;
-    title: string;
-    value: T;
-};
-/**
- * Defines the selector component's properties.
- */
-export declare type SelectorProps<T extends string = string> = BaseComponentProps & {
-    /**
-     * The callback to run when the input element changes.
-     */
-    onChange: (newValue: SelectorOption<T>, oldValue: SelectorOption<T> | undefined) => void;
-    /**
-     * this is the width of the component
-     */
-    width?: Array<string>;
-    /**
-     * this is the name prop which we use as a form of an id for this selector. It needs to be unique, given more name based form components in the same app.
-     */
-    name: string;
-    /**
-     * this is the selector's default value.
-     * If this value changes during the rendering of the component,
-     * the current selection is set to be defaultValue
-     */
-    defaultValue: string;
-    /**
-     * these are our selector's options. It need to be an array of objects that each object needs to have at least a title and an id. So I do this by creating a type?
-     */
-    options: SelectorOption<T>[];
-    /**
-     * this is an optional label for our selector
-     */
-    selectorLabel?: string;
-    /**
-     * this is an optional amount of spacing between the
-     * selectorLabel and the selectInput. Default value: ["20px"]
-     */
-    gap?: string[];
-    /**
-     * text to be shown inside the selector when no options are provided
-     * Default value: 'No options'
-     */
-    disabledTextValue?: string;
-    /**
-     * transform the text displayed on the label when an option is selected
-     */
-    textTransform?: CSSProperties["textTransform"];
-    /**
-     * whether to hide default value that isn't present in options list if
-     * other option is chosen
-     */
-    hideDefaultOnSelect?: boolean;
-    /**
-     * Margin of the label.
-     */
-    labelMargin?: string[];
-    /**
-     * Label shown to the right of the selectorLabel
-     */
-    secondLabel?: SecondaryTextInputProps["secondLabel"];
-    /**
-     * Height of the select HTML element
-     */
-    selectElementHeight?: string[];
-    /**
-     * Pass the error message to display and put the component in error state
-     */
-    errorMessage?: string;
-    /**
-     * Hide the error text
-     */
-    hideErrorText?: boolean;
-    /**
-     * Color of the default option.
-     */
-    defaultOptionColor?: string;
-    /**
-     * Color of the selected option (to be set externally)
-     */
-    selectedOptionColor?: string;
-    onFocus?: () => void;
-    errorBackground?: boolean;
-    /**
-     * By default Selector checks the title property of the SelectorOption object. With this prop you can change this behaviour to check the value property instead.
-     */
-    useValueInsteadOfTitle?: boolean;
-};
-export declare type CurrentSelection<T extends string = string> = SelectorOption<T> | undefined;
+import { BaseComponentProps } from "../../interfaces";
+import { CSSProperties } from "react";
+import { SecondaryTextInputProps } from "../../inputs/secondary-text-input/interfaces";
+export declare type SelectorOption<T extends string = string> = {
+    id: string;
+    title: string;
+    value: T;
+};
+/**
+ * Defines the selector component's properties.
+ */
+export declare type SelectorProps<T extends string = string> = BaseComponentProps & {
+    /**
+     * The callback to run when the input element changes.
+     */
+    onChange: (newValue: SelectorOption<T>, oldValue: SelectorOption<T> | undefined) => void;
+    /**
+     * this is the width of the component
+     */
+    width?: Array<string>;
+    /**
+     * this is the name prop which we use as a form of an id for this selector. It needs to be unique, given more name based form components in the same app.
+     */
+    name: string;
+    /**
+     * this is the selector's default value.
+     * If this value changes during the rendering of the component,
+     * the current selection is set to be defaultValue
+     */
+    defaultValue: string;
+    /**
+     * these are our selector's options. It need to be an array of objects that each object needs to have at least a title and an id. So I do this by creating a type?
+     */
+    options: SelectorOption<T>[];
+    /**
+     * this is an optional label for our selector
+     */
+    selectorLabel?: string;
+    /**
+     * this is an optional amount of spacing between the
+     * selectorLabel and the selectInput. Default value: ["20px"]
+     */
+    gap?: string[];
+    /**
+     * text to be shown inside the selector when no options are provided
+     * Default value: 'No options'
+     */
+    disabledTextValue?: string;
+    /**
+     * transform the text displayed on the label when an option is selected
+     */
+    textTransform?: CSSProperties["textTransform"];
+    /**
+     * whether to hide default value that isn't present in options list if
+     * other option is chosen
+     */
+    hideDefaultOnSelect?: boolean;
+    /**
+     * Margin of the label.
+     */
+    labelMargin?: string[];
+    /**
+     * Label shown to the right of the selectorLabel
+     */
+    secondLabel?: SecondaryTextInputProps["secondLabel"];
+    /**
+     * Height of the select HTML element
+     */
+    selectElementHeight?: string[];
+    /**
+     * Pass the error message to display and put the component in error state
+     */
+    errorMessage?: string;
+    /**
+     * Hide the error text
+     */
+    hideErrorText?: boolean;
+    /**
+     * Color of the default option.
+     */
+    defaultOptionColor?: string;
+    /**
+     * Color of the selected option (to be set externally)
+     */
+    selectedOptionColor?: string;
+    onFocus?: () => void;
+    errorBackground?: boolean;
+    /**
+     * By default Selector checks the title property of the SelectorOption object. With this prop you can change this behaviour to check the value property instead.
+     */
+    useValueInsteadOfTitle?: boolean;
+};
+export declare type CurrentSelection<T extends string = string> = SelectorOption<T> | undefined;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { SelectorProps as Props } from "./interfaces";
-export declare const Selector: <T extends string = string>(props: Props<T>) => JSX.Element;
+/// <reference types="react" />
+import { SelectorProps as Props } from "./interfaces";
+export declare const Selector: <T extends string = string>(props: Props<T>) => JSX.Element;

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

@@ -1,2 +1,2 @@
-export { SelectorV2 } from "./selector-v2";
-export type { SelectorV2Props, SelectorOptionV2 } from "./interfaces";
+export { SelectorV2 } from "./selector-v2";
+export type { SelectorV2Props, SelectorOptionV2 } from "./interfaces";

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

@@ -1,27 +1,27 @@
-import { SelectorProps } from "../selector";
-export declare type SelectorOptionV2<T extends string | null = string> = {
-    id: string;
-    title: string;
-    value: T;
-};
-/**
- * Defines the selector component's properties.
- */
-export interface SelectorV2Props<T extends string = string> extends Omit<SelectorProps, "onChange" | "defaultValue" | "options"> {
-    /**
-     * Default value of the selector.
-     */
-    defaultOptionObject?: SelectorOptionV2<null>;
-    /**
-     * Controlled value of selector
-     */
-    value: SelectorOptionV2<T | null>;
-    /**
-     * The callback for changing the state of controlled selector.
-     */
-    onChange: (newValue: SelectorOptionV2<T | null>) => void;
-    /**
-     * List of available selector's options.
-     */
-    options: SelectorOptionV2<T>[];
-}
+import { SelectorProps } from "../selector";
+export declare type SelectorOptionV2<T extends string | null = string> = {
+    id: string;
+    title: string;
+    value: T;
+};
+/**
+ * Defines the selector component's properties.
+ */
+export interface SelectorV2Props<T extends string = string> extends Omit<SelectorProps, "onChange" | "defaultValue" | "options"> {
+    /**
+     * Default value of the selector.
+     */
+    defaultOptionObject?: SelectorOptionV2<null>;
+    /**
+     * Controlled value of selector
+     */
+    value: SelectorOptionV2<T | null>;
+    /**
+     * The callback for changing the state of controlled selector.
+     */
+    onChange: (newValue: SelectorOptionV2<T | null>) => void;
+    /**
+     * List of available selector's options.
+     */
+    options: SelectorOptionV2<T>[];
+}

package/lib/components/selectors/selector-v2/partials/base-selector-v2/base-selector-v2.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { BaseSelectorV2Props as Props } from "./interfaces";
-export declare const BaseSelectorV2: <T extends string = string>(props: Props<T>) => JSX.Element;
+/// <reference types="react" />
+import { BaseSelectorV2Props as Props } from "./interfaces";
+export declare const BaseSelectorV2: <T extends string = string>(props: Props<T>) => JSX.Element;

package/lib/components/selectors/selector-v2/partials/base-selector-v2/index.d.ts

@@ -1,2 +1,2 @@
-export { BaseSelectorV2 } from "./base-selector-v2";
-export type { BaseSelectorV2Props } from "./interfaces";
+export { BaseSelectorV2 } from "./base-selector-v2";
+export type { BaseSelectorV2Props } from "./interfaces";