formik-form-components 0.2.29 → 0.2.30

package/dist/index.d.ts

@@ -1,43 +1,27 @@
 import * as React$1 from 'react';
 import React__default, { ReactElement, ReactNode, SyntheticEvent, ElementType } from 'react';
 import { FormikValues, FormikConfig, FormikProps } from 'formik';
-import { SxProps, Theme, AutocompleteProps, AutocompleteChangeReason, AutocompleteChangeDetails, TextFieldProps, RadioGroupProps, BoxProps } from '@mui/material';
+import { SxProps, Theme, SwitchProps, AutocompleteProps, AutocompleteChangeReason, AutocompleteChangeDetails, Checkbox, TextFieldProps, RadioGroupProps, BoxProps } from '@mui/material';
 import { Theme as Theme$1 } from '@mui/material/styles';
-import { SelectProps } from '@mui/material/Select';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';
 import { Dayjs } from 'dayjs';
+import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
+import { SelectProps } from '@mui/material/Select';
 import { DropzoneOptions } from 'react-dropzone';
 import { IconifyIcon } from '@iconify/react';
 
-type AppDatePickerProps = {
+declare const AppDatePicker: React__default.ForwardRefExoticComponent<{
     name: string;
     label?: string;
     disabled?: boolean;
+    disablePast?: boolean;
     format?: string;
     sx?: SxProps<Theme>;
     textFieldSx?: SxProps<Theme>;
-};
-declare const AppDatePicker: React__default.ForwardRefExoticComponent<AppDatePickerProps & React__default.RefAttributes<HTMLDivElement>>;
+} & Omit<DatePickerProps<true, Dayjs, Dayjs>, "value" | "onChange" | "renderInput"> & React__default.RefAttributes<HTMLDivElement>>;
 
