@onewelcome/react-lib-components 0.0.0-experimental-8e3a0fd

package/dist/components/DataGrid/DataGridFilters/DataGridDateFilter.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { DateTimeFilter } from './DataGridFilters.interfaces';
+type Props = {
+    domRoot?: HTMLElement;
+    dateFilterValue?: DateTimeFilter;
+    onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;
+};
+export declare const DataGridDateFilter: ({ domRoot, dateFilterValue, onDateFilterValueChange }: Props) => React.JSX.Element;
+export {};

package/dist/components/DataGrid/DataGridFilters/DataGridFilter.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { DataGridColumnMetadata, Filter, FilterEditorMode, FiltersState, PopoverTranslations, TagTranslations } from './DataGridFilters.interfaces';
+export type Props = {
+    mode: FilterEditorMode;
+    domRoot?: HTMLElement;
+    filter?: Filter;
+    columnsMetadata: DataGridColumnMetadata[];
+    onFilterAdd?: (filter: Filter) => void;
+    onFilterEdit?: (filter: Filter) => void;
+    onFilterDelete?: (id: string) => void;
+    tagTranslations?: TagTranslations;
+    popoverTranslations?: PopoverTranslations;
+    customEditTagContent?: React.ReactElement;
+    filterState: FiltersState;
+};
+export declare const DataGridFilter: ({ mode, filter, domRoot, columnsMetadata, onFilterAdd, onFilterEdit, onFilterDelete, tagTranslations, popoverTranslations, customEditTagContent, filterState }: Props) => React.JSX.Element;

package/dist/components/DataGrid/DataGridFilters/DataGridFilterPopover.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { DataGridColumnMetadata, FilterOperator, PopoverTranslations } from './DataGridFilters.interfaces';
+export type Props = {
+    popoverRef: React.RefObject<HTMLDivElement>;
+    anchorRef?: React.RefObject<HTMLDivElement>;
+    isOpen: boolean;
+    column: string;
+    columnsMetadata: DataGridColumnMetadata[];
+    values: string[];
+    pickedValues: string[];
+    operator: FilterOperator | null;
+    operators: FilterOperator[];
+    onFilterSubmit: () => void;
+    resetFields: () => void;
+    setFilterOpen: (value: React.SetStateAction<boolean>) => void;
+    setColumn: (column: React.SetStateAction<string>) => void;
+    setOperator: (operator: React.SetStateAction<FilterOperator | null>) => void;
+    setOperators: (operators: React.SetStateAction<FilterOperator[]>) => void;
+    setValues: (values: React.SetStateAction<string[]>) => void;
+    setPickedValues: (pickedValues: React.SetStateAction<string[]>) => void;
+    translations?: PopoverTranslations;
+};
+export declare const DataGridFilterPopover: ({ popoverRef, anchorRef, isOpen, column, columnsMetadata, values, pickedValues, operator, operators, onFilterSubmit, resetFields, setFilterOpen, setColumn, setOperator, setOperators, setValues, setPickedValues, translations }: Props) => React.JSX.Element;

package/dist/components/DataGrid/DataGridFilters/DataGridFilterService.d.ts

@@ -0,0 +1,16 @@
+import { DataGridColumnMetadata, Filter, FilterEditorMode, FilterOperator, FiltersState } from './DataGridFilters.interfaces';
+export declare const useDataGridFilter: (mode: FilterEditorMode, columnsMetadata: DataGridColumnMetadata[], filterState: FiltersState) => {
+    resetFields: () => void;
+    initialiseFilterValues: (filter?: Filter) => void;
+    operator: FilterOperator | null;
+    setOperator: import('react').Dispatch<import('react').SetStateAction<FilterOperator | null>>;
+    operators: FilterOperator[];
+    setOperators: import('react').Dispatch<import('react').SetStateAction<FilterOperator[]>>;
+    column: string;
+    setColumn: import('react').Dispatch<import('react').SetStateAction<string>>;
+    values: string[];
+    setValues: import('react').Dispatch<import('react').SetStateAction<string[]>>;
+    pickedValues: string[];
+    setPickedValues: import('react').Dispatch<import('react').SetStateAction<string[]>>;
+    allowedColumnsMetaData: DataGridColumnMetadata[];
+};

package/dist/components/DataGrid/DataGridFilters/DataGridFilterTag.d.ts

