@jasperoosthoek/react-toolbox 0.8.0 → 0.9.0

package/dist/components/buttons/IconButtons.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ButtonProps as ReactBootstrapButtonProps } from 'react-bootstrap';
 import { IconType } from 'react-icons';
 export interface ButtonProps extends ReactBootstrapButtonProps {
@@ -8,47 +7,47 @@ export interface ButtonProps extends ReactBootstrapButtonProps {
 export interface IconButtonProps extends ButtonProps {
     icon: IconType;
 }
-export declare const IconButton: ({ onClick, loading, icon: Icon, iconSize, children, size, className, ...restProps }: IconButtonProps) => React.JSX.Element;
-export declare const makeIconButton: (icon: IconType) => (props: ButtonProps) => React.JSX.Element;
-export declare const CheckButton: (props: ButtonProps) => React.JSX.Element;
-export declare const CopyButton: (props: ButtonProps) => React.JSX.Element;
-export declare const PasteButton: (props: ButtonProps) => React.JSX.Element;
-export declare const CloseButton: (props: ButtonProps) => React.JSX.Element;
-export declare const CogButton: (props: ButtonProps) => React.JSX.Element;
-export declare const CreateButton: (props: ButtonProps) => React.JSX.Element;
-export declare const CreateFolderButton: (props: ButtonProps) => React.JSX.Element;
-export declare const CreateSubFolderButton: (props: ButtonProps) => React.JSX.Element;
-export declare const CreateFileButton: (props: ButtonProps) => React.JSX.Element;
-export declare const DeleteButton: (props: ButtonProps) => React.JSX.Element;
-export declare const DownButton: (props: ButtonProps) => React.JSX.Element;
-export declare const DownloadButton: (props: ButtonProps) => React.JSX.Element;
-export declare const EditButton: (props: ButtonProps) => React.JSX.Element;
-export declare const FlagButton: (props: ButtonProps) => React.JSX.Element;
-export declare const HideButton: (props: ButtonProps) => React.JSX.Element;
-export declare const LinkButton: (props: ButtonProps) => React.JSX.Element;
-export declare const ListButton: (props: ButtonProps) => React.JSX.Element;
-export declare const MenuButton: (props: ButtonProps) => React.JSX.Element;
-export declare const MoveButton: (props: ButtonProps) => React.JSX.Element;
-export declare const NotesButton: (props: ButtonProps) => React.JSX.Element;
-export declare const PencilButton: (props: ButtonProps) => React.JSX.Element;
-export declare const PlayButton: (props: ButtonProps) => React.JSX.Element;
-export declare const SaveButton: (props: ButtonProps) => React.JSX.Element;
-export declare const SearchButton: (props: ButtonProps) => React.JSX.Element;
-export declare const ShowButton: (props: ButtonProps) => React.JSX.Element;
-export declare const SortButton: (props: ButtonProps) => React.JSX.Element;
-export declare const SortUpButton: (props: ButtonProps) => React.JSX.Element;
-export declare const SortDownButton: (props: ButtonProps) => React.JSX.Element;
-export declare const StopButton: (props: ButtonProps) => React.JSX.Element;
-export declare const SyncButton: (props: ButtonProps) => React.JSX.Element;
-export declare const UnCheckButton: (props: ButtonProps) => React.JSX.Element;
-export declare const UnlockButton: (props: ButtonProps) => React.JSX.Element;
-export declare const UpButton: (props: ButtonProps) => React.JSX.Element;
-export declare const UploadButton: (props: ButtonProps) => React.JSX.Element;
-export declare const QuestionnaireButton: (props: ButtonProps) => React.JSX.Element;
-export declare const DropdownButton: (props: ButtonProps) => React.JSX.Element;
-export declare const ResetButton: (props: ButtonProps) => React.JSX.Element;
+export declare const IconButton: ({ onClick, loading, icon: Icon, iconSize, children, size, className, ...restProps }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const makeIconButton: (icon: IconType) => (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CopyButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PasteButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CloseButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CogButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CreateButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CreateFolderButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CreateSubFolderButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CreateFileButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DeleteButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DownButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DownloadButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EditButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FlagButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HideButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LinkButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MoveButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NotesButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PencilButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PlayButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SaveButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ShowButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SortButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SortUpButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SortDownButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StopButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SyncButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UnCheckButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UnlockButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UpButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UploadButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const QuestionnaireButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ResetButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export interface UploadTextButtonProps extends ButtonProps {
     accept?: string;
     onLoadFile: (result: string | ArrayBuffer) => void;
 }
-export declare const UploadTextButton: ({ accept, onLoadFile, ...restProps }: UploadTextButtonProps) => React.JSX.Element;
+export declare const UploadTextButton: ({ accept, onLoadFile, ...restProps }: UploadTextButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/errors/Errors.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 export type ErrorPageProps = {
     children: any;
 };
-export declare const ErrorPage: ({ children }: ErrorPageProps) => React.JSX.Element;
+export declare const ErrorPage: ({ children }: ErrorPageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/FormField.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { FormValue } from './FormFields';
+import { FormInputProps } from './fields/FormInput';
+export interface FormFieldProps extends FormInputProps {
+    children?: React.ReactNode;
+}
+export declare const FormField: ({ children, ...props }: FormFieldProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const useFormField: (componentProps: {
+    name: string;
+    label?: any;
+    required?: boolean;
+    [key: string]: any;
+}) => {
+    value: FormValue;
+    onChange: (value: FormValue) => void;
+    isInvalid: boolean;
+    error: any;
+    label: any;
+    required: boolean | undefined;
+    mergedProps: any;
+    submit: () => void;
+};

package/dist/components/forms/FormFields.d.ts

@@ -1,7 +1,4 @@
-import React, { ReactElement } from 'react';
-import { BadgeProps, FormControlProps, FormCheckProps } from 'react-bootstrap';
-import { Variant } from 'react-bootstrap/types';
-import { Moment } from 'moment';
+import { ReactElement } from 'react';
 export type FormValue = boolean | string | string[] | number | number[];
 export type FormOnChange = (((value: FormValue, formData?: any) => any));
 export type FormComponentProps = {
@@ -24,31 +21,6 @@ export type FormType = {
     keyName: string;
     pristine: boolean;
 };
-export interface FormInputProps extends Omit<FormControlProps, 'onChange'>, FormType {
-    onChange: (value: FormValue) => void;
-    controlId?: string;
-    label?: ReactElement;
-    onEnter?: () => void;
-    rows?: number;
-}
-export declare const FormInput: ({ label, value, onEnter, placeholder, onChange, controlId, state, setState, initialState, initialValue, keyName, pristine, id, ...formProps }: FormInputProps) => React.JSX.Element;
-export declare const FormTextArea: ({ as, rows, ...restProps }: FormInputProps) => React.JSX.Element;
-export type FormTextAreaProps = FormInputProps;
-export declare const FormDate: (props: FormInputProps) => React.JSX.Element;
-export interface FormDateTimeProps extends Omit<FormInputProps, 'onChange' | 'value'> {
-    value: string | Moment;
-    onChange: (value: string) => void;
-}
-export declare const FormDateTime: ({ value, onChange, ...restProps }: FormDateTimeProps) => React.JSX.Element;
-export interface FormCheckboxProps extends Omit<FormCheckProps, 'onChange'>, FormType {
-    onChange: (value: boolean) => void;
-    controlId?: string;
-    label?: ReactElement;
-    onEnter?: () => void;
-    rows?: number;
-}
-export declare const FormCheckbox: ({ value, onChange, state, label, keyName, controlId, initialState, initialValue, setState, pristine, id, ...restProps }: FormCheckboxProps) => React.JSX.Element;
-export declare const FormSwitch: ({ className, ...restProps }: FormCheckboxProps) => React.JSX.Element;
 export type DisabledProps = {
     list: any[];
     value: string | number;
@@ -56,30 +28,3 @@ export type DisabledProps = {
     initialState: any;
     initialValue: any;
 };
-export interface FormSelectProps extends Omit<FormInputProps, 'disabled' | 'onChange' | 'list'> {
-    onChange: (value: number | string | number[] | string[] | null) => void;
-    list: any[];
-    multiple?: boolean;
-    integer?: boolean;
-    formatTitle?: (item: any) => ReactElement;
-    idKey?: string;
-    disabled?: boolean | ((props: DisabledProps) => boolean);
-}
-export declare const FormSelect: ({ list, idKey, integer, value, defaultValue, onChange, label, controlId, htmlSize, state, formatTitle, multiple, disabled, isInvalid, initialState, initialValue, keyName, pristine, }: FormSelectProps) => React.JSX.Element;
-export interface BadgeSelectionProps extends BadgeProps {
-    selected: boolean;
-    cursor: string;
-    disabled?: boolean;
-}
-export declare const BadgeSelection: ({ selected, disabled, cursor, onClick, style, bg, ...restProps }: BadgeSelectionProps) => React.JSX.Element;
-export type FormBadgesSelectionProps = FormSelectProps;
-export declare const FormBadgesSelection: ({ list, idKey, value, onChange, multiple, label, integer, controlId, isInvalid, state, setState, disabled, initialState, initialValue, keyName, pristine, ...restProps }: FormBadgesSelectionProps) => React.JSX.Element;
-export interface FormDropdownProps<T> extends Omit<FormInputProps, 'disabled' | 'onChange' | 'list'> {
-    onChange: (value: number | string | number[] | string[] | null) => void;
-    list: T[];
-    idKey?: keyof T;
-    nameKey?: keyof T;
-    disabled?: boolean | ((props: DisabledProps) => boolean);
-    variant?: Variant;
-}
-export declare const FormDropdown: <T>({ list: listBase, idKey, nameKey, value, onChange, label, controlId, isInvalid, state, setState, disabled, initialState, initialValue, variant, pristine, keyName, onEnter, ...restProps }: FormDropdownProps<T>) => React.JSX.Element;

package/dist/components/forms/FormModal.d.ts

@@ -1,42 +1,15 @@
-import React, { ReactElement } from 'react';
-import { FormComponentProps, FormSelectProps, FormOnChange, FormValue } from './FormFields';
-export type FormFieldComponent = (props: FormComponentProps | FormSelectProps) => ReactElement;
-export type FormField = {
-    initialValue?: any;
-    type?: 'string' | 'number';
-    required?: boolean;
-    formProps?: any;
-    component?: FormFieldComponent;
-    onChange?: FormOnChange;
-    label?: ReactElement | string;
-};
-export type IncludeData<T> = {
-    [key in Exclude<string, keyof T>]: any;
-};
-export type InitialState<T> = Partial<{
-    [key in keyof T]: FormValue;
-}>;
-export type FormFields = {
-    [key: string]: FormField;
-};
-export type OnSave<T, K> = (state: ({
-    [key in keyof T]: FormValue;
-}), callback: () => void) => void;
-export type Validate = (state: any) => any;
+import { ReactElement } from 'react';
 export type ModalTitle = ReactElement | string;
 export type Width = 25 | 50 | 75 | 100;
-export type FormModalProps<T extends FormFields, K extends IncludeData<T>> = {
-    initialState: InitialState<T> | K;
-    includeData?: K;
-    formFields: T;
+export type FormModalProps = {
     show?: boolean;
-    onSave: OnSave<T, K>;
     onHide: () => void;
-    validate?: Validate;
     modalTitle?: ModalTitle;
-    loading?: boolean;
     dialogClassName?: string;
     width?: Width;
+    submitText?: string;
+    cancelText?: string;
 };
-export declare const FormModal: <T extends FormFields, K extends IncludeData<T>>({ initialState, formFields, includeData, show, onSave, onHide, validate, modalTitle, loading, dialogClassName, width, ...restProps }: FormModalProps<T, K>) => React.JSX.Element;
-export declare const DisabledFormField: ({ value }: any) => React.JSX.Element;
+export declare const FormModal: ({ show, onHide, modalTitle, dialogClassName, width, submitText, cancelText, }: FormModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const FormFieldsRenderer: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const DisabledFormField: ({ value }: any) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/FormModalProvider.d.ts

@@ -1,35 +1,28 @@
 import React, { ReactNode } from 'react';
-import { FormFields, IncludeData, InitialState, OnSave, Validate, ModalTitle, Width } from './FormModal';
-import { FormValue } from './FormFields';
+import { FormFields, InitialState, OnSubmit, Validate } from './FormProvider';
+import { ModalTitle, Width } from './FormModal';
 import { ButtonProps } from '../buttons/IconButtons';
 export type ShowCreateModal = (show?: boolean) => void;
-export type ShowEditModal<T, K> = (state: {
-    [key in keyof T]: FormValue;
-} & K) => void;
-export type FormCreateModalButton = ButtonProps;
-export declare const FormCreateModalButton: ({ onClick, ...props }: ButtonProps) => React.JSX.Element;
-export interface FormEditModalButtonProps<T, K> extends ButtonProps {
-    state: {
-        [key in keyof T]: FormValue;
-    } & K;
-}
-export declare const FormEditModalButton: ({ state, onClick, ...props }: FormEditModalButtonProps<T, K>) => React.JSX.Element;
-type FormModalContextType<T, K> = {
+export type ShowEditModal<T extends FormFields> = (state: InitialState<T> | null) => void;
+type FormModalContextType<T extends FormFields> = {
     showCreateModal: ShowCreateModal;
-    showEditModal: ShowEditModal<T, K>;
+    showEditModal: ShowEditModal<T>;
     hasProvider: boolean;
 };
-type T = any;
-type K = any;
-export declare const FormModalContext: React.Context<FormModalContextType<any, any>>;
-export declare const useFormModal: () => FormModalContextType<any, any>;
-export type FormModalProviderProps<T extends FormFields, K extends IncludeData<T>> = {
-    initialState: InitialState<T> | K;
-    includeData?: K;
+export declare const FormModalContext: React.Context<FormModalContextType<any>>;
+export declare const useFormModal: <T extends FormFields>() => FormModalContextType<T>;
+export type FormCreateModalButton = ButtonProps;
+export declare const FormCreateModalButton: ({ onClick, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export interface FormEditModalButtonProps<T extends FormFields> extends ButtonProps {
+    state: InitialState<T>;
+}
+export declare const FormEditModalButton: <T extends FormFields>({ state, onClick, ...props }: FormEditModalButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
+export type FormModalProviderProps<T extends FormFields> = {
     formFields: T;
-    onSave?: OnSave<T, K>;
-    onCreate?: OnSave<T, K>;
-    onUpdate?: OnSave<T, K>;
+    initialState?: InitialState<T>;
+    onSave?: OnSubmit<T>;
+    onCreate?: OnSubmit<T>;
+    onUpdate?: OnSubmit<T>;
     validate?: Validate;
     createModalTitle?: ModalTitle;
     editModalTitle?: ModalTitle;
@@ -38,5 +31,5 @@ export type FormModalProviderProps<T extends FormFields, K extends IncludeData<T
     width?: Width;
     children: ReactNode;
 };
-export declare const FormModalProvider: React.FC<FormModalProviderProps<T, K>>;
+export declare const FormModalProvider: <T extends FormFields>({ createModalTitle, editModalTitle, formFields, initialState, validate, loading, onCreate, onUpdate, onSave, dialogClassName, width, children, }: FormModalProviderProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/forms/FormProvider.d.ts

@@ -0,0 +1,66 @@
+import React, { ReactNode } from 'react';
+import { FormValue } from './FormFields';
+export type FormFieldConfig = {
+    initialValue?: any;
+    type?: 'string' | 'number' | 'select' | 'checkbox' | 'boolean' | 'textarea' | 'dropdown';
+    required?: boolean;
+    formProps?: any;
+    component?: any;
+    onChange?: (value: FormValue, formData?: any) => any;
+    label?: React.ReactElement | string;
+    options?: Array<{
+        value: string | number;
+        label: string;
+        disabled?: boolean;
+    }>;
+    list?: any[];
+    idKey?: string;
+    nameKey?: string;
+};
+export type FormFields = {
+    [key: string]: FormFieldConfig;
+};
+export type InitialState<T> = Partial<{
+    [key in keyof T]: FormValue;
+}>;
+export type OnSubmit<T> = (state: {
+    [key in keyof T]: FormValue;
+}, callback?: () => void) => void;
+export type Validate = (state: any) => any;
+type FormContextType<T extends FormFields> = {
+    formFields: T;
+    formData: {
+        [key in keyof T]: FormValue;
+    } | null;
+    initialFormData: {
+        [key in keyof T]: FormValue;
+    } | null;
+    pristine: boolean;
+    validated: boolean;
+    validationErrors: {
+        [key: string]: any;
+    };
+    loading: boolean;
+    getValue: (key: string) => FormValue;
+    setValue: (key: string, value: FormValue) => void;
+    setFormData: (data: Partial<{
+        [key in keyof T]: FormValue;
+    }>) => void;
+    resetForm: () => void;
+    submit: () => void;
+    setPristine: (pristine: boolean) => void;
+    setLoading: (loading: boolean) => void;
+    hasProvider: boolean;
+};
+export declare const useForm: <T extends FormFields>() => FormContextType<T>;
+export type FormProviderProps<T extends FormFields> = {
+    formFields: T;
+    initialState?: InitialState<T>;
+    onSubmit: OnSubmit<T>;
+    validate?: Validate;
+    loading?: boolean;
+    children: ReactNode;
+    resetTrigger?: any;
+};
+export declare const FormProvider: <T extends FormFields>({ formFields, initialState, onSubmit, validate, loading, children, resetTrigger, }: FormProviderProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/forms/fields/FormBadgesSelection.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { BadgeProps } from 'react-bootstrap';
+export interface BadgeSelectionProps extends BadgeProps {
+    selected: boolean;
+    cursor: string;
+    disabled?: boolean;
+}
+export declare const BadgeSelection: ({ selected, disabled, cursor, onClick, style, bg, ...restProps }: BadgeSelectionProps) => import("react/jsx-runtime").JSX.Element;
+type DisabledProps = {
+    list: any[];
+    value: string | number;
+    state: any;
+    initialState: any;
+    initialValue: any;
+};
+export interface FormBadgesSelectionProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'value' | 'onChange' | 'disabled' | 'list'> {
+    name: string;
+    label?: React.ReactElement | string;
+    list: any[];
+    idKey?: string;
+    multiple?: boolean;
+    integer?: boolean;
+    disabled?: boolean | ((props: DisabledProps) => boolean);
+}
+export declare const FormBadgesSelection: (props: FormBadgesSelectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/forms/fields/FormCheckbox.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface FormCheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'value' | 'onChange' | 'type'> {
+    name: string;
+    label?: React.ReactElement | string;
+}
+export declare const FormCheckbox: (props: FormCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormSwitch: (props: FormCheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/fields/FormDropdown.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+type DisabledProps = {
+    list: any[];
+    value: string | number;
+    state: any;
+    initialState: any;
+    initialValue: any;
+};
+export interface FormDropdownProps<T> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'value' | 'onChange' | 'disabled' | 'list'> {
+    name: string;
+    label?: React.ReactElement | string;
+    list?: T[];
+    options?: T[];
+    idKey?: keyof T;
+    nameKey?: keyof T;
+    disabled?: boolean | ((props: DisabledProps) => boolean);
+}
+export declare const FormDropdown: <T>(props: FormDropdownProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/forms/fields/FormInput.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface FormInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'onChange'> {
+    name: string;
+    label?: React.ReactElement | string;
+    as?: string;
+    rows?: number;
+    onChange: (value: string) => void;
+}
+export declare const FormInput: (props: FormInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormTextarea: ({ rows, ...props }: FormInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormDate: (props: FormInputProps) => import("react/jsx-runtime").JSX.Element;
+export interface FormDateTimeProps extends Omit<FormInputProps, 'value' | 'onChange'> {
+    value?: string | Date;
+    onChange?: (value: string) => void;
+    timezone?: string;
+}
+export declare const FormDateTime: ({ value, onChange, timezone, ...props }: FormDateTimeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/fields/FormSelect.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface FormSelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'name' | 'value' | 'onChange'> {
+    name: string;
+    label?: React.ReactElement | string;
+    options: Array<{
+        value: string | number;
+        label: string;
+        disabled?: boolean;
+    }>;
+    placeholder?: string;
+}
+export declare const FormSelect: (props: FormSelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/fields/index.d.ts

@@ -0,0 +1,5 @@
+export * from './FormInput';
+export * from './FormSelect';
+export * from './FormCheckbox';
+export * from './FormDropdown';
+export * from './FormBadgesSelection';

package/dist/components/indicators/CheckIndicator.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 export type CheckIndicatorProps = {
     checked: boolean;
     className?: string;
 };
-export declare const CheckIndicator: ({ checked, className }: CheckIndicatorProps) => React.JSX.Element;
+export declare const CheckIndicator: ({ checked, className }: CheckIndicatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/indicators/LoadingIndicator.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 export declare const LoadingIndicator: ({ style }: {
-    style?: {};
-}) => React.JSX.Element;
+    style?: {} | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
 export type SmallSpinnerProps = {
     style?: any;
     component?: ((props: any) => React.ReactElement | null) | string;
     className?: string;
 };
-export declare const SmallSpinner: ({ style, component: Component, className }: SmallSpinnerProps) => React.JSX.Element;
-export declare const BigSpinner: () => React.JSX.Element;
+export declare const SmallSpinner: ({ style, component: Component, className }: SmallSpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BigSpinner: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/login/LoginPage.d.ts

@@ -9,4 +9,4 @@ export type LoginPageProps = {
     label?: string | React.ReactElement;
     onResetPassword: string | (() => void);
 };
-export declare const LoginPage: ({ onSubmit, isAuthenticated, label, onResetPassword, callback, }: LoginPageProps) => React.JSX.Element;
+export declare const LoginPage: ({ onSubmit, isAuthenticated, label, onResetPassword, callback, }: LoginPageProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/tables/DataTable.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 export type OrderByColumn<R> = string | ((row: R) => string | number);
 export type OptionsDropdown = {
     onSelect: (key: string | null) => void;
@@ -52,4 +52,4 @@ export type DataTableProps<D extends any[]> = {
     style?: any;
     showSum?: boolean;
 };
-export declare const DataTable: <D extends any[]>({ data: allData, columns, rowsPerPage: rowsPerPageDefault, rowsPerPageOptions, filterColumn, orderByDefault, orderByDefaultDirection, onMove, moveId, moveIsLoading, showHeader, onClickRow, showEditModalOnClickRow, textOnEmpty, className, rowClassName, style, showSum, ...restProps }: DataTableProps<D>) => React.JSX.Element;
+export declare const DataTable: <D extends any[]>({ data: allData, columns, rowsPerPage: rowsPerPageDefault, rowsPerPageOptions, filterColumn, orderByDefault, orderByDefaultDirection, onMove, moveId, moveIsLoading, showHeader, onClickRow, showEditModalOnClickRow, textOnEmpty, className, rowClassName, style, showSum, ...restProps }: DataTableProps<D>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/tables/DragAndDropList.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 export type DragAndDropListOnDrop = (movedIndex: number, index: number, reset: () => void) => void;
 export type DragAndDropListComponentProps = {
     dropped?: boolean;
@@ -10,4 +10,4 @@ export type DragAndDropListProps<A extends any[]> = {
     propsArray: A;
     component: DragAndDropListComponent;
 };
-export declare const DragAndDropList: <A extends any[]>({ onDrop, propsArray, component }: DragAndDropListProps<A>) => React.JSX.Element;
+export declare const DragAndDropList: <A extends any[]>({ onDrop, propsArray, component }: DragAndDropListProps<A>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/tables/SearchBox.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type SearchBoxProps = {
     className?: string;
     value: string;
@@ -8,4 +8,4 @@ export type SearchBoxProps = {
     label?: ReactNode | string | number;
     placeholder?: string | false;
 };
-export declare const SearchBox: ({ className, value, onChange, onClear, onSearch, label, placeholder, }: SearchBoxProps) => React.JSX.Element;
+export declare const SearchBox: ({ className, value, onChange, onClear, onSearch, label, placeholder, }: SearchBoxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -3,9 +3,12 @@ export * from './components/buttons/ConfirmButton';
 export { default as ConfirmButton } from './components/buttons/ConfirmButton';
 export { default as DeleteConfirmButton } from './components/buttons/DeleteConfirmButton';
 export * from './components/buttons/DeleteConfirmButton';
+export * from './components/forms/FormProvider';
 export * from './components/forms/FormModal';
 export * from './components/forms/FormModalProvider';
 export * from './components/forms/FormFields';
+export * from './components/forms/FormField';
+export * from './components/forms/fields';
 export * from './components/indicators/LoadingIndicator';
 export * from './components/indicators/CheckIndicator';
 export * from './components/tables/DataTable';
@@ -13,9 +16,9 @@ export * from './components/tables/DragAndDropList';
 export * from './components/tables/SearchBox';
 export * from './components/errors/Errors';
 export * from './components/errors/ErrorBoundary';
+export * from './components/login/LoginPage';
 export * from './utils/hooks';
 export * from './utils/timeAndDate';
 export * from './utils/utils';
-export * from './components/login/LoginPage';
 export * from './localization/localization';
 export * from './localization/LocalizationContext';