formik-form-components 0.2.12 → 0.2.14

package/dist/index.d.ts

@@ -1,14 +1,14 @@
 import * as React$1 from 'react';
-import React__default, { ReactElement, ReactNode, ElementType, SetStateAction } from 'react';
+import React__default, { ReactElement, ReactNode, SyntheticEvent, ElementType, SetStateAction } from 'react';
 import { FormikValues, FormikConfig, FormikProps } from 'formik';
-import { SxProps, Theme, SelectProps as SelectProps$1, StandardTextFieldProps, SelectChangeEvent, RadioGroupProps, AutocompleteRenderInputParams, AutocompleteRenderOptionState, AutocompleteRenderGroupParams, CheckboxProps, ChipProps, AutocompleteProps, BoxProps } from '@mui/material';
+import { SxProps, Theme, AutocompleteProps, AutocompleteChangeReason, AutocompleteChangeDetails, TextFieldProps, SelectChangeEvent, RadioGroupProps, AutocompleteRenderInputParams, AutocompleteRenderOptionState, AutocompleteRenderGroupParams, CheckboxProps, ChipProps, BoxProps } from '@mui/material';
 import { Theme as Theme$1 } from '@mui/material/styles';
 import { SelectProps, SelectChangeEvent as SelectChangeEvent$1 } from '@mui/material/Select';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Dayjs } from 'dayjs';
 import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
-import { DropzoneOptions } from 'react-dropzone';
 import { IconifyIcon } from '@iconify/react';
