@jasperoosthoek/react-toolbox 0.9.4 → 0.10.0

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

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 export type ModalTitle = ReactElement | string;
 export type Width = 25 | 50 | 75 | 100;
 export type FormModalProps = {
@@ -9,7 +9,8 @@ export type FormModalProps = {
     width?: Width;
     submitText?: string;
     cancelText?: string;
+    children?: React.ReactNode;
 };
-export declare const FormModal: ({ show, onHide, modalTitle, dialogClassName, width, submitText, cancelText, }: FormModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const FormModal: ({ show, onHide, modalTitle, dialogClassName, width, submitText, cancelText, children, }: 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/FormProvider.d.ts

@@ -8,6 +8,7 @@ export type FormFieldConfig = {
     component?: any;
     onChange?: (value: FormValue, formData?: any) => any;
     label?: React.ReactElement | string;
+    placeholder?: string;
     options?: Array<{
         value: string | number;
         label: string;
@@ -16,6 +17,7 @@ export type FormFieldConfig = {
     list?: any[];
     idKey?: string;
     nameKey?: string;
+    rows?: number;
 };
 export type FormFields = {
     [key: string]: FormFieldConfig;
@@ -29,6 +31,7 @@ export type OnSubmit<T> = (state: {
 export type Validate = (state: any) => any;
 type FormContextType<T extends FormFields> = {
     formFields: T;
+    formId: string;
     formData: {
         [key in keyof T]: FormValue;
     } | null;

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

@@ -4,7 +4,7 @@ export interface FormInputProps extends Omit<React.InputHTMLAttributes<HTMLInput
     label?: React.ReactElement | string;
     as?: string;
     rows?: number;
-    onChange: (value: string) => void;
+    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;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+interface FixedLoadingIndicatorProps {
+    show: boolean;
+    message: string;
+    variant?: 'info' | 'warning' | 'success' | 'danger' | 'primary' | 'secondary';
+    position?: {
+        top?: string;
+        right?: string;
+        bottom?: string;
+        left?: string;
+    };
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const FixedLoadingIndicator: React.FC<FixedLoadingIndicatorProps>;
+export default FixedLoadingIndicator;

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

@@ -11,6 +11,7 @@ export type DataTableColumn<R> = {
     name: ReactNode | string | number;
     orderBy?: OrderByColumn<R>;
     optionsDropdown?: OptionsDropdown;
+    search?: string | ((row: R) => string | number);
     className?: string;
     value?: number | string | ((row: R) => number);
     formatSum?: ((value: number) => ReactElement | string | number) | ReactElement | string | number;
@@ -37,7 +38,6 @@ export type DataTableProps<D extends any[]> = {
     columns: DataTableColumn<D[number]>[];
     rowsPerPage?: number | null;
     rowsPerPageOptions?: RowsPerPageOptions;
-    filterColumn?: string | ((row: D[number]) => string) | (string | ((row: D[number]) => string))[];
     orderByDefault?: ((row: D[number]) => number) | string | null;
     orderByDefaultDirection?: OrderByDirection;
     onMove?: OnMove<D[number]>;
@@ -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>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DataTable: <D extends any[]>({ data: allData, columns, rowsPerPage: rowsPerPageDefault, rowsPerPageOptions, 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/index.d.ts

@@ -11,6 +11,7 @@ export * from './components/forms/FormField';
 export * from './components/forms/fields';
 export * from './components/indicators/LoadingIndicator';
 export * from './components/indicators/CheckIndicator';
+export * from './components/indicators/FixedLoadingIndicator';
 export * from './components/tables/DataTable';
 export * from './components/tables/DragAndDropList';
 export * from './components/tables/SearchBox';