@selfdecode/sd-component-library 2.46.16 → 2.46.19

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/index.d.ts

@@ -1,21 +1,21 @@
-import { BaseCompactSelectorProps, BaseSelectorProps, SelectorOptionType } from "../../interfaces";
-export type { SelectorOptionType as SelectorOption };
-export { Selector } from "./selector";
-export type { BaseSelectorProps as SelectorProps };
-export { TertiarySelector } from "./tertiary-selector";
-export { PrimarySelector } from "./primary-selector";
-export { SecondarySelector } from "./secondary-selector";
-export { CompactPrimarySelector } from "./compact-primary-selector";
-export declare type CompactPrimarySelectorProps<T extends string = string> = BaseCompactSelectorProps<T>;
-export { CustomSelector } from "./custom-selector";
-export { SecondaryCustomSelector } from "./secondary-custom-selector";
-export { TertiaryCustomSelector } from "./tertiary-custom-selector";
-export { CombinedSecondaryCustomSelector } from "./combined-secondary-custom-selector";
-export { SelectorV2 } from "./selector-v2";
-export type { SelectorV2Props, SelectorOptionV2 } from "./selector-v2";
-export { TertiarySelectorV2 } from "./tertiary-selector-v2";
-export { SecondarySelectorV2 } from "./secondary-selector-v2";
-export { PrimarySelectorV2 } from "./primary-selector-v2";
-export { CombinedSecondarySelectorV2 } from "./combined-secondary-selector-v2";
-export { CustomScrollableSelector } from "./custom-scrollable-selector";
-export { PrimaryCustomScrollableSelector } from "./primary-custom-scrollable-selector";
+import { BaseCompactSelectorProps, BaseSelectorProps, SelectorOptionType } from "../../interfaces";
+export type { SelectorOptionType as SelectorOption };
+export { Selector } from "./selector";
+export type { BaseSelectorProps as SelectorProps };
+export { TertiarySelector } from "./tertiary-selector";
+export { PrimarySelector } from "./primary-selector";
+export { SecondarySelector } from "./secondary-selector";
+export { CompactPrimarySelector } from "./compact-primary-selector";
+export declare type CompactPrimarySelectorProps<T extends string = string> = BaseCompactSelectorProps<T>;
+export { CustomSelector } from "./custom-selector";
+export { SecondaryCustomSelector } from "./secondary-custom-selector";
+export { TertiaryCustomSelector } from "./tertiary-custom-selector";
+export { CombinedSecondaryCustomSelector } from "./combined-secondary-custom-selector";
+export { SelectorV2 } from "./selector-v2";
+export type { SelectorV2Props, SelectorOptionV2 } from "./selector-v2";
+export { TertiarySelectorV2 } from "./tertiary-selector-v2";
+export { SecondarySelectorV2 } from "./secondary-selector-v2";
+export { PrimarySelectorV2 } from "./primary-selector-v2";
+export { CombinedSecondarySelectorV2 } from "./combined-secondary-selector-v2";
+export { CustomScrollableSelector } from "./custom-scrollable-selector";
+export { PrimaryCustomScrollableSelector } from "./primary-custom-scrollable-selector";

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

@@ -1 +1 @@
-export { PrimaryCustomScrollableSelector } from "./primary-custom-scrollable-selector";
+export { PrimaryCustomScrollableSelector } from "./primary-custom-scrollable-selector";

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { SecondaryCustomSelectorProps } from "../secondary-custom-selector/interfaces";
-export interface PrimaryCustomScrollableSelectorProps<T extends string = string> extends Omit<SecondaryCustomSelectorProps<T>, "variant"> {
-    leftSlot?: React.ReactNode;
-}
+/// <reference types="react" />
+import { SecondaryCustomSelectorProps } from "../secondary-custom-selector/interfaces";
+export interface PrimaryCustomScrollableSelectorProps<T extends string = string> extends Omit<SecondaryCustomSelectorProps<T>, "variant"> {
+    leftSlot?: React.ReactNode;
+}

package/lib/components/selectors/primary-custom-scrollable-selector/partials/custom-scrollable-options-box/custom-scrollable-options-box.d.ts

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

package/lib/components/selectors/primary-custom-scrollable-selector/partials/custom-scrollable-options-box/index.d.ts

@@ -1 +1 @@
-export { CustomScrollableOptionsBox } from "./custom-scrollable-options-box";
+export { CustomScrollableOptionsBox } from "./custom-scrollable-options-box";

package/lib/components/selectors/primary-custom-scrollable-selector/partials/custom-scrollable-options-box/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { PrimaryCustomScrollableSelectorProps } from "../../interfaces";
-export interface CustomScrollableOptionsBoxProps<T extends string = string> extends Pick<PrimaryCustomScrollableSelectorProps<T>, "value" | "options" | "onChange"> {
-    isVisible: boolean;
-}
+import { PrimaryCustomScrollableSelectorProps } from "../../interfaces";
+export interface CustomScrollableOptionsBoxProps<T extends string = string> extends Pick<PrimaryCustomScrollableSelectorProps<T>, "value" | "options" | "onChange"> {
+    isVisible: boolean;
+}

package/lib/components/selectors/primary-custom-scrollable-selector/partials/option-row/index.d.ts

@@ -1 +1 @@
-export { OptionRow } from "./option-row";
+export { OptionRow } from "./option-row";

package/lib/components/selectors/primary-custom-scrollable-selector/partials/option-row/interfaces.d.ts

@@ -1,5 +1,5 @@
-import { SelectorOptionV2 } from "../../../selector-v2";
-export interface OptionRowProps<T extends string = string> extends SelectorOptionV2<T> {
-    currentSelection?: boolean;
-    onClick: () => void;
-}
+import { SelectorOptionV2 } from "../../../selector-v2";
+export interface OptionRowProps<T extends string = string> extends SelectorOptionV2<T> {
+    currentSelection?: boolean;
+    onClick: () => void;
+}

