@onewelcome/react-lib-components 2.0.0-alpha → 2.0.0-alpha.1

package/dist/esm/components/DataGrid/DataGridActions/DataGridActions.d.ts

@@ -0,0 +1,15 @@
+import React, { ComponentPropsWithRef } from "react";
+import { Props as ButtonProps } from "../../Button/Button";
+import { HeaderCell } from "../datagrid.interfaces";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    enableAddBtn?: boolean;
+    enableColumnsBtn?: boolean;
+    enableSearchBtn?: boolean;
+    addBtnProps?: ButtonProps;
+    columnsBtnProps?: ButtonProps;
+    searchBtnProps?: ButtonProps;
+    searchIconBtnProps?: ButtonProps;
+    headers: HeaderCell[];
+    onColumnToggled: (colName: string) => void;
+}
+export declare const DataGridActions: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/DataGrid/DataGridActions/DataGridActions.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/DataGrid/DataGridActions/DataGridColumnsToggle.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Props as PopoverProps } from "../../Popover/Popover";
+import { HeaderCell } from "../datagrid.interfaces";
+export interface Props extends PopoverProps {
+    open: boolean;
+    headers: HeaderCell[];
+    titleLabel?: string;
+    closeButtonTitle?: string;
+    onClose: () => void;
+    onToggleClicked: (colName: string) => void;
+    domRoot?: HTMLElement;
+}
+export declare const DataGridColumnsToggle: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/DataGrid/DataGridActions/DataGridColumnsToggle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/DataGrid/DataGridBody/DataGridBody.d.ts

@@ -0,0 +1,17 @@
+import React, { ComponentPropsWithRef, ReactElement, Ref } from "react";
+import { HeaderCell } from "../datagrid.interfaces";
+export interface Props<T> extends Omit<ComponentPropsWithRef<"tbody">, "children"> {
+    children: ({ item, index }: {
+        item: T;
+        index: number;
+    }) => ReactElement;
+    data?: T[];
+    headers: HeaderCell[];
+    isLoading?: boolean;
+    disableContextMenuColumn?: boolean;
+    emptyLabel?: string;
+    spacing?: React.CSSProperties;
+}
+export declare const DataGridBody: <T extends {}>(p: Props<T> & {
+    ref?: React.Ref<HTMLTableSectionElement> | undefined;
+}) => ReactElement;

package/dist/esm/components/DataGrid/DataGridBody/DataGridBody.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/DataGrid/DataGridBody/DataGridCell.d.ts

@@ -0,0 +1,10 @@
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+export interface Props extends ComponentPropsWithRef<"td"> {
+    children?: ReactElement | string | number;
+    isLoading?: boolean;
+    spacing?: React.CSSProperties;
+    cellIndex?: number;
+    columnLength?: number;
+    disableContextMenuColumn?: boolean;
+}
+export declare const DataGridCell: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLTableCellElement>>;

package/dist/esm/components/DataGrid/DataGridBody/DataGridCell.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/DataGrid/DataGridBody/DataGridRow.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentPropsWithRef } from "react";
+import { HeaderCell } from "../datagrid.interfaces";
+export interface Props extends ComponentPropsWithRef<"tr"> {
+    headers?: HeaderCell[];
+    isLoading?: boolean;
+    spacing?: React.CSSProperties;
+    disableContextMenuColumn?: boolean;
+}
+export declare const DataGridRow: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLTableRowElement>>;

package/dist/esm/components/DataGrid/DataGridBody/DataGridRow.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/DataGrid/DataGridHeader/DataGridHeader.d.ts

@@ -0,0 +1,11 @@
+import React, { ComponentPropsWithRef } from "react";
+import { HeaderCell, OnSortFunction, Sort } from "../datagrid.interfaces";
+export interface Props extends ComponentPropsWithRef<"thead"> {
+    headers: HeaderCell[];
+    initialSort?: Sort;
+    onSort?: OnSortFunction;
+    disableContextMenuColumn?: boolean;
+    enableMultiSorting?: boolean;
+    spacing?: React.CSSProperties;
+}
+export declare const DataGridHeader: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;

package/dist/esm/components/DataGrid/DataGridHeader/DataGridHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/DataGrid/DataGridHeader/DataGridHeaderCell.d.ts

