albinasoft-ui-package 1.1.41 → 1.1.43

package/dist/components/CustomForm.d.ts

@@ -1,225 +1,225 @@
-import React from "react";
-import { TreeNode } from "./CustomTreeView";
-import { AllowedTypes, FileUploaderTranslations } from "./CustomFileUploader";
-declare enum ElementType {
-    INPUT = "input",
-    TEXTAREA = "textarea",
-    CHECKBOX = "checkbox",
-    RADIO = "radio",
-    SELECT = "select",
-    SIMPLESELECT = "simpleselect",
-    DATETIMEPICKER = "datetimepicker",
-    TEXT = "text",
-    DIVIDER = "divider",
-    RICHTEXTBOX = "richtextbox",
-    TREEVIEW = "treeview",
-    BUTTON = "button",
-    AUTOCOMPLETEINPUT = "autocompleteinput",
-    PHONE = "phone",
-    FILEUPLOADER = "fileuploader"
-}
-interface InputElement {
-    id?: string;
-    type: ElementType;
-    label: string;
-    value: string;
-    rowId?: number;
-    colId?: number;
-    innerRowId?: number;
-    colClass?: string;
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-}
-interface TextareaElement {
-    id?: string;
-    type: ElementType;
-    label: string;
-    value: string;
-    rowId?: number;
-    colId?: number;
-    innerRowId?: number;
-    colClass?: string;
-    onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
-}
-interface CheckboxElement {
-    id?: string;
-    type: ElementType;
-    label: string;
-    value: boolean;
-    rowId?: number;
-    colId?: number;
-    innerRowId?: number;
-    colClass?: string;
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-}
-interface RadioButtonElement {
-    id?: string;
-    type: ElementType;
-    label: string;
-    value: string;
-    options: {
-        id: string;
-        label: string;
-        value: string;
-    }[];
-    rowId?: number;
-    colId?: number;
-    innerRowId?: number;
-    colClass?: string;
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-}
-interface SelectElement {
-    required: boolean;
-    id?: string;
-    type: ElementType;
-    label: string;
-    value: string[];
-    options: {
-        id: string;
-        label: string;
-        value: string;
-    }[];
-    rowId?: number;
-    colId?: number;
-    innerRowId?: number;
-    colClass?: string;
-    onChange: (value: string | string[]) => void;
-}
-interface SimpleSelectElement {
-    required: boolean;
-    id?: string;
-    type: ElementType;
-    label: string;
-    value: string[];
-    options: {
-        id: string;
-        label: string;
-        value: string;
-    }[];
-    rowId?: number;
-    colId?: number;
-    innerRowId?: number;
-    colClass?: string;
-    onChange: (value: string | string[]) => void;
-}
-interface DateTimePickerElement {
-    id?: string;
-    type: ElementType;
-    label: string;
-    value: Date | null;
-    rowId?: number;
-    colId?: number;
-    innerRowId?: number;
-    colClass?: string;
-    onChange: (e: Date | null) => void;
-}
-interface TextElement {
-    id: string;
-    type: ElementType;
-    value: string;
-    rowId?: number;
-    colId?: number;
-    innerRowId?: number;
-    colClass?: string;
-    style?: React.CSSProperties;
-    className?: string;
-}
-interface DividerElement {
-    id?: string;
-    type: ElementType;
-    rowId?: number;
-    colId?: number;
-    innerRowId?: number;
-    colClass?: string;
-    className?: string;
-    style?: React.CSSProperties;
-}
-interface RichTextboxElement {
-    id?: string;
-    type: ElementType;
-    label: string;
-    value: string;
-    rowId?: number;
-    colId?: number;
-    innerRowId?: number;
-    colClass?: string;
-    onChange: (value: string) => void;
-}
-interface TreeViewElement {
-    id?: string;
-    type: ElementType;
-    label?: string;
-    value: string | string[] | null;
-    treeData: TreeNode[];
-    rowId?: number;
-    colId?: number;
-    innerRowId?: number;
-    colClass?: string;
-    onChange: (selected: string | string[] | null) => void;
-}
-interface ButtonElement {
-    id?: string;
-    type: ElementType;
-    label: string;
-    className?: string;
-    onClick: (event: React.FormEvent) => void;
-    rowId?: number;
-    colId?: number;
-    innerRowId?: number;
-    colClass?: string;
-}
-interface AutoCompleteInputElement {
-    id?: string;
-    type: ElementType;
-    label: string;
-    value: string;
-    rowId?: number;
-    colId?: number;
-    innerRowId?: number;
-    colClass?: string;
-    fetchOptions: (query: string) => Promise<string[]>;
-    onSelect: (value: string) => void;
-}
-interface PhoneElement {
-    id?: string;
-    type: ElementType;
-    label: string;
-    value: string;
-    rowId?: number;
-    colId?: number;
-    innerRowId?: number;
-    colClass?: string;
-    onChange: (full: string) => void;
-}
-interface FileUploaderElement {
-    id: string;
-    type: ElementType.FILEUPLOADER;
-    label?: string;
-    url: string;
-    multi: boolean;
-    allowedTypes: AllowedTypes;
-    maxFile: number;
-    maxSize: number;
-    onUploadComplete: (uploadedFileNames: string[]) => void;
-    onRemoveUploaded: (fileName: string) => void;
-    onPendingChange: (pendingFileCount: number) => void;
-    clearTrigger?: any;
-    translations: FileUploaderTranslations;
-    rowId?: number;
-    colId?: number;
-    innerRowId?: number;
-    colClass?: string;
-}
-type FormElement = InputElement | TextareaElement | CheckboxElement | RadioButtonElement | SelectElement | SimpleSelectElement | DateTimePickerElement | TextElement | DividerElement | RichTextboxElement | TreeViewElement | ButtonElement | AutoCompleteInputElement | PhoneElement | FileUploaderElement;
-interface CustomFormProps {
-    elements: FormElement[];
-    innerRowCustomClass?: string;
-    onSubmit: (formValues: Record<string, any>) => void;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    handleCancel?: () => void;
-    showConfirmButton?: boolean;
-    showCancelButton?: boolean;
-}
-declare const CustomForm: React.FC<CustomFormProps>;
-export { CustomForm, ElementType };
-export default CustomForm;
+import React from "react";
+import { TreeNode } from "./CustomTreeView";
+import { AllowedTypes, FileUploaderTranslations } from "./CustomFileUploader";
+declare enum ElementType {
+    INPUT = "input",
+    TEXTAREA = "textarea",
+    CHECKBOX = "checkbox",
+    RADIO = "radio",
+    SELECT = "select",
+    SIMPLESELECT = "simpleselect",
+    DATETIMEPICKER = "datetimepicker",
+    TEXT = "text",
+    DIVIDER = "divider",
+    RICHTEXTBOX = "richtextbox",
+    TREEVIEW = "treeview",
+    BUTTON = "button",
+    AUTOCOMPLETEINPUT = "autocompleteinput",
+    PHONE = "phone",
+    FILEUPLOADER = "fileuploader"
+}
+interface InputElement {
+    id?: string;
+    type: ElementType;
+    label: string;
+    value: string;
+    rowId?: number;
+    colId?: number;
+    innerRowId?: number;
+    colClass?: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+interface TextareaElement {
+    id?: string;
+    type: ElementType;
+    label: string;
+    value: string;
+    rowId?: number;
+    colId?: number;
+    innerRowId?: number;
+    colClass?: string;
+    onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+}
+interface CheckboxElement {
+    id?: string;
+    type: ElementType;
+    label: string;
+    value: boolean;
+    rowId?: number;
+    colId?: number;
+    innerRowId?: number;
+    colClass?: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+interface RadioButtonElement {
+    id?: string;
+    type: ElementType;
+    label: string;
+    value: string;
+    options: {
+        id: string;
+        label: string;
+        value: string;
+    }[];
+    rowId?: number;
+    colId?: number;
+    innerRowId?: number;
+    colClass?: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+interface SelectElement {
+    required: boolean;
+    id?: string;
+    type: ElementType;
+    label: string;
+    value: string[];
+    options: {
+        id: string;
+        label: string;
+        value: string;
+    }[];
+    rowId?: number;
+    colId?: number;
+    innerRowId?: number;
+    colClass?: string;
+    onChange: (value: string | string[]) => void;
+}
+interface SimpleSelectElement {
+    required: boolean;
+    id?: string;
+    type: ElementType;
+    label: string;
+    value: string[];
+    options: {
+        id: string;
+        label: string;
+        value: string;
+    }[];
+    rowId?: number;
+    colId?: number;
+    innerRowId?: number;
+    colClass?: string;
+    onChange: (value: string | string[]) => void;
+}
+interface DateTimePickerElement {
+    id?: string;
+    type: ElementType;
+    label: string;
+    value: Date | null;
+    rowId?: number;
+    colId?: number;
+    innerRowId?: number;
+    colClass?: string;
+    onChange: (e: Date | null) => void;
+}
+interface TextElement {
+    id: string;
+    type: ElementType;
+    value: string;
+    rowId?: number;
+    colId?: number;
+    innerRowId?: number;
+    colClass?: string;
+    style?: React.CSSProperties;
+    className?: string;
+}
+interface DividerElement {
+    id?: string;
+    type: ElementType;
+    rowId?: number;
+    colId?: number;
+    innerRowId?: number;
+    colClass?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+interface RichTextboxElement {
+    id?: string;
+    type: ElementType;
+    label: string;
+    value: string;
+    rowId?: number;
+    colId?: number;
+    innerRowId?: number;
+    colClass?: string;
+    onChange: (value: string) => void;
+}
+interface TreeViewElement {
+    id?: string;
+    type: ElementType;
+    label?: string;
+    value: string | string[] | null;
+    treeData: TreeNode[];
+    rowId?: number;
+    colId?: number;
+    innerRowId?: number;
+    colClass?: string;
+    onChange: (selected: string | string[] | null) => void;
+}
+interface ButtonElement {
+    id?: string;
+    type: ElementType;
+    label: string;
+    className?: string;
+    onClick: (event: React.FormEvent) => void;
+    rowId?: number;
+    colId?: number;
+    innerRowId?: number;
+    colClass?: string;
+}
+interface AutoCompleteInputElement {
+    id?: string;
+    type: ElementType;
+    label: string;
+    value: string;
+    rowId?: number;
+    colId?: number;
+    innerRowId?: number;
+    colClass?: string;
+    fetchOptions: (query: string) => Promise<string[]>;
+    onSelect: (value: string) => void;
+}
+interface PhoneElement {
+    id?: string;
+    type: ElementType;
+    label: string;
+    value: string;
+    rowId?: number;
+    colId?: number;
+    innerRowId?: number;
+    colClass?: string;
+    onChange: (full: string) => void;
+}
+interface FileUploaderElement {
+    id: string;
+    type: ElementType.FILEUPLOADER;
+    label?: string;
+    url: string;
+    multi: boolean;
+    allowedTypes: AllowedTypes;
+    maxFile: number;
+    maxSize: number;
+    onUploadComplete: (uploadedFileNames: string[]) => void;
+    onRemoveUploaded: (fileName: string) => void;
+    onPendingChange: (pendingFileCount: number) => void;
+    clearTrigger?: any;
+    translations: FileUploaderTranslations;
+    rowId?: number;
+    colId?: number;
+    innerRowId?: number;
+    colClass?: string;
+}
+type FormElement = InputElement | TextareaElement | CheckboxElement | RadioButtonElement | SelectElement | SimpleSelectElement | DateTimePickerElement | TextElement | DividerElement | RichTextboxElement | TreeViewElement | ButtonElement | AutoCompleteInputElement | PhoneElement | FileUploaderElement;
+interface CustomFormProps {
+    elements: FormElement[];
+    innerRowCustomClass?: string;
+    onSubmit: (formValues: Record<string, any>) => void;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    handleCancel?: () => void;
+    showConfirmButton?: boolean;
+    showCancelButton?: boolean;
+}
+declare const CustomForm: React.FC<CustomFormProps>;
+export { CustomForm, ElementType };
+export default CustomForm;