-interface AppSelectOptions {
-    label: string;
-    value: string | number;
-}
-interface Props$7 extends Omit<SelectProps, 'name' | 'label' | 'value' | 'onChange'> {
-    name: string;
-    label?: string;
-    placeholder?: string;
-    options: AppSelectOptions[];
-    disabled?: boolean;
-    sx?: SxProps<Theme>;
-    formControlSx?: SxProps<Theme>;
-    textFieldSx?: SxProps<Theme>;
-    listboxSx?: SxProps<Theme>;
-    errorSx?: SxProps<Theme>;
-}
-declare function AppAutoCompleter({ placeholder, name, label, options, disabled, sx, formControlSx, textFieldSx, listboxSx, errorSx }: Props$7): React.JSX.Element;
-
-interface AppDateAndTimePickerProps {
+type AppDateAndTimePickerProps = {
     /** Field name for formik */
     name: string;
     /** Label for the date and time picker */
@@ -80,7 +64,7 @@ interface AppDateAndTimePickerProps {
     onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
     /** Additional props to pass to the DateTimePicker */
     [key: string]: any;
-}
+} & Omit<DateTimePickerProps<true, Dayjs, Dayjs>, "value" | "onChange" | "renderInput">;
 declare const AppDateAndTimePicker: React__default.ForwardRefExoticComponent<Omit<AppDateAndTimePickerProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 interface Props$6 {
@@ -90,7 +74,7 @@ interface Props$6 {
     containerSx?: SxProps<Theme>;
     textSx?: SxProps<Theme>;
 }
-declare function AppFormErrorMessage({ name, alwaysShow, sx, containerSx, textSx }: Props$6): React.JSX.Element | null;
+declare function AppFormErrorMessage({ name, alwaysShow, sx, containerSx, textSx, }: Props$6): React.JSX.Element | null;
 
 interface AppTextAreaProps {
     /** Field name for formik */
@@ -155,7 +139,7 @@ interface Props$5 extends Omit<SelectProps, 'name' | 'label' | 'value' | 'onChan
 }
 declare function AppTagsCreator({ placeholder, name, multiple, label, options, disabled, sx, formControlSx, textFieldSx, chipSx, listboxSx, errorSx, chipContainerSx, inputSx, }: Props$5): React.JSX.Element;
 
-interface AppSwitchInputProps {
+interface AppSwitchInputProps extends Omit<SwitchProps, "name" | "checked" | "onChange"> {
     name: string;
     label?: string;
     className?: string;
@@ -170,7 +154,7 @@ interface AppSwitchInputProps {
 }
 declare function AppSwitchInput({ name, label, className, sx, containerSx, switchSx, labelSx, errorSx, labelPlacement, disabled, ...otherProps }: AppSwitchInputProps): React__default.JSX.Element;
 
-interface AppSwitchProps {
+interface AppSwitchProps extends Omit<SwitchProps, "name" | "checked" | "onChange"> {
     name: string;
     label: string;
     sx?: SxProps<Theme>;
@@ -189,7 +173,7 @@ interface FormProps<T> extends FormikConfig<T> {
 }
 declare const Form: <T extends FormikValues>({ children, className, ...props }: FormProps<T>) => ReactElement;
 
-interface Props$4 extends Omit<AutocompleteProps<string, true, boolean, false, 'div'>, 'renderInput' | 'onChange' | 'value' | 'multiple' | 'freeSolo'> {
+interface Props$4 extends Omit<AutocompleteProps<string, true, boolean, false, "div">, "renderInput" | "onChange" | "value" | "multiple" | "freeSolo"> {
     name: string;
     freeSolo?: boolean;
     label?: string;
@@ -207,51 +191,61 @@ interface Props$4 extends Omit<AutocompleteProps<string, true, boolean, false, '
 }
 declare function AppAutoComplete({ placeholder, name, variant, label, options, value: propValue, onChange: propOnChange, sx, formControlSx, textFieldSx, chipSx, errorSx, }: Props$4): React.JSX.Element;
 
+interface SelectOption {
+    label: string;
+    value: string | number;
+}
+type OptionType = string | SelectOption;
+interface Props$3 extends Omit<AutocompleteProps<OptionType, boolean, boolean, boolean>, "renderInput" | "options" | "value" | "onChange"> {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    options: OptionType[];
+    multiple?: boolean;
+    freeSolo?: boolean;
+    sx?: SxProps<Theme>;
+    formControlSx?: SxProps<Theme>;
+    textFieldSx?: SxProps<Theme>;
+    chipSx?: SxProps<Theme>;
+    errorSx?: SxProps<Theme>;
+}
+declare function AppAutoCompleter({ name, label, placeholder, options, multiple, freeSolo, sx, formControlSx, textFieldSx, chipSx, errorSx, ...rest }: Props$3): React__default.JSX.Element;
+
 interface CheckboxOption {
     label: string;
     name: string;
-    value: string | boolean | number;
+    value: string | number | boolean;
     disabled?: boolean;
 }
-interface Props$3 {
-    /** Array of checkbox options with label and value */
-    option: CheckboxOption[];
-    /** Field name for formik */
+interface Props$2 {
     name: string;
-    /** Label for the checkbox group */
+    option: CheckboxOption[];
     label?: string;
-    /** Whether the field is required */
     required?: boolean;
-    /** Whether the checkbox group is disabled */
     disabled?: boolean;
-    /** Whether the checkbox group is in a row */
     row?: boolean;
-    /** Custom styles for the root container */
     sx?: SxProps<Theme>;
-    /** Custom styles for the checkbox component */
     checkboxSx?: SxProps<Theme>;
-    /** Custom styles for the label */
     labelSx?: SxProps<Theme>;
-    /** Custom styles for the error message */
     errorSx?: SxProps<Theme>;
-    /** Custom styles for the checkbox container */
     containerSx?: SxProps<Theme>;
-    /** Custom styles for the checkbox icon */
     iconSx?: SxProps<Theme>;
-    /** Custom styles for the checked state */
     checkedSx?: SxProps<Theme>;
+    checkboxProps?: React__default.ComponentProps<typeof Checkbox>;
 }
-declare const AppCheckBox: ({ name, option, label, required, disabled, row, sx, checkboxSx, labelSx, errorSx, containerSx, iconSx, checkedSx, ...rest }: Props$3) => react_jsx_runtime.JSX.Element;
+declare const AppCheckBox: ({ name, option, label, required, disabled, row, sx, checkboxSx, labelSx, errorSx, containerSx, iconSx, checkedSx, checkboxProps, }: Props$2) => react_jsx_runtime.JSX.Element;
 
-interface Props$2 extends Omit<TextFieldProps, 'variant'> {
+interface CustomInputProps {
     name: string;
-    label: ReactNode;
+    label?: ReactNode;
+    required?: boolean;
     tagUser?: string;
     hasReply?: boolean;
-    required?: boolean;
-    variant?: 'outlined' | 'filled' | 'standard';
 }
-declare function AppInputField({ name, label, type, InputProps, required, variant, ...otherProps }: Props$2): React__default.JSX.Element;
+type AppInputFieldProps = CustomInputProps & Omit<TextFieldProps, "name" | "label" | "variant"> & {
+    variant?: "outlined" | "filled" | "standard";
+};
+declare function AppInputField({ name, label, type, required, variant, InputProps, ...otherProps }: AppInputFieldProps): React__default.JSX.Element;
 
 interface AppSelectOption$1 {
     label: string;
@@ -312,49 +306,28 @@ interface AppPhoneNoInputProps {
 declare const AppPhoneNoInput: React__default.FC<AppPhoneNoInputProps>;
 
 interface RadioOption {
-    /** The label to be shown next to the radio button */
     label: string;
-    /** The value to be used when this option is selected */
     value: string | number;
-    /** Whether this option is disabled */
     disabled?: boolean;
-    /** Custom styles for this specific radio option */
     sx?: SxProps<Theme>;
-    /** Custom styles for this specific radio button */
     radioSx?: SxProps<Theme>;
-    /** Custom styles for this specific label */
     labelSx?: SxProps<Theme>;
 }
-interface AppRadioGroupProps extends Omit<RadioGroupProps, 'onChange' | 'onBlur' | 'value'> {
-    /** Field name for formik */
+interface AppRadioGroupProps extends Omit<RadioGroupProps, "onChange" | "onBlur" | "value"> {
     name: string;
-    /** Array of radio options */
     options: RadioOption[];
-    /** Label for the radio group */
     label?: string;
-    /** Whether the field is required */
     required?: boolean;
-    /** Whether the radio group is disabled */
     disabled?: boolean;
-    /** Whether to show the radio group in a row */
     row?: boolean;
-    /** Custom styles for the root container */
     sx?: SxProps<Theme>;
-    /** Custom styles for the form control */
     formControlSx?: SxProps<Theme>;
-    /** Custom styles for the radio group */
     radioGroupSx?: SxProps<Theme>;
-    /** Custom styles for the form label */
     formLabelSx?: SxProps<Theme>;
-    /** Custom styles for the radio buttons */
     radioSx?: SxProps<Theme>;
-    /** Custom styles for the radio labels */
     labelSx?: SxProps<Theme>;
-    /** Custom styles for the error message */
     errorSx?: SxProps<Theme>;
-    /** Callback when the value changes */
     onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, value: string) => void;
-    /** Callback when the field is blurred */
     onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
 }
 declare const AppRadioGroup: React__default.ForwardRefExoticComponent<Omit<AppRadioGroupProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
@@ -433,12 +406,12 @@ interface AppRatingProps {
 }
 declare const AppRating: React$1.ForwardRefExoticComponent<AppRatingProps & React$1.RefAttributes<HTMLDivElement>>;
 
+type EditorButton = "bold" | "italic" | "underline" | "strike" | "bulletList" | "orderedList" | "alignLeft" | "alignCenter" | "alignRight" | "heading1" | "heading2" | "undo" | "redo" | "link";
 interface Props$1 {
     name: string;
     label?: string;
     placeholder?: string;
     required?: boolean;
-    /** Variant of the input field */
     variant?: "outlined" | "filled" | "standard";
     sx?: SxProps<Theme>;
     editorSx?: SxProps<Theme>;
@@ -449,8 +422,9 @@ interface Props$1 {
     buttonSx?: SxProps<Theme>;
     activeButtonSx?: SxProps<Theme>;
     dialogSx?: SxProps<Theme>;
+    showButtons?: EditorButton[];
 }
-declare const AppRichTextEditor: ({ name, label, required, variant, placeholder, sx, editorSx, toolbarSx, contentSx, errorSx, labelSx, buttonSx, activeButtonSx, dialogSx, }: Props$1) => react_jsx_runtime.JSX.Element | null;
+declare const AppRichTextEditor: React__default.FC<Props$1>;
 
 interface AppSelectOption {
     label: string;