@@ -0,0 +1,15 @@
+import { default as React, ComponentPropsWithRef, ForwardRefRenderFunction } from 'react';
+import { Filter, FilterEditorMode, TagTranslations, DataGridColumnMetadata } from './DataGridFilters.interfaces';
+export interface DataGridFilterTagProps extends ComponentPropsWithRef<"div"> {
+    customEditTagContent?: React.ReactElement;
+    triggerRef: React.Ref<HTMLButtonElement>;
+    filter?: Filter;
+    mode: FilterEditorMode;
+    onFilterRemove?: () => void;
+    onFilterOpen: () => void;
+    translations?: TagTranslations;
+    dateTagCaption?: string;
+    columnsMetadata?: DataGridColumnMetadata[];
+}
+export declare const DataGridFilterTagComponent: ForwardRefRenderFunction<HTMLDivElement, DataGridFilterTagProps>;
+export declare const DataGridFilterTag: React.ForwardRefExoticComponent<Omit<DataGridFilterTagProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/DataGrid/DataGridFilters/DataGridFilterTag.test.d.ts

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

package/dist/components/DataGrid/DataGridFilters/DataGridFilterValueSelect.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { DataGridColumnMetadata, PopoverTranslations } from './DataGridFilters.interfaces';
+export type Props = {
+    column: string;
+    columnsMetadata: DataGridColumnMetadata[];
+    values: string[];
+    pickedValues: string[];
+    setValues: (values: React.SetStateAction<string[]>) => void;
+    setPickedValues: (pickedValues: React.SetStateAction<string[]>) => void;
+    translations?: PopoverTranslations;
+    operator?: {
+        allowEmptyValues: boolean;
+    } | null;
+};
+export declare const DataGridFilterValueSelect: ({ column, columnsMetadata, values, pickedValues, setValues, setPickedValues, translations, operator }: Props) => React.JSX.Element;

package/dist/components/DataGrid/DataGridFilters/DataGridFilterValueSelect.test.d.ts

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

package/dist/components/DataGrid/DataGridFilters/DataGridFilters.interfaces.d.ts

@@ -0,0 +1,78 @@
+export interface FilterOperator {
+    name: string;
+    allowEmptyValues: boolean;
+}
+export interface Filter {
+    id: string;
+    column: string;
+    operator: FilterOperator | null;
+    value: string[];
+}
+export type FiltersAction = {
+    type: "add";
+    payload: Filter;
+} | {
+    type: "edit";
+    payload: Filter;
+} | {
+    type: "remove";
+    payload: {
+        id: string;
+    };
+} | {
+    type: "reset";
+    payload: Filter[];
+} | {
+    type: "clear";
+};
+export type FiltersState = {
+    filters: Filter[];
+};
+export type FilterEditorMode = "ADD" | "EDIT" | "ADD_DATE";
+export declare const DefaultOperators: Record<string, FilterOperator>;
+export interface DataGridColumnMetadata {
+    name: string;
+    headline: string;
+    operators?: FilterOperator[];
+    defaultValues?: string[];
+    disableAddNew?: boolean;
+    allowSingleFilterOnly?: boolean;
+    valueSelectType?: ValueSelectType;
+}
+export interface PopoverTranslations {
+    columnSelectLabel?: string;
+    operatorSelectLabel?: string;
+    valueSelectLabel?: string;
+    addNewValueLabel?: string;
+    addNewValueButtonTitle?: string;
+    submitButtonTitle?: string;
+    cancelButtonTitle?: string;
+}
+export interface TagTranslations {
+    addButtonCaption?: string;
+    or?: string;
+    other?: string;
+    dateIs?: string;
+}
+export interface ToolbarTranslations {
+    clearButtonCaption?: string;
+}
+export interface FiltersTranslations {
+    toolbar?: ToolbarTranslations;
+    tag?: TagTranslations;
+    popover?: PopoverTranslations;
+}
+export interface KeyValuePair<TKey = string, TValue = string> {
+    key: TKey;
+    value: TValue;
+}
+export type DateTimeFilterType = "THIRTY_SECONDS" | "ONE_MINUTE" | "FIVE_MINUTES" | "ONE_HOUR" | "TWENTY_FOUR_HOURS" | "CUSTOM";
+export interface DateTimeFilter {
+    fromDate: string;
+    toDate: string;
+    type: DateTimeFilterType;
+}
+export declare enum ValueSelectType {
+    single = "single",
+    multi = "multi"
+}

