@selfdecode/sd-component-library 4.0.83 → 4.0.85

package/lib/components/forms-v2/form-v2-input/form-v2-input.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { InputContainerProps } from "../input-container";
+import { FormV2InputProps as Props } from "./interfaces";
+export declare const FormV2Input: React.FC<Props>;
+export declare const FormV2InputWithContainer: React.FC<Props & InputContainerProps>;

package/lib/components/forms-v2/form-v2-input/form-v2-input.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { FormV2InputWithContainer } from "./form-v2-input";
+declare const meta: Meta<typeof FormV2InputWithContainer>;
+export default meta;
+declare type Story = StoryObj<typeof FormV2InputWithContainer>;
+export declare const Default: Story;

package/lib/components/forms-v2/form-v2-input/form-v2-number-input.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { InputContainerProps } from "../input-container";
+import { FormV2InputProps } from "./interfaces";
+declare type Props = Omit<FormV2InputProps, "value" | "onChange" | "validateValue"> & {
+    value: number | undefined;
+    onChange: (value: number | undefined, event?: React.ChangeEvent<HTMLInputElement>) => void;
+    min?: number;
+    max?: number;
+    onlyInteger?: boolean;
+};
+export declare const FormV2NumberInput: React.FC<Props>;
+export declare const FormV2NumberInputWithContainer: React.FC<Props & InputContainerProps>;
+export {};

package/lib/components/forms-v2/form-v2-input/form-v2-number-input.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { FormV2NumberInputWithContainer } from "./form-v2-number-input";
+declare const meta: Meta<typeof FormV2NumberInputWithContainer>;
+export default meta;
+declare type Story = StoryObj<typeof FormV2NumberInputWithContainer>;
+export declare const Default: Story;
+export declare const Integer: Story;

package/lib/components/forms-v2/form-v2-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./form-v2-input";
+export * from "./form-v2-number-input";

package/lib/components/forms-v2/form-v2-input/interfaces.d.ts

@@ -0,0 +1,8 @@
+import { ChangeEvent } from "react";
+import { InputProps } from "@rebass/forms";
+export interface FormV2InputProps extends Pick<InputProps, "id" | "placeholder" | "display" | "inputMode" | "type" | "autoFocus" | "onFocus" | "onBlur" | "onKeyPress" | "maxLength"> {
+    value: string;
+    onChange: (newValue: string, event?: ChangeEvent<HTMLInputElement>) => void;
+    validateValue?: (value: string) => boolean;
+    focusInput?: boolean;
+}

package/lib/components/forms-v2/form-v2-selector/form-v2-selector.d.ts

@@ -0,0 +1,4 @@
+import { InputContainerProps } from "../input-container";
+import { FormV2SelectorProps as Props } from "./interfaces";
+export declare const FormV2Selector: <T extends string = string>({ defaultOptionObject, hideDefaultOnSelect, options, value: selection, onChange, disabled, disabledTextValue, translateSelect, translateDefaultOption, onFocus, id, textTransform, defaultOptionColor, }: Props<T>) => JSX.Element;
+export declare const FormV2SelectorWithContainer: <T extends string = string>({ defaultOptionObject, hideDefaultOnSelect, options, value, onChange, disabled, disabledTextValue, translateSelect, translateDefaultOption, onFocus, id, textTransform, defaultOptionColor, ...containerProps }: Props<T> & InputContainerProps) => JSX.Element;

package/lib/components/forms-v2/form-v2-selector/form-v2-selector.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { FormV2SelectorWithContainer } from "./form-v2-selector";
+declare const meta: Meta<typeof FormV2SelectorWithContainer>;
+export default meta;
+declare type Story = StoryObj<typeof FormV2SelectorWithContainer>;
+export declare const Example: Story;
+export declare const Interactive: Story;

package/lib/components/forms-v2/form-v2-selector/index.d.ts

@@ -0,0 +1 @@
+export * from "./form-v2-selector";

package/lib/components/forms-v2/form-v2-selector/interfaces.d.ts

@@ -0,0 +1,26 @@
+import { CSSProperties } from "react";
+import { SelectProps } from "@rebass/forms";
+import { SelectorOptionV2 } from "../../selectors";
+export interface FormV2SelectorProps<T extends string = string> extends Pick<SelectProps, "id" | "disabled" | "onFocus">, Pick<CSSProperties, "textTransform"> {
+    /**
+     * Default value of the selector.
+     */
+    defaultOptionObject?: SelectorOptionV2<null>;
+    hideDefaultOnSelect?: boolean;
+    defaultOptionColor?: string;
+    /**
+     * 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>[];
+    disabledTextValue?: string;
+    translateSelect?: boolean;
+    translateDefaultOption?: boolean;
+}

package/lib/components/forms-v2/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./form-v2-input";
+export * from "./form-v2-selector";
+export * from "./input-container";
+export * from "./input-label";

package/lib/components/forms-v2/input-container/index.d.ts

@@ -0,0 +1,2 @@
+export { InputContainer } from "./input-container";
+export * from "./interfaces";

package/lib/components/forms-v2/input-container/input-container.d.ts

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

package/lib/components/forms-v2/input-container/interfaces.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties } from "react";
+import { LabelProps } from "@rebass/forms";
+import { GridProps } from "../../containers";
+import { BaseTextV2Props } from "../../texts";
+export interface InputContainerProps extends Omit<GridProps, "value" | "onChange" | "onFocus" | "onBlur" | "label">, Pick<CSSProperties, "cursor"> {
+    label?: string | React.ReactNode;
+    labelProps?: Omit<LabelProps, "children">;
+    secondaryLabel?: string | React.ReactNode;
+    secondaryLabelProps?: Omit<BaseTextV2Props, "children">;
+    errorMessage?: string;
+    errorMessageProps?: Omit<BaseTextV2Props, "children">;
+    required?: boolean;
+}

package/lib/components/forms-v2/input-label/index.d.ts

@@ -0,0 +1 @@
+export { InputLabel } from "./input-label";

package/lib/components/forms-v2/input-label/input-label.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { LabelProps as Props } from "@rebass/forms";
+export declare const InputLabel: React.FC<Props>;

package/lib/components/inputs/input/error.d.ts

@@ -1,5 +1,5 @@
 /**
- * Throw this error when the input passed to the input fieldis not valid.
+ * Throw this error when the input passed to the input fields not valid.
  */
 export declare class InvalidInputError extends Error {
     constructor();

package/lib/components/inputs/secondary-number-input/secondary-number-input.stories.d.ts

@@ -4,7 +4,7 @@ declare const meta: Meta<typeof SecondaryNumberInput>;
 export default meta;
 declare type Story = StoryObj<typeof SecondaryNumberInput>;
 export declare const Example: Story;
-export declare const NegativeValue: Story;
+export declare const NegativeValueControlled: Story;
 export declare const Error: Story;
 export declare const ErrorBackground: Story;
 export declare const SecondLabel: Story;

package/lib/components/labels/base-label/base-label.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { BaseLabelProps } from "./interfaces";
-export declare const BaseLabel: (props: BaseLabelProps) => JSX.Element;
+export declare const BaseLabel: React.FC<BaseLabelProps>;

package/lib/index.d.ts

@@ -13,6 +13,7 @@ export * from "./components/dividers";
 export * from "./components/feature-explanation";
 export * from "./components/boolean-feedback";
 export * from "./components/feedback";
+export * from "./components/forms-v2";
 export * from "./components/inputs";
 export * from "./components/links";
 export * from "./components/lists";