@@ -0,0 +1,10 @@
+import React, { ComponentPropsWithRef } from "react";
+import { Direction } from "../datagrid.interfaces";
+export interface Props extends ComponentPropsWithRef<"th"> {
+    headline: string;
+    name: string;
+    disableSorting?: boolean;
+    activeSortDirection?: Direction;
+    onSort?: (name: string) => void;
+}
+export declare const DataGridHeaderCell: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLTableCellElement>>;

package/dist/esm/components/DataGrid/DataGridHeader/DataGridHeaderCell.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/DataGrid/datagrid.interfaces.d.ts

@@ -0,0 +1,13 @@
+export type Direction = "ASC" | "DESC";
+export type Sort = {
+    name: string;
+    direction: Direction;
+}[];
+export type OnSortFunction = (sort: Sort) => void;
+export interface HeaderCell {
+    name: string;
+    headline: string;
+    disableSorting?: boolean;
+    hidden?: boolean;
+    align?: "left" | "right" | "center";
+}

package/dist/esm/components/Form/Checkbox/Checkbox.d.ts

@@ -0,0 +1,13 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+import { Props as FormHelperTextProps } from "../FormHelperText/FormHelperText";
+import { Props as FormSelectorWrapperProps } from "../FormSelectorWrapper/FormSelectorWrapper";
+import { FormSelector } from "../form.interfaces";
+export interface Props extends ComponentPropsWithRef<"input">, FormSelector {
+    children: ReactNode;
+    label?: string;
+    indeterminate?: boolean;
+    helperProps?: FormHelperTextProps;
+    formSelectorWrapperProps?: FormSelectorWrapperProps;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/components/Form/Checkbox/Checkbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/Fieldset/Fieldset.d.ts

@@ -0,0 +1,15 @@
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+import { Variant } from "../../Typography/Typography";
+export interface Props extends ComponentPropsWithRef<"fieldset"> {
+    children?: ReactElement | ReactElement[];
+    legend: string;
+    legendStyle?: Variant;
+    hideLegend?: boolean;
+    background?: string;
+    noPadding?: boolean;
+    noBackground?: boolean;
+    required?: boolean;
+    error?: boolean;
+    disablePropagation?: boolean;
+}
+export declare const Fieldset: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;

package/dist/esm/components/Form/Fieldset/Fieldset.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/FileUpload/FileItem/FileItem.d.ts

@@ -0,0 +1,17 @@
+import React, { ComponentPropsWithRef } from "react";
+import { FileType } from "../FileUpload";
+export type UploadProgress = "uploading" | "completed" | "error" | "readonly" | "retry";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    name: string;
+    status?: UploadProgress;
+    progress?: number;
+    error?: string;
+    onRequestedFileAction?: (action: FILE_ACTION, name: FileType["name"]) => void;
+}
+export declare enum FILE_ACTION {
+    DELETE = "delete",
+    REMOVE = "remove",
+    ABORT = "abort",
+    RETRY = "retry"
+}
+export declare const FileItem: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/Form/FileUpload/FileItem/FileItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/FileUpload/FileUpload.d.ts

@@ -0,0 +1,26 @@
+import React, { DragEventHandler } from "react";
+import { FILE_ACTION, Props as FileConfig } from "./FileItem/FileItem";
+import { Props as InputProps } from "../Input/Input";
+type FileUploadType = Omit<InputProps, "onDrop" | "type" | "onChange" | "suffix" | "prefix">;
+export type FileType = Omit<FileConfig, "onRequestedFileAction"> & Pick<File, "size" | "type"> & {
+    data?: any;
+};
+export interface Props extends FileUploadType {
+    accept: string;
+    title: string;
+    multiple: boolean;
+    fileList: FileType[];
+    exceedingMaxSizeErrorText?: string;
+    maxFileSize?: number;
+    selectButtonText?: string;
+    dragAndDropText?: string;
+    subText?: string;
+    onDragOver?: DragEventHandler;
+    onDragEnter?: DragEventHandler;
+    onDragLeave?: DragEventHandler;
+    onDrop?: (e: FileType[]) => void;
+    onChange?: (e: FileType[]) => void;
+    onRequestedFileAction?: (action: FILE_ACTION, name: FileType["name"]) => void;
+}
+export declare const FileUpload: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/esm/components/Form/FileUpload/FileUpload.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/Form.d.ts