package/dist/components/DataGrid/DataGridFilters/DataGridSearchbar.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { Props as InputWrapperProps } from '../../Form/Wrapper/InputWrapper/InputWrapper';
+export interface DataGridSearchbarProps {
+    onSearch: (value: string) => void;
+    initialSearchValue?: string;
+    debounceTime?: number;
+    placeholder?: string;
+    inputWrapperProps?: InputWrapperProps;
+}
+export declare const DataGridSearchbar: ({ onSearch, initialSearchValue, debounceTime, inputWrapperProps, placeholder }: DataGridSearchbarProps) => React.JSX.Element;

package/dist/components/DataGrid/DataGridFilters/DataGridToolbar.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { DataGridColumnMetadata, DateTimeFilter, Filter, FiltersTranslations } from './DataGridFilters.interfaces';
+export interface DataGridToolbarProps {
+    columnsMetadata?: DataGridColumnMetadata[];
+    customEditTagContent?: React.ReactElement;
+    dateFilterValue?: DateTimeFilter;
+    onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;
+    filterValues?: Filter[];
+    translations?: FiltersTranslations;
+    onFilterAdd?: (filter: Filter) => void;
+    onFilterEdit?: (filter: Filter) => void;
+    onFilterDelete?: (id: string) => void;
+    onFiltersClear?: () => void;
+}
+export declare const DataGridToolbar: ({ columnsMetadata, filterValues, translations, onFilterAdd, onFilterEdit, onFilterDelete, dateFilterValue, onDateFilterValueChange, onFiltersClear, customEditTagContent }: DataGridToolbarProps) => React.JSX.Element;

package/dist/components/DataGrid/DataGridFilters/DataGridToolbar.test.d.ts

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

package/dist/components/DataGrid/DataGridFilters/DataGridToolbarWrapper.d.ts

@@ -0,0 +1,10 @@
+import { default as React, ComponentPropsWithRef, ForwardRefRenderFunction, ReactElement } from 'react';
+import { Button } from '../../Button/Button';
+import { ButtonProps } from '../../..';
+interface Props extends ComponentPropsWithRef<"div"> {
+    filters?: React.JSX.Element;
+    buttons?: ReactElement<ButtonProps, typeof Button> | ReactElement<ButtonProps, typeof Button>[];
+}
+export declare const DataGridToolbarWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props>;
+export declare const DataGridToolbarWrapper: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePicker.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { DateTimeFilter, DateTimeFilterType } from '../DataGridFilters.interfaces';
+export type DateTimePickerTranslations = {
+    errors: {
+        dateFormatError: string;
+    };
+    previousMonth: string;
+    nextMonth: string;
+    from: string;
+    to: string;
+    cancel: string;
+    apply: string;
+    dateInputPlaceholder: string;
+};
+export type Props = {
+    popoverRef: React.RefObject<HTMLDivElement>;
+    anchorRef?: React.RefObject<HTMLDivElement>;
+    isOpen: boolean;
+    onTagCaptionChange: (value: string) => void;
+    setPickerOpen: (open: boolean) => void;
+    translations?: DateTimePickerTranslations;
+    dateFilterValue?: DateTimeFilter;
+    onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;
+};
+export type SideMenuItem = {
+    id: DateTimeFilterType;
+    name: string;
+    rangeSeconds?: number;
+};
+export declare const dateFormat = "yyyy-mm-dd hh:mm:ss";
+export declare const DateTimePicker: ({ anchorRef, popoverRef, isOpen, setPickerOpen, onTagCaptionChange, translations, dateFilterValue, onDateFilterValueChange }: Props) => React.JSX.Element;

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerCalendarSection.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { DateRange } from 'react-day-picker';
+type Props = {
+    previousMonth: string;
+    nextMonth: string;
+    selectedDate: DateRange | undefined;
+    disableDateRangePickers: boolean;
+    setSelectedDate: React.Dispatch<React.SetStateAction<DateRange>>;
+    setFromDateText: React.Dispatch<React.SetStateAction<string>>;
+    setToDateText: React.Dispatch<React.SetStateAction<string>>;
+    setFromDateError: React.Dispatch<React.SetStateAction<string>>;
+    setToDateError: React.Dispatch<React.SetStateAction<string>>;
+};
+export declare const DateTimePickerCalendarSection: ({ previousMonth, nextMonth, selectedDate, disableDateRangePickers, setSelectedDate, setFromDateText, setFromDateError, setToDateError, setToDateText }: Props) => React.JSX.Element;
+export {};

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerInputSection.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { DateRange } from 'react-day-picker';
+export type Props = {
+    from: string;
+    to: string;
+    dateInputPlaceholder: string;
+    dateFormatError: string;
+    fromDateText: string;
+    toDateText: string;
+    fromDateError: string;
+    toDateError: string;
+    setSelectedDate: React.Dispatch<React.SetStateAction<DateRange>>;
+    setFromDateText: React.Dispatch<React.SetStateAction<string>>;
+    setToDateText: React.Dispatch<React.SetStateAction<string>>;
+    setFromDateError: React.Dispatch<React.SetStateAction<string>>;
+    setToDateError: React.Dispatch<React.SetStateAction<string>>;
+};
+export declare const DateTimePickerInputSection: ({ from, to, dateInputPlaceholder, dateFormatError, toDateText, fromDateText, fromDateError, toDateError, setSelectedDate, setFromDateText, setToDateText, setFromDateError, setToDateError }: Props) => React.JSX.Element;

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimeService.d.ts