package/lib/components/selectors/primary-custom-scrollable-selector/partials/option-row/option-row.d.ts

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

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

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

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" | "translateSelect" | "translateDefaultOption">;
+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" | "translateSelect" | "translateDefaultOption">;

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

@@ -1,6 +1,5 @@
-/// <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" | "translateSelect" | "translateDefaultOption">) => JSX.Element;
+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" | "translateSelect" | "translateDefaultOption">) => JSX.Element;

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

@@ -1 +1 @@
-export { PrimarySelectorV2 } from "./primary-selector-v2";
+export { PrimarySelectorV2 } from "./primary-selector-v2";

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

@@ -1,2 +1,2 @@
-import { SelectorV2Props } from "../selector-v2";
-export declare type PrimarySelectorV2Props<T extends string = string> = Omit<SelectorV2Props<T>, "variant">;
+import { SelectorV2Props } from "../selector-v2";
+export declare type PrimarySelectorV2Props<T extends string = string> = Omit<SelectorV2Props<T>, "variant">;

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

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

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

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

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

@@ -1,6 +1,6 @@
-import { SxProps } from "rebass";
-import { SelectorV2Props } from "../selector-v2";
-export interface SecondaryCustomSelectorProps<T extends string = string> extends Pick<SelectorV2Props<T>, "options" | "value" | "onChange" | "width" | "variant"> {
-    label: string;
-    containerSx?: SxProps["sx"];
-}
+import { SxProps } from "rebass";
+import { SelectorV2Props } from "../selector-v2";
+export interface SecondaryCustomSelectorProps<T extends string = string> extends Pick<SelectorV2Props<T>, "options" | "value" | "onChange" | "width" | "variant"> {
+    label: string;
+    containerSx?: SxProps["sx"];
+}

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

@@ -1 +1 @@
-export { SecondaryCustomSelectorOptionRow } from "./secondary-custom-selector-option-row";
+export { SecondaryCustomSelectorOptionRow } from "./secondary-custom-selector-option-row";

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

@@ -1,5 +1,5 @@
-export interface SecondaryCustomSelectorOptionRowProps {
-    title: string;
-    onClick: () => void;
-    isLast?: boolean;
-}
+export interface SecondaryCustomSelectorOptionRowProps {
+    title: string;
+    onClick: () => void;
+    isLast?: boolean;
+}

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

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

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

@@ -1 +1 @@
-export { SecondaryCustomSelectorOptionsBox } from "./secondary-custom-selector-options-box";
+export { SecondaryCustomSelectorOptionsBox } from "./secondary-custom-selector-options-box";

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

@@ -1,5 +1,5 @@
-import { SelectorOptionV2 } from "../../../selector-v2";
-export interface SecondaryCustomSelectorOptionsBoxProps<T extends string = string> {
-    options: SelectorOptionV2<T>[];
-    onSelect: (option: SelectorOptionV2<T>) => void;
-}
+import { SelectorOptionV2 } from "../../../selector-v2";
+export interface SecondaryCustomSelectorOptionsBoxProps<T extends string = string> {
+    options: SelectorOptionV2<T>[];
+    onSelect: (option: SelectorOptionV2<T>) => void;
+}

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

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

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

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

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" | "translateSelect" | "translateDefaultOption"> & {
-    /**
-     * 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" | "translateSelect" | "translateDefaultOption"> & {
+    /**
+     * 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,5 @@
-/// <reference types="react" />
-import { SecondarySelectorProps as Props } from "./interfaces";
-/**
- * The SecondarySelector.
- */
-export declare const SecondarySelector: <T extends string = string>(props: Props<T>) => JSX.Element;
+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/secondary-selector-v2/index.d.ts

@@ -1 +1 @@
-export { SecondarySelectorV2 } from "./secondary-selector-v2";
+export { SecondarySelectorV2 } from "./secondary-selector-v2";

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

@@ -1,2 +1,2 @@
-import { SelectorV2Props } from "../selector-v2";
-export declare type SecondarySelectorV2Props<T extends string = string> = Omit<SelectorV2Props<T>, "variant" | "labelContainerAlignItems">;
+import { SelectorV2Props } from "../selector-v2";
+export declare type SecondarySelectorV2Props<T extends string = string> = Omit<SelectorV2Props<T>, "variant" | "labelContainerAlignItems">;

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

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

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,98 +1,98 @@
-import { CSSProperties } from "react";
-import { SecondaryTextInputProps } from "../../inputs/secondary-text-input/interfaces";
-import { BaseComponentProps } from "../../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?: string | 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 | 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;
-    /**
-     * Whether to translate content of selector.
-     */
-    translateSelect?: boolean;
-    translateDefaultOption?: boolean;
-};
-export declare type CurrentSelection<T extends string = string> = SelectorOption<T> | undefined;
+import { CSSProperties } from "react";
+import { SecondaryTextInputProps } from "../../inputs/secondary-text-input/interfaces";
+import { BaseComponentProps } from "../../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?: string | 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 | 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;
+    /**
+     * Whether to translate content of selector.
+     */
+    translateSelect?: boolean;
+    translateDefaultOption?: boolean;
+};
+export declare type CurrentSelection<T extends string = string> = SelectorOption<T> | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { SelectorProps as Props } from "./interfaces";
-export declare const getNoTranslateClass: (flag: boolean) => "no-translate" | undefined;
-export declare const Selector: <T extends string = string>(props: Props<T>) => JSX.Element;
+import { SelectorProps as Props } from "./interfaces";
+export declare const getNoTranslateClass: (flag: boolean) => "no-translate" | undefined;
+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";