@@ -0,0 +1,5 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+export interface Props extends ComponentPropsWithRef<"form"> {
+    children?: ReactNode;
+}
+export declare const Form: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLFormElement>>;

package/dist/esm/components/Form/Form.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/FormControl/FormControl.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    children?: ReactElement | ReactElement[];
+    grid?: 1 | 2 | 3;
+    align?: "top" | "start" | "middle" | "center" | "bottom" | "end" | "stretch";
+    error?: boolean;
+    disabled?: boolean;
+}
+export declare const FormControl: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/Form/FormControl/FormControl.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/FormGroup/FormGroup.d.ts

@@ -0,0 +1,17 @@
+/** The empty className property on FormHelperText is on purpose! We want to basically "filter" out the className from helperProps because we're adding this to the surrounding div. This makes it so also the errormessage receives this styling. */
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+import { Props as HelperProps } from "../FormHelperText/FormHelperText";
+import { Icons } from "../../Icon/Icon";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    children: ReactElement[] | ReactElement | string | number[] | number;
+    error?: boolean;
+    errorMessageIcon?: Icons;
+    errorMessageIconPosition?: "before" | "after";
+    errorMessage?: string;
+    errorId?: string;
+    helperText?: string;
+    helperId?: string;
+    helperProps?: HelperProps;
+    disabled?: boolean;
+}
+export declare const FormGroup: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/Form/FormGroup/FormGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/FormHelperText/FormHelperText.d.ts

@@ -0,0 +1,6 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+import { FormElement } from "../form.interfaces";
+export interface Props extends ComponentPropsWithRef<"div">, FormElement {
+    children?: ReactNode;
+}
+export declare const FormHelperText: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/Form/FormHelperText/FormHelperText.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/FormSelectorWrapper/FormSelectorWrapper.d.ts

@@ -0,0 +1,14 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+import { KeyValuePair } from "../../../interfaces";
+import { FormSelector } from "../form.interfaces";
+import { Props as FormHelperTextProps } from "../FormHelperText/FormHelperText";
+export interface Props extends ComponentPropsWithRef<"div">, FormSelector {
+    children?: ReactNode;
+    nestedChildren?: ReactNode;
+    containerProps?: ComponentPropsWithRef<"div"> & KeyValuePair;
+    helperProps?: FormHelperTextProps;
+    disabled?: boolean;
+    errorId?: string;
+    identifier?: string;
+}
+export declare const FormSelectorWrapper: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/Form/FormSelectorWrapper/FormSelectorWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/Input/Input.d.ts

@@ -0,0 +1,12 @@
+import React, { ComponentPropsWithRef } from "react";
+import { FormElement } from "../form.interfaces";
+export declare const dateTypes: readonly ["date", "time", "datetime-local"];
+export type Type = "text" | "email" | "file" | "number" | "password" | "search" | "tel" | "url" | "hidden" | (typeof dateTypes)[number];
+export interface Props extends ComponentPropsWithRef<"input">, FormElement {
+    wrapperProps?: ComponentPropsWithRef<"div">;
+    labeledBy?: string;
+    type: Type;
+    suffix?: string;
+    prefix?: string;
+}
+export declare const Input: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/components/Form/Input/Input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/Label/Label.d.ts

@@ -0,0 +1,5 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+export interface Props extends ComponentPropsWithRef<"label"> {
+    children?: ReactNode;
+}
+export declare const Label: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLLabelElement>>;

package/dist/esm/components/Form/Label/Label.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/Radio/Radio.d.ts

@@ -0,0 +1,11 @@
+import React, { ComponentPropsWithRef } from "react";
+import { Props as HelperProps } from "../FormHelperText/FormHelperText";
+import { FormSelector } from "../form.interfaces";
+import { Props as FormSelectorWrapperProps } from "../FormSelectorWrapper/FormSelectorWrapper";
+export interface Props extends ComponentPropsWithRef<"input">, FormSelector {
+    children: string;
+    value: string;
+    formSelectorWrapperProps?: FormSelectorWrapperProps;
+    helperProps?: HelperProps;
+}
+export declare const Radio: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/components/Form/Radio/Radio.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/Select/Option.d.ts