@@ -0,0 +1,10 @@
+import { Locale } from 'date-fns';
+export declare const THIRTY_SECONDS = "THIRTY_SECONDS";
+export declare const ONE_MINUTE = "ONE_MINUTE";
+export declare const FIVE_MINUTES = "FIVE_MINUTES";
+export declare const ONE_HOUR = "ONE_HOUR";
+export declare const TWENTY_FOUR_HOURS = "TWENTY_FOUR_HOURS";
+export declare const CUSTOM_DATE_RANGE = "CUSTOM";
+export declare const getMonthName: (date: Date, locale?: Locale) => string;
+export declare const getYearFromDate: (date: Date) => string;
+export declare const formatInputDate: (date: Date) => string;

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/SideMenu.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { SideMenuItem } from './DateTimePicker';
+import { DateTimeFilterType } from '../DataGridFilters.interfaces';
+type Props = {
+    sideMenuItems: SideMenuItem[];
+    selectedItemId: string;
+    onItemSelect: (id: DateTimeFilterType) => void;
+};
+export declare const SideMenu: ({ sideMenuItems, selectedItemId, onItemSelect }: Props) => React.JSX.Element;
+export {};

package/dist/components/DataGrid/DataGridFilters/FilterKeyMapper.d.ts

@@ -0,0 +1,14 @@
+import { KeyValuePair } from './DataGridFilters.interfaces';
+export declare class FilterKeyMapper {
+    columnKvPairs: Map<string, {
+        key: string;
+        value: string;
+    }[]>;
+    setColumnKvPairs(columnName: string, kvPairs: {
+        key: string;
+        value: string;
+    }[]): void;
+    getValues(columnName: string): string[];
+    getKeysForValues(columnName: string, values: string[]): string[];
+    getKvPairs(columnName: string): KeyValuePair[];
+}

package/dist/components/DataGrid/DataGridFilters/FilterKeyMapper.test.d.ts

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

package/dist/components/DataGrid/DataGridFilters/useFiltersReducer.d.ts

@@ -0,0 +1,9 @@
+import { Filter, FiltersState } from './DataGridFilters.interfaces';
+export declare const useFiltersReducer: (filterValues: Filter[] | undefined) => {
+    state: FiltersState;
+    addFilter: (filter: Filter) => void;
+    deleteFilter: (id: string) => void;
+    editFilter: (filter: Filter) => void;
+    resetFilters: (filters: Filter[]) => void;
+    clearFilters: () => void;
+};