+import { DropzoneOptions } from 'react-dropzone';
 
 type PickerChangeHandlerContext = {
     validationError: string | null;
@@ -219,25 +219,28 @@ interface FormProps<T> extends FormikConfig<T> {
 }
 declare const Form: <T extends FormikValues>({ children, className, ...props }: FormProps<T>) => ReactElement;
 
-interface Props$5 extends Omit<SelectProps$1, 'name' | 'label' | 'value' | 'onChange' | 'variant'> {
+interface Props$5 extends Omit<AutocompleteProps<string, true, boolean, false, 'div'>, 'renderInput' | 'onChange' | 'value' | 'multiple' | 'freeSolo'> {
     name: string;
     freeSolo?: boolean;
     label?: string;
     placeholder?: string;
     options: string[];
+    value?: string[];
+    onChange?: (event: SyntheticEvent, value: string[], reason: AutocompleteChangeReason, details?: AutocompleteChangeDetails<string>) => void;
     /** Variant of the input field */
-    variant?: 'outlined' | 'filled' | 'standard';
+    variant?: "outlined" | "filled" | "standard";
     sx?: SxProps<Theme$1>;
     formControlSx?: SxProps<Theme$1>;
     textFieldSx?: SxProps<Theme$1>;
     chipSx?: SxProps<Theme$1>;
     errorSx?: SxProps<Theme$1>;
 }
-declare function AppAutoComplete({ placeholder, name, variant, label, options, sx, formControlSx, textFieldSx, chipSx, errorSx }: Props$5): React.JSX.Element;
+declare function AppAutoComplete({ placeholder, name, variant, label, options, value: propValue, onChange: propOnChange, sx, formControlSx, textFieldSx, chipSx, errorSx, }: Props$5): React.JSX.Element;
 
 interface CheckboxOption {
     label: string;
     name: string;
+    value: string | boolean | number;
     disabled?: boolean;
 }
 interface Props$4 {
@@ -270,7 +273,7 @@ interface Props$4 {
 }
 declare const AppCheckBox: ({ name, option, label, required, disabled, row, sx, checkboxSx, labelSx, errorSx, containerSx, iconSx, checkedSx, ...rest }: Props$4) => react_jsx_runtime.JSX.Element;
 
-interface Props$3 extends Omit<StandardTextFieldProps, 'variant'> {
+interface Props$3 extends Omit<TextFieldProps, 'variant'> {
     name: string;
     label: ReactNode;
     tagUser?: string;
@@ -489,7 +492,7 @@ interface Props$2 {
     placeholder?: string;
     required?: boolean;
     /** Variant of the input field */
-    variant?: 'outlined' | 'filled' | 'standard';
+    variant?: "outlined" | "filled" | "standard";
     sx?: SxProps<Theme>;
     editorSx?: SxProps<Theme>;
     toolbarSx?: SxProps<Theme>;
@@ -784,6 +787,49 @@ interface AppSimpleUploadFileProps {
 }
 declare const AppSimpleUploadFile: React__default.FC<AppSimpleUploadFileProps>;
 
+interface AppUploadFileProps {
+    name: string;
+    label?: string;
+    multiple?: boolean;
+    accept?: string;
+    maxFiles?: number;
+    maxSize?: number;
+    disabled?: boolean;
+    sx?: SxProps<Theme>;
+    dropZoneSx?: SxProps<Theme>;
+    previewSx?: SxProps<Theme>;
+    errorSx?: SxProps<Theme>;
+    helperTextSx?: SxProps<Theme>;
+    onDrop?: (acceptedFiles: File[]) => void;
+    onDelete?: () => void;
+}
+declare const AppUploadFile: ({ name, label, multiple, accept, maxFiles, maxSize, disabled, sx, dropZoneSx, previewSx, errorSx, helperTextSx, onDrop: externalOnDrop, onDelete: externalOnDelete, ...rest }: AppUploadFileProps) => react_jsx_runtime.JSX.Element;
+
+interface SubmitButtonProps {
+    children: React__default.ReactNode;
+    loading?: boolean;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    variant?: 'text' | 'outlined' | 'contained';
+    color?: 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+    size?: 'small' | 'medium' | 'large';
+    startIcon?: React__default.ReactNode;
+    endIcon?: React__default.ReactNode;
+    sx?: SxProps<Theme>;
+    buttonSx?: SxProps<Theme>;
+    loadingSx?: SxProps<Theme>;
+    disabledSx?: SxProps<Theme>;
+    [key: string]: any;
+}
+declare const SubmitButton: ({ children, loading, disabled, fullWidth, variant, color, size, startIcon, endIcon, sx, buttonSx, loadingSx, disabledSx, ...rest }: SubmitButtonProps) => React__default.JSX.Element;
+
+type IconifyProps = IconifyIcon | string;
+
+interface Props extends BoxProps {
+    icon: IconifyProps;
+}
+declare const Iconify: React$1.ForwardRefExoticComponent<Omit<Props, "ref"> & React$1.RefAttributes<SVGElement>>;
+
 interface FileItem extends File {
     id?: number | string;
     preview?: string;
@@ -819,41 +865,4 @@ interface UploadProps extends DropzoneOptions {
     onRemoveAll?: VoidFunction;
 }
 
-interface AppUploadFilePropTypes extends UploadProps {
-    name: string;
-    label?: string;
-    sx?: SxProps<Theme>;
-    uploadSx?: SxProps<Theme>;
-    errorSx?: SxProps<Theme>;
-    helperTextSx?: SxProps<Theme>;
-    previewSx?: SxProps<Theme>;
-    dropZoneSx?: SxProps<Theme>;
-}
-declare const AppUploadFile: ({ name, sx, uploadSx, errorSx, helperTextSx, previewSx, dropZoneSx, ...rest }: AppUploadFilePropTypes) => react_jsx_runtime.JSX.Element;
-
-interface SubmitButtonProps {
-    children: React__default.ReactNode;
-    loading?: boolean;
-    disabled?: boolean;
-    fullWidth?: boolean;
-    variant?: 'text' | 'outlined' | 'contained';
-    color?: 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
-    size?: 'small' | 'medium' | 'large';
-    startIcon?: React__default.ReactNode;
-    endIcon?: React__default.ReactNode;
-    sx?: SxProps<Theme>;
-    buttonSx?: SxProps<Theme>;
-    loadingSx?: SxProps<Theme>;
-    disabledSx?: SxProps<Theme>;
-    [key: string]: any;
-}
-declare const SubmitButton: ({ children, loading, disabled, fullWidth, variant, color, size, startIcon, endIcon, sx, buttonSx, loadingSx, disabledSx, ...rest }: SubmitButtonProps) => React__default.JSX.Element;
-
-type IconifyProps = IconifyIcon | string;
-
-interface Props extends BoxProps {
-    icon: IconifyProps;
-}
-declare const Iconify: React$1.ForwardRefExoticComponent<Omit<Props, "ref"> & React$1.RefAttributes<SVGElement>>;
-
 export { AppAutoComplete, AppAutoCompleter, AppCheckBox, AppDateAndTimePicker, AppDatePicker, AppFormErrorMessage, AppInputField, AppMultiSelector, AppPhoneNoInput, AppRadioGroup, AppRating, AppRichTextEditor, AppSearchableMultiSelector, AppSearchableSelectInput, AppSelectInput, AppSimpleUploadFile, AppSwitch, AppSwitchInput, AppTagsCreator, AppTextArea, AppUploadFile, Form, Iconify, IconifyProps, SubmitButton, UploadProps };