@@ -0,0 +1,16 @@
+import React, { ComponentPropsWithRef } from "react";
+export interface Props extends ComponentPropsWithRef<"li"> {
+    children: string;
+    value: string;
+    disabled?: boolean;
+    isSelected?: boolean;
+    selectOpened?: boolean;
+    hasFocus?: boolean;
+    shouldClick?: boolean;
+    isSearching?: boolean;
+    label?: string;
+    childIndex?: number;
+    onOptionSelect?: (ref: React.RefObject<HTMLLIElement>) => void;
+    onFocusChange?: (childIndex: number) => void;
+}
+export declare const Option: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/esm/components/Form/Select/Option.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/Select/Select.d.ts

@@ -0,0 +1,20 @@
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+import { Props as InputProps } from "../Input/Input";
+import { FormElement } from "../form.interfaces";
+type PartialInputProps = Partial<InputProps>;
+export interface Props extends ComponentPropsWithRef<"select">, FormElement {
+    children: ReactElement[];
+    name?: string;
+    labeledBy?: string;
+    describedBy?: string;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    searchInputProps?: PartialInputProps;
+    selectButtonProps?: ComponentPropsWithRef<"button">;
+    className?: string;
+    value: string;
+    clearLabel?: string;
+    onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;
+}
+export declare const Select: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+export {};

package/dist/esm/components/Form/Select/Select.interfaces.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export type Position = {
+    top: 0 | "initial";
+    bottom: 0 | "initial";
+};
+export interface UseArrowNavigationParams {
+    expanded: boolean;
+    setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
+    isSearching: boolean;
+    setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;
+    setFocusedSelectItem: React.Dispatch<React.SetStateAction<number>>;
+    childrenCount: number;
+    customSelectButtonRef: React.RefObject<HTMLButtonElement>;
+    setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;
+    searchInputRef: React.RefObject<HTMLInputElement>;
+    renderSearchCondition: number;
+}
+export interface UseSelectPositionListParams {
+    expanded: boolean;
+    optionListReference: React.RefObject<HTMLDivElement>;
+    containerReference: React.RefObject<HTMLDivElement>;
+}

package/dist/esm/components/Form/Select/Select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/Select/SelectService.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { Position, UseArrowNavigationParams, UseSelectPositionListParams } from "./Select.interfaces";
+export declare const useArrowNavigation: ({ expanded, setExpanded, isSearching, setIsSearching, setFocusedSelectItem, childrenCount, customSelectButtonRef, setShouldClick, searchInputRef, renderSearchCondition }: UseArrowNavigationParams) => {
+    onArrowNavigation: (event: React.KeyboardEvent) => void;
+};
+export declare const useSelectPositionList: ({ expanded, optionListReference, containerReference }: UseSelectPositionListParams) => {
+    optionsListMaxHeight: string;
+    opacity: number;
+    setOpacity: React.Dispatch<React.SetStateAction<number>>;
+    listPosition: Partial<Position>;
+    setListPosition: React.Dispatch<React.SetStateAction<Partial<Position>>>;
+};

package/dist/esm/components/Form/Textarea/Textarea.d.ts

@@ -0,0 +1,6 @@
+import React, { ComponentPropsWithRef } from "react";
+import { FormElement } from "../form.interfaces";
+export interface Props extends ComponentPropsWithRef<"textarea">, FormElement {
+    wrapperProps?: ComponentPropsWithRef<"div">;
+}
+export declare const Textarea: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/components/Form/Textarea/Textarea.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/Toggle/Toggle.d.ts