package/dist/components/DataGrid/DataGridFilters/useFiltersReducer.test.d.ts

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { default as 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/components/DataGrid/DataGridHeader/DataGridHeaderCell.test.d.ts

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

package/dist/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/components/DataGrid/testUtils.d.ts

@@ -0,0 +1,22 @@
+import { DateTimeFilter, Filter } from './DataGridFilters/DataGridFilters.interfaces';
+/**
+ * @scope .
+ * @scopeException stories/DataGrid/DataGrid.stories.tsx
+ */
+export declare const useMockFilteringLogic: <T extends {
+    [k: string]: any;
+}>(data: T[], filterValues: Filter[] | undefined) => {
+    onFilterAdd: (filter: Filter) => void;
+    onFilterEdit: (filter: Filter) => void;
+    onFilterDelete: (id: string) => void;
+    onFiltersClear: () => void;
+    gridData: T[];
+    setGridData: import('react').Dispatch<import('react').SetStateAction<T[]>>;
+    filters: Filter[];
+};
+export declare const useMockFilteringByDateLogic: <T extends {
+    [k: string]: any;
+}>(data: T[], dateFieldKey: string, filterValue: DateTimeFilter | undefined) => {
+    gridData: T[];
+    setGridData: import('react').Dispatch<import('react').SetStateAction<T[]>>;
+};

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,14 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+import { DateRange, CustomComponents } from 'react-day-picker';
+import * as locales from "date-fns/locale";
+export interface Props extends ComponentPropsWithoutRef<any> {
+    onSelect: (date: Date | DateRange | undefined) => void;
+    mode: "single" | "range";
+    value: Date | DateRange | undefined;
+    required?: boolean;
+    locale?: keyof typeof locales;
+    numberOfMonths?: number;
+    components?: Partial<CustomComponents>;
+    disabled?: boolean;
+}
+export declare const DatePicker: ({ onSelect, value, required, mode, locale, ...rest }: Props) => React.JSX.Element;

package/dist/components/DatePicker/DatePicker.test.d.ts

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

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

@@ -0,0 +1,14 @@
+import { default as React, ComponentPropsWithRef } 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 {
+    label?: string | React.ReactElement;
+    indeterminate?: boolean;
+    required?: boolean;
+    helperProps?: FormHelperTextProps;
+    formSelectorWrapperProps?: FormSelectorWrapperProps;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    readOnlyView?: boolean;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement> & import('../../withReadOnly').WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

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

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

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

@@ -0,0 +1,14 @@
+import { default as 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;
+    disablePropagation?: boolean;
+}
+export declare const Fieldset: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLFieldSetElement> & import('../../withReadOnly').WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

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

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

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

@@ -0,0 +1,28 @@
+import { default as 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;
+    downloadFileLink?: string;
+    onDownloadFile?: () => void;
+    totalPercentage?: number;
+    onRequestedFileAction?: (action: FILE_ACTION, name: FileType["name"]) => void;
+}
+export declare enum FILE_ACTION {
+    DELETE = "delete",
+    DOWNLOAD = "download",
+    REMOVE = "remove",
+    ABORT = "abort",
+    RETRY = "retry"
+}
+export declare enum ACTION_STATUS {
+    COMPLETED = "completed",
+    UPLOADING = "uploading",
+    ERROR = "error",
+    RETRY = "retry",
+    READONLY = "readonly"
+}
+export declare const FileItem: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import('../../../withReadOnly').WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

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

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

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

@@ -0,0 +1,32 @@
+import { default as 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;
+    maxFileSizeInBytes?: number;
+    selectButtonText?: string;
+    dragAndDropText?: string;
+    onDragOver?: DragEventHandler;
+    onDragEnter?: DragEventHandler;
+    onDragLeave?: DragEventHandler;
+    onDrop?: (e: FileType[]) => void;
+    onChange?: (e: FileType[]) => void;
+    onRequestedFileAction?: (action: FILE_ACTION, name: FileType["name"]) => void;
+    downloadFileLink?: string;
+    onDownloadFile?: () => void;
+    isRequired?: boolean;
+    invalidDropErrorMessage?: string;
+    noMultipleFileDropErrorMessage?: string;
+    readOnlyViewMessage?: string;
+    helperText?: string;
+}
+export declare const FileUpload: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement> & import('../../withReadOnly').WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;
+export {};

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

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

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

@@ -0,0 +1,5 @@
+import { default as 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/components/Form/Form.test.d.ts

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { Icons } from '../../Icon/Icon';
+import { KeyValuePair } from '../../../interfaces';
+export interface FormErrorTextProps {
+    error?: boolean;
+    errorMessage?: string;
+    errorMessageProps?: React.ComponentPropsWithRef<"span"> & KeyValuePair;
+    errorMessageIcon?: Icons;
+    errorMessageIconPosition?: "before" | "after";
+    errorId?: string;
+}
+export declare const FormErrorText: ({ error, errorMessage, errorMessageProps, errorMessageIcon, errorMessageIconPosition, errorId }: FormErrorTextProps) => React.JSX.Element | null;

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

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

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

@@ -0,0 +1,17 @@
+import { default as 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;
+    errorMessageProps?: ComponentPropsWithRef<"span">;
+    helperText?: string;
+    helperId?: string;
+    helperProps?: HelperProps;
+    disabled?: boolean;
+}
+export declare const FormGroup: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

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

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

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

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