@@ -0,0 +1,6 @@
+import React, { ComponentPropsWithRef } from "react";
+import { Props as CheckboxProps } from "../Checkbox/Checkbox";
+export interface Props extends ComponentPropsWithRef<"input">, Omit<CheckboxProps, "indeterminate" | "errorMessage" | "error" | "children" | "label"> {
+    children: string;
+}
+export declare const Toggle: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/components/Form/Toggle/Toggle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+import { WrapperProps } from "../Wrapper/Wrapper";
+import { Props as FieldsetProps } from "../../../Form/Fieldset/Fieldset";
+export interface Props extends ComponentPropsWithRef<"div">, WrapperProps {
+    children: ReactElement[] | ReactElement;
+    fieldsetProps: FieldsetProps;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const CheckboxWrapper: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/Wrapper/InputWrapper/InputWrapper.d.ts

@@ -0,0 +1,17 @@
+import React, { ComponentPropsWithRef } from "react";
+import { Type, Props as InputProps } from "../../Input/Input";
+import { WrapperProps } from "../Wrapper/Wrapper";
+interface PartialInputProps extends Partial<InputProps> {
+}
+export interface Props extends ComponentPropsWithRef<"div">, WrapperProps {
+    label: string;
+    type: Type;
+    name: string;
+    inputProps?: PartialInputProps;
+    value: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+}
+export declare const InputWrapper: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/esm/components/Form/Wrapper/InputWrapper/InputWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/Wrapper/RadioWrapper/RadioWrapper.d.ts

@@ -0,0 +1,10 @@
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+import { WrapperProps } from "../Wrapper/Wrapper";
+import { Props as FieldsetProps } from "../../../Form/Fieldset/Fieldset";
+export interface Props extends ComponentPropsWithRef<"div">, WrapperProps {
+    children: ReactElement | ReactElement[];
+    fieldsetProps: FieldsetProps;
+    value: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const RadioWrapper: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/Form/Wrapper/RadioWrapper/RadioWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/Wrapper/SelectWrapper/SelectWrapper.d.ts

@@ -0,0 +1,15 @@
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+import { WrapperProps } from "../Wrapper/Wrapper";
+import { Props as SelectProps } from "../../Select/Select";
+interface PartialSelectProps extends Partial<SelectProps> {
+}
+export interface Props extends Omit<ComponentPropsWithRef<"div">, "onChange">, Omit<WrapperProps, "onChange" | "error"> {
+    children: ReactElement[] | ReactElement | number[];
+    placeholder?: string;
+    value: string;
+    error?: boolean;
+    selectProps?: PartialSelectProps;
+    onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+}
+export declare const SelectWrapper: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/esm/components/Form/Wrapper/SelectWrapper/SelectWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.d.ts

@@ -0,0 +1,14 @@
+import React, { ComponentPropsWithRef } from "react";
+import { WrapperProps } from "../Wrapper/Wrapper";
+import { Props as TextareaProps } from "../../Textarea/Textarea";
+export interface Props extends Omit<ComponentPropsWithRef<"div">, "onFocus" | "onChange" | "onBlur" | "onMouseEnter" | "onMouseLeave">, Omit<WrapperProps, "onFocus" | "onChange" | "onBlur" | "onMouseEnter" | "onMouseLeave"> {
+    placeholder?: string;
+    textareaProps?: TextareaProps;
+    value: string;
+    onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;
+}
+export declare const TextareaWrapper: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/Wrapper/Wrapper/Wrapper.d.ts

@@ -0,0 +1,26 @@
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+import { Props as FormGroupProps } from "../../FormGroup/FormGroup";
+import { Props as LabelProps } from "../../Label/Label";
+import { Props as HelperProps } from "../../FormHelperText/FormHelperText";
+import { FormElement } from "../../form.interfaces";
+export interface Props extends ComponentPropsWithRef<"div">, FormGroupProps {
+    children: ReactElement | ReactElement[];
+    helperIndent?: number;
+    label?: string;
+    labelProps?: LabelProps;
+    name: string;
+    /** This does NOT add validation! It simply adds an asterix on the Label! */
+    required?: boolean;
+    innerClassName?: string;
+}
+/** For components that extend this component we create an interface (InputWrapper, SelectWrapper, etc.) */
+export interface WrapperProps extends FormElement {
+    errorMessage?: string;
+    helperText?: string;
+    helperProps?: HelperProps;
+    label?: string;
+    name: string;
+    required?: boolean;
+    disabled?: boolean;
+}
+export declare const Wrapper: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/Form/Wrapper/Wrapper/Wrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Form/form.interfaces.d.ts

@@ -0,0 +1,14 @@
+import { DataAttributeKey } from "../../interfaces";
+/** Radios */
+export interface FormSelector extends FormElement {
+    helperText?: string;
+    errorMessage?: string;
+    parentHelperId?: string;
+    parentErrorId?: string;
+}
+/** Default form elements */
+export interface FormElement {
+    error?: boolean;
+    success?: boolean;
+    [dataAttribute: DataAttributeKey]: unknown;
+}